@charset "utf-8";

/*= 情報 ==================================================================
 *
 *  作成者         : なかの
 *  初版           : 2007-02-13
 *  最終更新       : 2007-02-16
 
 *	記述順序
 ----------------------------------
 	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#saloninfo #thumnailArea {
	width:885px;
	margin-left:15px;
}

.contentsWrapper#saloninfo #thumnailArea li {
	display:block;
	float:left;
	width:210px;
	margin:15px 10px 0 0;
}
* html body .contentsWrapper#saloninfo #thumnailArea li{
	margin-right:9px;
}	

.contentsWrapper#saloninfo .thumbnail {
	float:left;
	width:210px;
	margin:15px 10px 0 0;
	
}
.contentsWrapper#saloninfo .thumbnail h2 {
	font-size:12px;
	
}

/*
---------------------------------------------------------------------
	サロンインフォ詳細ページ
---------------------------------------------------------------------
*/

.contentsWrapper#saloninfo{
	position:relative;
}	

/*	上段（サロン名、写真３枚）
-----------------------------------------------------*/
.contentsWrapper#saloninfo #imageArea{
	margin:19px 0 0 15px;
	width:870px;
	height:400px;
}
.contentsWrapper#saloninfo #imageArea dl{
	float:left;
	width:270px;
}
.contentsWrapper#saloninfo #imageArea dl dt{
	padding:0 0 0 0;
}	
.contentsWrapper#saloninfo #imageArea dl dd{
	line-height:1.4;
	padding:0 10px 0 0;
    text-align: justify;
	text-justify: inter-ideograph;

}			
.contentsWrapper#saloninfo #imageArea li{
	line-height:0;
	float:left;
}			
.contentsWrapper#saloninfo #imageArea li.photo1{
	margin:0 0 14px 0;
}	
.contentsWrapper#saloninfo #imageArea li.photo2{
	display:block;
	width:427px;
	margin:0 15px 0 0;
}	
.contentsWrapper#saloninfo #imageArea p{
	text-align:right;
	clear:both;
	padding:7px 0 0 0;
}	

/*	中段、下段（アクセス、データ、プライス、スタイリスト）
-----------------------------------------------------*/
.contentsWrapper#saloninfo .detailArea{
	overflow:auto;
	clear:both;
	margin:30px 15px 0 15px;
}	
.contentsWrapper#saloninfo .detailArea h3{
	margin:0 0 21px 0;
}
.contentsWrapper#saloninfo .detailArea .detail{
	width:427px;
}	

/*	中段左（アクセス）
-----------------------------------------------------*/
.contentsWrapper#saloninfo .detailArea .detail#access{
	position:relative;
	float:left;
}	
.contentsWrapper#saloninfo .detailArea .detail#access p.btn{
	position:absolute;
	top:0;
	left:100px;
}
.contentsWrapper#saloninfo .detailArea .detail#access p.map img{
	display:block;
	margin:0 auto;
}	


/*	中段右（データ）
-----------------------------------------------------*/
.contentsWrapper#saloninfo .detailArea .detail#data{
	float:right;
}	
.contentsWrapper#saloninfo .detailArea .detail#data table{
	width:100%;
}	
.contentsWrapper#saloninfo .detailArea .detail#data table th{
	vertical-align:top;
	width:100px;
	padding:4px 0 13px 0;
	text-align:left;
}		
.contentsWrapper#saloninfo .detailArea .detail#data table td{
	padding:0 0 13px 0;
}	
.contentsWrapper#saloninfo .detailArea .detail#data table th.special,
.contentsWrapper#saloninfo .detailArea .detail#data table td.special{
	border-top:1px dashed #feb4b3;
	padding:13px 0;
}
.contentsWrapper#saloninfo .detailArea .detail#data table td#qr dl dt{
	float:left;
	width:105px;
}	
.contentsWrapper#saloninfo .detailArea .detail#data table td#qr dl dd{
	padding-top:10px;
}			

