@charset "utf-8";
/* CSS Document */

*{
	padding:0;
	margin:0;
	border:0;
}

body{
	background-color:#F8F6EC;
}

a span{
	display:none;
}

.sp_hide {	
}
.pc_hide {
	display: none;
}

/*
ヘッダー
*/

#body_head{
	background-image:url(../image/top_bg_h.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	width:1324px;
	overflow:hidden;
}

#body_foot{
	background-image:url(../image/top_bg_f.jpg);
	background-position:center bottom;
	background-repeat:no-repeat;
	width:1324px;
	overflow:hidden;
}

#body_body{
	background-image:url(../image/top_bg_b.jpg);
	background-position:center top;
	background-repeat:repeat-y;
	width:1324px;
	overflow:hidden;
}

#header_wrapper{
	height:84px;
	overflow:hidden;
	clear:both;
	position:relative;
	width:1034px;
	margin:0px auto;
}

#top_img{
	width: 1109px;
	margin: 0px auto;
	display: block;
	height: 280px;
}

#header_wrapper #logo{
	position:absolute;
	top: 9px;
	left: 0px;
}

#header_wrapper #text{
	position:absolute;
	font-size: 11px;
	color: #574326;
	left: 200px;
	top: 18px;
}

#header_wrapper #address{
	position:absolute;
	left: 200px;
	top: 41px;
}

#header_wrapper #resavation{
	position:absolute;
	left: 743px;
	top: 22px;
}

#header_wrapper #tel{
	position:absolute;
	right: 0px;
	bottom: 13px;
}

#head_fb{
	width:29px;
	height:29px;
	position:absolute;
	overflow:hidden;
	z-index:10;
	right:310px;
	top:40px;
}

/*
グローバルナビゲーション
*/

#gnavi_wrapper{
	clear: both;
	overflow: hidden;
	width:1110px;
	margin:0px auto;
}

#gnavi{
	display:inline;
	clear:both;
}

#gnavi li{
	list-style:none;
	float:left;
}

#gnavi li a{
	display:block;
	background-repeat:no-repeat;
	background-position:left top;
	overflow:hidden;
	height:49px;
}

#gnavi li a:hover{
	background-position:bottom;
}

#gnavi #gnavi01 a{
	background-image:url(../image/gnavi01.jpg);
	width: 274px;
}

#gnavi #gnavi02 a{
	background-image:url(../image/gnavi02.jpg);
	width: 269px;
}

#gnavi #gnavi03 a{
	background-image:url(../image/gnavi03.jpg);
	width: 287px;
}

#gnavi #gnavi04 a{
	background-image:url(../image/gnavi04.jpg);
	width: 280px;
}

/*
内容
*/

#contents_wrapper{
	clear: both;
	overflow: hidden;
	width: 1110px;
	padding-left:116px;
	padding-bottom: 25px;
}

#contents_wrapper #left_box{
	overflow: hidden;
	float: left;
	width: 698px;
	padding-left: 35px;
	margin-top:25px;
}

#contents_wrapper #right_box{
	overflow: hidden;
	float: right;
	width: 306px;
	padding-right: 35px;
	margin-top:25px;
}

#menu_wrap{
	width:698px;
	margin:0px auto 30px auto;
	overflow:hidden;
	clear:both;
}

#service_menu_wrap{
	overflow:hidden;
	float:left;
	width:698px;
	height: 220px;
}

#price{
	background-image:url(../image/price.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	width:311px;
	padding:50px 0px 40px 0px;
	position:relative;
	margin:10px auto;
}

#price dl{
	clear:both;
	/*width:256px;*/
	width:280px;
	margin:5px auto;
	font-size:11px;
	overflow:hidden;
}
#price dt{
	float:left;
	width:175px;
	overflow:hidden;
	display:block;
	font-size:12px;
}

#price dd{
	width:105px;
	overflow:hidden;
	display:block;
	float:right;
	font-size:11px;
}

#price #btn{
	position:absolute;
	right:15px;
	top:15px;
	overflow: hidden;
}

#price #btn a{
	background-image:url("../image/btn02_3_2x.png");
	background-size: 97px 50px;
	background-position:left top;
	background-repeat:no-repeat;
	width:97px;
	height:23px;
	display:block;
}

#price #btn a:hover{
	background-position:bottom;
}

#topics{
	background-image:url(../image/ol_topics_foot.png),url(../image/ol_topics_head.png),url(../image/ol_topics_body.png);
	background-repeat:no-repeat,no-repeat,repeat-y;
	background-position:left bottom,left top,left top;
	width: 692px;
	padding-top: 50px;
	padding-bottom: 30px;
	position: relative;
	overflow:hidden;
	display:block;
	margin:0px auto 20px auto;
}

#topics dl{
	color:#565034;
	clear:both;
	width:600px;
	margin:15px auto;
	font-size:13px;
	overflow:hidden;
}
#topics dt{
	float:left;
	width:100px;
	overflow:hidden;
	display:block;
	
}

#topics dd{
	font-weight:bold;
	overflow:hidden;
	display:block;
	float:left;
	width:500px;
}

#topics dd a{
	color:#565034;
	text-decoration:none;	
}

#topics dd a:hover{
	text-decoration:underline;
}

#topics #btn{
	position: absolute;
	right: 15px;
	top: 15px;
	overflow: hidden;
}

