/* CSS Document */

.iconmenu {
    padding-left:20px;
	padding-top:3px;
	padding-bottom:2px;
    margin-right:16px;
	font-size:11px;
	text-decoration:none;
    height:16px;
    float:left;
    white-space:nowrap;
}


.iconmenu3 {
    margin-right:2px;
	font-size:11px;
	text-decoration:none;
    height:16px;
    float:left;
    white-space:nowrap;
}

.iconmenu2 {
    height:25px;
    width:25px;
    margin-right:8px;
	display:block;
}

.iconmenu3 {}

.iconmenu.enablemenu{
    color:#888888;
}

.iconmenu.enablemenu:hover{
    color:#cccccc;
}

.iconmenu.disablemenu{
    color:#333333;
	cursor: default;
}

/** 左メニュー **/
#open-gallery {
	background:url("/common/images/icons/gallery_gray.png") no-repeat;
	background-position:3px 2px;
	background-color:#222222;
}

#open-gallery:hover {
	background:url("/common/images/icons/gallery_active.png") no-repeat;
	background-color:#333333;
	color:#FFFFFF;
	background-position:3px 2px;

}

#open-gallery.active {
	background:url("/common/images/icons/gallery_active.png") no-repeat;
	color:#FFFFFF;
	background-position:3px 2px;
	background-color:#551e1a; 
	
}

#open-gallery.enablemenu {
	background:url("/common/images/icons/gallery_gray.png") no-repeat;
	background-position:3px 2px;

}

#open-gallery.enablemenu:hover{
	background:url("/common/images/icons/gallery_active.png") no-repeat;
	background-position:3px 2px;
	

}

#open-gallery.disablemenu {
	background:url("/common/images/icons/gallery_gray.png") no-repeat;
	background-position:3px 2px;

}

/* アルバム*/
#open-album {
	background:url("/common/images/album_tab.png") no-repeat 0 0;
}

#open-album:hover {
	background:url("/common/images/album_tab.png") no-repeat 0 0;
	color:#FFFFFF;
}
#open-album.active {
	background:url("/common/images/album_tab.png") no-repeat 0 0;
	
}
#open-album.enablemenu {
	background:url("/common/images/album_tab.png") no-repeat 0 0;
	color:#FFFFFF;
}
#open-album.enablemenu:hover{
	background:url("/common/images/album_tab.png") no-repeat 0 -42px;
}
#open-album.disablemenu {
	background:url("/common/images/album_tab.png") no-repeat 0 -21px;
}
#open-album.disablemenu:hover {
	background:url("/common/images/album_tab.png") no-repeat 0 -63px;
}
/* 共有アルバム*/

#open-share {
	background:url("/common/images/share_tab.png") no-repeat 0 0;
}
#open-share:hover {
	background:url("/common/images/share_tab.png") no-repeat 0 0;
}
#open-share.active {
	background:url("/common/images/share_tab.png") no-repeat 0 0;
	
}
#open-share.enablemenu {
	background:url("/common/images/share_tab.png") no-repeat 0 0;
}
#open-share.enablemenu:hover{
		background:url("/common/images/share_tab.png") no-repeat 0 -42px;
}
#open-share.disablemenu {
	background:url("/common/images/share_tab.png") no-repeat 0 -21px;
}
#open-share.disablemenu:hover {
	background:url("/common/images/share_tab.png") no-repeat 0 -63px;
}

/* 公開アルバムfor member */
#open-album2 {
	background:url("/common/images/member_tab1.png") no-repeat 0 0;

}
#open-album2:hover {
	background:url("/common/images/member_tab1.png") no-repeat 0 0;
}
#open-album2.active {
	background:url("/common/images/member_tab1.png") no-repeat 0 0;
}
#open-album2.active:hover {
}
#open-album2.enablemenu {
	background:url("/common/images/member_tab1.png") no-repeat 0 0;
}
#open-album2.enablemenu:hover{
	background:url("/common/images/member_tab1.png") no-repeat 0 -42px;
}
#open-album2.disablemenu {
	background:url("/common/images/member_tab1.png") no-repeat 0 -21px;
}
#open-album2.disablemenu:hover {
	background:url("/common/images/member_tab1.png") no-repeat 0 -63px;
}

/* プライベートアルバム for member */
#open-share2 {
	background:url("/common/images/member_tab2.png") no-repeat 0 0;
}
#open-share:hover2 {
	background:url("/common/images/member_tab2.png") no-repeat 0 0;
}
#open-share.active2 {
	background:url("/common/images/member_tab2.png") no-repeat 0 0;
}
#open-share2.enablemenu {
	background:url("/common/images/member_tab2.png") no-repeat 0 0;
}
#open-share2.enablemenu:hover{
	background:url("/common/images/member_tab2.png") no-repeat 0 -42px;
}
#open-share2.disablemenu {
	background:url("/common/images/member_tab2.png") no-repeat 0 -21px;
}
#open-share2.disablemenu:hover {
	background:url("/common/images/member_tab2.png") no-repeat 0 -63px;
}

/*.album_menu2 {
	background:url("/common/images/icons/album_gray.png") no-repeat;
	background-position:2px 2px;
	margin-bottom:5px;
	padding-bottom:1px;
	padding-top:1px;
	padding-left:22px;
	margin-left:5px;
	color:gray;
	cursor:pointer;
}
.album_menu3 {
	background:url("/common/images/icons/sharelist_gray.png") no-repeat;
	background-position:2px 2px;
	margin-bottom:5px;
	padding-bottom:1px;
	padding-top:1px;
	padding-left:22px;
	margin-left:5px;
	color:gray;
	cursor:pointer;
}
.album_menu2:hover {
	background:url("/common/images/icons/album_active.png") no-repeat;
	color:white;
	background-color:#333333;
	background-position:2px 2px;

}
.album_menu3:hover {
	background:url("/common/images/icons/sharelist_active.png") no-repeat;
	color:white;
	background-color:#333333;
	background-position:2px 2px;

}
.album_menu2_disablehover {
	background:url("/common/images/icons/album_active.png") no-repeat;
	background-position:2px 2px;
	margin-bottom:5px;
	padding-bottom:2px;
	padding-top:2px;
	padding-left:22px;
	padding-right:22px;
	margin-left:5px;
	color:gray;
}
.album_menu3_disablehover {
	background:url("/common/images/icons/sharelist_active.png") no-repeat;
	background-position:2px 2px;
	margin-bottom:5px;
	padding-bottom:2px;
	padding-top:2px;
	padding-left:22px;
	padding-right:22px;
	margin-left:5px;
	color:gray;
}
*/
/** 左メニュー下 **/

