/* CSS Document */


/* 基本要素 */
html{ height: 100%; width:100%; }

* body{ margin: 0; padding: 0; }

body {
	padding:80px 0 10px;
	margin:0;
	background-color: #000000;
	color:#FFFFFF;
    font:13px "ＭＳ Ｐゴシック",arial,helvetica,clean,sans-serif;
    -khtml-user-select:none;
    -webkit-user-select:none;
    -moz-user-select:-moz-none;
	
}

.selectable_container {
    -khtml-user-select:text;
    -webkit-user-select:text;
    -moz-user-select:text;
}

.noscroll_body {
	overflow:hidden;
}

html{ height: 100%; width:100%; }

a{
color:#FFFFFF;
text-decoration: none;
outline:none;
}

img {
	border: none;
}

.wrapper{
    font-size:inherit;
    font:100%;
	width:100%;
	min-width:900px;
	
}
/* ヘッダー */

.header {
	position:absolute;
	left:0;
	top:0;
	height: 88px;
	padding:0;
	width:100%;
	background-image:url("/common/images/bg_header.gif");
	background-repeat:repeat-x;
	background-position:top;
}
.title{
	position: absolute;
	left: 8px;
	top: 10px;
	margin: 0px;
	padding: 0px;
	height: 74px;
	width: 161px;
	z-index: 1;
}
.header_grd{
	background-color:black;
	background-image:url(/common/t/images/common/top_navi.png);
	background-repeat:repeat-x;
	opacity:0.8;
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
}
.member_header{
	position:absolute;
	height:16px;
	top:40px;
	right:20px;
	text-align:right;
	
}
.group_background2 {
    border-top:1px solid #cc88cc;
}

.group_background2_text {
    color:#cc88cc;
}

.group_background1 {
    border-top:1px solid #cccccc;
}

.group_background1_text {
    color:#cccccc;
}

.group_date{
	position:absolute; 
	top:-18px;
	left:0px;
	text-align: left;
}

.title_image{
	background:url("/common/ficia_logo.png");
	width:161px;
	height:74px;
	display:block;
}

/* サイドバー */
.left {
    position : absolute ;
	left : 0 ;
	height:100%;
	top : 100px ;
	width: 175px;
	background-image:url("/common/images/bg_grd.png");
	background-position:top;
	background-repeat:repeat-x;
	background-color:#191919;
	padding:10px 0 10px 0;
    margin:0 5px;
}
*html .left{
	background-image:none;
}
.album_tab{
	position:relative;
	width:40px;
    top:11px;
	height:21px;
	float:left;
	text-indent:-1000em;
	overflow:hidden;
	display:block;
	cursor:pointer;
	z-index:100;
    margin-left:4px;
}

.left_viewer {
	position:relative;
	top:10px;
	padding:3px;
	border:1px solid #474747;
	height:100px;
	overflow:auto;
	clear:left;
	z-index:0;
	-moz-border-radius: 0.6em;
	-webkit-border-radius: 0.6em;
}
.left_viewer2 {
	position:relative;
	top:-1px;
	padding-top:10px;
	border:1px solid #474747;
	height:100px;
	overflow:auto;
	clear:left;
	z-index:10;
	-moz-border-radius: 0.6em;
	-webkit-border-radius: 0.6em;
}
.public_albums{
    margin:0px 0px 0px 0px;
    float:left;
    clear:left;
    position:relative;
	width:100%;
}
.share_albums{
    margin:0px 0px 0px 0px;
    float:left;
    clear:left;
    position:relative;
	width:100%;
}
.thumbnail_album {
	margin:1px 0 0 0;
	padding:1px 24px 1px 24px;
	color:gray;
	cursor:pointer;
	word-break: break-all;
    min-height:16px;
    background-position:0;
    background-repeat:no-repeat
}
/* 非公開アルバム */
.album_menu {
	background:url("/common/images/icons/albumlist_gray.png") no-repeat 2px 2px;
	padding:0px 24px 2px 24px; 
	color:gray;
	cursor:pointer;
	word-break: break-all;
    min-height:16px;
	}
/* 非公開アルバム */
.album_menu {
	background:url("/common/images/icons/albumlist_gray.png") no-repeat 2px 2px;
	padding:0px 24px 2px 24px; 
	color:gray;
	cursor:pointer;
	word-break: break-all;
    min-height:16px;
	}
.album_menu:hover {
	background:url("/common/images/icons/albumlist_active.png") no-repeat 2px 2px;
	color:white;
	background-color:#333333;
}
.album_menu.active{
	background:url("/common/images/icons/albumlist_active.png") no-repeat 2px 2px;
	background-color:#283e27;
	color:white;
	word-break: break-all;
}

.album_menu_disablehover {
	background:url("/common/images/icons/albumlist_active.png") no-repeat 2px 2px;
	color:gray;
	word-break: break-all;
    padding:0 24px 2px 24px;
}



/* 共有アルバム */
.album_menu_share {
	background:url("/common/images/icons/albumlist-s_gray.png") no-repeat 2px 2px;   		
    padding:0px 24px 2px 24px; 
    word-break: break-all;
    min-height:16px;

	}
.album_menu_share:hover {
	background:url("/common/images/icons/albumlist-s_active.png") no-repeat2px 2px;
	color:white;
	background-color:#333333;
	word-break: break-all;

}
.album_menu_share.active {
	background:url("/common/images/icons/albumlist-s_active.png") no-repeat 2px 2px;
	color:white;
	background-color:#283e27;
	word-break: break-all;
}
.album_menu_share_disablehover {
	background:url("/common/images/icons/albumlist-s_active.png") no-repeat 2px 2px;
    padding:0 24px 2px 24px;
	color:gray;
	word-break: break-all;
}
/* member:サイドメニュー */
.left_viewer2 .album_menu {
	background:url("/common/images/icons/albumlist_gray.png") no-repeat;
	background-position:4px 2px;
    padding:2px 24px 2px 24px; 
    margin-top:3px;
	color:gray;
	cursor:pointer;
	word-break: break-all;
	}
/* 全公開アルバム */
#public_albums .album_menu:hover {
	background:url("/common/images/icons/albumlist_active.png") no-repeat;
	color:white;
	background-color:#333333;
	background-position:4px 2px;
    padding:2px 24px 2px 24px; 
	word-break: break-all;
}
#public_albums .album_menu.active{
	background:url("/common/images/icons/albumlist_active.png") no-repeat;
	background-position:4px 2px;
	background-color:#283e27;
    color:white;
	word-break: break-all;
    padding:2px 24px 2px 24px; 


}
/* 一部に公開アルバム */
#share_albums .album_menu:hover {
	background:url("/common/images/icons/albumlist2_active.png") no-repeat;
	background-color:#333333;
	background-position:4px 2px;
    padding:2px 24px 2px 24px;
	color:white;
	word-break: break-all;

	}
#share_albums .album_menu.active{
	background:url("/common/images/icons/albumlist2_active.png") no-repeat;
	background-position:4px 2px;
	background-color:#563c07;
	color:white;
    padding:2px 24px 2px 24px;
	word-break: break-all;
    }

.active:hover {
	background-color:#283e27; 
	color:white;
	
}
/*共有アルバムタブ内メニュー share_menu*/
.share_menu {
	background:url("/common/images/icons/sharealbum_gray.png") no-repeat;
	margin-bottom:5px;
	padding:2px 10px 2px 24px;
	margin-left:5px;
	word-break: break-all;
	color:gray;
	cursor:pointer;
	}

.share_menu:hover {
	background:url("/common/images/icons/sharealbum_active.png") no-repeat;
	color:white;
	background-color:#333333;
}

.share_menu.active{
	background:url("/common/images/icons/sharealbum_active.png") no-repeat;
	background-color:#563c07;
	color:white;
	margin-bottom:5px;
    padding:2px 10px 2px 24px;
	margin-left:5px;
}
.share_menu_disablehover {
	background:url("/common/images/icons/sharealbum_active.png") no-repeat;
	margin-bottom:5px;
	padding-bottom:2px;
	padding-top:2px;
	padding-left:24px;
	padding-right:10px;
	margin-left:5px;
	color:gray;
}

.sharelist_menu{
	background:url("/common/images/icons/albumlist_gray.png") no-repeat 2px 2px;
	margin-bottom:5px;
    padding:2px 24px 2px 24px;
	margin-left:5px;
	margin-right:5px;
	color:gray;
	cursor:pointer;
	word-break: break-all;

}
.sharelist_menu:hover {
	background:url("/common/images/icons/albumlist2_active.png") no-repeat 2px 2px;
	color:white;
	background-color:#333333;
}
.sharelist_menu.active{
	background:url("/common/images/icons/albumlist2_active.png") no-repeat 2px 2px;
	background-color:#563c07;
	color:white;
	margin-bottom:5px;
    padding:2px 24px 2px 24px;
	margin-left:5px;
}
.sharelist_menu_disablehover {
	background:url("/common/images/icons/albumlist2_active.png") no-repeat 2px 2px;
	margin-bottom:5px;
	padding:2px 24px 2px 24px;
	margin-left:5px;
	color:gray;
}

.backtosharelist{
	background:url("/common/images/icons/backtosharelist.png") no-repeat 5px 0;
	border-bottom:1px dotted #666666;
	height:16px;
	padding:3px;
	margin-bottom:10px;
	display:block;
	text-indent:-10000em;
	overflow:hidden;
	cursor:pointer;
	}

.backtosharelist:hover{
	background:url("/common/images/icons/backtosharelist.png") no-repeat 5px -22px;
	background-color:#333333;
	cursor:pointer;
}
/* .left_viewer .thumbnail_album .number{ */
.number{
	background-color:#000000;
	padding:2px;
	position:absolute;
	bottom:5px;
	right:5px;
	font-size:77%;
}

.contents_area {
	height: 600px;
	margin: 7px 20px 0px 190px;
	background-image:url("/common/images/bg_grd.png");
	background-position:top;
	background-repeat:repeat-x;
	background-color:#191919;
	overflow:visible;
	position:relative;
	display:block;
	}

.contents {
	/*margin-left:40px;*/
	position:relative;
	height:100%;
}

