@charset "Shift_JIS";

/* ===== about ===== */
#about #header h1{
	position:absolute;
	left:165px;
	top:40px;
}
#about #header .caption{
	position:absolute;
	left:111px;
	top:136px;
}
#about #main_area{
	position:relative;
	width:890px;
	min-height:836px;
	height:auto !important;
	height:836px;
	background:url(../../about/img/about_bgb.jpg) no-repeat center bottom;
}
#about #main_area .about_img{
	position:absolute;
	left:311px;
	bottom:0;
	height:836px;
}
* html #about #main_area .about_img{bottom:-1px;}
#about #main_area .about_img img{vertical-align:bottom;}
#about #main_area #about_text_area{
	overflow:hidden;
	zoom:1;
	padding-right:50px;
}
#about #main_area #about_text_area .col1{
	float:left;
	width:301px;
	padding-top:52px;
	padding-bottom:370px;
}
#about #main_area #about_text_area .col1 .caption{
	background:url(../../about/img/about_img04.jpg) no-repeat left bottom;
	padding-bottom:195px;
}
#about #main_area #about_text_area .col2{
	float:right;
	width:320px;
	padding-top:188px;
	padding-bottom:200px;
}
#about #main_area #about_text_area .col2 .text-block{
	overflow:hidden;
	zoom:1;
}
#about #main_area #about_text_area .col2 .text-block p{
	float:left;
	width:160px;
}
#about #main_area #about_text_area .col2 .text-block img{
	float:right;
}
#about #main_area #about_text_area h2{padding-bottom:20px;}
#about #main_area #about_text_area p{padding-left:15px;}

#about #main_area #detail{
	position:absolute;
	bottom:0;
	left:495px;
	color:#05746B;
	height:190px;                       
}


/* ===== cocktail ===== */
#content_area_cocktail{
	background:url(../../cocktail/img/bgb_cocktail.jpg) repeat-x center bottom;
	width:100%;
	text-align:center;
}

#cocktail #header{height:139px;}
#cocktail #header h1{
	position:absolute;
	left:165px;
	top:40px;
}
#cocktail #header .caption{
	position:absolute;
	left:42px;
	top:226px;
}
#cocktail #section1{
	background:url(../../cocktail/img/cocktail_bg01.jpg) repeat-x 0 341px;
	width:100%;
}
#cocktail #section1 #cocktail-menu1{
	width:890px;
	margin:0 auto 0 auto;
	overflow:hidden;
	zoom:1;
	text-align:left;
}
#cocktail #section1 #cocktail-menu1 li, #cocktail #section2 #cocktail-menu2 li{
	float:left;
}
#cocktail #section1 #cocktail-menu1 .recipe1{margin:232px 30px 0 0; width:225px;}
#cocktail #section1 #cocktail-menu1 .recipe1 img{margin-left:13px;}
#cocktail #section1 #cocktail-menu1 .recipe2{width:225px;}
#cocktail #section1 #cocktail-menu1 .recipe2 img{margin-left:31px;}
#cocktail #section1 #cocktail-menu1 .recipe3{margin:162px 0 0 30px; width:225px;}
#cocktail #section1 #cocktail-menu1 .recipe3 img{margin-left:21px;}

#cocktail #section2{
	background:url(../../cocktail/img/cocktail_bg02.jpg) repeat-x center top;
	width:100%;
	margin-top:20px;
}
#cocktail #section2 #cocktail-menu2{
	width:890px;
	margin:0 auto 0 auto;
	overflow:hidden;
	zoom:1;
	text-align:left;
	padding-bottom:10px;
}

#cocktail #section2 #cocktail-menu2 .recipe4, #cocktail #section2 #cocktail-menu2 .recipe5, #cocktail #section2 #cocktail-menu2 .recipe6{
	min-height:555px;
	height:auto !important;
	height:555px;
}
#cocktail #section2 #cocktail-menu2 .recipe4{margin:0 30px 0 0; width:225px;}
#cocktail #section2 #cocktail-menu2 .recipe4 img{margin:62px 0 0 7px;}
#cocktail #section2 #cocktail-menu2 .recipe5{width:225px;}
#cocktail #section2 #cocktail-menu2 .recipe5 img{margin:62px 0 0 2px;}
#cocktail #section2 #cocktail-menu2 .recipe6{margin-left:30px; width:225px;}
#cocktail #section2 #cocktail-menu2 .recipe6 img{margin-left:14px;}

