@charset "utf-8";
/* ===================================================================
CSS information

file name  :style.css
info :index専用
 
 =================================================================== */
/*------------------------
 main_navi
 ------------------------*/
ul#main_navi {
	display:block;
	width:900px;
	height:280px;
	padding:1px 0 1px 0;
	margin:0 0 10px 0;
	border-bottom:#bcbbbb solid 1px;
	border-top:#bcbbbb solid 1px;
}
ul#main_navi li{
	display:block;
	width:300px;
	height:280px;
	float:left;
	text-indent:-9999px;
}
ul#main_navi li a{
	display:block;
	width:300px;
	height:280px;
	outline:none;
	overflow:hidden;
}

ul#main_navi li.main_navi01 { background:url(../images/main_bty_hair.jpg) repeat-x; }
ul#main_navi li.main_navi02 { background:url(../images/main_bty_totalbty.jpg) repeat-x; }
ul#main_navi li.main_navi03 { background:url(../images/main_bty_school.jpg) repeat-x; }

ul#main_navi li.main_navi01 a:hover{ background:url(../images/main_bty_hair_on.jpg) repeat-x; }
ul#main_navi li.main_navi02 a:hover{ background:url(../images/main_bty_totalbty_on.jpg) repeat-x; }
ul#main_navi li.main_navi03 a:hover{ background:url(../images/main_bty_school_on.jpg) repeat-x; }


/*------------------------
 contents
 ------------------------*/
#index {

}
.contents {
	width:900px;
	height:auto;
	border-bottom:#bcbbbb solid 1px;
	padding-bottom: 11px;
	clear: both;
}
h2 {
	clear:both;
}
#contents_c dl dt,
#contents_l dl dt {
	line-height:0%;
}



/*----- center -------*/
#contents_c {
	width:430px;
	height:auto;
	float:left;
}
#contents_c h2#ttl_index01,
#contents_c h2#ttl_index02{
	display:block;
	width:420px;
	height:28px;
	text-indent:-9999px;
}
#contents_c h2#ttl_index01{	background:url(../images/h2_ttl_index01.gif) no-repeat 0 0; }
#contents_c h2#ttl_index02{	background:url(../images/h2_ttl_index02.gif) no-repeat 0 0; padding:0 0 6px 0; }

#contents_c ul#information {
	padding:0 0 15px 0;
	font-size:0.63em;
}
#contents_c #information li {
	width:420px;
	height:auto;
	padding: 3px 0px;
	border-bottom: 1px dashed #dcdcdc;
	clear:both;
}
#contents_c #information li span {
	float:left;
	width:55px;
	display:block;
	color:#000000;
}
#contents_c #information li span.text {
	width:365px;
	height: auto;
	float: left;
	color:#333333
}
#information li#information_noborder {
	border:none;
}
#contents_c li:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
} /*IE7以外のモダンブラウザ向け*/
#contents_c li{display:inline-block;} /*IE7およびMacIE5向け*/
/*Hides from IE-mac\*/
#contents_c li{height:1%;}
#contents_c li{display:block;}
/*End hide from IE-mac*/ /*IE6以前向け*/




#contents_c dl {
	display:block;
	width:420px;
	padding:0 0 6px 0;
	margin:0 0 6px 0;
	clear:both;
	border-bottom: 1px dashed #dcdcdc;
}
#contents_c dl dt {
	display:block;
	width:106px;
	float:left;
	line-height:0%;
}
#contents_c dl dt img {
	width:96px;
	padding:1px;
	border:1px solid #b3b3b3;
}
#contents_c dl dt img a{
	outline:none;
	overflow:hidden;
}
#contents_c dl dt a img:hover {
	border:1px solid #666666;
}
#contents_c dl dd {
	line-height:140%;
	font-size:0.63em;
}
#contents_c dl dd.ttl {
	color:#464646;
	font-weight:bold;
	font-size:0.75em;
}
#contents_c dl dd span {
	display:block;
	text-align:right;	
}
#contents_c dl dd span a {
	
}
#contents_c dl:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
} /*IE7以外のモダンブラウザ向け*/
#contents_c dl{display:inline-block;} /*IE7およびMacIE5向け*/
/*Hides from IE-mac\*/
#contents_c dl{height:1%;}
#contents_c dl{display:block;}
/*End hide from IE-mac*/ /*IE6以前向け*/





/*----- right -------*/
#contents_r {
	width:230px;
	height:auto;
	float:left;
	font-size:0.63em;
}
#contents_r h2{
	display:block;
	width:230px;
	height:28px;
	background:url(../images/h2_ttl_index03.gif) no-repeat 0 0;
	text-indent:-9999px;
}
#contents_r a {
	color:#626262;
}
#contents_r a:hover {
	text-decoration:none;
}
/*
li#ranking_no1,li#ranking_no2,li#ranking_no3,li#ranking_no4,li#ranking_no5 {
	padding:5px 5px 2px 25px;
	min-height:19px;
	margin-top: 3px;
	line-height:1.4;
}
li#ranking_no1 {
	background:url(../../images/icon_no1.jpg) no-repeat left center;
}
li#ranking_no2 {
	background:url(../../images/icon_no2.jpg) no-repeat left center;
}
li#ranking_no3 {
	background:url(../../images/icon_no3.jpg) no-repeat left center;
}
li#ranking_no4 {
	background:url(../../images/icon_no4.jpg) no-repeat left center;
}
li#ranking_no5 {
	background:url(../../images/icon_no5.jpg) no-repeat left center;
}
.ranking_border {
	width:225px;
	
}
*/
/*li#ranking_no1,li#ranking_no2,li#ranking_no3,li#ranking_no4,li#ranking_no5 {
	padding:3px 0px 6px;
	margin-top: 3px;
	line-height:1.4;
	width:230px;
	height:auto;
	float:left;
	background: url(../images/border_slash.jpg) repeat-x bottom;
}
li#ranking_no1 div,li#ranking_no2 div,li#ranking_no3 div,li#ranking_no4 div,li#ranking_no5 div {
	width:33px;
	height:auto;
	float:left;
}
li#ranking_no4 div,li#ranking_no5 div {
	padding-top:2px;
}
li#ranking_no1 a,li#ranking_no2 a,li#ranking_no3 a,li#ranking_no4 a,li#ranking_no5 a {
	display:block;
	width:197px;
	float:left;
}
li#ranking_no4 a,li#ranking_no5 a {
}
*/

#contents_r dl{
	display:block;
	padding:3px 0px 6px 0;
	margin:3px 0 0 0;
	line-height:140%;
	width:230px;
	height:auto;
	float:left;
	background: url(../../share/images/border_slash.jpg) repeat-x 0 100%  ;
}
#contents_r dl dt{
	display:block;
	width:67px;
	float:left;
}
#contents_r dl dt img{
	padding:1px;
	border:#EEEEEE 1px solid;
	width:58px;
	
}
#contents_r dl dt img:hover{
	border: #fbc955 1px solid;
}
#contents_r dl dd.name{
	color:#2c2c2c;
}