.photo_viewer_area {
	height: 550px;
	overflow:auto;
	position:relative;
    top:40px
}

.photo_viewer {
	height: 100%;
    padding-top:35px;
    padding-left:50px;
}

#photolist_top_space {
	width: 100px;
	
}

#photolist_bottom_space {
	width: 100px;
}

#photolist_viewer_area {
	z-index: 0;
}

.photo_image {
    position:absolute;
}

.keep{
	height:40px;
	clear:both;
}
.contents .photo_viewer .photo{
	position:relative;
}
/* フッター */
.footer{
	position:absolute;
	bottom:0;
	clear:both;
	color:#FFFFFF;
	text-align:center;
	width:100%;
	background-color:#000000;
	height:30px;
	padding:15px 0 15px;
}

.movie-icon{
	background-image: url(/common/images/icons/movie_icon.png);
	background-repeat: no-repeat; 
	position: absolute; 
	height: 24px;
	width: 24px;
	top: 76px;
	left: 65px;
}
/* コメント・グッドアイコン表示/非表示　　*/	
.view{
	position:absolute; 
	bottom:-30px;
	right:-2px;
	color:white;
	font-size:10px;
}

.view_good{
	text-align:right;
	display:block;
	position:relative;
	float:right;
	width: 16px;
	height: 15px;
	background:url("/common/images/small_icons/good_mini.png") no-repeat;
	padding-top:10px;
	padding-left:3px;
	_background: none;
}

.view_comment{
	text-align:right;
	display:block;
	position:relative; 
	float:right;
	background:url("/common/images/small_icons/comment_mini.png") no-repeat;
	margin-left:2px;  
	width:16px; 
	height:15px;
	padding-top:10px;
	padding-left:3px;
	_background: none;
}

.view_comment_label,.view_good_label {
	margin:0px;
	padding:0px;
}
/*　お知らせマーク・ニュース　*/
.news{
	font-size:90%;
	color:#CCCCCC;
	padding:10px;
	position:absolute;
	right:20px;
	top:60px;
	width:230px;
	height:400px;
	z-index:10000;
	background:url("/common/images/bg_trans.png");
	border:1px solid #666666;
	-moz-border-radius: 0.65em;
	-webkit-border-radius: 0.65em;
}
.newstitle{
	background:url("/common/images/title/title_news.png") no-repeat 3px top;
	width:225px;
	height:18px;
	text-indent:-10000em;
	border-bottom:1px solid #666666;
	z-index:10002;
}
#newstopic-container{
	width: 100%;
	height: 390px;
	position:absolute;
	overflow: auto;
	z-index:10001;
}


ul.newstopic{
	width: 210px;
	list-style:none;
	margin:10px 0 0 0;
	padding:0;
}
.newstopic li{
	padding:5px;
	padding-left:30px;
	border-bottom:1px dotted #666666;
	margin:0;
	position: relative;
}
.newstopic a{
	text-decoration:underline;
	color:#FFFFFF
}
.newstopic a:hover {
	text-decoration:none;
	color:#CC3333;
}
li.news_comment{
	background:url("/common/images/small_icons/news_comment.png") no-repeat left 5px;
}
li.news_good{
	background:url("/common/images/small_icons/news_good.png") no-repeat left 5px;
}
li.news_external_site_flickr {
	background:url("/common/images/small_icons/icon_flickr.png") no-repeat left 5px;
}
li.news_external_site_facebook {
	background:url("/common/images/small_icons/icon_facebook.png") no-repeat left 5px;
}
li.news_ficia{
	background:url("/common/images/small_icons/news_ficia.png") no-repeat left 5px;
}
.news_close{
	background:url("/common/images/small_icons/news_close.png") no-repeat;
	width:21px;
	height:21px;
	position:absolute;
	display:block;
	text-indent:-10000em;
	overflow:hidden;
	right:5px;
	top:5px;
}
.newstopic li img {
	width: 45px;
	vertical-align: top;
	padding-right: 4px;
}
.notify_container{
	border: 1px;
}
.notify_close_base{
	height: 1.8em;
	width: 100%;
}
.notify_close{
	size: 0.9em;
	background-color: #000;
	padding: 2px;
	border: 1px solid #222;
	color: #aaa;
	cursor:pointer;
	position: absolute;
	right: 10px;
}

.mini_close{
	background:url("/common/images/small_icons/news_close.png") no-repeat;
	width:21px;
	height:21px;
	position:absolute;
	display:block;
	text-indent:-10000em;
	overflow:hidden;
	right:-8px;
	top:-8px;
	cursor:pointer;
}
/* 右側コンテンツ */
.floating_top{
	position:absolute;
	top:0px;
	right:0px;
    left:0px;
    /*width: 97%;*/
	background: url("/common/images/bg_dotted.png") repeat-x;
	background-position:bottom;
	padding-bottom:10px;
	z-index: 1;
}

.floating_bottom{
	height: 37px;
	position:absolute;
	bottom:0px;
	right:20px;
    left:0;
	background:url("/common/images/floating_bottom.png") repeat-x;
	border-top:1px dotted #666666;
}

.floating_bottom2{
    height: 40px;
    background-image:url("/common/images/floating_bottom.png");
    background-repeat: repeat-x;
    position:absolute;
    bottom:0px;
    left:0px;
    right:0px;
	border-top:1px dotted #666666;
	padding-right:10px;
}

.floating_bottom_area{
	position:relative; 
	height:40px; 
	margin-top:-37px;
}

.floating_bottom img{
	margin:0 10px 0 10px;
}
/*　アルバムタイトル */

.title_album {
	height: 20px;
	margin: 7px 0px 0px 10px;
	padding: 2px 0 0 24px;
	font-size:16px; 
	float:left;
}

.title_album_album {
	background:url("/common/images/small_icons/album_color.png") no-repeat;
}

.title_album_gallery {
	background:url("/common/images/small_icons/gallery_color.png") no-repeat;
}
.title_album_share {
	background:url("/common/images/small_icons/sharealbum_color.png") no-repeat;
}
/*ギャラリー用フォトカウント吹き出し*/
.photo_count{
	background:url("/common/images/countballoon_right.png") no-repeat right;
	height:22px;
	float:left;
	padding-right:5px;
	margin-left:10px;
}
.photo_count_box {
	padding-bottom:3px;
	padding-top:3px;
	font-size:93%;    
	background:url("/common/images/countballoon_center.png") repeat-x top;
	float:left;
	
}
.photo_count_start{
	background:url("/common/images/countballoon_left.png") no-repeat left;
	width:6px;
	height:22px;
	float:left;
	margin-left:0;
}
/*アルバム用フォトカウント吹き出し*/
.photo_count2{
	background:url("/common/images/countballoon_right_2.png") no-repeat right;
	height:22px;
	float:left;
	padding-right:5px;
	margin-left:10px;
}
.photo_count2 .photo_count_box {
	padding-bottom:3px;
	padding-top:3px;
	font-size:93%;    
	background:url("/common/images/countballoon_center_2.png") repeat-x top;
	float:left;

}
.photo_count2 .photo_count_start{
	background:url("/common/images/countballoon_left_2.png") no-repeat left;
	width:6px;
	height:22px;
	float:left;
	margin-left:0;
}
/*共有アルバム用フォトカウント吹き出し*/
.photo_count3{
	background:url("/common/images/countballoon_right_3.png") no-repeat right;
	height:22px;
	float:left;
	padding-right:5px;
	margin-left:10px;
}
.photo_count3 .photo_count_box {
	padding-bottom:3px;
	padding-top:3px;
	font-size:93%;
	background:url("/common/images/countballoon_center_3.png") repeat-x top;
	float:left;
}
.photo_count3 .photo_count_start{
	background:url("/common/images/countballoon_left_3.png") no-repeat left;
	width:6px;
	height:22px;
	float:left;
	margin-left:0;
}
/*共有アイコン*/
.share_icons {
	position:absolute; 
	right:44px;
	top:3px; 
	padding: 0px;
	z-index: 3;
	width:100px;
}
/*グッド/コメント数をみる*/

.control_view {
    margin:5px 10px 0 0px;
	float:right;
	position:absolute;
	top:0px;
	right:15px;
	z-index: 8;
	border-left:1px dotted #666666;
	padding-bottom:3px;
}

/* 絞り込み・並べ替え */
.setting{
	background:url("/common/images/bg_setting_right.gif") no-repeat right top;
	background-color:#191919; 
	position:absolute; 
	right:20px; 
	top:0px; 
	padding: 0px;
	z-index: 3;
	width:370px;
    height:38px;
	
}
.setting-left{
	background:url("/common/images/bg_setting_left.gif") no-repeat;
	width:12px;
	height:38px;
	display:block;
	float:left;
}
.sort1{
	
}
.sort2{

}
.form1{
	margin-bottom:10px;
	float:left;
	margin-top:-2px;
}

.form2{
	margin-bottom:10px;
	float:left;
	margin-top:-1px;
}

.form_arrange{
	width:80px; 
    font-size:10px; 
	height:10px; 
	margin-right:20px;
	margin-top:2px;
}

.setting_label { 
	float:left;
	font-size:10px;
	padding-top:5px;
}
.set-sort{
	border-right:1px dotted #666666;
	padding:3px;
}
.set-search{
	border-right:1px dotted #666666;
	padding:3px;
}
.setting-inner{
	margin-top:10px;
}
/*写真サムネイル */
.photo_thumbnail{
	position:relative; 
	float:left;
}

.photo_thumbnail_image {
	cursor: pointer;
    border: #191919 solid 2px;
	z-index:1000;
}
.photo_thumbnail_image_selected {
    border: #f80 solid 2px;
	z-index:1000;
}
#photo_image {
	cursor: pointer;
}
.photo-datelabel {
	height: 16px;
	font-size: 12px;
	margin: 0px;
	background-color:#999999;
	width:90px;
}
.photo-datelabel-clickable {
	cursor: pointer;
}

.check_group{
	margin-top:0;
}

/* for slideshow */
.left_close{
	left : -174px ;
}

.contents_area_wide {
	margin-left:20px;
	position:relative;
}

.contents_wide {
	margin:0 -20px 0 40px;
	position:relative;
}

.site_name{
	position:absolute;
	right:20px; 
	top:55px; 
	font-size:123.1%;
}