#cocktail #section1 #cocktail-menu1 li ul, #cocktail #section2 #cocktail-menu2 li ul{
	margin-top:5px;
}
#cocktail #section1 #cocktail-menu1 li li, #cocktail #section2 #cocktail-menu2 li li{
	float:none;
	padding-left:1em;
	text-indent:-1em;
	color:#05746B;
}

/* ===== salon ===== */
#salon #header{
	height:191px;
}
#salon #header h1{
	position:absolute;
	left:165px;
	top:40px;
}
#salon #header h2{
	position:absolute;
	left:0;
	top:140px;
}
#salon #section1{
	background:url(../../salon/img/salon_bg_section1.jpg) repeat-x center top;
	text-align:center;
}
#salon #section1 .main-area{
	width:890px;
	margin:0 auto 0 auto;
	text-align:left;
}
#salon #section1 .main-area #salon_profile{
	overflow:hidden;
	zoom:1;
	width:627px;
	margin-bottom:20px;
}
#salon #section1 .main-area #salon_profile .col1{
	float:left;
	width:286px;
}
#salon #section1 .main-area #salon_profile .col2{
	float:right;
	width:320px;
	padding-top:15px;
	color:#05746B;
}
#salon #section1 .main-area #salon_profile p{line-height:2;}

#salon #section1 .main-area .salon_box{
	width:700px;
	padding-top:18px;
	background:url(../../salon/img/salon_box_icon.gif) no-repeat left top;
}
#salon #section1 .main-area .salon_box .salon_article{
	overflow:hidden;
	zoom:1;
	background:url(../../salon/img/salon_line01.jpg) repeat-y 420px 0;
}
#salon #section1 .main-area .salon_box .salon_article h3{padding-left:48px; padding-bottom:20px;}
#salon #section1 .main-area .salon_box .salon_article .col1{
	float:left;
	width:400px;
	position:relative;
}
#salon #section1 .main-area .salon_box .salon_article .col1 p{line-height:2;}

#salon #section1 .main-area .salon_box .salon_article .col2{
	float:right;
	width:256px;
}
#salon #section1 .main-area .salon_box .salon_article .col2 img{
	vertical-align:bottom;
}
#salon #section1 .main-area .salon_box .salon_article .col2 p{
	padding-top:5px;
	color:#05746B;
}

#salon #section1 .main-area .salon_data{
	background:url(../../salon/img/salon_frbg.jpg) repeat-y top left;
	padding:0 186px 0 38px;
	overflow:hidden;
	zoom:1;
}
#salon #section1 .main-area .salon_data .col1{
	float:right;
	width:380px;
}
#salon #section1 .main-area .salon_data .col2{
	float:left;
	width:256px;
}
#salon #section1 .main-area .salon_data .salon_caption{
	color:#05746B;
	padding-top:10px;
	padding-bottom:10px;
}

#salon #section2{
	background:url(../img/bgb.jpg) repeat-x center bottom #f7f7e7;
	margin-top:27px;
}
#salon #section2 #salon_footer{
	width:890px;
	margin:0 auto 0 auto;
	padding:30px 0 30px 0;
	text-align:left;
}
#salon #section2 #salon_footer h2{padding-bottom:25px;}
#salon #section2 #salon_footer #salon_information{
	overflow:hidden;
	zoom:1;
	width:744px;
}
#salon #section2 #salon_footer #salon_information .salon_info_text{
	float:left;
	width:455px;
}
#salon #section2 #salon_footer #salon_information .salon_info_text .bold{color:#05746B;}
#salon #section2 #salon_footer #salon_information .salon_info_text dl{
	overflow:hidden;
	zoom:1;
}
#salon #section2 #salon_footer #salon_information .salon_info_text dt{
	background-color:#9dba62;
	width:62px;
	text-align:center;
	color:#FFF;
	padding:5px 0 5px 0;
	float:left;
}
#salon #section2 #salon_footer #salon_information .salon_info_text dd{
	padding:5px 0 15px 0;
	_height:1%;
	margin-left:72px;
}
#salon #section2 #salon_footer #salon_information .salon_info_text .barnavi{
	margin-top:20px;
	overflow:hidden;
	zoom:1;
	margin-right:-10px;
}
#salon #section2 #salon_footer #salon_information .salon_info_text .barnavi li{
	float:left;
	padding-right:10px;
}
#salon #section2 #salon_footer #salon_information .salon_info_text .barnavi li img{
	vertical-align:bottom;
	margin-bottom:5px;
}
#salon #section2 #salon_footer #salon_information .salon_info_map{
	float:right;
	width:262px;
}
#salon #section2 #salon_footer #salon_information .salon_info_map iframe{
	border:1px solid #d6b97f;
	margin-bottom:5px;