@charset "utf-8";
/* ******************* CSS SALON LIST

	#salon_list
	
********************************** */

/* clear */
.clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden;}
.clearfix { min-height: 1px;}
* html .clearfix { height: 1px;
  /*\*//*/
  height: auto; overflow: hidden;
  /**/
}


/* base */
* {
	font-style: normal;
	font-weight: normal;
	line-height: 1em;
	text-decoration: none;
	text-indent: 0px;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	font-family :'arial','osaka','ＭＳ Ｐゴシック','MS PGothic','sans-serif';
	}
*:first-child+html * { font-family :'osaka','ＭＳ Ｐゴシック','MS PGothic','sans-serif';}

html { background: #f0f1dd; color: #665D5E;}
body { width: 1000px; height: auto; margin: 0 auto; _text-align: center;
	 background: url(../salon/img/AllBack.jpg) repeat-y center top;
	 }
#salonlist #body { margin-left: auto; margin-right: auto;}

#body th,
#body td { text-align: left; vertical-align: top;}
#head,
#foot,
#salon_left,
#salon_right { _text-align: left;}
#salon_all img,
#salon_all a img { border: none;}

html>body #body { font-size: 58%;}
*:first-child+html #body { font-size: 80%;}
#body,
#body th,
#body td { _font-size: 60%;}
#salon_left dt { font-size: 14px;}
html>body label { font-size: 12px;}
#salon_left label { _font-size: 11px;}
#salon_left #keyword a { font-size: 13px;}
#salon_left #aiueo p { font-size: 13px;}
#salon_left #aiueo li { font-size: 12px;}


/* main */
#head h1,
#head h1 a,
#body h2 { display: block; text-indent: -99999px;}

#head,
#salon_all { width: 920px; padding: 0 0 0 39px;}
#head,
#salon_all { _padding: 0;}

#foot { background: url(../salon/img/AllFooter.jpg) no-repeat center bottom; clear: both; height: 30px;}
#foot p { text-align: right; padding: 12px 57px 0 0; _padding: 15px 78px 0 0;}
#salon_left { width: 250px; float: left;}
#salon_right { width: 668px; float: right; background: url(../salon/img/BodyBottom.jpg) no-repeat bottom; padding-bottom: 10px;}

#head p { height: 20px; line-height: 20px; padding-left: 4px; _font-size: 90%;}
*:first-child+html #head p { font-size: 80%;}
#head h1 { width: 920px; height: 171px; background: url(../salon/img/MainIMG.jpg) no-repeat;}
#head h1 a { width: 250px; height: 48px;}

.mm { width: 920px; height: 30px; padding: 0 0 0 39px; _padding: 0;}
.mm ul { /*padding-left: 39px;*/}
.mm li,
.mm li a { width: 113px; height: 20px; display: block;}
.mm li { float: left; margin-top: 4px;}
.mm li a { text-indent: -9999px;}
.mm .sl1 { margin-left: 12px; _margin-left: 6px;}
.mm .sl2 { margin-left: 8px;}
.mm .sl3 { margin-left: 8px;}
.mm .sl4 { margin-left: 8px;}
.mm .sl5 { margin-left: 9px;}
.mm .sl6 { margin-left: 8px;}
.mm .sl7 { margin-left: 9px;}
#mainmenu0  { background: url(../salon/img/Tab1.jpg) no-repeat 39px 0px }
#mainmenu1  { background: url(../salon/img/Tab2.jpg) no-repeat 39px 0px }
#mainmenu2  { background: url(../salon/img/Tab3.jpg) no-repeat 39px 0px }
#mainmenu3  { background: url(../salon/img/Tab4.jpg) no-repeat 39px 0px }
#mainmenu4  { background: url(../salon/img/Tab5.jpg) no-repeat 39px 0px }
#mainmenu5  { background: url(../salon/img/Tab6.jpg) no-repeat 39px 0px }
#mainmenu6  { background: url(../salon/img/Tab7.jpg) no-repeat 39px 0px }
#mainmenu0,
#mainmenu1,
#mainmenu2,
#mainmenu3,
#mainmenu4,
#mainmenu5,
#mainmenu6 { _background-position: left top;}

#salon_left dl { width: 250px; padding-bottom: 20px; margin-bottom: 10px; clear: both;
	background: url(../salon/img/LsideBottom.jpg) no-repeat bottom;
	}
#salon_left dt { width: 215px; height: 23px; padding: 17px 0 0 35px; background: url(../salon/img/LsideTop.jpg) no-repeat top;
	_width: 250px;
	_height: 40px;
	}