.title_photo {
	height: 20px;
	margin: 7px 15px 0px 10px;
	padding: 2px 0 0 0;
	font-size:93%; 
	float:left;
}

.slideshow{
	position:absolute;
	left:10px; 
	right:10px; 
	background-image:url(/common/images/bg_trans.png);
	
	/*background-color:blue;*/
	height:98px;
    bottom:42px; 
	-moz-border-radius: 0.65em;
	-webkit-border-radius: 0.65em;

}

.slideshow_viewer{
    height:94px;
    bottom:40px; 
    position:absolute;
	overflow:hidden; 
	white-space:nowrap; 
	left:55px;
	right:55px; 
	display:block;
	/*background-color:red;*/
}

.slideshow_viewer img{
	margin:0 8px 0 8px;
}

/* dialog */
.dialog_bg{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-color:#000000;
	opacity:0.80;
	filter:alpha(opacity=80);
	-moz-opacity:0.80;
	 
}
.dialog_area2{
	position:absolute;
	width:787px;
	left:50%;
	top:50%;
	margin-left:-343px;
	margin-top:-250px;  
	margin-bottom:60px;
    background: url("/common/images/dialog/bg_dialog_bottom2.png") no-repeat 0 bottom;
	z-index:10000;
	}

.dialog_area3{
	position:absolute;
	width:687px;
	left:50%;
	top:50%;
	margin-left:-343px;
	margin-top:-250px;  
	margin-bottom:60px;
    background: url("/common/images/dialog/bg_dialog_bottom3.png") no-repeat 0 bottom;
	z-index:10000;
	}

.dialog_area_acc{
	position:absolute;
	width:500px;
    left:50%;
    top:50%;
    margin-left:-250px;
    margin-top:-250px;  
    margin-bottom:60px;
    background: url("/common/images/dialog/bg_dialog_bottom.png") no-repeat 0 bottom;
	z-index:1000;
	}
.dialog2{
	width:787px;
	background: url("/common/images/dialog/bg_dialog_top_t01.png") no-repeat 0 top;
	margin-top:-20px;
	padding:0px;
	text-align:center;
	padding-bottom:40px;

}
.dialog3{
	width:687px;
	background: url("/common/images/dialog/bg_dialog_top_t02.png") no-repeat 0 top;
	margin-top:-20px;
	padding:0px;
	text-align:center;
	padding-bottom:40px;

}

.dialog2 img{
	margin-top:0px;
	margin-bottom:10px;
}
.dialog3 img{
	margin-top:0px;
	margin-bottom:10px;
}
.dialog_acc{
	width:500px;
	background: url("/common/images/dialog/bg_dialog_top.png") no-repeat 0 top;
	margin-top:-17px;
	padding-top:5px;
	padding-bottom:30px;
	padding-left:5px;
	
	}
.dialog_scroll{
	/*max-height:200px;*/
	width:480px;
	position:relative;
	top:13px;
	text-align:center;
	left:0px;
	right:0px;
	z-index:100;
}
.dialog_scroll_tab{
	/*max-height:200px;*/
	width:480px;
	position:relative;
	top:13px;
	text-align:center;
	left:0px;
	right:0px;
	z-index:100;
}
.modal_alert .dialog_scroll{
	/*max-height:200px;*/
	width:480px;
	position:relative;
	top:13px;
	text-align:center;
    margin-left:10px;
	left:0px;
	right:0px;
	overflow:auto;
	z-index:100;
}
.dialog_scroll_acc{
	/*max-height:200px;*/
	width:460px;
	margin-left:auto;
	margin-right:auto;
    
}
.dialog_scroll2{
	width:787px;
	/*max-height:200px;*/
	top:40px;
	left:0px;
	overflow:auto;
	position:relative;
}
.dialog_scroll3{
	width:687px;
	/*max-height:200px;*/
	top:40px;
	left:0px;
	overflow:auto;
	position:relative;
}

.dialog_title{
	border-left:3px solid #ffffff;
	padding-left:10px;
	font-size:110%;
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	}

.dialog_title_agreement{
	width:95%;
	height:40px;
	margin-right:auto;
	margin-left:auto;
	background-image:url("/common/t/images/popup/ficia_logo2.png");
	background-repeat:no-repeat;
	text-indent:-10000em;
	border-bottom:1px solid #494949;

}
.dialog_title_photoinfo{
	width:95%;
	height:40px;
	margin-right:auto;
	margin-left:auto;
	background-image:url("/common/images/title/title_photoinfo.gif");
	background-repeat:no-repeat;
	text-indent:-10000em;
	border-bottom:1px solid #494949;

}
.dialog_title_comment{
	width:95%;
	height:40px;
	margin-right:auto;
	margin-left:auto;
	background-image:url("/common/images/title/title_comment.gif");
	background-repeat:no-repeat;
	text-indent:-10000em;
	border-bottom:1px solid #494949;

}
.dialog_title_leave{
	width:95%;
	height:40px;
	margin-right:auto;
	margin-left:auto;
	background-image:url("/common/images/title/title_leave.gif");
	background-repeat:no-repeat;
	text-indent:-10000em;
	border-bottom:1px solid #494949;
}
.dialog_title_leave2{
	width:95%;
	height:40px;
	margin-right:auto;
	margin-left:auto;
	background-image:url("/common/images/title/title_leave2.gif");
	background-repeat:no-repeat;
	text-indent:-10000em;
	border-bottom:1px solid #494949;
}
.dialog_title_help{
	width:95%;
	height:40px;
	margin-right:auto;
	margin-left:auto;
	background-image:url("/common/images/title/title_help.gif");
	background-repeat:no-repeat;
	text-indent:-10000em;
	border-bottom:1px solid #494949;
}
.dialog_title_invitemember{
	width:95%;
	height:40px;
	margin-right:auto;
	margin-left:auto;
	background-image:url("/common/images/title/title_invitemember.gif");
	background-repeat:no-repeat;
	text-indent:-10000em;
	border-bottom:1px solid #494949;
}
.dialog_title_newaccount{
	width:95%;
	height:40px;
	margin-right:auto;
	margin-left:auto;
	background-image:url("/common/images/title/title_newaccount.gif");
	background-repeat:no-repeat;
	text-indent:-10000em;
	border-bottom:1px solid #494949;

}
.dialog_title_login{
	width:95%;
	height:40px;
	margin-right:auto;
	margin-left:auto;
	background-image:url("/common/images/title/title_login.gif");
	background-repeat:no-repeat;
	text-indent:-10000em;
	border-bottom:1px solid #494949;

}
.dialog_title_tag{
	width:95%;
	height:40px;
	margin-right:auto;
	margin-left:auto;
	background-image:url("/common/images/title/title_tag.gif");
	background-repeat:no-repeat;
	text-indent:-10000em;
	border-bottom:1px solid #494949;

}
.dialog_title_invite{
	width:95%;
	height:40px;
	margin-right:auto;
	margin-left:auto;
	background-image:url("/common/images/title/title_invite.gif");
	background-repeat:no-repeat;
	text-indent:-10000em;
	border-bottom:1px solid #494949;
}
.dialog_title_share{
	width:95%;
	height:40px;
	margin-right:auto;
	margin-left:auto;
	background-image:url("/common/images/title/title_share.gif");
	background-repeat:no-repeat;
	text-indent:-10000em;
	border-bottom:1px solid #494949;
}
.dialog_title_config{
	width:95%;
	height:40px;
	margin-right:auto;
	margin-left:auto;
	background-image:url("/common/images/title/title_config.gif");
	background-repeat:no-repeat;
	text-indent:-10000em;
	border-bottom:1px solid #494949;
}
.dialog_title_account{
	width:95%;
	height:40px;
	margin-right:auto;
	margin-left:auto;
	background-image:url("/common/images/title/title_account.gif");
	background-repeat:no-repeat;
	text-indent:-10000em;
	border-bottom:1px solid #494949;
}
.dialog_title_profile{
	wwidth:95%;
	height:40px;
	margin-right:auto;
	margin-left:auto;
	background-image:url("/common/images/title/title_profile.gif");
	background-repeat:no-repeat;
	text-indent:-10000em;
	border-bottom:1px solid #494949;
}
.dialog_title_pass{
	width:95%;
	height:40px;
	margin-right:auto;
	margin-left:auto;
	background-image:url("/common/images/title/title_pass.gif");
	background-repeat:no-repeat;
	text-indent:-10000em;
	border-bottom:1px solid #494949;
}
.password_login_inner{
	margin:0 auto 0 autopx;
	background-color:#383838;
	width:400px;
	padding:5px 20px 5px 20px;
	margin-top:10px;
	-moz-border-radius: 0.65em;
	-webkit-border-radius: 0.65em;
}
.password_login_inner .btn_area{
	width:395px;
	margin-bottom:5px;
	margin-top:5px;
}
.password_login_inner p{
	paddin:0;
	margin:0;
	margin-top:10px;
	font-size:110%;
	padding-left:10px;
	padding-bottom:5px;
	margin-bottom:0;
	background:url("/common/images/white_list.gif") no-repeat left center ;
	border-bottom:1px dotted #666666;
}
.dialog_title_addalbum{
	width:95%;
	height:40px;
	margin-right:auto;
	margin-left:auto;
	background-image:url("/common/images/title/title_addalbum.gif");
	background-repeat:no-repeat;
	text-indent:-10000em;
	border-bottom:1px solid #494949;

}
.dialog_title_upload{
	width:95%;
	height:40px;
	margin-right:auto;
	margin-left:auto;
	background-image:url("/common/images/title/title_upload.gif");
	background-repeat:no-repeat;
	text-indent:-10000em;
	border-bottom:1px solid #494949;
}
.dialog_title_password{
	width:95%;
	height:40px;
	margin-right:auto;
	margin-left:auto;
	background-image:url("/common/images/title/title_password.gif");
	background-repeat:no-repeat;
	text-indent:-10000em;
	border-bottom:1px solid #494949;
}
.dialog_title_credit01{
	width:95%;
	height:40px;
	margin-right:auto;
    padding-top:10px;
	margin-left:auto;
	background:url("/common/images/title/title_credit01.gif") no-repeat 4px;
	text-indent:-10000em;
	border-bottom:1px solid #494949;
}
.dialog_title_credit02{
	width:95%;
	height:40px;
	margin-right:auto;
	margin-left:auto;
    padding-top:10px;
	background:url("/common/images/title/title_credit02.gif") no-repeat 4px;
	background-repeat:no-repeat;
	text-indent:-10000em;
	border-bottom:1px solid #494949;
}
.account_login{
	width:460px;
	margin-left:auto;
	margin-right:auto;
	padding-top:10px;
}	
.account_login p{
	color:#CCCCCC;
	width:460px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	margin-bottom:3px;
	padding:0;
}

