@charset "utf-8";
/*

----------------------------------------------------

Description: インデックス用
   Site URL: css/top.css
   Authors : kobayashi <kobayashi@c-advan.co.jp>
	
----------------------------------------------------

UpdateHistory
09/0******

*/

/*カレント表示*/

#top div#extra #globalMenu #menuIndex{ background:url(../common/img/cmn_btn_top_on.gif) 0 0 no-repeat;}

/*画像置換*/

#top div#mainContents h2,
#top div#mainContents div#searchBox h3,
#top div#mainContents div#searchAreaBox h3,
#top div#mainContents div.halfBoxLeft h3,
#top div#mainContents div#specialBox h3,
#top div#mainContents div#mobileBox h3,
#top #rankingTitle,
#top #salonTitle{
	display:block;
	text-indent:-999em;
}

#top div#mainContents h2{	width:760px;height:250px;	background:url(../img/top_img_main.jpg) 0 0 no-repeat;}
div#mainContents div#searchBox h3{width:208px;height:15px;background: url(../img/top_txt_search.gif) 0 0 no-repeat;}
div#mainContents h3#newsTopic{width:370px;height:25px;background: url(../img/top_txt_new_salon.gif) 0 0 no-repeat;}
div#mainContents h3#commentTopic{width:370px;height:25px;background: url(../img/top_txt_new_comment.gif) 0 0 no-repeat;}
div#mainContents div#specialBox h3{width:370px;height:25px;background: url(../img/top_txt_special.gif) 0 0 no-repeat;}
div#mainContents div#mobileBox h3{width:370px;height:25px; background:url(../img/top_txt_mobile.gif) 0 0 no-repeat;}
#top #rankingTitle{ width:190px; height:29px; background:url(../img/top_txt_ranking.gif) 0 0 no-repeat;}
#top #salonTitle{ width:750px; height:26px; background: url(../img/top_txt_pickup.gif) 0 0 no-repeat;}


/*ハーフボックス左*/

div#mainContents div.halfBoxLeft{
	width:370px;
	float:left;
	padding-left:10px;
	line-height:1.2;
}
div#mainContents div.halfBoxLeft h3{
	margin-bottom:8px;
}

/*ハーフボックス右*/

div#mainContents div.halfBoxRight{
	width:370px;
	float:right;
	line-height:1.2;
}


/*店舗検索*/

div#mainContents div#searchAreaBox h3{
	background:url(../img/top_txt_search2.gif) no-repeat;
	width:370px;
	height:30px;
}
div#mainContents div#searchAreaBox ul{
	float:left;
	background:#F7F5F2;
	padding:5px 12px;
	width:346px;
	text-align:center;
}

div#mainContents div#searchAreaBox li{
	float:left;
	width:5em;
	padding-right:6px;
	margin-bottom:5px;
}
div#mainContents div#searchAreaBox li a{
	background:url(../common/img/cmn_icon_01.gif) 0 2px no-repeat;
	padding:0 0 0 12px;
	color:#444444;
	text-decoration:none;
}
div#mainContents div#searchAreaBox li a:hover{
	color:#993300;
	text-decoration:underline;
}

/*ピックアップサロン*/

div#mainContents div#pickupBoxArea{
	margin-bottom:10px;
	padding-left:10px;
}
div#mainContents div#pickupBoxArea .pickupBox{
	float:left;
	width:370px;
	line-height:1.3;
	background:#fbe1e3;
	margin-bottom:10px;
}
div#mainContents div#pickupBoxArea .pickupBox.odd{
	margin-right:10px;
}
div#mainContents div#pickupBoxArea .pickupBox dd{
	padding:0 8px 5px;
	font-size:0.8em;
	background:#fbe1e3;
}
div#mainContents div#pickupBoxArea .pickupBox .copy{
	padding-top:8px;
	font-size:1.2em;
	font-weight:bold;
}
div#mainContents div#pickupBoxArea .pickupBox .shopName{
	font-size:1em;
	font-weight:bold;
}
div#mainContents div#pickupBoxArea .pickupBox .shopData{
	margin-bottom:2px;
}
div#mainContents div#pickupBoxArea .pickupBox .comment{
	margin-bottom:10px;
	color:#CC3333;
	font-size:12px;
	font-weight:bold;
}
div#mainContents div#pickupBoxArea .pickupBox .comment strong{
	margin-right:5px;
}

/*新着サロン 新着口コミ*/

div#mainContents div.newsBox{
	padding-left:10px;
	margin-bottom:10px;
	height:136px;
	overflow:auto;
	line-height:1.2;
}

div#mainContents div.newsBox dl{
	width:330px;
	padding:3px;
}
div#mainContents div.newsBox dl.even{
	background-color:#F5F5F5;
}
div#mainContents div.newsBox dt{
	width:75px;
	float:left;
	margin-right:15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
div#mainContents div.newsBox dd{
	width:237px;
	margin-left:90px;
}
div#mainContents div.newsBox dd a{
	text-decoration:none;
		color:#CE3E3E!important;

}

/*特集*/

div#mainContents div#specialBox{
	width:370px;
	line-height:1.2;
}

div#mainContents div#specialBox h3{
	margin-bottom:8px;
}
div#mainContents div#specialBox dt{
	font-weight:bold;
	text-align:right;
	padding:3px 0;
}
div#mainContents div#specialBox dd.photo{
	margin-bottom:5px;
}
div#mainContents div#specialBox dd.copy{
	font-size:1.1em;
	font-weight:bold;
	padding:3px 0 5px;
}
div#mainContents div#specialBox dd.entry{
	font-size:0.9em;
}