#topics #btn a{
	background-image: url("../image/btn02_3_2x.png") ;
	background-size: 97px 50px;
	background-repeat: no-repeat;
	background-position: left top;
	display:block;
	width:97px;
	height:23px;	
}

#topics #btn a:hover{
	background-position:bottom;
}
#shop_info{
}

#shop_info_ins{
	background-image:url(../image/map.jpg);
	background-repeat:no-repeat;
	background-position:right center;
	width:636px;
	margin:auto;
	clear:both;
	display: block;
	overflow: hidden;
	line-height:130%;
}

#shop_info #title{
	margin-left:25px;
	margin-bottom:25px;
}

#shop_info_ins dl{
	/*width:185px;*/
	widows: 350px;
	overflow:hidden;
	display:block;
	float:left;
	margin-bottom:1em;
}

#shop_info_ins dd{
	font-size:12px;
	padding-top:1em;
	width: 350px;
	
}

#shop_info_ins dt{
	font-size:16px;
	font-weight:bold;
}

#shop_info_ins #resavation_tel{
	width:250px;
	font-size:12px;
	float:left;
	display:block;
	overflow:hidden;
	padding-left:1em;
	
    position: absolute;
    margin-left: 190px;
}

#shop_info_ins h3{
	clear:both;
	color:#663300;
	font-size:12px;
}

#shop_info_ins ul{
	font-size:12px;
	clear:both;
	color:#663300;
	padding-left:1.3em;
}

#shop_info_ins li{
}

#thank{
	overflow:hidden;
	background-image:url(../image/thank_bg.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	padding-top: 40px;
	padding-left: 30px;
	display: block;
	width: 637px;
	height: 315px;
}
/*
フッター
*/
#footer_wrapper{
	width: 800px;
	position: relative;
	height:130px;
	clear: both;
	margin-left: 60px;
	margin-top: 100px;
}

#footer_wrapper #f_text{
	color:#000;
	font-size:11px;
	position:absolute;
	display:block;
	left: 2px;
	top: 99px;
	width: 798px;
	height: 14px;
}

#footer_wrapper #copy{
	position:absolute;
	left: 0px;
	bottom: 0px;
}

#footer_wrapper #address_f{
position: absolute;
        font-size: 12px;
        top: 10px;
        left: 0px;
        color: #FFF;
        line-height: 130%;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}

#footer_wrapper #time_f{
	position:absolute;
top: 21px;
        right: 266px;
	font-size: 12px;
	color:#FFF;
	line-height:130%;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}
/*
サイドメニュー
*/

/*
バナー
*/

#banner{
	width: 306px;
	overflow: hidden;
	padding-bottom: 40px;
	padding-top: 0px;
}
 
#banner li{
	overflow:hidden;
	list-style:none;
}

#banner li a{
	display:block;
	width:306px;
	height:182px;
	overflow:hidden;
	background-image:url(../image/b01.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	position:relative;
	text-decoration: none;
}

#banner li a span{
	display:block;
	position:absolute;
	width: 250px;
	height: 41px;
	left: 15px;
	top: 131px;
	font-size: 12px;
	text-decoration: none;
	color: black;
	line-height: 100%;
}

#banner li a:hover{
	background-position:bottom;
}


/*----------------------------------------*/
/*ヘアスタイル*/

#hairstyle{
	width:306px;
	background-image:url(../image/ol_category_bottom.png);
	background-repeat:no-repeat;
	background-position:left bottom;
	overflow:hidden;
	margin-top:10px;
}

#hairstyle_ins{
	margin:0px auto;
	padding:45px 0px 0px 0px;
	overflow:hidden;
	background-image:url(../image/ol_category.png);
	background-repeat:no-repeat;
	background-position:left top;
	position:relative;
}

#hairstyle_ins dl{
	width:250px;
	margin:0px auto;
	overflow:hidden;
}

#hairstyle_ins dl dt{
	width:154px;
	margin:0px auto;
	text-align:center;
	overflow:hidden;
}

#hairstyle_ins dl dd{
	text-align:center;
	padding:0.5em 0px;
	font-size:13px;
	font-weight:bold;
}

#hairstyle_ins dl dd a{
	color:#663300;
}

#hairstyle_ins div.btn_list{
	width:97px;
	height:23px;
	margin:0px auto;
	overflow:hidden;
	position:absolute;
	right:20px;
	top:15px;
}

#hairstyle_ins div.btn_list a{
	display:block;
	width:97px;
	height:23px;
	overflow:hidden;
	text-indent:-9999px;
	background-image:url("../image/btn02_3_2x.png");
	background-size: 97px 50px;
	background-repeat:no-repeat;
	background-position:left top;
}

#hairstyle_ins div.btn_list a:hover{
	background-position:left bottom;
}

/*----------------------------------------*/
/*ヘアスタイル*/


.cat_list ul{
	margin-top:10px;
	font-size: 13px;
	list-style:none;
	width:250px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:40px;
}

.cat_list ul ul{
	margin-left:0px;
	margin-top:10px;
	margin-bottom:0px;
	width:auto;
}

.cat_list li{
	background-image:url(../contents/image/menu/menu_icon.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	padding-left:40px;
	color:#6A5F3F;
	margin-bottom:1em;
}

.cat_list li a{
	color:#6A5F3F;
	text-decoration:none;	
}

.cat_list li a:hover{
	text-decoration:underline;	
}