.account-profile{
	display:block;
	float:left;
	width:210px;
	height:217px;
	background:url("/common/images/icons/account_profile_theme.png") no-repeat left top;
	text-indent:-10000em;
	overflow:hidden;
}	
.account-profile:hover{
	background-position:left -217px;
}
.account-password{
	display:block;
	float:left;
	width:210px;
	height:217px;
	background:url("/common/images/icons/account_ssl.png") no-repeat left top;
	text-indent:-10000em;
	overflow:hidden;
	margin-left:10px;

}
.account-password:hover{
	background-position:left -217px;
}
.dialog_pass_bg{
	background:url("/common/images/bg_pass.gif") no-repeat;
	background-color: #383838;
	width:430px;
	min-height:270px;
	text-align:center;
    margin:0;
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
    padding:0;
   	-moz-border-radius: 0.65em;
	-webkit-border-radius: 0.65em;

}
.dialog_pass{
	padding-top:140px;
	
}
.dialog_list_ps1{
	width:180px;
	float:left;
	text-align:right;
}

.dialog_list_ps2{
	width:200px;
	float:left;
	text-align:left;
	margin-left:6px;
}
.dialog_list table{
	font-size:9px;
}
.alart{
	font-weight:bold;
	color:#FF3333
}



.pageback a{
	background-image:url(/common/images/back.png);
	background-repeat:no-repeat;
	background-position:top center;
	width:60px;
	height:30px;
	display:block;
	text-indent:-10000em;
	overflow:hidden;
	position:absolute;
	top:-25px;
	left:-6px;
}	
.pageback a:hover{
	background-image:url(/common/images/back.png);
	background-repeat:no-repeat;
	background-position:0 -30px;
}
.dialog_form_input{
	margin:0 auto 0 auto;
	padding:0; 
	background-color:#383838;
	width:420px;
	padding:10px;
	-moz-border-radius: 0.65em;
	-webkit-border-radius: 0.65em;
	text-align:left;

}
.dialog_form{
	width:427px;
	margin:10px 0 0px 0;
	margin-left:auto;
	margin-right:auto;
    margin-bottom:10px;
	background-color:#333333;
	padding:10px;	
	text-align:left;
	-moz-border-radius: 0.65em;
	-webkit-border-radius: 0.65em;
	}
.dialog_acc .dialog_form{
	width:90％;
	margin:10px 0 0px 0;
	margin-left:auto;
	margin-right:auto;
    margin-bottom:10px;
	background-color:#333333;
	padding:10px;	
	text-align:left;
	-moz-border-radius: 0.65em;
	-webkit-border-radius: 0.65em;
}
.dialog_form2{
	margin:10px auto 0 auto;
	text-align:center;
}
.dialog_form3{
	width:427px;
	margin:5px 0 10px 0;
	margin-left:auto;
	margin-right:auto;
	background-color:#333333;
	padding:0px;
	padding-left:10px;	
	text-align:left;
	-moz-border-radius: 0.65em;
	-webkit-border-radius: 0.65em;
	}
.card_info .dialog_list{
	/*float:left;*/
}
.card_info .leftside{
	font-size:85%;
	width:120px;
	background:url(/common/images/white_list.gif) no-repeat left 3px;
	padding-left:10px;
	margin-right:3px;
	float:left;
}
.card_info .rightside{
	padding-left:10px;
	border-left:1px dotted #666666;
	font-size:12px;
	margin-left:3px;
	width:auto;
	float:left;
}
.card_info{
	padding:5px;
	clear:left;
	margin:0;
	}
.card_info2{	
	padding:3px;
	margin-top:0px;
	margin-left:5px;
	margin-right:5px;
    margin-bottom:5px;
	background-color:#666666;
    text-align:center;
	clear:left;
    -moz-border-radius: 0.65em;
	-webkit-border-radius: 0.65em;
	
}
.card_info3{	
	padding:3px;
	margin-top:10px;
	margin-left:5px;
	margin-right:5px;
    margin-bottom:0px;
    border-top:1px solid #666666;
    text-align:center;
	clear:left;
   
}
.card_info2 .dialog_listtitle{
	background:url(/common/images/dialog/dialog_subtitle.png) no-repeat left 3px ;
	width:380px;
	height:20px;
	padding-left:20px;
	border-bottom:1px solid #999999;
	margin-top:5px;
}

.quota-plan {
	width: 250px;
	float:left;
	text-align: right;
	font-size: 90%;
	color: #f82;
}
.quota-plan p {
	font-size: 85%;
	color: #eee;
	margin: 0;
}
#quota-plan-change {
}

.dialog_listtitle{
	background:url(/common/images/dialog/dialog_subtitle.png) no-repeat left 3px ;
	width:95%;
	height:25px;
	margin-right:auto;
	margin-left:auto;
	padding-left:20px;
	margin-bottom:5px;
	margin-top:10px;
	text-align:left;	
}
.dialog_listtitle2{
	background:url(/common/images/dialog/dialog_subtitle.png) no-repeat left 18px ;
	width:90%;
	height:25px;
	margin-right:auto;
	margin-left:auto;
	padding-left:20px;
	padding-top:18px;
	margin-bottom:10px;
	margin-top:5px;
	text-align:left;	
}
.only-share{
	border-left:3px solid #444444;
	margin-left:12px;
	padding-left:10px;
	margin-top:5px;
}
.only-share p{
	margin:0;
	padding:0;
	margin-bottom:5px;
	padding-left:20px;
	height:20px;
	background:url(/common/images/dialog/dialog_subtitle.png) no-repeat left 5px ;
}
.dialog_list2{
	background-color:#444444;
	padding:5px;
	margin-top:10px;
}
.only-share .dialog_listtitle{
	width:350px;
}
#photo-tags-pane{
	max-height:80px;
	overflow:auto;

}
#album-share-form-userlist{
	list-style:none;
	min-height:5px;
	max-height:60px;
	overflow:auto;
	margin:0;
	padding:0;
}
#album-share-form-userlist li{
	padding-left:26px;
	background:url(/common/images/small_icons/share_color.png) no-repeat 2px 3px ;
}

#album-info-form-userlist{
	list-style:none;
	min-height:5px;
	max-height:80px;
	overflow:auto;
	margin:0;
	padding:0;
}
#album-info-form-userlist li{
	padding-left:26px;
	background:url(/common/images/small_icons/share_color.png) no-repeat 2px 3px ;
}


.small{
	font-size:10px;
	color:#999999;
}
.dialog_subtitle{
	margin:10px 0 10px 12px;
	width:430px;
	text-align:left;
}
.dialog_area_acc .dialog_subtitle{
	margin:10px 0 0px 12px;
	width:430px;
	text-align:center;
}
.tag_add{
	background-image:url(/common/images/small_icons/tag_add.gif);
	background-repeat:no-repeat;
	padding-left:23px;
	height:20px;
}
.tag_list{
	background-image:url(/common/images/small_icons/tag_list.gif);
	background-repeat:no-repeat;
	padding-left:23px;
	height:20px;

}
.dialog_list{
	font-size:93%;
	margin-bottom:3px;
}
.leftbox .dialog_list{
	margin-bottom:20px;
	background-image:url(/common/images/white_list.gif);
	background-repeat:no-repeat;
	padding-left:10px;
	margin-left:5px;
}
.rightbox .dialog_list{
	margin-bottom:10px;
	font-size:11px;
}

.rightbox input{
	margin-bottom:10px;
}
.visa{
	float:left;	
}
.master{
	float:left;
}
.jcb{
	float:left;

}

.american{
	float:left;

}
.diners{
	float:left;


}
.form_mail{
	width:150px;
}
.l-visa{

 	background: url(/common/images/visa.png) no-repeat 5px 5px;
    height: 12px;
    width: 19px;
    display:block;
       
    }
#upload-photo-filelist {
	max-height:110px;
	overflow:auto;
	position:relative;
    margin-left:5px;
}
#upload-photo-filelist .upload_photo_thumbnail {
	font-size:77%;
	overflow:hide;
	position:relative;
	float:left;
	width:98px;
	height:98px;
    border: #121212 solid 1px;
    margin-left:1px;

}


.upload_photo_thumbnail p {
	margin:2px; 
}

.upload_photo_thumbnail_img {
        top: 27px;
        left: 27px;
        position:absolute;
}

.upload_photo_thumbnail_name {
        top: 0px;
        left: 0px;
        position:absolute;
	overflow:hide;
}

.upload_photo_progress_msg {
        bottom: 12px;
        left: 0px;
        position:absolute;
}

.upload_photo_progress_img {
        bottom: 0px;
        left: 0px;
        position:absolute;
}

.upload_photo_progress_end_img {
        bottom: 0px;
        left: 0px;
        position:absolute;
}