/*	下段左（プライスリスト）
-----------------------------------------------------*/
.contentsWrapper#saloninfo .detailArea .detail#price{
	float:left;
}	
.contentsWrapper#saloninfo .detailArea .detail#price table{
	width:100%;
}	
.contentsWrapper#saloninfo .detailArea .detail#price table th{
	vertical-align:top;
	text-align:left;
	border-bottom:1px dashed #feb4b3;
	width:250px;
	padding:6px 0;
}		
.contentsWrapper#saloninfo .detailArea .detail#price table td{
	border-bottom:1px dashed #feb4b3;
	padding:6px 0;
}

/*	下段右（スタイリスト）
-----------------------------------------------------*/
.contentsWrapper#saloninfo .detailArea .detail#stylist{
	float:right;
}	
.contentsWrapper#saloninfo .detailArea .detail#stylist .stylist{
	width:100%;
	height:210px;
	margin:0 0 15px 0;
}	
.contentsWrapper#saloninfo .detailArea .detail#stylist p img{
	float:left;
	display:block;
	margin:0 10px 0 0;
}	
.contentsWrapper#saloninfo .detailArea .detail#stylist p.name{
	display:block;
	background:url(../../forwoman/saloninfo/img/title_stylistname.gif) no-repeat 0 6px;
	margin:0 0 5px 160px;
}	
.contentsWrapper#saloninfo .detailArea .detail#stylist p.name strong{
	margin:0 0 0 47px;
}	
.contentsWrapper#saloninfo .detailArea .detail#stylist p.link{
	background:url(../../forwoman/saloninfo/img/mark01.gif) no-repeat 0 10px;
	border-top:1px dashed #feb4b3;
	border-bottom:1px dashed #feb4b3;
	padding:6px 0 6px 15px;
	margin:0 0 0 160px;
}	
* html body .contentsWrapper#saloninfo .detailArea .detail#stylist p.link{
	background:url(../../forwoman/saloninfo/img/mark01.gif) no-repeat 0 12px;
}	
*+html body .contentsWrapper#saloninfo .detailArea .detail#stylist p.link{
	background:url(../../forwoman/saloninfo/img/mark01.gif) no-repeat 0 12px;
}	

.contentsWrapper#saloninfo .detailArea .detail#stylist ul{
	margin:10px 0 10px 160px;
}	
.contentsWrapper#saloninfo .detailArea .detail#stylist ul li{
	background:url(../../forwoman/saloninfo/img/mark01.gif) no-repeat 0px 3px;
	padding:0 0 0 15px;
}
html*.contentsWrapper#saloninfo .detailArea .detail#stylist ul li{
	background:url(../../forwoman/saloninfo/img/mark01.gif) no-repeat 0px 5px;
}
* html body .contentsWrapper#saloninfo .detailArea .detail#stylist ul li{
	background:url(../../forwoman/saloninfo/img/mark01.gif) no-repeat 0px 6px;
}	
*+html body .contentsWrapper#saloninfo .detailArea .detail#stylist ul li{
	background:url(../../forwoman/saloninfo/img/mark01.gif) no-repeat 0px 6px;
}


/*	クーポン
-----------------------------------------------------*/
.coupon_area_back{
	background-image:url(../../salonsearch/img/coupon_area_back.gif);
	background-position: left top;
	background-repeat: repeat-y;
}

.coupon_title_text {
	background-image:url(../../salonsearch/img/coupon_area_title.gif);
	background-position: left center;
	background-repeat: no-repeat;
	padding: 10px 20px 10px 120px;
}

.coupon_header {
	font-size: 14px;
	color: #df5000;
	background-image:url(../../salonsearch/img/coupon_dot_line.gif);
	background-position:bottom;
	background-repeat: repeat-x;
	padding: 0px 0px 12px 0px;
	margin-bottom: 12px;
	width: 485px;
}

.coupon_word {
	width: 485px;
}

.coupon_word th {
	white-space: nowrap;
	font-weight: normal;
	vertical-align: top;
}

/* 2010.11/25 追記 */
.contentsWrapper#saloninfo .detailArea .detail#access p.btn_{
	position:absolute;
	top:0;
	left:100px;
}