@charset "utf-8";


/*-------------------------------店舗検索-------------------------------*/


#salonMap {
	margin : 0 auto ;
}

#searchNavWrapper {
	padding : 15px 10px ;
}

.searchNav {
	width   : 70px   ;
	margin  : 0 10px ;
	float   : left   ;
	display : inline ;
}

.searchNav li {
	margin     : 0       ;
	padding    : 0 0 10px 0 ;
	text-align : left    ;
	float      : left    ;
	display    : inline  ;
}


/*------------------------------各店舗一覧------------------------------*/


.salonListTable {
	width           : 560px        ;
	margin          : 0 0 30px 0   ;
	padding         : 0px          ;
	font-size       : 120%         ;
	table-layout    : fixed        ;
	background      : #c41c0d      ;
}

	.shopNameHead {width:130px;}
	.telHead {width:80px;}

	.salonListTable th {
		color       : #fff           ;
		font-weight : bold           ;
		text-align  : left           ;
		padding     : 5px 8px        ;
		border      : 1px solid #fff ;
		background  : #6b8e23        ;
	}
	
	.salonListTable td {
		text-align  : left           ;
		line-height : 160%           ;
		padding     : 5px 8px        ;
		border      : 1px solid #fff ;
		background  : #eeffe7        ;
	}
	
	.salonListTable .odd {
		background  : #fff           ;
	}




/*------------------------------各店舗情報------------------------------*/


#shopName_A , #shopName_B {
	height      : 26px      ;
	padding     : 9px 0 0 0 ;
	font-size   : 1.6em     ;
	font-weight : bold      ;
	line-height : 1         ;
	display     : inline    ;
}

#shopName_A {
	width       : 90px    ;
	color       : #8aa619 ;
	text-align  : center  ;
	float       : left    ;
	background  : url(../i/bg_salonName_A.png) no-repeat ;
}

#shopName_B {
	width        : 455px  ;
	padding-left : 10px   ;
	float        : right  ;
	background   : url(../i/bg_salonName_B.png) no-repeat ;
}




#salonProfileWrapper {margin-bottom: 10px ;}


.salonText {
	font-size   : 120%    ;
	text-align  : justify ;
	line-height : 1.5     ;
}


	#salonProfile {
		width   : 345px  ;
		float   : left   ;
		display : inline ;
	}


		/*------オーナーよりご挨拶------*/
		
		#fromOwnerWrapper {
			width      : 315px ;
			padding    : 15px  ;
			background : url(../i/bg_fromOwner_body.png) repeat-y ;
		}
					
			#fo_head {
				width      : 345px ;
				height     : 5px ;
				margin-top : 12px ;
				background : url(../i/bg_fromOwner_head.png) no-repeat bottom ;
			}
			
			#fo_footer {
				width      : 345px ;
				height     : 5px ;
				background : url(../i/bg_fromOwner_footer.png) no-repeat bottom ;
			}
			
			#ownerData {
				width   : 90px       ;
				margin  : 0 10px 0 0 ;
				float   : left       ;
				display : inline     ;
			}
			
				#shop_owner {padding : 2px 0 ;}
				#ownerName  {font-size : 120% ;}
			
			#fromOwner {
				width   : 215px  ;
				float   : left   ;
				display : inline ;
			}
			
				#ownerHeader {
					margin-bottom : 5px ;
				}
				
	
	/*------サロン写真------*/
	
	#salonPhoto {
		width   : 200px  ;
		float   : right  ;
		display : inline ;
	}
	
		.photo {
			margin     : 0 0 10px 0     ;
			padding    : 4px            ;
			border     : 1px solid #ccc ;
			background : #fff           ;
		}







	/*------○○店からのお知らせ------*/

	#salonInfoWrapper {
		width      : 560px ;
		margin     : 0 0 20px 0 ;
		background : url(../i/bg_shopInfo_body.png) repeat-y ;
	}
	
		#si_head {
			height      : 18px ;
			font-size   : 1.6em ;
			font-weight : bold ;
			line-height : 1 ;
			padding     : 19px 0 0 25px ;
			background  : url(../i/bg_shopInfo_head.png) no-repeat ;
		}
		
		#siw_contents {
			padding    : 10px 15px 15px 15px ;
			background : url(../i/bg_shopInfo_footer.png) no-repeat bottom ;
		}
		
		
			.si_subHead {
				color       : #f7931d;
				font-size   : 1.6em ;
				font-weight : bold ;
				margin      : 0 0 6px 0 ;
				padding     : 1px 0 0 20px ;
				line-height : 1 ;
				background  : url(../i/icon_star.png) no-repeat ;
			}
			
			.si_text {
				font-size     : 120% ;
				line-height   : 1.4  ;
				margin-bottom : 1em  ;
			}
			
			.si_description {
				line-height : 1.4 ;
			}







	/*------店舗アクセス情報------*/
	
	#salonDataWrapper {margin-bottom: 10px ;}

	/*--マップ--*/
	
	#sd_left {
		width   : 275px  ;
		float   : left   ;
		display : inline ;
	}
	
		#sd_map {
			width      : 265px          ;
			height     : 265px          ;
			margin     : 0 0 5px 0      ;
			padding    : 4px            ;
			border     : 1px solid #ccc ;
			background : #fff           ;
		}
		
		#sd_parking {
			font-size  : 120% ;
			padding    : 15px ;
			background : #eee ;
		}


	/*--情報--*/
	
	#sd_right {
		width   : 275px  ;
		float   : right  ;
		display : inline ;
	}
	
		#sd_salonName {
			font-size   : 1.4em      ;
			font-weight : bold       ;
			margin      : 0 0 10px 0 ;
			padding     : 8px 0      ;
			line-height : 1          ;
			background  : url(../i/img_shopInfoBorder.png) no-repeat bottom ;
		}
	
		.sd_detail {
			height        : 100%      ;
			margin        : 0 0 5px 0 ;
			padding       : 0 0 5px 0 ;
			border-bottom : 1px solid #dfdfdf ;
		}
			
			.sd_detail:after {
			  content    : "."    ;  /* 新しい要素を作る */
			  display    : block  ;  /* ブロックレベル要素に */
			  clear      : both   ;
			  height     : 0      ;
			  visibility : hidden ;
			}
			
			.sd_detail {
			  min-height : 1px;
			}
			
			* html .sd_detail {
			  height : 1px;
			  /*¥*//*/
			  height   : auto   ;
			  overflow : hidden ;
			  /**/
			}
		
			.sd_d_head {
				width       : 65px    ;
				margin      : 0       ;
				padding     : 3px 0   ;
				color       : #a4c856 ;
				font-size   : 1.2em   ;
				font-weight : bold    ;
				float       : left    ;
				display     : inline  ;
			}
		
			.sd_d_text {
				width       : 187px          ;
				margin      : 0              ;
				padding     : 3px 10px       ;
				font-size   : 1.2em          ;
				border-left : 3px solid #666 ;
				float       : left           ;
				display     : inline         ;
			}
	
		#btnRate {
			padding    : 8px 0 ;
			text-align : right ;
			background : url(../i/img_shopInfoBorder.png) no-repeat top ;
		}
	
	

