@charset "UTF-8";
 
/*=========================================================================
Type : Specified Directory Layout
Page : /photo.html
=========================================================================*/

/* Common Import Setting
--------------------------------------------- */

/* Basic Setting */
@import "common_basic.css";

/* Whole Layout */
@import "common_layout.css";


/* ReWrite Common Layout
--------------------------------------------- */
div#contents div.coInB{
}

/* Directry Page Layout
--------------------------------------------- */
div#coMain{
	width:890px;
	margin-bottom:20px;
}
div#coMain h2{
	height:45px;
	margin-bottom:22px;
	background:url(../images/photo/main_title.gif) no-repeat 0px 0px;
	text-indent:-9999px;
	overflow:hidden;
}
/* common */
div#coMain div#mInner{
	padding-top:20px;
	background:url(../images/photo/thumbarea_bg.gif) repeat-x 0px 0px;
}
div#coMain div.thumbModeBtn{
	margin-bottom:20px;
}
div#coMain div.thumbModeBtn ul{
	width:280px;
	margin:0px auto;
}
div#coMain div.thumbModeBtn ul li{
	float:left;
	width:130px;
	margin:0px 5px;
	display:inline;
}
div#coMain div.thumbModeBtn ul li a{
	display:block;
	width:130px;
	height:30px;
	background-repeat:no-repeat;
	background-position:0px -30px;
	text-indent:-9999px;
	overflow:hidden;
	outline:none;
}
div#coMain div.thumbModeBtn ul li a:hover{
	background-position:0px 0px;
}
div#coMain div.thumbModeBtn ul li#mbFas a{background-image:url(../images/photo/btn_thumbtype_fashion.gif);}
div#coMain div.thumbModeBtn ul li#mbIdo a{background-image:url(../images/photo/btn_thumbtype_idol.gif);}
div#coMain div.modeFas ul li#mbFas a,
div#coMain div.modeIdo ul li#mbIdo a{
	background-position:0px 0px;
}

div#coMain div.thumbModeBtn p{
	padding-top:10px;
	font-size:0.8em;
	text-align:center;
}

/* Thumbnail Display Select */
div#coMain div.modeFas div#tdIdo,
div#coMain div.modeIdo div#tdFas{
	display:none;
}

/* Error Message */
div#coMain p.errMes{
	padding:100px 0px 300px 0px;
	text-align:center;
	font-weight:bold;
}

/* Thumbnail Type A */
div#coMain div.photoThumbListA{
}
div#coMain div.photoThumbListA ul{
	width:870px;
	margin:0px auto;
}
div#coMain div.photoThumbListA li{
	float:left;
	width:135px;
	margin:0px 5px;
	padding-bottom:20px;
	display:inline;
	text-align:center;
}
div#coMain div.photoThumbListA li img{
	height:80px;
	border:#333333 solid 1px;
}

/* Thumbnail Type B */
div#coMain div.photoThumbListB{
}
div#coMain div.photoThumbListB div.tlBInner{
	width:792px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
}
div#coMain div.photoThumbListB div.block{
	float:left;
	width:102px;
	margin:0px 15px;
	display:inline;
}
div#coMain div.photoThumbListB div.block div{
	text-align:center;
}
div#coMain div.photoThumbListB div.block div img{
	border:#333333 solid 1px;
}
div#coMain div.photoThumbListB div.block h3{
	text-align:center;
	font-weight:normal;
}
div#coMain div.photoThumbListB div.block ul{
	display:none;
}
div#coMain div.photoThumbListB div.block ul li{
}