.upload_photo_progress {
        bottom: 12px;
        right: 0px;
        position:absolute;
}
#upload-photo-flash-viewer {
	background-color:#000000;
    height:20px;
}
#upload-photo-flash-msg {
	font-size:80%;
	right: 0px;
}
.download_uploader{
	width:100%;
	text-align:left;
	padding-bottom:10px;
	clear:left;
}
.left-icon{
	float:left;
	width:160px;
	text-align:center;
	padding-top:20px;
}
.right-text{
	float:left;
	width:290px;
}
h3.your-uploader{
	background:url("images/your_uploader.png")no-repeat;
	text-indent:-10000em;
	overflow:hidden;
	width:250px;
	height:32px;
	margin:15px 0 0 0;
	padding:0;
}
h3.your-uploader-text{
	overflow:hidden;
	width:250px;
	margin:15px 0 0 0;
	padding:0;
}
.right-text p{
	color:#999999;
	margin:0;
	padding:0;
	margin-top:8px;
}
.btn_download{
	display:block;
	width:150px;
	height:24px;
	margin-top:5px;
	background:url("images/download.png") no-repeat 0 0;
}
.btn_download:hover{
	background-position:0 -24px;
}
.downloadappli{
	width:auto;
	height:100px;
	list-style:none;
	margin:0;
	margin-left:0px;
	margin-right:0px;
	padding:0;
}
.downloadappli li{
	float:left;
	width:90px;
	margin-left:0px;
	padding:0;
}
.modal_message_overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	cursor: wait;
	z-index: 9999;
	/*
	background-color: #888;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	*/
	background-color:#000000;
	opacity:0.80;
	filter:alpha(opacity=80);
	-moz-opacity:0.80; 

}
.modal_message {
	position:absolute;
	height: 100px;
	width: 400px;
	left:50%;
	top:50%;
	margin-left:-200px;
	margin-top:-50px;

	font-size: 32px;
        color: #fff;
	text-align: left;
	/*
	background: #000;
	border: 2px solid #fff;
	*/
	padding:30px;
	background-color:#191919;
	border: 1px solid #333333;

	z-index: 10000;
}

.modal_alert_overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	cursor: wait;
	z-index: 9999;
	background-color:#000000;
	opacity:0.80;
	filter:alpha(opacity=80);
	-moz-opacity:0.80; 
}

.modal_alert {
	position:absolute;
	width: 500px;
	left:50%;
	top:10%;
	margin-left:-250px;
	margin-top:0px;
	font-size:14px;
	line-height:150%;
	background: url("/common/images/dialog/bg_dialog_bottom.png") no-repeat 0 bottom; 
	z-index: 10000;
}
.modal_alert_inner{
	width:500px;
	background: url("/common/images/dialog/bg_dialog_top.png") no-repeat 0 top;
	margin-top:-20px;
}
.modal_alert_inner .dialog_scroll{
	width:98%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:30px;
}
.modal_alert_form{
	margin:10px 0 0 0px;
	background-color:#333333;
	width:427px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
	text-align:left;
	padding:10px;	
	-moz-border-radius: 0.65em;
	-webkit-border-radius: 0.65em;
	clear:left;

}
.modal-alert-button{
	position:absolute;
	text-align:center;
	width:70px;
	right:20px;
	bottom:15px;
}

#a {
}
.dialog_tab{
	height:25px;
	margin-bottom:0;
	margin-top:10px;
	margin-left:20px;
}
#help-tab1{
	display:block;
	width:129px;
	height:25px;
	background: url("/common/images/help_tub01.png") no-repeat;
	cursor:pointer;
	float:left;
	text-indent:-10000em;
	overflow:hidden;
}
#help-tab1:hover{
	display:block;
	background: url("/common/images/help_tub01_o.png") no-repeat;
}
#help-tab1.active{
	display:block;
	background: url("/common/images/help_tub01_o.png") no-repeat;
}
#help-tab2{
	display:block;
	width:165px;
	height:25px;
	background: url("/common/images/help_tub02.png") no-repeat;
	cursor:pointer;
	float:left;
	text-indent:-10000em;
	overflow:hidden;
	margin-left:10px;

}
#help-tab2:hover{
	display:block;
	background: url("/common/images/help_tub02_o.png") no-repeat;
}
#help-tab2.active{
	display:block;
	background: url("/common/images/help_tub02_o.png") no-repeat;
}
#help-tab3{
	display:block;
	width:120px;
	height:25px;
	background: url("/common/images/help_tub03.png") no-repeat;
	cursor:pointer;
	float:left;
	text-indent:-10000em;
	overflow:hidden;
	margin-left:10px;
}
#help-tab3:hover{
	display:block;
	background: url("/common/images/help_tub03_o.png") no-repeat;
}
#help-tab3.active{
	display:block;
	background: url("/common/images/help_tub03_o.png") no-repeat;
}

#help-dialog .dialog_form{
	margin-top:-2px;
}
#help-tab1-content.dialog_form_scroll1{
	width:430px;
    max-height:240px;
    overflow:auto;
}
#help-tab2-content.dialog_form_scroll2{
	width:430px;
    max-height:240px;
    overflow:auto;
}
#help-tab3-content.dialog_form_scroll3{
	width:430px;
    max-height:240px;
    overflow:auto;
}
.question-btn{
	background-color:#212121;
	-moz-border-radius: 0.3em;
	-webkit-border-radius: 0.3em;
	margin:5px;
}
.question-text{
	background: url("/common/images/Q.png") no-repeat 5px 5px;
	padding:6px;
	padding-left:35px;
	cursor:pointer;	
}
.question-text:hover{
	background: url("/common/images/Q.png") no-repeat 5px 5px;
	background-color:#444444;
	cursor:pointer;
	-moz-border-radius: 0.3em;
	-webkit-border-radius: 0.3em;
}
.answer-text{
	background: url("/common/images/A.png") no-repeat 0px 5px;
	border-top:1px solid #333333;
	padding:5px 8px 8px 30px;
	margin-left:5px;
	margin-right:5px;
	margin-bottom:5px;
}
.question-btn a{
	color:#ce2626;
	text-decoration:underline;
}
.question-btn a:hover{
	text-decoration:none;
}
#share-album-tab:hover {
	display:block;
}
#share-facebook-tab.active{
	display:block;
}
#share-facebook-tab:hover {
	display:block;
}
#share-album-tab.active{
	display:block;
}
#share-album-tab {
	display:block;
	width:129px;
	height:25px;
	cursor:pointer;
	float:left;
	overflow:hidden;
}
#share-facebook-tab {
	display:block;
	width:129px;
	height:25px;
	cursor:pointer;
	float:left;
	overflow:hidden;
}

.album_tab2{
	float:left;
	margin-left:10px;
	display:block;
	height:25px;
	cursor:pointer;
	text-indent:-10000em;
	overflow:hidden;
}
.album_tab3{
	float:left;
	margin-left:10px;
	display:block;
	height:25px;
	cursor:pointer;
	text-indent:-10000em;
	overflow:hidden;
}
#album-tab-ficia{
	background: url("/common/images/dialog/album_tab1.png") no-repeat;
    width:68px;
}
#album-tab-ficia:hover{
	display:block;
	background: url("/common/images/dialog/album_tab1_o.png") no-repeat;
}
#album-tab-ficia.activeTab{
	background: url("/common/images/dialog/album_tab1_o.png") no-repeat;
}
#album-tab-facebook{
	background: url("/common/images/dialog/album_tab2.png") no-repeat;
    width:92px;
}
#album-tab-facebook:hover{
	background: url("/common/images/dialog/album_tab2_o.png") no-repeat;
}
#album-tab-facebook.activeTab {
	background: url("/common/images/dialog/album_tab2_o.png") no-repeat;
}
#album-tab-flickr{
	background: url("/common/images/dialog/album_tab3.png") no-repeat;
    width:92px;
}
#album-tab-flickr:hover{
	background: url("/common/images/dialog/album_tab3_o.png") no-repeat;
}
#album-tab-flickr.activeTab {
	background: url("/common/images/dialog/album_tab3_o.png") no-repeat;
}
#share-facebook-connect-button {
    width: 204px;
    height: 31px;
	font-size:11px;
	text-decoration:none;
    float:left;
    display: block;
    text-indent: -10000em;
    white-space:nowrap;
    color: #888888;
	background: url("/common/images/connect_facebook.gif") no-repeat;
}
#share-facebook-connect-button:hover {
    width: 204px;
    height: 31px;
	background: url("/common/images/connect_facebook2.gif") no-repeat;
}
#share-facebook-already-note a {
    color: #CE2626;
}
#share-flickr-connect-button {
    width: 204px;
    height: 31px;
	font-size:11px;
	text-decoration:none;
    float:left;
    display: block;
    text-indent: -10000em;
    white-space:nowrap;
    color: #888888;
	background: url("/common/images/connect_flickr.png") no-repeat;
}
#share-flickr-connect-button:hover {
    width: 204px;
    height: 31px;
	background: url("/common/images/connect_flickr2.png") no-repeat;
}
.album_tab_inner p{
	padding-left:20px;
}
.photo_tab{
	float:left;
	margin-left:10px;
	display:block;
	width:92px;
	height:25px;
	cursor:pointer;
	text-indent:-10000em;
	overflow:hidden;
}
#photo-tab-basic{
	background: url("/common/images/dialog/photo_tab1.png") no-repeat;
	
}
#photo-tab-basic:hover{
	display:block;
	background: url("/common/images/dialog/photo_tab1_o.png") no-repeat;
}
#photo-tab-basic.active{
	display:block;
	background: url("/common/images/dialog/photo_tab1_o.png") no-repeat;
}
#photo-tab-tag{
	background: url("/common/images/dialog/photo_tab2.png") no-repeat;
}
#photo-tab-tag:hover{
	display:block;
	background: url("/common/images/dialog/photo_tab2_o.png") no-repeat;
}
#photo-tab-tag.active{
	display:block;
	background: url("/common/images/dialog/photo_tab2_o.png") no-repeat;
}
#photo-tab-map{
	background: url("/common/images/dialog/photo_tab3.png") no-repeat;
}
#photo-tab-map:hover{
	display:block;
	background: url("/common/images/dialog/photo_tab3_o.png") no-repeat;
}
#photo-tab-map.active{
	display:block;
	background: url("/common/images/dialog/photo_tab3_o.png") no-repeat;
}
#photo-tab-rotate{
	background: url("/common/images/dialog/photo_tab5.png") no-repeat;
}
#photo-tab-rotate:hover{
	display:block;
	background: url("/common/images/dialog/photo_tab5_o.png") no-repeat;
}
#photo-tab-rotate.active{
	display:block;
	background: url("/common/images/dialog/photo_tab5_o.png") no-repeat;
}