.left_menu02 {
	border-top:1px dotted #666666;
	position:relative;
	top:29px;
	left:0px;
	right:0px;
	bottom:0px;
	padding-top:8px;
	padding-bottom:5px;
	padding-left:20px;
	padding-right:20px;
	text-align:center;
	background-color:#191919;
	z-index:0;
}

.left_menu02 a{
	float:left;
}

#create-album.enablemenu {
	background:url("/common/images/icons/add.png") no-repeat;
}
#create-album.enablemenu.attentionme {
	background:url("/common/images/icons/add_mov.gif") no-repeat;
}
#create-album.enablemenu:hover{
	background:url("/common/images/icons/add_over.png") no-repeat;
}

#create-album.disablemenu {
	background:url("/common/images/icons/add_gray.png") no-repeat;
	cursor:move;
}


#share-album.enablemenu {
	background:url("/common/images/icons/share.png") no-repeat;
}

#share-album.enablemenu:hover{
	background:url("/common/images/icons/share_over.png") no-repeat;
}

#share-album.disablemenu {
	background:url("/common/images/icons/share_gray.png") no-repeat;
	cursor:default;
}


#delete-album.enablemenu {
	background:url("/common/images/icons/trash.png") no-repeat;
}

#delete-album.enablemenu:hover{
	background:url("/common/images/icons/trash_over.png") no-repeat;
}

#delete-album.disablemenu {
	background:url("/common/images/icons/trash_gray.png") no-repeat;
	cursor:default;
}


#info-album.enablemenu {
	background:url("/common/images/icons/config.png") no-repeat;
}

#info-album.enablemenu:hover{
	background:url("/common/images/icons/config_over.png") no-repeat;
}

#info-album.disablemenu {
	background:url("/common/images/icons/config_gray.png") no-repeat;
	cursor:default;
}

/** 左メニュー共有アルバム表示時 **/

.left_menu03 {
	border-top:1px dotted #666666;
	position:relative;
	top:29px;
	left:0px;
	right:0px;
	bottom:0px;
	padding-top:8px;
	padding-bottom:5px;
	text-align:center;
	background-color:#191919;
	z-index:400;
}

#goto_member_page{
	display:block;
	background:url("/common/images/icons/gotouser.png") no-repeat 0 0;	
	width:172px;
	height:30px;
	text-indent:-10000em;
	overflow:hidden;
}
#goto_member_page:hover{
	background:url("/common/images/icons/gotouser.png") no-repeat 0 -30px;	

}
/* 写真一覧時のフローティングバーのメニューたち */
.photo_menu_set{
    padding-top:10px;
	margin-right:0;
	margin-left:auto;
	width:500px;
}

#trush-photos.enablemenu {
	background:url("/common/images/icons/trash.png") no-repeat;
	display:block;
	width:25px;
	height:25px;
	text-indent:-10000em;
	float:right;
	padding:0;
}

#trush-photos.enablemenu:hover{
	background:url("/common/images/icons/trash_over.png") no-repeat;
}

#trush-photos.disablemenu {
	background:url("/common/images/icons/trash_gray.png") no-repeat;
	display:block;
	width:25px;
	height:25px;
	text-indent:-10000em;
	padding:0;
	float:right;
}


#upload-photo.enablemenu {
	background:url("/common/images/icons/upload.png") no-repeat;
	display:block;
	width:25px;
	height:25px;
	text-indent:-10000em;
	padding:0;
	float:right;
}
#upload-photo.enablemenu.attentionme {
	background:url("/common/images/icons/upload_mov.gif") no-repeat;
	display:block;
	width:25px;
	height:25px;
	text-indent:-10000em;
	padding:0;
	float:right;
}
#upload-photo.enablemenu:hover{
	background:url("/common/images/icons/upload_over.png") no-repeat;
}

#upload-photo.disablemenu {
	background:url("/common/images/icons/upload_gray.png") no-repeat;
	width:25px;
	height:25px;
	text-indent:-10000em;
	padding:0;
	float:right;
}


#tag-photo.enablemenu {
	background:url("/common/images/icons/tag.png") no-repeat;
	display:block;
	width:25px;
	height:25px;
	text-indent:-10000em;
	float:right;
	padding:0;
}

#tag-photo.enablemenu:hover{
	background:url("/common/images/icons/tag_over.png") no-repeat;
}

#tag-photo.disablemenu {
	background:url("/common/images/icons/tag_gray.png") no-repeat;
	width:25px;
	height:25px;
	text-indent:-10000em;
	padding:0;
	float:right;
}


#select-all.enablemenu {
	background:url("/common/images/icons/check.png") no-repeat;
	display:block;
	width:25px;
	height:25px;
	text-indent:-10000em;
	float:right;
	padding:0;
}

#select-all.enablemenu:hover{
	background:url("/common/images/icons/check_over.png") no-repeat;
}

#select-all.disablemenu {
	background:url("/common/images/icons/check_gray.png") no-repeat;
	width:25px;
	height:25px;
	text-indent:-10000em;
	padding:0;
	
	float:right;
}

