@charset "utf-8";

/*= 情報 ==================================================================
 *
 *  作成者         : 今城
 *  初版           : 2007-05-17
 *  最終更新       : 2007-05-17
 
 *	記述順序
 ----------------------------------
 	1.position:
	2.display:
	3.visilibity:
	4.float:
	5.background:
	6.text-indent:
	7.overflow:
	8.width:
	9.height:
	10.border:
	11.top:
	12.left
	13.margin:
	14.padding:
------------------------------------	

 *	目次

	
/*=======================================================================*/


/*
---------------------------------------------------------------------
	サロンサーチindex
---------------------------------------------------------------------
*/


.contentsWrapper#salonsearch p.bannar{
	margin-top:-58px;
	text-align:right;
	padding:0 13px 4px 0;
	z-index:100;
}
* html body .contentsWrapper#salonsearch p.bannar{
	margin-top:-67px;
}
*+html body .contentsWrapper#salonsearch p.bannar{
	margin-top:-67px;
}
.contentsWrapper#salonsearch h1{
	width:550px;
	border:none;
}
.contentsWrapper#salonsearch hr{
	height:1px;
	border:none;
	border-top:1px solid #E1E1E1;
}		
#wrapper_SalonSearch{
margin:15px auto;
width:870px;
}

#wrapper_SalonSearch p.information{
	margin-bottom:10px;
}
#wrapper_SalonSearch p.information strong{
	font-weight:bold;
}	
#wrapper_SalonSearch p.information a{
	text-decoration:underline;
}	
#salonSearchLeft{
float:left;
width:542px;
}

#salonSearchLeft h2{
text-indent:-9999px;
overflow:hidden;
width:166px;
height:20px;
margin-bottom:15px;
background:url(../../salonsearch/img/title_salonsearch.gif) no-repeat;
}

#salonSearchLeft dl{
float:left;
width:133px;
margin-bottom:15px;
}

#salonSearchLeft dt,
#salonsearch .areaBox h3{
text-indent:17px;
background:url(../../salonsearch/img/locationPoint.gif) no-repeat 0 2px;
}

#salonSearchLeft dt.no_title{
background:none;
}

#salonSearchLeft ul{
width:110px;
height:165px;
padding:12px 0 12px 12px;
background:#F8F8F8;
}

#salonSearchLeft ul.height_long{
height:188px;
}

#salonSearchLeft li{
text-indent:15px;
margin-bottom:4px;
background:url(../../salonsearch/img/listPoint.gif) no-repeat 0 5px;
}


#salonSearchRight{
float:right;
width:328px;
}

#salonSearchRight h2{
text-indent:-9999px;
overflow:hidden;
width:235px;
height:20px;
margin-bottom:15px;
background:url(../../salonsearch/img/title_pickup_salon.gif) no-repeat;
}



#salonsearch .areaBox{
	margin-bottom:15px;
	background: #f8f8f8;
	width:522px;
	padding:0 0 12px 0;
}	
#salonsearch .areaBox h3{
	background:#FFF url(../../salonsearch/img/locationPoint.gif) no-repeat 0 2px;
}	
#salonsearch .areaBox ul{
	height:auto;
	width:auto;
	padding:0;
	margin:12px 12px 0 12px;
	clear:both;
}
#salonsearch .areaBox ul#City{
	padding-top:7px;
	background:url(../../salonsearch/img/line.gif) repeat-x 0 2px;
}
* html body #salonsearch .areaBox ul#City{
	padding-top:0;
	margin-top:7px;
	border-top:1px solid #f8f8f8;
}	
#salonsearch .areaBox ul#otherCity{
	margin-top:0;
}		
#salonsearch .areaBox h4{
	clear:both;
	font-size:13px;
}		
#salonsearch .areaBox h4 a{
	padding-left:15px;
	margin-left:12px;
	margin-bottom:4px;
}
#salonsearch .areaBox h4#visible a{
	background:url(../../salonsearch/img/listPoint3.gif) no-repeat 0 5px;
}
#salonsearch .areaBox h4#hidden a{
	background:url(../../salonsearch/img/listPoint2.gif) no-repeat 0 5px;
}	
	