#salon_left dd { width: 225px; padding: 10px 0 0 25px; background: url(../salon/img/LsideBody.jpg) repeat-y;
	_width: 250px;
	}
#salon_left dd:after { content: "."; display: block; clear: both; height: 0; visibility: hidden;}
#salon_left input { margin-right: 5px; line-height: 18px;}
#salon_left .salon_txt { height: 18px; line-height: 18px;}

#salon_left #area td { padding-bottom: 3px; _padding-bottom: 0; padding-right: 5px;}
	*:first-child+html #salon_left #area td { padding-bottom: 0;}
#salon_left #keyword a { background: url(../salon/img/Icon3.gif) no-repeat left center; padding: 3px 0 3px 20px; display: block;}
#salon_left #aiueo img { margin-right: 5px;}
#salon_left #aiueo p { height: 20px;}
#salon_left #aiueo p.kensuu { padding-bottom: 10px;}

#salon_left #shoplist div { margin-bottom: 35px;}

#salon_right_top { width: 668px; background: url(../salon/img/BodyTop.jpg) no-repeat;}
#salon_right_body { width: 668px; background: url(../salon/img/BodyBody.jpg) repeat-y;}
#salon_right .content { width: 637px; padding: 5px 23px 10px 8px;}

#salon_right h2 { width: 637px; height: 31px; margin: 10px 0;}
#sl_top .content_01 h2 { background: url(../salon/img/BarBack01.jpg) no-repeat;}
#sl_top .content_02 h2 { background: url(../salon/img/BarBack02.jpg) no-repeat;}
#sl_top .content_03 h2 { background: url(../salon/img/BarBack03.jpg) no-repeat;}
#salon_right h2 					{ background: url(../salon/img/BarBack05.jpg) no-repeat;}
#salon_right h2.searcf_h2 			{ background: url(../salon/img/BarBack04.jpg) no-repeat;}
#key_all .content_01 h2 { background: url(../salon/img/BarBack06.jpg) no-repeat;}
#key_all .content_02 h2 { background: url(../salon/img/BarBack07.jpg) no-repeat;}

#sub_menu { width: 589px; height: 37px; margin-bottom: 15px; background: url(../salon/img/SubMenu.jpg) no-repeat 0 0;}
#sub_menu li,
#sub_menu li a { width: 98px; height: 34px;}
#sub_menu li { float: left;}
#sub_menu li a { display: block; text-indent: -9999px;}
#sub_menu .sls1 a:hover { background: url(../salon/img/SubMenu.jpg) no-repeat 0 -40px;}
#sub_menu .sls2 a:hover { background: url(../salon/img/SubMenu.jpg) no-repeat -98px -40px;}
#sub_menu .sls3 a:hover { background: url(../salon/img/SubMenu.jpg) no-repeat -196px -40px;}
#sub_menu .sls4 a:hover { background: url(../salon/img/SubMenu.jpg) no-repeat -294px -40px;}
#sub_menu .sls5 a:hover { background: url(../salon/img/SubMenu.jpg) no-repeat -392px -40px;}
#sub_menu .sls6 a:hover { background: url(../salon/img/SubMenu.jpg) no-repeat -490px -40px;}
#sub_menu .sls1n a { background: url(../salon/img/SubMenu.jpg) no-repeat 0 -40px;}
#sub_menu .sls2n a { background: url(../salon/img/SubMenu.jpg) no-repeat -98px -40px;}
#sub_menu .sls3n a { background: url(../salon/img/SubMenu.jpg) no-repeat -196px -40px;}
#sub_menu .sls4n a { background: url(../salon/img/SubMenu.jpg) no-repeat -294px -40px;}
#sub_menu .sls5n a { background: url(../salon/img/SubMenu.jpg) no-repeat -392px -40px;}
#sub_menu .sls6n a { background: url(../salon/img/SubMenu.jpg) no-repeat -490px -40px;}

#salon_right #result { width: 589px; margin: 0 24px; padding: 6px 0 7px; color: #0A397F; display: block; /*width: 637px;*/ 
	 background: url(../salon/img/dot2.gif) repeat-x left bottom;}

#salon_right #result { font-size: 12px;}
*:first-child+html #salon_right #result { font-size: 11px;}
#salon_right #info_common #result { font-size: 18px; font-weight: bold; margin-bottom: 10px;}
#salon_right #info_common #result span { font-size: 70%; padding-left: 10px;}

#info_common address,
#info_common table,
#sub_menu,
#info_body { margin-left: 24px; margin-right: 24px; width: 589px;}

#salon_right #info_common address { padding-bottom: 10px;}
#salon_right #info_common address span { padding: 0 10px 0 2px;}