.photo-info.enablemenu {
	background:url("/common/images/icons/info.png") no-repeat;
	display:block;
	width:25px;
	height:25px;
	text-indent:-10000em;
	float:right;
	padding:0;
}

.photo-info.enablemenu:hover{
	background:url("/common/images/icons/info_over.png") no-repeat;
}

.photo-info.disablemenu {
	background:url("/common/images/icons/info_gray.png") no-repeat;
	width:25px;
	height:25px;
	text-indent:-10000em;
	padding:0;
	
	float:right;
}


/* 写真詳細時のフローティングバーのメニューたち */

#back-album.enablemenu {
	background:url("/common/images/icons/backtoalbum.png") no-repeat;
	display:block;
	width:153px;
	height:30px;
	text-indent:-10000em;
	overflow:hidden;
	float:right;
	margin:0;
	padding:0;
}

#back-album.enablemenu:hover{
	background:url("/common/images/icons/backtoalbum.png") no-repeat;
	background-position:left -30px;
}

#back-album.disablemenu {
	background:url("/common/images/icons/backtoalbum.png") no-repeat;
	display:block;
	width:153px;
	height:30px;
	text-indent:-10000em;
	overflow:hidden;
	float:right;
	padding:0;
}

#back-album.enablemenu.enablegallery {
	background:url("/common/images/icons/backtogallery.png") no-repeat;
	display:block;
	width:153px;
	height:30px;
	text-indent:-10000em;
	overflow:hidden;
	float:right;
	margin:0;
	padding:0;
}

#back-album.enablemenu.enablegallery:hover{
	background:url("/common/images/icons/backtogallery.png") no-repeat;
	background-position:left -30px;
}

#back-album.disablemenu.enablegallery {
	background:url("/common/images/icons/backtogallery.png") no-repeat;
	display:block;
	width:153px;
	height:30px;
	text-indent:-10000em;
	overflow:hidden;
	float:right;
	padding:0;
}

#photo-download.enablemenu {
	background:url("/common/images/icons/download.png") no-repeat;
	display:block;
	width:25px;
	height:25px;
	text-indent:-10000em;
	float:right;
	padding:0;
	overflow:hidden;
}

#photo-download.enablemenu:hover{
	background:url("/common/images/icons/download_over.png") no-repeat;
}

#photo-download.disablemenu {
	background:url("/common/images/icons/download_gray.png") no-repeat;
	display:block;
	width:25px;
	height:25px;
	text-indent:-10000em;
	float:right;
	padding:0;
	overflow:hidden;
}


#good-onephoto.enablemenu {
	background:url("/common/images/icons/good.png") no-repeat;
	display:block;
	width:25px;
	height:25px;
	float:right;
	padding:0;
}

#good-onephoto.enablemenu:hover{
	background:url("/common/images/icons/good_over.png") no-repeat;
}

#good-onephoto.disablemenu {
	background:url("/common/images/icons/good_gray.png") no-repeat;
	display:block;
	width:25px;
	height:25px;
	text-indent:-10000em;
	float:right;
	padding:0;
	overflow:hidden;
}


#comment-onephoto.enablemenu {
	background:url("/common/images/icons/comment.png") no-repeat;
	display:block;
	width:25px;
	height:25px;
	float:right;
	padding:0;
}

#comment-onephoto.enablemenu:hover{
	background:url("/common/images/icons/comment_over.png") no-repeat;
}

#comment-onephoto.disablemenu {
	background:url("/common/images/icons/comment_gray.png") no-repeat;
	display:block;
	width:25px;
	height:25px;
	text-indent:-10000em;
	float:right;
	overflow:hidden;
	padding:0;
}
.good-count{
	margin-left:18px;
	margin-top:21px;
	font-size:10px;
}
.comment-count{
	margin-left:0px;
	margin-top:23px;
	font-size:10px;
	text-align:right;
	width:27px;
}
#tag-onephoto.enablemenu {
	background:url("/common/images/icons/tag.png") no-repeat;
	display:block;
	width:25px;
	height:25px;
	text-indent:-10000em;
	float:right;
	overflow:hidden;
	padding:0;
}

#tag-onephoto.enablemenu:hover{
	background:url("/common/images/icons/tag_over.png") no-repeat;
}

#tag-onephoto.disablemenu {
	background:url("/common/images/icons/tag_gray.png") no-repeat;
	display:block;
	width:25px;
	height:25px;
	text-indent:-10000em;
	float:right;
	padding:0;
	overflow:hidden;
}

#trush-onephoto.enablemenu {
	background:url("/common/images/icons/trash.png") no-repeat;
	display:block;
	width:25px;
	height:25px;
	text-indent:-10000em;
	float:right;
	padding:0;
	overflow:hidden;
}

#trush-onephoto.enablemenu:hover{
	background:url("/common/images/icons/trash_over.png") no-repeat;
}

#trush-onephoto.disablemenu {

	background:url("/common/images/icons/trash_gray.png") no-repeat;
	display:block;
	width:25px;
	height:25px;
	text-indent:-10000em;
	float:right;
	padding:0;
	overflow:hidden;
}


/** ヘッダメニューたち **/
.hd_menu{
    top:0px;
	right:12px;
	position:absolute;
}
.hd_menu2{
    top:0px;
    right:12px;
    position:absolute;
}

.hd_menu3{
    top:0px;
    right:12px;
    position:absolute;
}

.hd_menu3 a{
    height:16px;
    position:absolute;
}

.new_icon{
	display:block;
	background:url("/common/images/small_icons/news_gray.png") no-repeat;
	width:25px;
	height:24px;
	float:right;
	margin-left:10px;
	margin-top:-2px;
	cursor:default;
	
}
.new_icon.checked.disable:hover{
	background:url("/common/images/small_icons/news_over.png") no-repeat;
}
.new_icon.checked{
	background:url("/common/images/small_icons/news_color.gif") no-repeat;
	cursor:pointer;
}