#photo-tab-exif{
	background: url("/common/images/dialog/photo_tab4.png") no-repeat;
}
#photo-tab-exif:hover{
	display:block;
	background: url("/common/images/dialog/photo_tab4_o.png") no-repeat;
}
#photo-tab-exif.active{
	display:block;
	background: url("/common/images/dialog/photo_tab4_o.png") no-repeat;
}
.rotate_left{
	float:left;
    width:51px;
    margin-left:10px;
}
.rotate_image{
	float:left;
    width:300px;
    padding:3px;
	text-align: center;
}
.rotate_right{
	float:left;
    width:51px;
}
.rotate-left{
	background:url("/common/images/rotate_left.png") no-repeat;
    display:block;
    height:68px;
}
.rotate-right{
	background:url("/common/images/rotate_right.png") no-repeat;
	display:block;
    height:68px;
}
.rotate-left:hover{
	background:url("/common/images/rotate_left_o.png") no-repeat;
}
.rotate-right:hover{
	background:url("/common/images/rotate_right_o.png") no-repeat;
}

.exif-info-box{
	max-height:250px;
    overflow:auto;
    position:relative;
}
.exif-info-box .dialog_list{
        padding:2px 2px 2px 18px;
        position:relative;
        
        
}
.line1{
        background-color:#222222
}
.line2{
        background-color:#333333
}
.exif-info{
        display:block;
        background: url("/common/images/dialog/tateline.png") repeat-y left top;
        position:absolute;
        z-index:10;
        top:0;
        left:150px;
        padding:2px 2px 2px 18px;
}

.dialog_area {
 position:relative;
 margin:0px auto;
 min-width:500px;
 max-width:500px; /* based on image dimensions - not quite consistent with drip styles yet */
 color:#fff;
 z-index:1;
 margin-left:12px; /* default, width of left corner */
 margin-bottom:0.5em; /* spacing under dialog */
}
.dialog_area .dialog,
.dialog_area .t,
.dialog_area .b,
.dialog_area .b div {
 background:transparent url("/common/images/dialog/bg_dialog2.png") no-repeat top right;
}
.dialog {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:0px 12px 5px 0px;
}
.dialog_area .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:12px; /* top slice width */
 margin-left:-12px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.dialog_area .b {
 /* bottom */
 position:relative;
 width:100%;
 z-index:0;
}

.dialog_area .b,
.dialog_area .b div {
 height:40px; /* height of bottom cap/shade */
 font-size:1px;
 margin-top:0px;
 /margin-top:0; /* IE hack */
}

.dialog_area .b {
 background-position:bottom right;
 z-index:0;
}

.dialog_area .b div {
 position:relative;
 width:12px; /* bottom corner width */
 margin-left:-12px;
 background-position:bottom left;
}

.photo-caption{
    position:absolute;
    left:15%;
    right:15%;
    background:#000000;
    /*background-color:blue;*/
    height:auto;
    bottom:55px;
    border:2px solid #ffffff;
    -moz-border-radius: 0.65em;
    -webkit-border-radius: 0.65em;
    z-index:9999;
    width:70%;
    filter:Alpha(opacity=60);
    -moz-opacity:0.60; 
    opacity:0.60

}
.photo-caption p{
    width:95%;
    margin-left:auto;
    margin-right:auto;
	filter:Alpha(opacity=100);
    -moz-opacity:1.00; 
    opacity:1.00	
}

/* easy sharing */
.easy_sharing{
    position:absolute;
    margin-left:auto;
    margin-right:auto;
    height:187px;
    top:25%;  
    z-index:999;
    background:url("/common/images/dialog/easy_bg_right.png") no-repeat bottom right;
    left:180px;
    right:auto;
    top: 0px;
}
.sharingbox{	
	background:url("/common/images/dialog/easy_bg_left.png") no-repeat top left;
    width:auto;
    height:187px;
	margin:20px;
    margin-top:0px;
    padding-left:20px;
    padding-top:35px;
}
.sharingbox a{
	display:block;
    width:133px;
    height:125px;
    float:left;
    margin-left:0px;
    text-indent:-10000em;
    outline:0;
    
}.sharingbox a.easy01{
	background:url("/common/images/dialog/easy01_s.png") no-repeat ;
}
.sharingbox a.easy02{
	background:url("/common/images/dialog/easy02_s.png") no-repeat ;
}
.sharingbox a.easy03{
	background:url("/common/images/dialog/easy03_s.png") no-repeat ;
}
.sharingbox a.easy04{
	background:url("/common/images/dialog/easy04_s.png") no-repeat ;
}
.sharingbox a.easy05{
	background:url("/common/images/dialog/easy05_s.png") no-repeat ;
}
.sharingbox a.easy01.dropped-hover{
	background:url("/common/images/dialog/easy01_b.png") no-repeat ;
}
.sharingbox a.easy02.dropped-hover{
	background:url("/common/images/dialog/easy02_b.png") no-repeat ;
}
.sharingbox a.easy03.dropped-hover{
	background:url("/common/images/dialog/easy03_b.png") no-repeat ;
}
.sharingbox a.easy04.dropped-hover{
	background:url("/common/images/dialog/easy04_b.png") no-repeat ;
}
.sharingbox a.easy05.dropped-hover{
	background:url("/common/images/dialog/easy05_b.png") no-repeat ;
}

/* 使用量関連 */
#using_size {
	cursor: pointer;
}
#using_size_hsize {
	font-weight: bold;
}
#current_plan_name {
	background-color: #555555;
	diaplay: block;
	padding-left: 3px;
	padding-right: 3px;
	font-weight: bold;
}
#quota-limit-alert-msg {
    margin-left: 5px;
    background-color: #CC0000;
    color: #eed;
    font-weight: bold;
    padding: 2px;
}
#quota-limit-change {
    color: #FFFFFF;
    font-weight: bold;
    border: 1px solid #FFFFFF;
    padding-top: 1px;
    padding-right: 2px;
    padding-bottom: 1px;
    padding-left: 2px;
    margin-left: 3px;
}
/* for maintenance */
#maintenance-notice {
    position:fixed;
    color: #222222;
    background-color: #fafad2;
    font-size:10px;
    top: -1px;
    left: 160px;
    width: 300px;
    height: 65px;
    border: 1px dashed #00008B;
    padding: 2px;
    padding-left: 8px;
    margin: 0px;
    overflow: auto;
}

#maintenance-notice-title {
    color: #ff2222;
    font-size:110%;
    margin-bottom: 2px;
    margin-left: -4px;
}
/* ナビゲーション*/
.global-navi {
	background-image: url(/common/t/images/common/top_navi.png);
	background-repeat: repeat-x;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 40px;
	z-index: 0;
}
*html .global-navi {
	background-image: url(/common/t/images/common/ie6/top_navi.gif);
}
.global-navi .loginbox {
	margin: 0px;
	padding: 0px;
}
a.ssl_login{
	background-image: url(/common/t/images/common/ssl.gif);
	background-repeat: no-repeat;
	background-position:0 0;
	width:18px;
	height:23px;
	display:block;
	text-indent:-10000em;
	overflow:hidden;
}
a:hover.ssl_login{
	background-position: -23px left;

}
a.ssl2_login{
	background-image: url(/common/t/images/common/http.gif);
	background-repeat: no-repeat;
	background-position:0 0;
	width:18px;
	height:23px;
	display:block;
	text-indent:-10000em;
	overflow:hidden;
}
a:hover.ssl2_login{
	background-position: -23px left;

}
form.login {
	padding: 0px;
	width: auto;
	float: right;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-size: 12px;
}
.loginbox input {
	font-size: 12px;
	opacity:0.8;
}

.details_textarea {
    font-size:12px;
    overflow:hidden;
}


.header_email {
    float:right;
	width:auto;
    top:40px;
    right:20px;
    font-size:12px;
	background-image:url(/common/images/red_list.gif);
	background-repeat:no-repeat;
	background-position:1px 4px;
	padding-left:14px;
	font-weight:bold;
	color:#FFFFFF
}
.header_use {
    float:right;
    top:40px;
    right:20px;
    font-size:12px;
	background-image:url(/common/images/list_red.png);
	background-repeat:no-repeat;
	background-position:1px 4px;
	padding-left:14px;
	color:#FFFFFF;
	margin-right:5px;
}
.member_header .header_email{
	margin-right:10px;
	top:0px;
}
.header_email2 {
    position:absolute;
	width:auto;
    top:40px;
    right:20px;
    font-size:12px;
	background-image:url(/common/images/list_red.png);
	background-repeat:no-repeat;
	background-position:1px 4px;
	padding-left:14px;
	font-weight:bold;
	color:#FFFFFF
}

.dim16x16 {
width: 16px;
height: 16px;
}

.dim45x45{
width: 45px;
height: 45px;
}

.dim75x75{
width: 75px;
height: 75px;
}

.dim90x90{
width: 90px;
height: 90px;
}

.dim270x270{
width: 270px;
height: 270px;
}

.dim60x60{
width: 60px;
height: 60px;
}

.dim50x50{
width: 50px;
height: 50px;
}

.group_container {
}

.group_container_enable {
padding-top:10px;
clear: both;
}

.group_label {
}

.slideshow_thumbnail {
    border: 1px solid #191919;
	z-index:6000;
	margin-left: 0px;
}

.slideshow_thumbnail_selected {
    border: 1px solid #ffffff;
	
}

.photo_thumbnail_clone {
    position:absolute;
        z-index:5000;
}

.view_dragcount{
    position:absolute; 
    background:url("/common/images/area_dragcount.png") no-repeat;
    top:-10px; 
    padding:0px;
    margin-left:78%; 
    width:21px; 
    height:21px;
    text-align:center;
	z-index:500;
}


.photo_thumbnail_image {
    border: #191919 solid 2px;
	z-index:1000;
}

.photo_thumbnail_image_selected {
    border: #f80 solid 2px;
	z-index:1000;
}


// DnD
.droppable-active {
}

.dropped-hover {
	background-color:#333333;
}

.dropped_separator-hover {
	background-color:#000;
	background:url("/common/images/album_plus.gif") no-repeat center;
	height: 8px;
}
.album_list_separator {
	height: 8px;
	border: 0px;
	margin: 0px;
	padding: 0px;
}

.tag-span {
    margin-right:10px;
}




.public_title{
	position:relative;
	display:block;
	width:58px;
	height:21px;
	text-indent:-10000em;
	overflow:hidden;
	cursor:pointer;
	z-index:200;
	margin-left:4px;
	float:left;
}