#salonsearch .areaBox ul li{
	float:left;
	width:133px;
}	
#salonsearch .areaBox ul li.colEnd{
	width:90px;
}		

	

/*サンドリヨン編集部注目サロン
----------------------------------------------------------------------*/

#salonSearchRight .pickUpSalon h3{
border-bottom:3px solid #ebebeb;
width:314px;
margin-top:5px;
_margin-top:2px;
padding-bottom:6px;
padding-left:14px;
background:url(../../salonsearch/img/listPoint.gif) no-repeat 0 5px;
}


#salonSearchRight .pickUpSalon{
width:328px;
margin-bottom:15px;
padding-bottom:2px;
}

#salonSearchRight .pickUpSalon dl{
float:right;
width:160px;
}

#salonSearchRight .pickUpSalon dt{
padding-left:4px;
margin-bottom:2px; 
}

#salonSearchRight .pickUpSalon dd{
margin-bottom:2px;
padding-left:4px; 
}




/*
---------------------------------------------------------------------
	サロンサーチ 各エリアリスト
---------------------------------------------------------------------
*/

#wrapper_SalonList{
margin:15px auto;
width:870px;
}

#salonListLeft{
float:left;
width:170px;
}

#salonListLeft h2{
width:166px;
height:20px;
margin-top:12px;
margin-bottom:15px;
}
#salonListLeft h2.area{
}

#salonListLeft a:hover{
text-decoration:underline;
}

#salonListLeft h2.area_01{
background:url(../../salonsearch/img/title_area_tokyo.gif) no-repeat;
}

#salonListLeft h2.area_02{
background:url(../../salonsearch/img/title_area_02.gif) no-repeat;
}

#salonListLeft h2.area_03{
background:url(../../salonsearch/img/title_area_03.gif) no-repeat;
}

#salonListLeft h2.area_04{
background:url(../../salonsearch/img/title_area_04.gif) no-repeat;
}

#salonListLeft h2.area_05{
background:url(../../salonsearch/img/title_area_05.gif) no-repeat;
}

#salonListLeft h2.area_06{
background:url(../../salonsearch/img/title_area_06.gif) no-repeat;
}

#salonListLeft h2.area_07{
background:url(../../salonsearch/img/title_area_07.gif) no-repeat;
}

#salonListLeft h2.area_08{
background:url(../../salonsearch/img/title_area_08.gif) no-repeat;
}

#salonListLeft h2.area_09{
background:url(../../salonsearch/img/title_area_09.gif) no-repeat;
}

#salonListLeft ul{
width:146px;
padding:12px;
background:#F8F8F8;
}

#salonListLeft li{
text-indent:15px;
margin-bottom:4px;
background:url(../../salonsearch/img/listPoint.gif) no-repeat 0 5px;
}

#salonListRight{
float:right;
width:700px;
}

#salonListRight h2{
margin-left:10px;
text-indent:18px;
margin-bottom:15px;
background:url(../../salonsearch/img/locationPoint.gif) no-repeat 0 2px;
}



#salonListRight .pickUpSalon{
float:left;
width:328px;
padding-left:12px;
margin-bottom:15px;
}

#salonListRight .pickUpSalon dl{
float:right;
width:160px;
}

#salonListRight .pickUpSalon dt{
padding-left:4px; 
margin-bottom:2px; 
}

#salonListRight .pickUpSalon dd{
margin-bottom:2px;
padding-left:4px; 
}



#salonListRight .pickUpSalon h3{
border-bottom:3px solid #ebebeb;
width:314px;
margin-top:5px;
_margin-top:2px;
padding-bottom:6px;
padding-left:14px;
background:url(../../salonsearch/img/listPoint.gif) no-repeat 0 5px;
}

/*
---------------------------------------------------------------------
	サロンサーチ 各サロンインフォ
---------------------------------------------------------------------
*/

#wrapper_SalonInfo{
margin:15px auto;
width:870px;
}

#wrapper_SalonInfo h2{
padding-bottom:12px;
margin-bottom:15px;
}

#wrapper_SalonInfo h2 span.salon_name{
padding-left:18px;
margin-right:18px;
}

#salonImgWrapper{
width:489px;
float:right;
}