/*ナビゲーション・デフォ値*/

#invitation.enablemenu {
	background:url("/common/images/navi/navi_default.png") no-repeat;
    background-position:0 0;
	width:132px;
	height:32px;
	display:block;
	text-indent:-10000em;
	overflow:hidden;
    }

#invitation.enablemenu:hover{
	background-position:0 -32px ;
}

#invitation.disablemenu {
	background-position:0 0 ;
}


#account.enablemenu {
	background:url("/common/images/navi/navi_default.png") no-repeat;
    background-position:-132px 0 ;
	width:121px;
	height:32px;
	display:block;
	text-indent:-10000em;
	overflow:hidden;
}

#account.enablemenu:hover{
	background-position:-132px -32px ;
}

#account.disablemenu {
	background-position:-132px 0 ;
}

#help.enablemenu {
	background:url("/common/images/navi/navi_default.png") no-repeat;
    background-position:-253px 0 ;
	width:84px;
	height:32px;
	display:block;
	text-indent:-10000em;
	overflow:hidden;
}

#help.enablemenu:hover{
	background-position:-253px -32px ;
}

#help.disablemenu {
	background-position:-253px 0 ;
}

#logout.enablemenu {
	background:url("/common/images/navi/navi_default.png") no-repeat;
    background-position:-337px 0 ;
	width:104px;
	height:32px;
	display:block;
	text-indent:-10000em;
	overflow:hidden;
}

#logout.enablemenu:hover{
	background-position:-337px -32px;	
}

#logout.disablemenu {
	background:url("/common/images/small_icons/logout_faded.png") no-repeat;
}

/** settings **/
#sort-by-shoot.enablemenu {
	background:url("/common/images/icons/setting_date1.gif") no-repeat left 0px;
	width:28px;
	height:19px;
	margin:0;
}

#sort-by-shoot.enablemenu:hover{
	background:url("/common/images/icons/setting_date1.gif") no-repeat left 0px;
	width:28px;
	height:19px;
}

#sort-by-shoot.disablemenu {
	background:url("/common/images/icons/setting_date1.gif") no-repeat left -19px;
	width:28px;
	height:19px;
	margin:0;
}
#sort-by-shoot.disablemenu:hover {
	background:url("/common/images/icons/setting_date1.gif") no-repeat left -38px;
	width:28px;
	height:19px;
	margin:0;
}
#sort-by-upload.enablemenu {
	background:url("/common/images/icons/setting_date2.gif") no-repeat left 0px;
	width:28px;
	height:19px;
	margin:0;
}

#sort-by-upload.enablemenu:hover{
	background:url("/common/images/icons/setting_date2.gif") no-repeat left 0px;
	width:28px;
	height:19px;
}

#sort-by-upload.disablemenu {
	background:url("/common/images/icons/setting_date2.gif") no-repeat left -19px;
	width:28px;
	height:19px;
	margin:0;
}
#sort-by-upload.disablemenu:hover {
	background:url("/common/images/icons/setting_date2.gif") no-repeat left -38px;
	width:28px;
	height:19px;
	margin:0;
}

#change-find-type-ul li.change-nofind a{
	background:url("/js/droppy/nofind_gray.png") no-repeat ;
	padding-left:28px;
	display:block;
	}
#change-find-type-ul li.change-nofind a:hover{
	background:url("/js/droppy/nofind_color.png") no-repeat;
	}
#change-find-type-ul li.change-shootfind a{
	background:url("/js/droppy/shotfind_gray.png") no-repeat ;
	padding-left:28px;
	display:block;
}
#change-find-type-ul li.change-shootfind a:hover{
	background:url("/js/droppy/shotfind_color.png") no-repeat;
	}
#change-find-type-ul li.change-upfind a{
	background:url("/js/droppy/upfind_gray.png") no-repeat ;
	padding-left:28px;
	display:block;
}
#change-find-type-ul li.change-upfind a:hover{
	background:url("/js/droppy/upfind_color.png") no-repeat;
	}
#change-find-type-ul li.change-tagfind a{
	background:url("/js/droppy/tagfind_gray.png") no-repeat ;
	padding-left:28px;
	display:block;
}
#change-find-type-ul li.change-tagfind a:hover{
	background:url("/js/droppy/tagfind_color.png") no-repeat;
	}
/** controls **/
.control_button {
    height:27px;
    width:27px;
    margin:0;
	padding:0;
    float:left;
}


#good-button {
	background:url("/common/images/small_icons/good_grayscale.png") no-repeat;
	cursor: pointer;
	width:27px;
	height:27px;
}
#good-button:hover {
	background:url("/common/images/small_icons/good_over.png") no-repeat;
	cursor: pointer;
	width:27px;
	height:27px;
}

#good-button.checked {
	background:url("/common/images/small_icons/good_color.png") no-repeat;
}

#good-button.unchecked {
	background:url("/common/images/small_icons/good_grayscale.png") no-repeat;
	width:27px;
	height:27px;
}

#comment-button {
	background:url("/common/images/small_icons/comment_grayscale.png") no-repeat;
	cursor: pointer;
	width:27px;
	height:27px;
}
#comment-button:hover {
	background:url("/common/images/small_icons/comment_over.png") no-repeat;
	cursor: pointer;
	width:27px;
	height:27px;
}
#comment-button.checked {
	background:url("/common/images/small_icons/comment_color.png") no-repeat;
}

#comment-button.unchecked {
	background:url("/common/images/small_icons/comment_grayscale.png") no-repeat;
}


.setting_img1{
	background:url("images/left_menu_information_on.jpg") no-repeat;
	float:left;
	margin-right:15px;
	width:20px;
	height:20px;
}

.setting img{
	float:left;
}

.setting_arrange1 a{
	background:url("images/icon_arrange_shoot.jpg") no-repeat;
	width:24px;
	height:16px;
	float:left;
}