#info_common table { margin-bottom: 35px; clear: both;}
#salon_right #info_common td strong { color: #D64D99; font-weight: bold; display: block; line-height: 1.3;}

#info_common td strong { font-size: 105%;}
html>body #salon_right #info_common td strong { font-size: 100%; _font-size: 120%;}
*:first-child+html #salon_right #info_common td strong { font-size: 95%;}
html[xmlns*=""] body:last-child #salon_right #info_common td strong { font-size: 110%;}


#salon_right #info_common td p { padding: 5px 0 0; line-height: 1.1; font-size: 11px; _font-size: 9px; _line-height: 1.3;}
*:first-child+html #salon_right #info_common td p { font-size: 80%; line-height: 1.3;}
#salonlist #info_common table img { border: solid 1px #B8C9C0; margin: 0 10px 10px 0; width: 350px; height: 235px;}

#salon_right #info_body { background: #FAF8E3; border-bottom: solid 1px #CCC; border-right: solid 1px #CCC;}
#salon_right #info_body th { background: #E5DDA8;}
#salon_right #info_body th,
#salon_right #info_body td {
	border-top: solid 1px #CCC; border-left: solid 1px #CCC; padding: 8px 5px; line-height: 1.3; font-size: 11px;
	_font-size: 9px; _padding: 8px 5px 6px;
	}
*:first-child+html #salon_right #info_body th,
*:first-child+html #salon_right #info_body td { font-size: 80%;}

#salon_right #info_body td.open img {}
#salon_right #info_body td.open span { padding: 0 10px 0 2px;}
#salon_right #info_body .tsume  { _letter-spacing: 1px;}
*:first-child+html #salon_right #info_body .tsume  { letter-spacing: 1px;}

/* top */
#sl_top .salon_data,
#sl_top .stylist_data { width: 87px; height: 20px; margin: 5px 0 10px; display: block; text-indent: -9999px;}
#sl_top .salon_data { background: url(../salon/img/SalonData.gif) no-repeat; margin-left: 19px; margin-top: 10px;}
#sl_top .stylist_data { background: url(../salon/img/StylistData.gif) no-repeat;}

#sl_top .content_01 table { width: 617px; margin: 0 10px;}
#sl_top .content_01 th,
#sl_top .content_01 td { padding: 7px 0; background: url(../salon/img/dot.gif) repeat-x left bottom; vertical-align: middle;}
#sl_top .content_01 th { font-size: 11px; width: 8em;}
#sl_top .content_01 td a { font-size: 11px; _font-size: 90%;}
#sl_top .content_01 td a:hover { text-decoration: underline;}

#sl_top .content_02 #out { width: 617px; margin: 0 10px;}
#sl_top .content_02 table td { border-bottom: solid 4px #FFF;}
#sl_top .content_02 table td.left { border-right: solid 4px #FFF;}
#sl_top .content_02 table td.right { border-left: solid 4px #FFF;}
#sl_top .content_02 table table { background: #D9E9E2;}
#sl_top .content_02 th,
#sl_top .content_02 p { padding: 5px;}
#sl_top .content_02 th { background: #B8C9C0; color: #442D2A; width: 180px; height: 2em; font-size: 12px; font-weight: bold;}
#sl_top .content_02 th span { margin: 0; padding: 3px 0 0; display: block; font-size: 9px;}
#sl_top .content_02 p { color: #665E5D; font-size: 10px; line-height: 1.2}
#sl_top .content_02 table td img { width: 125px; height: 84px;}
#sl_top .content_02 #out table td { height: 80px;}

#sl_top .content_03 table { width: 118px; margin-right: 18px; margin-left: 7px; float: left; _margin-right: 13px;}
#sl_top .content_03 table th { padding: 3px; border: solid 2px #B8C9C0;}
#sl_top .content_03 table th img { width: 118px; height: 171px;}
#sl_top .content_03 table li { font-size: 10px; padding-top: 3px;}
#sl_top .content_03 table li span { font-size: 9px; display: block; _font-size: 8px; padding: 3px 0 0; line-height: 1;}
*:first-child+html #sl_top .content_03 table li span { font-size: 80%;}

/* search */
#salon_right .content #sl_search { padding-bottom: 100px;}
#salon_right .content #sl_search #result { width: 615px; margin: 0 11px;}
	*:first-child+html #sl_search #info_body address span { font-size: 90%;}
	*:first-child+html #sl_search #info_body address em { font-size: 10px;}