.share_title{
	position:relative;
	display:block;
	width:88px;
	height:21px;
	text-indent:-10000em;
	overflow:hidden;
	cursor:pointer;
	z-index:200;
	margin-left:4px;
	float:left;
}

/* for simplemodal 1.3 */
#simplemodal-overlay {background-color:#000; cursor:wait;}
#simplemodal-container {
 width: 530px;
}



#simplemodal-container a.modalCloseImg {
    background:url("/common/images/btn_close.png") no-repeat;
    height: 30px;
    width: 30px;
    display:inline;
    z-index:32000;
    position:absolute;
    right:15px;
    top: 0px;
    _background: none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/common/images/btn_close.png',sizingMethod='scale');
    cursor:pointer;
}

#simplemodal-container #basicModalContent {
    padding:8px;
}

/* simplemodal by http://www.ericmmartin.com/simplemodal/ */
#modalOverlay {background-color:#000; cursor:wait;}
#modalContainer {
    position:absolute;
    width:500px;
    height:510px;
    left:50%;
    top:50%;
    margin-left:-250px;
    margin-top:-250px;
}

#modalContainer a.modalCloseImg {
    background:url("/common/images/btn_close.png") no-repeat;
    height: 30px;
    width: 30px;
	/*display:none;*/
    display:inline;
    z-index:32000;
    position:absolute;
    right:4px;
    top: -15px;
    _background: none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/common/images/btn_close.png',sizingMethod='scale');
    cursor:pointer;
}

#modalContainer #basicModalContent {
    padding:8px;
}


/* for modal */
#photo-view {
    display: none;
    position: relative;
    height: 100%
}

#photo-view-container {
    overflow: auto;
    position: absolute;
    width: 100%;
    height: 100%;
}

.photo-detail-menu {
    cursor: pointer;
    background-color: #a2a;
    width: 10px;
    height: 10px;
    position: absolute;
    top: 4px;
}

/*　登録情報変更ページ　*/
.header2 {
	position:absolute;
	left:0;
	top:0;
	height: 88px;
	padding:0;
	width:100%;
	background-image:url("/common/images/bg_header.gif");
	background-repeat:repeat-x;
	background-position:top;
	border-bottom:1px dotted #333333;
}

#inputbox {
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
	width:800px;
	
}
#inputbox input{
	border:1px solid #333333;
	opacity:0.80;
	filter:alpha(opacity=80);
	-moz-opacity:0.80; 
	z-index:1000;
}

#inputbox input:hover{
	border:1px solid #333333;
	opacity:0.60;
	filter:alpha(opacity=60);
	-moz-opacity:0.60; 
	z-index:1000;
}
#inputbox input{
	font-size:12px;
}
#inputbox .btn_area{
	width:400px;
	text-align:left;
	margin-left:auto;
	margin-right:20px;
	paddng:10px;
	position:relative;
	margin-top:20px;

}
#inputbox .headline {
	background-image: url(/common/images/bg_grd2.png);
	background-repeat: repeat-x;
	height: 46px;
	background-position: top;
	margin: 0px;
	padding: 0px;
	border-left:1px solid #333333;
	border-right:1px solid #333333;
	border-top:1px solid #333333;
	width:100%
}
.input_head {
	background-image: url(/common/images/title/title_https.png);
	text-indent: -10000em;
	height: 30px;
	width: 133px;
	margin-left: 10px;
	background-repeat: no-repeat;
	overflow:hidden;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-position: left 10px;
}
ul.change_input {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	display: block;
	width: 100%;
	margin-bottom:10px;
}
dl.input_dl {
	width: 100%;
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	border-bottom:1px solid #333333;
	border-left:1px solid #333333;
	border-right:1px solid #333333;
	background-image: url(/common/images/bg_dl.gif);
	background-repeat: repeat-y;
	position: relative;
}
dt.inpu_title {
	background-image: url(/common/images/list_red.png);
	background-repeat: no-repeat;
	background-position: 10px 10px;
	padding-left: 20px;
	padding-top: 10px;
	float: left;
	padding-right: 10px;
	padding-bottom: 10px;
	display: block;
	margin: 0px;
	width: 180px;
}
.change_input li{
	margin: 0px;
	padding: 0px;
	clear: both;
	display: list-item;
	
}
.question {
	background-image: url(/common/images/small_icons/question.png);
	background-repeat: no-repeat;
	background-position: 5px;
	padding-left: 22px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 90%;
	width: auto;
	margin-right: 20px;
	background-color: #333333;
	display: block;
	-moz-border-radius: 0.50em;
	-webkit-border-radius: 0.50em;
}
.input_credit {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 16px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #333333;
	clear: both;
	float: left;
	margin-top: auto;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	width: 100%;
}
.input_credit dd  span {
	margin-top: 5px;
	display: block;
	color: #999999;
	font-size: 80%;
}

.input_credit dt {
	display: block;
	float: left;
	margin: 0px;
	width: 140px;
	background-image: url(/common/images/white_list.gif);
	background-repeat: no-repeat;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}
.input_credit dd {
	display: block;
	float: left;
	margin: 0px;
	padding: 0px;
	color: #FFFFFF;
}

.question:hover{
	background-color: #666666;
	cursor:pointer;
}		

dd.input_right {
	float: left;
	display: block;
	height: auto;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	position:relative;
	right:0;
	left:0;
	
}


.input_right dl {
	clear: left;
	padding-right: 10px;
	padding-left: 10px;
	margin-bottom: 10px;
	padding-top: 0px;
	margin-top: 0px;
}

.input_caption {
	float: left;
	font-size: 95%;
	padding-top: 5px;
	margin-left: 10px;
}
.input_right ul {
	list-style-type: none;
	width: auto;
	margin: 0px;
	padding: 0px;
}
.input_right li {
	clear: left;
	margin-top: 3px;
	margin-right: 3px;
	margin-bottom: 3px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
}

.form_left {
	float: left;
}
.change_btn {
	display:block;
	background-image: url(/common/images/btn_change.png);
	height: 17px;
	width: 79px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	float: left;
	margin-left: 10px;
	text-indent:-10000em;
	cursor:pointer;
	overflow:hidden;
}
.change_btn:hover{
	background-position: 0px -17px;
}
.check_btn {
	display:block;
	background-image: url(/common/images/btn_check.png);
	height: 17px;
	width: 79px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	float: left;
	margin-left: 10px;
	text-indent:-10000em;
	cursor:pointer;
	overflow:hidden;
}
.check_btn:hover{
	background-position: 0px -17px;
}
.delete_btn {
	display:block;
	background-image: url(/common/images/btn_delete.png);
	height: 17px;
	width: 79px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	float: left;
	margin-left: 10px;
	text-indent:-10000em;
	cursor:pointer;
	overflow:hidden;
}
.delete_btn:hover{
	background-position: 0px -17px;
}
.input_subtitle{
	background-color: #333333;
	border-bottom:1px dotted #333333;
	border-left:1px solid #333333;
	border-right:1px solid #333333;
	padding:5px;
	padding-left:10px;
	color:#CCCCCC;
	width:785px;
}
.error_red{
	color:#CC3300;
	margin:0;
	padding:0;
	font-size:80%;
	width:90%;
    margin-left:auto;
    margin-right:auto;
}
.minibox{
	background:url(/common/images/bg_trans.png) repeat;
	width:160px;
	height:auto;
	padding:10px;
	border:1px solid #666666;
	position:absolute;
	z-index:10;
	top:60px;
}
.minibox2{
	background:url(/common/images/bg_trans.png) repeat;
	width:220px;
	height:auto;
	padding:8px;
	border:1px solid #666666;
	position:absolute;
	z-index:10;
	bottom:100px;
	right:10px;
}
.minibox2 textarea{
	width:96%;
	height:auto;
	margin-bottom:10px;
	margin-top:10px;
}
.qrcode{
	width:100%;
	text-align:center;
	margin-bottom:5px;
} 
.gray-text{
	color:#999;
	margin:0;
	padding:0;
}
.minibox3{
	background:url(/common/images/bg_trans.png) repeat;
	width:160px;
	height:auto;
	padding:8px;
	border:1px solid #666666;
	position:absolute;
	z-index:10;
	bottom:100px;
	right:10px;
}
.minibox4{
	background:url(/common/images/bg_trans.png) repeat;
	width:auto;
	height:auto;
	padding:5px;
	border:1px solid #666666;
	position:absolute;
	z-index:10;
	bottom:100px;
	left:10px;
    right:10px;
}

.leavelink{
	color:#666666;
	font-size:80%;
}
.leavelink:hover{
	color:#CCCCCC
}
ul.leave{
	list-style:none;
	margin:0;
	padding:0;
	width:430px;
	margin-top:10px;
	
}
ul.leave2{
	list-style:none;
	margin:0;
	padding:8px;
	width:410px;
	margin-top:10px;
	border-top:1px solid #444444;
}
.leave li{
    border-top:1px solid #444444;
    padding:0;
    margin:0;
    clear:both;
}

.leave p{
	background:url(/common/images/white_list.gif) no-repeat left top;
	font-size:80%;
	color:#CCCCCC;
	float:left;
	padding-left:14px;
	width:200px;
	border-right:1px solid #444444;
}
.leave2 li p{
	background:url(/common/images/white_list.gif) no-repeat left top;
	font-size:80%;
	color:#CCCCCC;
	float:left;
	padding-left:14px;
	width:200px;
	border-bottom:1px solid #666666;
}
.leave .btn_area{
	padding:0;
	margin:5px;
	margin-top:10px;

}
.leave .btn_area input{
	margin-left:10px;
}