.setting_arrange1 a:hover{
	background:url("images/icon_arrange_shoot_on.jpg") no-repeat;
}

.setting_arrange2 a{
	background:url("images/icon_arrange_upload.jpg") no-repeat;
	width:24px;
	height:16px;
	float:left;
	margin-right:5px;
}

.setting_arrange2 a:hover{
	background:url("images/icon_arrange_upload_on.jpg") no-repeat;
}


.downloadappli a{
	color:#cccccc;
	text-decoration:none;
}

.downloadappli a:hover{
	color:white;
	text-decoration:none;
}


.photo_menu{
	position:absolute;
	width:100%;
	top:0px;
}

.photo_menu_set2{
    padding-top:12px;
	margin-left:auto;
	margin-right:auto;
	width:500px;
}

.photo_menu01, .photo_menu02, .photo_menu03, .photo_menu04, .photo_menu05, .photo_menu06, .photo_menu07, .photo_menu08, .photo_menu09, .photo_menu10, .photo_menu12 {
	height: 16px;
	_overflow: hidden;
	float:left;
	margin:0px 10px 0px 10px;
}

.photo_menu01 a {
	display: block;
	width: 80px;
	height: 16px;
	_height: 32px;
	background: url(images/btn_upload.png);
	_background: none;
	cursor: pointer;
}

.photo_menu02 a {
	display: block;
	width: 48px;
	height: 16px;
	_height: 32px;
	background: url(images/btn_share.png);
	_background: none;
	cursor: pointer;
}

.photo_menu03 a {
	display: block;
	width: 44px;
	height: 16px;
	_height: 32px;
	background: url(images/btn_edit.png);
	_background: none;
	cursor: pointer;
}

.photo_menu04 a {
	display: block;
	width: 50px;
	height: 16px;
	_height: 32px;
	background: url(images/btn_tag.png);
	_background: none;
	cursor: pointer;
}

.photo_menu05 a {
	display: block;
	width: 47px;
	height: 16px;
	_height: 32px;
	background: url(images/btn_view.png);
	_background: none;
	cursor: pointer;
}

.photo_menu06 a {
	display: block;
	width: 98px;
	height: 16px;
	_height: 32px;
	background: url(images/btn_back_album.png);
	_background: none;
	cursor: pointer;
}

.photo_menu07 a {
	display: block;
	width: 50px;
	height: 16px;
	_height: 32px;
	background: url(images/btn_good.png);
	_background: none;
	cursor: pointer;
}

.photo_menu08 a {
	display: block;
	width: 91px;
	height: 16px;
	_height: 32px;
	background: url(images/btn_write_comment.png);
	_background: none;
	cursor: pointer;
}

.photo_menu09 a {
	display: block;
	width: 79px;
	height: 16px;
	_height: 32px;
	background: url(images/btn_add_tag.png);
	_background: none;
	cursor: pointer;
}

.photo_menu10 a {
	display: block;
	width: 51px;
	height: 16px;
	_height: 32px;
	background: url(images/btn_trush.png);
	_background: none;
	cursor: pointer;
}

.photo_menu12 a {
    display: block;
    width: 57px;
    height: 16px;
    _height: 32px;
    background: url(images/btn_all_select.png);
    _background: none;
    cursor: pointer;
}

.photo_menu01 a:hover, .photo_menu02 a:hover, .photo_menu03 a:hover, .photo_menu04 a:hover, .photo_menu05 a:hover, .photo_menu06 a:hover, .photo_menu07 a:hover, .photo_menu08 a:hover, .photo_menu09 a:hover, .photo_menu10 a:hover, .photo_menu12 a:hover{
	background-position: 0 -16px;
	_margin-top: -16px;
	_padding-top: 16px;
	_height: 16px;
}


.btn_close_left a{
	background:url("images/btn_close_left.png") no-repeat;
	height: 34px;
	width: 17px;
	position:absolute;
	left:179px;
	top: 50%;
	_background: none;
	cursor: pointer;
}

.btn_open_left a{
	background:url("images/btn_open_left.png") no-repeat;
	height: 34px;
	width: 17px;
	position:absolute;
	left:5px;
	top: 50%;
	_background: none;
	cursor: pointer;
}


/*  slideshow  */
.btn_slide_l, .btn_slide_r{
	height: 16px;
}

.btn_slide_l a {
	position:absolute;
	left:16px;
	top:38px;
	display: block;
	width: 15px;
	height: 14px;
	background: url("/common/images/icons/btn_slide_l.png") no-repeat;
	cursor: pointer;
}

.btn_slide_r a {
	position:absolute;
	right:16px;
	top:38px;
	display: block;
	width: 15px;
	height: 14px;
	background: url("/common/images/icons/btn_slide_r.png") no-repeat;
	cursor: pointer;
}

.btn_slide_l a:hover, .btn_slide_r a:hover{
	background-position: 0 -16px;
	_margin-top: -16px;
	_padding-top: 16px;
	_height: 16px;
}

.btn_next {
    position:absolute;
    right:20px;
    top: 50%;
    display: block;
    width: 40px;
    height: 40px;
}

.btn_back{
    position:absolute;
    left:20px;
    top: 50%;
    display: block;
    width: 40px;
    height: 40px;
	
}

.btn_back a {
    position:absolute;
	width: 34px;
	height: 59px;
	background: url(/common/images/icons/btn_back.png);
	background-repeat:none;
	cursor: pointer;
	background-position: 0 -60px;
}

.btn_next a {
	position:absolute;
	width: 34px;
	height: 59px;
	background: url(/common/images/icons/btn_next.png);
	cursor: pointer;
	background-repeat:none;
	background-position: 0 -60px;
}

.btn_next a:hover, .btn_back a:hover{
	background-position: 0 0;
	width: 34px;
	height: 59px;
	_margin-top: 0px;
	_padding-top: 0px;
	_height: 0px;
}