#sl_search table { width: 615px; margin: 0 11px;}
#sl_search th { padding: 17px 0; border-bottom: dotted 1px #0A397F;}
#sl_search td { padding: 17px 10px; border-bottom: dotted 1px #0A397F;}
#sl_search td h3 a { color: #D64D99; font-weight: bold; font-size: 15px;}
#sl_search td h3 a:hover { text-decoration: underline;}
#sl_search td address { color: #663A32; line-height: 2; font-weight: bold; padding-bottom: 5px;
	 font-size: 11px; _font-size: 10px;
	 }
	*:first-child+html #sl_search td address { font-size: 10px;}
#sl_search td p { line-height: 1.3; _line-height: 1.7;}
	*:first-child+html #sl_search td p { font-size: 110%; line-height: 1.4;}
#sl_search td .key { color: #006228; display: block; font-size: 10px; _font-size: 90%; padding-top: 10px;}
	*:first-child+html #sl_search td .key { font-size: 90%;}
#sl_search td .key span { width: 0.8em; height: 0.8em; float: left; margin-right: 3px; margin-top: 3px;
	background: #006228; display: block; text-indent: -9999px;
	_margin-top: 0; _width: 1.1em;
	}
	*:first-child+html #sl_search td .key span { margin-top: 2px;}
#sl_search td .key em { float: left; line-height: 1.4;}
#sl_search td .key strong { line-height: 1.4; display: block; clear: both;}
#searchnavi { width: 142npx; height: 19px; float: right; margin: 10px 20px 10px 0; _margin: 10px -10px 10px 0;}
#searchnavi li.b_prev,
#searchnavi li.b_next { width: 66px; height: 19px; padding: 0; float: left;}
#searchnavi li.b_prev a,
#searchnavi li.b_next a { width: 66px; height: 19px; display: block; text-indent: -9999px;}
#searchnavi li.b_prev a { background: url(../img/b_prev.gif) no-repeat 0 0;}
#searchnavi li.b_next a { background: url(../img/b_next.gif) no-repeat 0 0; margin-left: 10px;}
#searchnavi li.b_prev a:hover { background-position: 0px -19px }
#searchnavi li.b_next a:hover { background-position: 0px -19px }
#sl_stylist #searchnavi,
#sl_style   #searchnavi { margin-right: 35px; _margin-right: -4px;} 
#sl_search .search img { width: 160px; height: 107px; border: solid 1px #B8C9C0;}
#sl_search .searchNone { margin: 30px 11px; font-size: 110%;}
#sl_search .stylist th { text-align: center;}
#sl_search .stylist th img { width: 100px; height: 145px; margin-bottom: 10px; border: solid 1px #B8C9C0;}
#sl_search .stylist th address { font-size: 11px; _font-size: 10px;}
#sl_search .stylist th address strong { font-size: 13px;}
#sl_search .stylist th address span { display: block; margin: 3px 0; font-size: 9px; _font-size: 80%;}
#sl_search .stylist th address a { color: #665D5E; text-decoration: none;}
#sl_search .stylist th address a:hover { text-decoration: underline;}
#sl_search .stylist th address a:hover strong { text-decoration: underline;}
#sl_search .stylist th address a:hover span { text-decoration: underline;}
	*:first-child+html #sl_search .stylist th address span { font-size: 75%;}
#sl_search .menu img { width: 160px; height: 107px; border: solid 1px #B8C9C0;}
#sl_search .menu dt { font-weight: bold; font-size: 10px;}
#sl_search .menu dd { line-height: 1.3;}
#sl_search .menu dd strong { display: block; margin: 5px 0;}
#sl_search .menu dd strong a { font-weight: bold; color: #006228; font-size: 10px;}
#sl_search .menu dd strong a:hover { text-decoration: underline;}
#keyword_search { width: 640px; height: auto;}

#key_all h3 { color: #C5016D; font-size: 12px; font-weight: bold; margin-bottom: 10px;}
#key_all ul { margin-bottom: 1em;}
#key_all li { line-height: 1;}
#key_all input { margin-right: 2px; _margin-right: 0;}
	*:first-child+html #key_all input { margin-right: 0;}
#key_all #area_contents { margin: 0 10px 20px;}
#key_all #area_contents td { width: 55px;}
#key_all #area_contents td .checkbox { _margin-bottom: -1px;}
	html>body #key_all #area_contents td input { float: left; display: block;}
	html>body #key_all #area_contents td label { float: left; display: block; padding-bottom: 1px;}
	*:first-child+html #key_all #area_contents td label { padding-top: 5px;}

#key_all #contents { width: 617px; margin: 0 10px;}
#key_all #contents td { width: 50%;}