/*　メンバーページ・ログイン前ナビ */
.global-navi2 {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 370px;
	height: 40px;
	z-index: 0;

}
.global-navi2 p,.global-navi2 a{
	display:block;
    text-indent:-99999999px;
    margin:0;
    padding:0;
    margin:5px 0px 0px 5px
}
.button-account a{
    background:url(/common/images/navi/button_account.png) no-repeat 0 0;
    width:156px;
    height:24px;
    float:left;
}
.button-account a:hover{
	 background:url(/common/images/navi/button_account.png) no-repeat 0 -24px;
}
.button-login a{
    width:72px;
    height:24px;
    background:url(/common/images/navi/button_login.png) no-repeat 0 0;
    float:left;
	cursor:pointer;
}
.button-login a:hover{
    background:url(/common/images/navi/button_login.png) no-repeat 0 -23px;

}
.navi-box {
	float:left;
    width:110px;
    height:22px;
}
.navi-ficia a{
    background:url(/common/images/navi/navi_ficia.png) no-repeat 0 0;
    width:74px;
    height:11px;
}

.pass-remind a{
    background:url(/common/t/images/common/login_rmb.png) no-repeat 0 0;
    width:108px;
    height:11px;
}

/* for eye-fi information */
.minibox5{
	background:url(/common/images/bg_trans.png) repeat;
	width:auto;
	height:380px;
	padding:5px;
	border:1px solid #666666;
	position:absolute;
	z-index:10;
    bottom:5px;
	left:10px;
    right:5px;
}
.minibox5 img{
	text-align:center;
    margin-left:auto;
    margin-right:auto;
    display:block;
    width:377px;
}
.tutorial-title{
	margin:0;
    padding:0;
    font-weight:bold;
    color:#FFFFFF;
    width:360px;
    margin-left:auto;
    margin-right:auto;
    height:27px;
    padding-left:40px;
    padding-top:6px;
}
.tutorial-text{
	margin:0;
    padding:0;
	width:377px;
    color:#CCCCCC;
    margin:3px auto 5px auto;
}
.tutorial-innerbox{
	width:360px;
    padding:0px;
    border:1px solid #CCCCCC;
    margin-left:auto;
    margin-right:auto;
    font-size: 0.9em;
}
.tutorial-innerbox table{
    padding:0px;
    pargin:0px;
    border:0px;
}
.minibox5 .tutorial-text a{
	text-decoration:underline;
    color:#FF6600;
}
.tutorial-page{
	position:absolute;
    bottom:10px;
    width:377px;
    left:43px;
    height:15px;
}
.tutorial-prev, .tutorial-close, .tutorial-next{
	margin:0;
	margin-left: 8px;
    padding:0;
    width:46px;
	float:left;
    text-indent:-999999px;
}

.tutorial-prev{
	display:block;
    background:url(/common/images/tutorial/prev.png) no-repeat 0 0;
    height:15px;
}
.tutorial-prev a{
	display:block;
    background:url(/common/images/tutorial/prev.png) no-repeat 0 -15px;
    height:15px;
}
.tutorial-prev a:hover{
    background:url(/common/images/tutorial/prev.png) no-repeat 0 -30px;
    height:15px;
}

.tutorial-next a{
	display:block;
    background:url(/common/images/tutorial/next.png) no-repeat 0 0;
    height:15px;
}
.tutorial-next a:hover{
    background:url(/common/images/tutorial/next.png) no-repeat 0 -15px;
    height:15px;
}
.tutorial-close a{
	display:block;
    background:url(/common/images/tutorial/next.png) no-repeat 0 -30px;
    height:15px;
}
.num01{
	background:url(/common/images/tutorial/num_01.png) no-repeat;
}
.num02{
	background:url(/common/images/tutorial/num_02.png) no-repeat;
}
.num03{
	background:url(/common/images/tutorial/num_03.png) no-repeat;
}
.num04{
	background:url(/common/images/tutorial/num_04.png) no-repeat;
}
.num05{
	background:url(/common/images/tutorial/num_05.png) no-repeat;
}
.num06{
	background:url(/common/images/tutorial/num_06.png) no-repeat;
}
.num07{
	background:url(/common/images/tutorial/num_07.png) no-repeat;
}
.num08{
	background:url(/common/images/tutorial/num_08.png) no-repeat;
}
.num09{
	background:url(/common/images/tutorial/num_09.png) no-repeat;
}
.num10{
	background:url(/common/images/tutorial/num_10.png) no-repeat;
}

/* coupon */
.cp_list{
	background-color:#0F0F0F;
	width:600px;
	margin:10px 0 0 0;
	padding:5px 0 5px 0;
	clear:both;
	position:relative;
	left:201px;
	bottom:0;
	border-top:1px dotted #666666;
	list-style:none;
}
.cp_list li{
	 background:url(/common/images/white_list.gif) no-repeat left top;
	 padding-left:10px;
	 height:16px;
	 margin-top:5px;
	 margin-left:20px;
}

/*　共有メールリスト */
table.mail-list{
	width:100%;
    background:#666666;
    padding:0;
}
.dialog_title_mail{
	width:95%;
	height:40px;
	margin-right:auto;
	margin-left:auto;
	background-image:url("/common/images/title/title_mail.gif");
	background-repeat:no-repeat;
	text-indent:-10000em;
	border-bottom:1px solid #494949;
}
.mail-list td{
	width:auto;
    word-break:break-all;
    margin:0;
    padding:2px;
    font-size:90%;
}
.mail-list input{
	width:	100px;
}
.mail-list th{
	padding:3px;
}
.mail-list tr{
	background:#333333;
    margin:1px 0 1px 0;
}
.dialog_form_scroll{
	width:410px;
    max-height:218px;
    overflow:auto;
	margin:2px auto 2px auto;
	background-color:#333333;
	padding:2px 10px 2px 10px;	
	text-align:left;
	-moz-border-radius: 0.65em;
	-webkit-border-radius: 0.65em;
}

#album-share-form-complete{
	position: absolute;
	background-color: #fff;
	color: #000;
	border: 1px solid #ccf;
	width: 400px;
	z-index:1000;
}
#album-share-form-complete div{
	display: block;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	cursor:pointer;
}
#album-share-form-complete div.hover{
    background-color: #9cf;
}


.comments-name{
	color: #f18c18;
	padding-left: 10px;
	background: url(/common/images/white_list.gif) no-repeat;
}
.comments-date{
	color: gray;
	padding-left: 10px;
	font-size: 90%;
}
.comments-comment{
	word-break: break-all;
	padding-top: 5px;
	color: white;
	border-top: 1px solid #444444;
	margin-top: 5px
}
.comments-list{
	background-color: #191919;
	padding: 10px;
	-moz-border-radius: 0.65em;
	-webkit-border-radius: 0.65em;
}


/* for print */
.dialog_title_print{
	width:95%;
	height:40px;
	margin-right:auto;
	margin-left:auto;
	background-image:url("/common/images/title/title_print.gif");
	background-repeat:no-repeat;
	text-indent:-10000em;
	border-bottom:1px solid #494949;
}
.dialog_title_print-error{
	width:95%;
	height:40px;
	margin-right:auto;
	margin-left:auto;
	background-image:url("/common/images/title/title_error.gif");
	background-repeat:no-repeat;
	text-indent:-10000em;
	border-bottom:1px solid #494949;
}

.photo-printlabel {
	height: 16px;
	font-size: 10px;
	margin:  0px;
	cursor: pointer;
	background-color:#121212;
	text-align:center;
	width: 90px;
	padding:2px;
}
.f-item {
	border: 1px solid #f00;
	margin: 4px;
}
#print-edit-form-list {
	max-height:300px;
	overflow:auto;
	position:relative;
}
.print-edit-form-list-size {
	margin: 3px;
	margin-left:8px;
	float:left;
	width:270px;
}
.print-edit-form-list-size-detail {
	background-color:#222222;
	border:1px solid #666666;
	padding:5px;
	margin-bottom:3px;
	position:relative;
}
.print-edit-form-worning {
	color: red;
}
.print-edit-form-add-size {
	cursor:pointer;
	display:block;
	width:130px;
	height:17px;
	background:url("/common/images/plus.png") no-repeat 0 0;
	text-indent:-9999em;
	float:right;
}
.print-edit-form-add-size:hover{
	background:url("/common/images/plus.png") no-repeat 0 -17px;
}
.print-edit-form-remove-size {
	cursor:pointer;
	display:block;
	width:21px;
	height:21px;
	background:url("/common/images/small_icons/news_close.png") no-repeat 0 0;
	text-indent:-9999em;
	position:absolute;
	top:3px;
	right:3px;
}
div.print-edit-form-list-item{
	margin:8px 0 0px 0;
	float:left;
	padding-bottom:8px;
	border-bottom:1px solid #999999;
}
div.print-edit-form-list-item img {
	width: 120px;
	float:left;
}
.input_form_error,.card_input_form_error{
	font-size: 10px;
	color: red;
	width:240px;
}

/* 注文履歴 */
.order_history{
	padding:3px;
	margin:5px 0;
	border-bottom:1px dotted #666666;
}
.order_list {
	background:url("/common/images/icons/print_list.png") no-repeat 2px 2px;
	padding:2px 0px 2px 20px;
	color:gray;
	cursor:pointer;
	word-break: break-all;
	min-height:16px;
}
.order_list:hover {
	background:url("/common/images/icons/print_list_over.png") no-repeat 2px 2px;
	color:white;
	background-color:#333333;
}
.order_list.active{
	background:url("/common/images/icons/print_list_over.png") no-repeat 2px 2px;
	background-color:#283e27;
	color:white;
	word-break: break-all;
}
.order_list_disablehover {
	background:url("/common/images/icons/print_list.png") no-repeat 2px 2px;
	color:gray;
	word-break: break-all;
	padding:2px 0px 2px 20px;
}

/* デザイン選択 */
#account-theme-form-list {
	max-height:300px;
	overflow:auto;
	position:relative;
}
.account-theme-form-list-size {
	margin: 3px;
	margin-left:8px;
	float:left;
	width:270px;
}
div.account-theme-form-list-item{
	margin:8px 0 0px 0;
	float:left;
	padding-bottom:5px;
	border-bottom:1px solid #999999;
}

div.account-theme-form-list-item img {
	width: 120px;
	float:left;
	margin:3px;
}
.changetheme-box{
	padding-bottom:8px;
	margin-top:20px;
}
.now_theme{
	float:left;
	background-color:#222222;
	padding:5px;
	width:290px;
	margin-left:4px;
	margin-top:0px;
}
.theme_name{
	margin:0;
	padding:0;
	width:130px;
	margin:3px;
}
.bld{
	font-weight:bold;42
}