/* btn menu view */
.photo_menu_view{
	position:absolute;
	top:18px;
	right:40px;
}

.photo_menu_view_set{
	margin-left:auto;
	margin-right:auto;
}

.photo_menu_view01 a {
	display: block;
	width: 57px;
	height: 16px;
	_height: 32px;
	background: url(images/btn_view_info.png);
	_background: none;
	cursor: pointer;
}

.photo_menu_view02 a {
	display: block;
	width: 91px;
	height: 16px;
	_height: 32px;
	background: url(images/btn_view_comment.png);
	_background: none;
	cursor: pointer;
}

.photo_menu_view01, .photo_menu_view02{
	height: 16px;
	_overflow: hidden;
	float:left;
	margin:0px 10px 0px 10px;
}

.photo_menu_view01 a:hover, .photo_menu_view02 a:hover{
	background-position: 0 -16px;
	_margin-top: -16px;
	_padding-top: 16px;
	_height: 16px;
}


/* date */
.photo-datelabel-shoot.enablemenu {
	background:url("/common/images/small_icons/camera_grayscale.png") no-repeat;
	_background: none;
}

.photo-datelabel-shoot.enablemenu:hover{
	background:url("/common/images/small_icons/camera_color.png") no-repeat;
	_background: none;
}
.photo-datelabel-shoot-unclickable{
	background:url("/common/images/small_icons/camera_color.png") no-repeat;
	_background: none;
}
.photo-datelabel-upload.enablemenu {
	background:url("/common/images/small_icons/upload_grayscale.png") no-repeat;
	_background: none;
}
.photo-datelabel-upload.enablemenu:hover{
	background:url("/common/images/small_icons/upload_color.png") no-repeat;
	_background: none;
}
.photo-datelabel-upload-unclickable{
	background:url("/common/images/small_icons/upload_color.png") no-repeat;
	_background: none;
}
.photo-datelabel-base.disablemenu{
	background:url("/common/images/dateline_center.gif") repeat-x;
	width:85px;
	position:relative;
	left:-10px;
}
.photo-datelabel-base.disablemenuend{
	background:url("/common/images/dateline_end.gif") no-repeat;
	width:85px;
	position:relative;
	left:-10px;
}


/* dialog */
.btn_close_dialog a{
	background:url("images/btn_close.png") no-repeat;
	height: 30px;
	width: 30px;
	position:absolute;
	right:5px;
	top: -15px;
	_background: none;
	cursor: pointer;
}
.dialog-close{
	background:url("images/btn_close.png") no-repeat;
	height: 30px;
	width: 30px;
	position:absolute;
	right:5px;
	top: -15px;
	_background: none;
	cursor: pointer;
}
.dialog-close2{
	background:url("images/btn_close.png") no-repeat;
	height: 30px;
	width: 30px;
	position:absolute;
	right:0px;
	top: -20px;
	_background: none;
	cursor: pointer;
}
.btn_area{
	display:block;
	width:460px;
	height:30px;
	margin-top:10px;
	margin-bottom:10px;
	
}
.dialog_form .btn_area{
	display:block;
	width:420px;
	height:30px;
	margin-top:10px;
	margin-bottom:0px;
	
}
.btn_area2{
	display:block;
	width:200px;
	height:30px;
	margin-top:20px;
	margin-bottom:0px;
	float:left;
}

.btn_area2 .btn{
	float:left;
}
.rightbox .btn_area{
	margin-bottom:10px;
}
.rightbox .btn{
	float:left;
}
.btn {
	display:block;
	height:28px;
	float:right;
	margin-left:5px;
	outline:0;
	padding:0;
	border:0;
	color:#FFFFFF;
	font-size:12px;
	text-decoration:none;
	background:url(images/btn_bg_le.png) 0 0 no-repeat;
	cursor:pointer;
}
.btn_area3{
	display:block;
	width:180px;
	height:auto;
    margin:10px auto 10px auto;
	padding-top:5px;
}
.btn3 {
	display:block;
	height:28px;
	text-align:center;
	outline:0;
	padding:0;
	border:0;
	color:#FFFFFF;
	font-size:12px;
	text-decoration:none;
	background:url(images/btn_bg_le.png) 0 0 no-repeat;
	cursor:pointer;
}
.btn3 span {
	display: block;
	width:auto;
	position: relative;
	background: url(images/btn_bg_ri.png) right 0px no-repeat;
	padding-top: 7px;
	padding-right: 40px;
	padding-bottom: 0px;
	padding-left: 40px;
	margin-left:1px;
	height:21px;
}
.btn_area_pass .btn{
	margin-left:150px;
	margin-right:auto;
	margin-top:20px;
	text-align:center;
	float:left;
}

.btn_area_card {
	width:250px;
	display:block;
	margin-bottom:5px;
	padding-left:5px;
	float:left;
	border-left:1px dotted #999999;
}
.btn_area_card .btn2{
	float:left;
   
}
.btn span {
	display: block;
	width:auto;
	position: relative;
	background: url(images/btn_bg_ri.png) right 0px no-repeat;
	padding-top: 7px;
	padding-right: 40px;
	padding-bottom: 0px;
	padding-left: 40px;
	margin-left:1px;
	height:21px;
}
#inputbox .btn span {
	display: block;
	width:auto;
	position: relative;
	background: url(images/btn_bg_ri.png) right 0px no-repeat;
	padding-top: 7px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left:20px;
	margin-left:1px;
	height:21px;
}
#mainmail-submit.btn span,#confirm-dialog-submit.btn span{
	display: block;
	width:auto;
	position: relative;
	background: url(images/btn_bg_ri.png) right 0px no-repeat;
	padding-top: 7px;
	padding-right: 40px;
	padding-bottom: 0px;
	padding-left:40px;
	margin-left:1px;
	height:21px;
}

