@charset "iso-2022-jp";
/* ======================== 目次 ==========================

	[01]:各要素リセット・基本設定
	[02]:レイアウト
	[03]:リンク
	[04]:ヘッダ
	[05]:ナビゲーション
	[06]:タイトル ヘッドライン
	[07]:メインコンテンツ
	[08]:フッタ
	[09]:ボタン
	[10]:テーブル・フォーム
	[11]:サイドナビゲーション
	[12]:コンテンツ
	
======================================================== */



/* -------------------------[01]:各要素リセット・基本設定 */

html,body,p,ul,ol,li,h1,h2,h3,h4,h5,h6,form { margin:0px; padding:0px; }

body { font-size:12px; font-family:'ＭＳ Ｐゴシック',Osaka, 'MS UI Gothic', sans-serif; background-color:#eadfc8;}

img { border:none; }

ul,li { list-style:none; }

p { padding:10px; line-height:150%; }

address { padding-top:10px; font-style:normal; }

hr { width:90%; }


.font_s { font-size:80%; line-height:150%; }
.font_m { font-size:100%; line-height:150%; }
.font_l { font-size:120%; line-height:150%; }
.font_x { font-size:140%; line-height:150%; }

p { font-size:100%; line-height:150%; }


.f_brown { color:#8a7361; }
.f_brownB { color:#8a7361; font-weight:bold; }

.pink { color:#c06; }
.pinkB { color:#c06; font-weight:bold; }

.yel{color:#990;}
.yelB{color:#990; font-weight:bold; }

.ora { color:#f60; }
.oraB { color:#f60; font-weight:bold; }

.par {color:#a7298a;}
.parB {color:#a7298a; font-weight:bold;}

.red {color:#600;}
.redB {color:#600; font-weight:bold;}



/* -------------------------[02]:レイアウト */

.left   { float:left; }
.right  { float:right; }
.cle    { clear:both; }
.center {text-align:center;}

.margin_T5 { margin-top:5px; }
.margin_T10{ margin-top:10px;}
.margin_T15{ margin-top:15px;}
.margin_T20{ margin-top:20px;}
.margin_T25{ margin-top:25px;}

.margin_B5 { margin-bottom:5px; }
.margin_B10{ margin-bottom:10px;}
.margin_B15{ margin-bottom:15px;}
.margin_B20{ margin-bottom:20px;}
.margin_B25{ margin-bottom:25px;}

.padding_T5 { padding-top:5px; }
.padding_T10{ padding-top:10px;}
.padding_T15{ padding-top:15px;}
.padding_T20{ padding-top:20px;}
.padding_T25{ padding-top:25px;}

.padding_B5 { padding-bottom:5px; }
.padding_B10{ padding-bottom:10px;}
.padding_B15{ padding-bottom:15px;}
.padding_B20{ padding-bottom:20px;}
.padding_B25{ padding-bottom:25px;}


.wrappner01 { width:465px; margin:10px 0px 20px 15px ; }

.containerA { width:756px;  margin:15px auto 30px; }

.dotted { border-bottom:1px dotted #ccc; }
.dottedT { border-top:1px dotted #ccc; }


/* -------------------------[03]:リンク */

a:link    { color:#630; text-decoration:none; }
a:visited { color:#630; text-decoration:none; }
a:hover   { color:#630; text-decoration:underline; }
a:active  { color:#630; text-decoration:none;  }

/* -------------------------[04]:ベース ヘッダ */

.prim { width:745px; font-size:80%; margin:0px auto; padding:15px 0px 0px; color:#a06f40; font-weight:normal; }

.hNav { width:760px; height:66px; margin:0px auto; padding-left:2px; }
.tab01 { width:375px; }
.tab02 { width:250px; }
.tab03 { width:125px; }

.hNav ul li   { width:125px; height:46px; }
.hNav ul li a { width:125px; height:46px; text-indent:-8874px; display:block; }

.hnav01 { background:url(img/hnav01.gif) 0px 0px no-repeat; }
.hnav02 { background:url(img/hnav02.gif) 0px 0px no-repeat; }
.hnav03 { background:url(img/hnav03.gif) 0px 0px no-repeat; }
.hnav04 { background:url(img/hnav04.gif) 0px 0px no-repeat; }
.hnav05 { background:url(img/hnav05.gif) 0px 0px no-repeat; }
.hnav06 { background:url(img/hnav06.gif) 0px 0px no-repeat; }

.hnav01 a:hover { background:url(img/hnav01.gif) 0px -46px no-repeat; text-decoration:none; }
.hnav02 a:hover { background:url(img/hnav02.gif) 0px -46px no-repeat; text-decoration:none; }
.hnav03 a:hover { background:url(img/hnav03.gif) 0px -46px no-repeat; text-decoration:none; }
.hnav04 a:hover { background:url(img/hnav04.gif) 0px -46px no-repeat; text-decoration:none; }
.hnav05 a:hover { background:url(img/hnav05.gif) 0px -46px no-repeat; text-decoration:none; }
.hnav06 a:hover { background:url(img/hnav06.gif) 0px -46px no-repeat; text-decoration:none; }

.baseA { width:762px; margin:0px auto; background:url(img/base_bg.gif) 0px 0px repeat-y; }



/* -------------------------[05]:ナビゲーション */

.nav      { width:745px; height:36px; margin:0px 0px 0px 4px; }
.nav li   { width:149px; height:36px; }
.nav li a { width:149px; height:26px; padding:10px 0px 0px 0px; display:block; text-align:center;color:#630; font-weight:bold; }

.nav01 { background:url(img/nav01.jpg) 0px 0px no-repeat;}
.nav02 { background:url(img/nav02.jpg) 0px 0px no-repeat;}
.nav03 { background:url(img/nav03.jpg) 0px 0px no-repeat;}
.nav04 { background:url(img/nav04.jpg) 0px 0px no-repeat;}
.nav05 { background:url(img/nav05.jpg) 0px 0px no-repeat;}
.nav06 { background:url(img/nav06.jpg) 0px 0px no-repeat;}

.nav01 a:hover { background:url(img/nav01.jpg) 0px -36px no-repeat; } 
.nav02 a:hover { background:url(img/nav02.jpg) 0px -36px no-repeat; } 
.nav03 a:hover { background:url(img/nav03.jpg) 0px -36px no-repeat; } 
.nav04 a:hover { background:url(img/nav04.jpg) 0px -36px no-repeat; } 
.nav05 a:hover { background:url(img/nav05.jpg) 0px -36px no-repeat; } 
.nav06 a:hover { background:url(img/nav06.jpg) 0px -36px no-repeat; } 

/* -------------------------[06]:タイトル ヘッドライン */

.h2{ width:460px; height:40px; padding:20px 0px 0px 50px ; background:url(img/h2.gif) 0px 0px no-repeat; font-size:14px; font-weight:bold; color:#630; }

.bar01{ width:485px; height:18px; padding:5px 0px 0px 15px ; margin:0px 0px 0px 0px; background:url(img/bar01.gif) 0px 0px no-repeat; font-size:12px; font-weight:bold; color:#fff; }
.bar02{ width:450px; height:35px; padding:8px 0px 0px 50px ; margin:0px 0px 0px 0px; background:url(img/bar02.gif) 0px 0px no-repeat; font-size:14px; font-weight:bold; color:#630; }
.item_bar { width:205px; height:22px; margin:2px auto 5px; padding:7px 0px 0px; background:url(img/item_bar.gif) 0px 0px no-repeat; color:#350302; font-weight:bold; text-align:center; }



/* -------------------------[07]:メインコンテンツ */

.main { width:749px; height:255px; margin:0px 0px 0px 2px; }

.contents_area { width:730px; margin:18px 0px 20px 11px;  }
.snav_area { width:209px;}
.snav {
	width:207px;
	border:1px solid #ccc;
	margin:0px 0px 10px;
}


.contents { width:510px; }
.wrapper { width:500px; margin:0px auto; }

/* -------------------------[08]:フッタ */

.footer { width:729px; font-size:10px; line-height:150%; background:url(img/footer_bar.gif) 0px 0px repeat-x; padding:10px; margin:0px 0px 0px 2px; }


/* -------------------------[09]:ボタン */

.back_top { text-align:right; }

/* -------------------------[10]:テーブル・フォーム */


/* -------------------------[11]:サイドナビゲーション */
.link { width:169px; height:39px; margin:0px auto; }
.text_link { padding:0px 0px 0px 10px ; margin:3px 0px 10px 20px; background:url(img/point.jpg) 0px 1px no-repeat; font-size:10px;}
.ent { width:159px; padding-top:10px; border-top:1px dotted #ccc;background:url(img/point.jpg) 0px 10px no-repeat; }

.link_list { width:196px; margin:5px auto 10px; }
.link_list li { padding:3px 0px 0px 12px ; background:url(img/point.jpg) 0px 5px no-repeat; font-size:10px;}

/* -------------------------[12]:コンテンツ */

.salon_cate { width:500px; padding:0px 0px 10px; margin:0px auto; }

.salon_cate ul{ width:250px; float:left;}

.salon_cate ul li{ padding:5px 0px 0px 11px; background:url(img/point.jpg) 0px 5px no-repeat;}



/* *********** menu ************* */

.menu_table { width:500px; margin:10px auto 0px ; border-collapse:collapse; }
.menu_table td { padding:5px 0px 5px 10px;color:#630; }
.menu_title { font-weight:bold; background:url(img/point.jpg) 0px 5px no-repeat;  border-top:1px dotted #ccc; padding-top:10px;}
.menu_item { width:350px; }
.price { width:150px; text-align:right; font-weight:bold; color:#630; }

/* *********** shop ************* */

.shopWrap { width:460px; margin:10px auto; }

.shopBox { width:220px; }

.shoptel { font-weight:bold; color:#630; }

.map { width:366px; height:250px; margin:20px auto 30px; }



.bar03{
	float: left;
	margin: 0px;
	padding: 0px;
	background: url(img/bar03.gif) no-repeat;
	text-indent: -5555px;
	width: 165px;
	height: 60px;
}

.menu{
	width: 680px;
	margin: 12px auto 0;
	padding: 0px;
	background: url(img/td_bg.gif) repeat-y right center;
}

.menu .line{
	background: url(img/table_top.gif) repeat-x;
	height: 3px;
	padding: 0px;
	font-size: 1px;
}

.menu th{
	padding: 6px 0px 4px 28px;
	background: #EAE0CA url(img/list.gif) no-repeat 3% 48%;
	color: #663300;
	width: 450px;
	border-bottom: 1px solid #F5F0E5;
	text-align: left;
}

.menu th .text{
	font-weight: normal;
}

.price{
	/* font-size: 10px; */
	color: #993300;
	font-weight: bold;
}

.menu td {
	width: 230px;
	padding: 0px 12px 0px 0px;
	text-align: right;
	font-weight: bold;
	color: #663300;
	/* background: #EAE0CA url(img/td_bg.gif) no-repeat; */
	border-bottom: 1px solid #F5F0E5;
}

th.menu_item {
	background-color:#EAE0CA;
	background-image:none;
	text-align:left;
	text-indent:15px;
}

.cap{
	font-size: 10px;
	text-align:left;
	width: 670px;
	margin: 5px auto 0px;
	line-height: 130%;
}

.box01{
	clear: both;
	width: 678px;
	margin: 20px auto 0px;
	padding: 0px;
	border: 1px solid #CDCDCD;
}

.box01 .left{
	width: 210px;
	float: left;
	margin: 0px 0px 0px 2px;
	padding: 7px;
}

.box01 .left p{
	line-height: 150%;
	color: #993300;
}


.box01 .right{
	float: right;
	margin: 25px 0px 0px 0px;
	padding: 0px 10px 0px 0px;
}

.box01 .right ul{
	width: 440px;
	margin: 0px;
	padding: 0px;
}

.box01 .right li{
	/* width: 450px; */
	margin: 0px 0px 5px 0px;
	padding: 3px 0px 5px 23px;
	list-style: none;
	border-bottom: 1px solid #7C5024;
	line-height: 160%;
}

.num01{background: url(img/camp01.gif) no-repeat left;}
.num02{background: url(img/camp02.gif) no-repeat left;}
.num03{background: url(img/camp03.gif) no-repeat left;}
.num04{background: url(img/camp04.gif) no-repeat left;}

.box02{
	clear: both;
	width: 678px;
	margin: 30px auto 0px;
	padding: 0px 0px 0px 0px;
	border: 1px solid #CDCDCD;
	background: url(img/box02_bg.gif) no-repeat top;
}

.box02 .text01{
	width: 300px;
	margin :10px 0px 0px 15px;
	padding: 0px 0px 0px 0px;
	float: left;
	color: #333;
	line-height: 150%;
}

.box02 .image01{
	clear: both;
	float: left;
	margin: 5px 10px;
	padding: 0px;
}

.box02 .text02{
	width: 490px;
	height: 165px;
	margin :0px 7px 0px 0px;
	padding: 0px;
	float: right;
	background: url(img/image02.jpg) no-repeat right;
}

.box02 .text02 p{
	width: 240px;
	text-align: left;
	margin :10px 0px 0px 0px;
	padding: 0px;
	line-height: 22px;
}

.box03{
	clear: both;
	width: 678px;
	margin: 30px auto 0px;
	padding: 10px 0px 10px 0px;
	border: 1px solid #CDCDCD;
}

.box03 .about{
	width: 656px;
	margin: 10px auto 0;
	padding: 0px;
	border-bottom: 1px solid #A7A7A7;
	line-height: 160%;
	color:#666;
}

.box03 h3{
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	color: #663300;
}
.item_bar { width:205px; height:22px; margin:2px auto 5px; padding:7px 0px 0px; background:url(img/item_bar.gif) 0px 0px no-repeat; color:#350302; font-weight:bold; text-align:center; }
.contents_area { width:730px; margin:18px 0px 20px 11px;  }
.snav_area { width:209px;}
.snav {
	width:207px;
	border:1px solid #ccc;
	margin:0px 0px 10px;
}
/* -------------------------[11]:サイドナビゲーション */
.link { width:169px; height:39px; margin:0px auto; }
.text_link { padding:0px 0px 0px 10px ; margin:3px 0px 10px 20px; background:url(img/point.jpg) 0px 1px no-repeat; font-size:10px;}
.ent { width:159px; padding-top:10px; border-top:1px dotted #ccc;background:url(img/point.jpg) 0px 10px no-repeat; }

.link_list { width:196px; margin:5px auto 10px; }
.link_list li { padding:3px 0px 0px 12px ; background:url(img/point.jpg) 0px 5px no-repeat; font-size:10px;}
.contents { width:510px; }

.menu-header
{
margin:0 0 10px 0;
}

.menu-category-box
{
	margin: 0 0 20px 0;
}
.menu-category-box h3
{
	padding: 5px 5px 5px 10px;
	border-left: solid 5px #DBC8B3;
	margin: 0 0 10px 0;
}
.menu-category-box ul
{
	padding: 0 0 0 10px;
	margin: 0 0 20px 0;
}
.menu-category-box ul li
{
	width: 30%;
	float: left;
	padding: 5px 0 5px 13px;
	background-image: url(img/point.jpg);
	background-position: 0;
	background-repeat: no-repeat;
}
.clr
{
height:1%;
}
.clr:after
{
content:".";
clear:both;
display:block;
height:0;
visibility:hidden;
}