#salonImgLeft{
float:left;
width:320px;
height:240px;
background:#999999;
}

#salonImgRight{
float:right;
width:160px;
height:240px;
background:#999999;
}

dl#salon_intro{
width:345px;
height: 229px;
}

#wrapper_SalonInfo h3{
padding-bottom:2px;
margin-bottom:15px;
}

#wrapper_SalonInfo h3 span{
padding-left:18px;
font-size:120%;
}

#wrapper_SalonInfo .staffInfoWrapper{
width:274px;
height:220px;
padding-right:24px;
float:left;
margin-bottom:25px;
}

#wrapper_SalonInfo .staffInfoWrapper2{
width:274px;
height:220px;
float:left;
margin-bottom:15px;
}

#wrapper_SalonInfo .staffImg{
float:left;
width:97px;
height:129px;
margin-right:8px;
}

#wrapper_SalonInfo .staffData{
float:right;
width:169px;
}

#wrapper_SalonInfo .staffData dl{
padding-left:10px;
width:159px;
height:129px;
}

#wrapper_SalonInfo .staffData dt{
margin-bottom:1px; 
}

#wrapper_SalonInfo .staffData dd{
padding-left:10px; 
}


#wrapper_SalonInfo .staffInfoWrapper p,
#wrapper_SalonInfo .staffInfoWrapper2 p{
margin-top:5px;
padding-left:8px;
height:80px;
}

.contentsWrapper#salonsearch #wrapper_SalonInfo .staffInfoWrapper p.blog,
.contentsWrapper#salonsearch #wrapper_SalonInfo .staffInfoWrapper2 p.blog{
	height:auto;
	border:none;
	text-align:right;
}	



#salonServiceInfoLeft{
width:425px;
float:left;
}

#salonServiceInfoRight{
width:425px;
float:right;
}

#salonServiceInfoRightCoupon{	/* 2007-08-08 add Code */
margin-left:330px;
width:425px;
}

dl.salonServiceInfo{
margin:0 12px;
}

dl.salonServiceInfo dt{
float:left;
padding:3px;
width:80px;
white-space:nowrap;
font-weight:bold;
}




dl.salonServiceInfo dd{
padding:3px;
margin-left:0px;
margin-bottom:5px;
}

table#salonServiceTable{
margin:0 auto;
}

table#salonServiceTable th{
padding:3px;
width:80px;
white-space:nowrap;
vertical-align:top;
}

table#salonServiceTable td{
padding:3px;
}


dl.salonServiceCard,
dl.salonServiceQR{
margin:0 12px;
}

dl.salonServiceCard dt{
padding:3px;
white-space:nowrap;
font-weight:bold;
}

dl.salonServiceCard dd{
padding:3px 3px 3px 85px;
margin-left:0px;
margin-bottom:5px;
}
dl.salonServiceQR dt{
	float:left;
	width:80px;
	font-weight:bold;
	padding:3px;
}	
dl.salonServiceQR dd img{
	float:left;
	margin-right:5px;
}	
dl.salonServiceQR dd span{
	display:block;
	padding-top:10px;
	font-weight:normal;
	font-size:100%;
}	

#salonPriceWrapper{
float:left;
width:427px;
}

#salonMap{
float:right;
width:425px;
}

#salonMap p{
text-align:center;
}

#salonMapCoupon{	/* 2007-08-08 add Code */
float:left;
width:330px;
}


table#salonPriceTable th{
padding:2px 8px;
text-align:left;
}

table#salonPriceTable td{
padding:2px 8px;
}




#blogRecentLeft{
width:425px;
float:left;
margin-bottom:25px;
font-size:0.9em;
}

#blogRecentLeft .blogRecent{
width:400px;
height:53px;
padding-right:24px;
float:left;
margin-top:12px;
}

#blogRecentLeft .blogRecent img{
float:left;
width:37px;
height:49px;
}

#blogRecentLeft .blogRecent dl{
padding-left:10px;
width:300px;
height:52px;
margin-right:8px;
}

#blogRecentLeft .blogRecent dt{
margin-bottom:1px; 
}

#blogRecentLeft .blogRecent dd{
padding-left:10px; 
}