#inputbox .btn:hover span {
	background: url(images/btn_bg_ri.png) right -28px no-repeat;
}
.modal_alert_inner .btn span{
	padding-top:4px;
	padding-bottom:3px;
}
.btn:hover {
	background: url(images/btn_bg_le.png) 0 -28px no-repeat;
}
.btn:hover span {
	background: url(images/btn_bg_ri.png) right -28px no-repeat;
}
.btn:active {
	background: url(images/btn_bg_le.png) 0 -28px no-repeat;
}
.btn:active span {
	background: url(images/btn_bg_ri.png) right -28px no-repeat;
}
.btn3:hover {
	background: url(images/btn_bg_le.png) 0 -28px no-repeat;
}
.btn3:hover span {
	background: url(images/btn_bg_ri.png) right -28px no-repeat;
}
.btn3:active {
	background: url(images/btn_bg_le.png) 0 -28px no-repeat;
}
.btn3:active span {
	background: url(images/btn_bg_ri.png) right -28px no-repeat;
}
.btn2 {
	display:block;
	height:28px;
	float:right;
	margin-left:5px;
	outline:0;
	padding:0;
	border:0;
	color:#FFFFFF;
	font-size:12px;
	text-decoration:none;
	background:url(images/btn_bg_le_2.png) 2px 0 no-repeat;
	cursor:pointer;
}
.btn2 span {
	display: block;
	position: relative;
	background: url(images/btn_bg_ri_2.png) right 0 no-repeat;
	padding-top: 7px;
	padding-right: 40px;
	padding-bottom: 0px;
	padding-left: 40px;
	margin-left:1px;
	height:21px;
}
.btn2:hover {
	background: url(images/btn_bg_le_2.png) 2px -28px no-repeat;
}
.btn2:hover span {
	background: url(images/btn_bg_ri_2.png) right -28px no-repeat;
}
.btn2:active {
	background: url(images/btn_bg_le_2.png) 2px -28px no-repeat;
}
.btn2:active span {
	background: url(images/btn_bg_ri_2.png) right -28px no-repeat;
}
.btn_newaccount{
	diaplay:block;
	padding:5px;
	border:1px solid #666666;
	-moz-border-radius: 0.50em;
	-webkit-border-radius: 0.50em;
	background:url("images/list_red.png") no-repeat 5px center;
	padding-left:15px;
	
}
.btn_newaccount:hover{
	background:url("images/list_red.png") no-repeat 5px center;
	background-color:#444444;
	border:1px solid #999999;
}

.balloontext_l {
	position:absolute;
	z-index:30000;
	display:none;
	height:26px;
	float:left;
	outline:0;
	padding:0;
	border:0;
	color:#000000;
	font-size:10px;
	background:url("images/balloon_l_left_white.png") 0 0 no-repeat;
}
.balloontext_l span {
	display: block;
	z-index:30000;
	position: relative;
	height:21px;
	padding-top:4px;
	padding-bottom:1px;
	padding-right:10px;
	margin-left:12px;
	background: url("images/balloon_l_right_white.png") right 0 no-repeat;
}

.balloontext_r {
	position:absolute;
//	left:-200px;
	display:none;
	z-index:30000;
	height:40px;
	outline:0;
	padding:0;
	border:0;
	padding-right:10px;
	margin-right:12px;
	color:#000000;
	font-size:10px;
	background:url("images/balloon_r_right_white.png") right 0 no-repeat;
}
.balloontext_r span {
	display: block;
	position: relative;
	z-index:30000;
	height:20px;
	padding-top:4px;
	padding-bottom:1px;
	padding-left:10px;
	background: url("images/balloon_r_left_white.png") left 0 no-repeat;
}
.link-button{
	position:absolute;
	top:50px;
	right:20px;
	z-index:100;
	
}
#photo_link.link-button{
	position:absolute;
	top:4px;
	right:0px;
	z-index:100;
	
}
.link-icon{
	float: left;
}
.link-icon img{
	margin-top: 5px;
	width: 16px;
	height: 16px;
}
.album_link-button{
	display:block;
	width:154px;
	height:27px;
	background: url("images/album_link.png") no-repeat 0 0;
        margin-left: 24px;
	opacity:0.50;
	filter:alpha(opacity=50);
	-moz-opacity:0.50;
}
.album_link-button:hover,.album_link-button:active{
	background: url("images/album_link.png") no-repeat 0 -27px;
	opacity:1.00;
	filter:alpha(opacity=100);
	-moz-opacity:1.00;
}
.photo_link-button{
	display:block;
	width:154px;
	height:27px;
	background: url("images/photo_link.png") no-repeat 0 0;
        margin-left: 24px;
	opacity:0.50;
	filter:alpha(opacity=50);
	-moz-opacity:0.50;
}
.photo_link-button:hover,.photo_link-button:active{
	background: url("images/photo_link.png") no-repeat 0 -27px;
	opacity:1.00;
	filter:alpha(opacity=100);
	-moz-opacity:1.00;
}
.link-box{
	position:absolute;
	top:70px;
	right:20px;
	z-index:10000;
	padding:10px;
	background:url("images/bg_trans.png") repeat;
	border:1px solid #333333;
	-moz-border-radius: 0.65em;
	-webkit-border-radius: 0.65em;
}
#photo_link-box.link-box{
	right:0px;
	top:10px
}
.link-box p{
	background:url("images/white_list.gif") no-repeat 3px 3px;
	padding-left:15px;
	margin-bottom:3px;
	margin-top:5px;
	font-size:85%;
	color:#CCCCCC;
}