#key_all #contents label { clear: both; line-height: 1.6;}
	/*
	html>body #key_all #contents label { line-height: 1.6;}
	*:first-child+html #key_all #contents label { line-height: 1.6;}
	html[xmlns*=""] body:last-child #key_all #contents label { line-height: 1.6;}*/

#key_all #contents label .checkbox { _margin-bottom: -2px;}
	html>body #key_all #contents label .checkbox { display: block; float: left; margin-top: 4px;}
	*:first-child+html #key_all #contents label .checkbox { display: inline; float: none; margin-top: 0; margin-bottom: -2px;}
	html[xmlns*=""] body:last-child #key_all #contents label .checkbox { margin-top: 3px;}
	
.keywordinput { padding : 0 0 20px 230px;}
.keywordinput li,
.keywordinput li a { width: 66px; height: 19px;}
.keywordinput li   { float: left; margin: 0 15px;}
.keywordinput li a { display: block; text-indent: -9999px;}
.keywordinput #btn_01 a { background: url(../img/btn01.gif) no-repeat center center;}
.keywordinput #btn_03 a { background: url(../img/btn03.gif) no-repeat center center;}
.keywordinput #btn_01 a:hover { background: url(../img/btn02.gif) no-repeat center center;}
.keywordinput #btn_03 a:hover { background: url(../img/btn04.gif) no-repeat center center;}

/* info */
#sl_info #info_body th { width: 15%;}
#sl_info #info_body td { width: 35%;}
#sl_info #info_body td.key { line-height: 1.4;}


/* menu */
#sl_menu #info_body th { width: 15%;}
#sl_menu #info_body dt,
#sl_menu #info_body .price,
#sl_menu .cap { color: #006228;}
#sl_menu #info_body dt { margin-bottom: 5px;}
#sl_menu #info_body dd { font-size: 10px; _font-size: 95%; line-height: 1.3; _line-height: 1.4;}
#sl_menu .cap { display: block; margin: 5px 24px 10px; _margin: 5px 0 10px; text-align: right; font-size: 10px;}
*:first-child+html #sl_menu #info_body dd { font-size: 95%;}
html[xmlns*=""] body:last-child #sl_menu #info_body dd { font-size: 80%;}

/* stylist */
#sl_stylist #info_body th { width: 128px; text-align: center;}
#sl_stylist #info_body th img { width: 118px; height: 171px; margin-bottom: 5px;}
#sl_stylist #info_body address strong { font-size: 13px;}
#sl_stylist #info_body address span { display: block; margin: 3px 0; font-size: 9px; _font-size: 90%;}
#sl_stylist #info_body address em { font-size: 11px; _font-size: 10px;}
#sl_stylist #info_body dt { color: #006228; margin-bottom: 5px;}
#sl_stylist #info_body dd { line-height: 1.3;}
*:first-child+html #sl_stylist #info_body address span { font-size: 90%;}
*:first-child+html #sl_stylist #info_body address em { font-size: 10px;}

/* style */
#sl_style #info_body th { width: 226px; text-align: center;}
#sl_style #info_body th img { width: 216px; height: 284px; margin-bottom: 5px;}
#sl_style #info_body th address { text-align: right; padding-bottom: 20px;}
#sl_style #info_body dt { color: #006228; margin-bottom: 5px;}
#sl_style #info_body dd { line-height: 1.3;}
#sl_style #info_body .point { line-height: 1.4;}
#sl_style #info_body td span { display: block; text-indent: -9999px; float: left; width: 7em; _width: 8.8em;}
*:first-child+html #sl_style #info_body td span { width: 7.2em;}
html[xmlns*=""] body:last-child #sl_style #info_body td span { width: 8em;}

/* coupon */
#salonlist #info_body th#coupon_img { /*width: 173px;*/ width: 230px; padding: 0; margin: 0; background: url(../salon/img/GOLD_back.jpg) no-repeat left top;}

#salonlist #info_body th#coupon_img img { padding: 0; margin: 0; line-height: 1;}
#sl_coupon #info_body td { border-left: solid 1px #CCC; padding: 0;}
#sl_coupon #info_body .couponin,
#sl_coupon #info_body .couponin th,
#sl_coupon #info_body .couponin td { width: auto; border: none;}
#sl_coupon #info_body .couponin td { /*width: 415px;*/ width: 358px; border-bottom: solid 1px #CCC; padding: 8px 5px;}
#sl_coupon #info_body .couponin .bdnone { border-bottom: none;}
*:first-child+html #sl_coupon #info_body .couponin td { font-size: 10px;}

/* access */
#sl_access #info_body td { text-align: center; vertical-align: middle;}