/* for print */
#open-print {
	background:url("/common/images/print_tab.png") no-repeat 0 0;
}
#open-print:hover {
	background:url("/common/images/print_tab.png") no-repeat 0 0;
	color:#FFFFFF;
}
#open-print.active {
	background:url("/common/images/print_tab.png") no-repeat 0 0;
}
#open-print.enablemenu {
	background:url("/common/images/print_tab.png") no-repeat 0 0;
	color:#FFFFFF;
}
#open-print.enablemenu:hover{
	background:url("/common/images/print_tab.png") no-repeat 0 -42px;
}
#open-print.disablemenu {
	background:url("/common/images/print_tab.png") no-repeat 0 -21px;
}
#open-print.disablemenu:hover {
	background:url("/common/images/print_tab.png") no-repeat 0 -63px;
}

#print-photos.enablemenu {
	background:url("/common/images/icons/print.png") no-repeat;
	display:block;
	width:25px;
	height:25px;
	text-indent:-10000em;
	padding:0;
	float:right;
}
#print-photos.enablemenu.attentionme {
	background:url("/common/images/icons/print_mov.gif") no-repeat;
	display:block;
	width:25px;
	height:25px;
	text-indent:-10000em;
	padding:0;
	float:right;
}
#print-photos.enablemenu:hover{
	background:url("/common/images/icons/print_over.png") no-repeat;
}
#print-photos.disablemenu {
	background:url("/common/images/icons/print_gray.png") no-repeat;
	width:25px;
	height:25px;
	text-indent:-10000em;
	padding:0;
	float:right;
}

#print-onephoto.enablemenu {
	background:url("/common/images/icons/print.png") no-repeat;
	display:block;
	width:25px;
	height:25px;
	text-indent:-10000em;
	padding:0;
	float:right;
}
#print-onephoto.enablemenu.attentionme {
	background:url("/common/images/icons/print_mov.gif") no-repeat;
	display:block;
	width:25px;
	height:25px;
	text-indent:-10000em;
	padding:0;
	float:right;
}
#print-onephoto.enablemenu:hover{
	background:url("/common/images/icons/print_over.png") no-repeat;
}
#print-onephoto.disablemenu {
	background:url("/common/images/icons/print_gray.png") no-repeat;
	width:25px;
	height:25px;
	text-indent:-10000em;
	padding:0;
	float:right;
}

#print-order-photos.enablemenu {
	background:url("/common/images/icons/print.png") no-repeat;
	display:block;
	width:25px;
	height:25px;
	text-indent:-10000em;
	padding:0;
	float:right;
}
#print-order-photos.enablemenu.attentionme {
	background:url("/common/images/icons/print_mov.gif") no-repeat;
	display:block;
	width:25px;
	height:25px;
	text-indent:-10000em;
	padding:0;
	float:right;
}
#print-order-photos.enablemenu:hover{
	background:url("/common/images/icons/print_over.png") no-repeat;
}
#print-order-photos.disablemenu {
	background:url("/common/images/icons/print_gray.png") no-repeat;
	width:25px;
	height:25px;
	text-indent:-10000em;
	padding:0;
	float:right;
}

#print-trush.enablemenu {
	background:url("/common/images/icons/trash.png") no-repeat;
	display:block;
	width:25px;
	height:25px;
	text-indent:-10000em;
	float:right;
	padding:0;
}
#print-trush.enablemenu:hover{
	background:url("/common/images/icons/trash_over.png") no-repeat;
}
#print-trush.disablemenu {
	background:url("/common/images/icons/trash_gray.png") no-repeat;
	display:block;
	width:25px;
	height:25px;
	text-indent:-10000em;
	padding:0;
	float:right;
}

#print-edit.enablemenu {
	background:url("/common/images/icons/info.png") no-repeat;
	display:block;
	width:25px;
	height:25px;
	text-indent:-10000em;
	float:right;
	padding:0;
}
#print-edit.enablemenu:hover{
	background:url("/common/images/icons/info_over.png") no-repeat;
}
#print-edit.disablemenu {
	background:url("/common/images/icons/info_gray.png") no-repeat;
	width:25px;
	height:25px;
	text-indent:-10000em;
	padding:0;
	float:right;
}

#print-select-all.enablemenu {
	background:url("/common/images/icons/check.png") no-repeat;
	display:block;
	width:25px;
	height:25px;
	text-indent:-10000em;
	float:right;
	padding:0;
}
#print-select-all.enablemenu:hover{
	background:url("/common/images/icons/check_over.png") no-repeat;
}
#print-select-all.disablemenu {
	background:url("/common/images/icons/check_gray.png") no-repeat;
	width:25px;
	height:25px;
	text-indent:-10000em;
	padding:0;
	float:right;
}
#print-order-select-all.enablemenu {
	background:url("/common/images/icons/check.png") no-repeat;
	display:block;
	width:25px;
	height:25px;
	text-indent:-10000em;
	float:right;
	padding:0;
}
#print-order-select-all.enablemenu:hover{
	background:url("/common/images/icons/check_over.png") no-repeat;
}
#print-order-select-all.disablemenu {
	background:url("/common/images/icons/check_gray.png") no-repeat;
	width:25px;
	height:25px;
	text-indent:-10000em;
	padding:0;
	float:right;
}

#print-checkout {
	float:right;
}
#print-price {
	float:right;
	padding:5px;
}

a.edit{
	width:165px;
	height:14px;
	text-indent:-9999em;
	display:block;
	margin-bottom:10px;
	background: url("/common/images/print_edit.png") no-repeat 0 0;
}
a.check{
	width:165px;
	height:14px;
	text-indent:-9999em;
	display:block;
	margin-bottom:10px;
	background: url("/common/images/print_edit.png")no-repeat 0 -14px;
}

.btn  span.fixed,
.btn2 span.fixed,
.btn3 span.fixed {
    width: 88px;
    text-align: center;
    padding:7px 10px 0;
}
.html_edit{
	background:url("images/small_icons/resize.gif") no-repeat;
	width:11px;
	heihgt:11px;
	text-indent:-99999px;
	display:block;
	float:right;
}

--> 
