@charset "utf-8";
/* 初期設定 */
html { background:#fff;margin:0; padding:0;}
body { margin:0; padding:0; font-family: Meiryo, "メイリオ", "Lucida Grande", Verdana, "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif; text-align:center;margin:0; padding:0;}

/* レイアウト */
#layout { width:100%; text-align:left; background:#fff; text-align:center;}
	#layout-inner { width:780px; padding:0 20px; margin:0 auto; background:url(../images/bg.gif) repeat-y;  text-align:left; }

#catch { clear:both;background:#E5E2D9;background:url(../images/header-catch.gif) repeat-y;}
	#catch h1 { clear:both; margin:0; padding:0 10px; color:#000; line-height:12px; font-size:10px; font-weight:normal; text-align:right;}
	#catch p { clear:both; margin:0; padding:0 10px; color:#000; line-height:12px; font-size:10px; font-weight:normal; text-align:right;}

#header {width:780px; overflow:hidden; background:url(../images/header-bg.jpg) repeat-x; background-position:0;}
	#logo { width:154px; height:167px; float:left;}
		#logo p { margin:0; padding:0; width:154px; height:167px; text-indent:-800px; overflow:hidden;}
			#logo a {width:154px; height:196px; display:block;}
	#header-navi { width:624px; float:right; height:167px;background-position:right; background-repeat:no-repeat;}
		#header-navi p {margin:0; padding:0; width:624px;}
			#header-navi p a {display:block; width:100px;  height:28px; text-indent:-800px; overflow:hidden; float:right; clear:right; background-image:none;}
				#header-navi p a:hover { background-repeat:no-repeat; background-position:17px 6px;}
			#header-to-home a:hover {background-image: url(../images/header-to-home.gif);}
			#header-to-reservation a:hover { background-image: url(../images/header-to-reservation.gif);}
		.header-bg1 { background-image:url(../images/header-bg1.jpg);}
		.header-bg2 { background-image:url(../images/header-bg2.jpg);}
		.header-bg3 { background-image:url(../images/header-bg3.jpg);}
		.header-bg4 { background-image:url(../images/header-bg4.jpg);}
		.header-bg5 { background-image:url(../images/header-bg5.jpg);}
		.header-bg6 { background-image:url(../images/header-bg6.jpg);}
		.header-bg7 { background-image:url(../images/header-bg7.jpg);}
	#header-menu { width:624px; height:29px; overflow:hidden; clear:both;background:url(../images/header-menu.gif) no-repeat; background-position:top; float:right;}
		#header-menu ul { margin:0; padding:0; list-style:none;}
			#header-menu li { margin:0; padding:0; list-style:none; display:block; width:104px; height:29px; float:left; overflow:hidden; text-indent:-800px;}
				#header-menu li a {display:block; width:104px; height:29px; overflow:hidden; background-position: 0 0; background-repeat:no-repeat;}
				#header-menu li a:hover {background-position: 0 0; background-repeat:no-repeat;}
				#header-menu li span {display:block; width:104px; height:29px; overflow:hidden; background-position: 0 0; background-repeat:no-repeat;}
			#header-menu1 a:hover { background-image:url(../images/header-menu1.gif);}
				#header-menu1 span { background-image:url(../images/header-menu1.gif);}
			#header-menu2 a:hover { background-image:url(../images/header-menu2.gif);}
				#header-menu2 span { background-image:url(../images/header-menu2.gif);}
			#header-menu3 a:hover { background-image:url(../images/header-menu3.gif);}
				#header-menu3 span { background-image:url(../images/header-menu3.gif);}
			#header-menu4 a:hover { background-image:url(../images/header-menu4.gif);}
				#header-menu4 span { background-image:url(../images/header-menu4.gif);}
			#header-menu5 a:hover { background-image:url(../images/header-menu5.gif);}
				#header-menu5 span { background-image:url(../images/header-menu5.gif);}
			#header-menu6 a:hover { background-image:url(../images/header-menu6.gif);}
				#header-menu6 span { background-image:url(../images/header-menu6.gif);}


#contents { width:780px; margin:0 auto; padding:0 0 10px 0; text-align:left; float:left;}

#footer { clear:both; background:url(../images/footer.gif) repeat-x  #663300; background-position:top; padding:10px 10px 5px 10px;}
	#footer p { color:#FFF; margin:0;}
		#footer
	#f-left { font-size:12px; line-height:16px; float:left; text-align:left; width:400px; display:block;padding:0;}
	#f-left stong { padding:0 0 2px 0;}
	#f-right {font-size:10px; line-height:14px; float:right; text-align:right; width:280px; display:block; padding:20px 0 0 0;}
		#f-right a { color:#FFF; padding:0 10px; background-image:url(../images/f-right1.gif); background-position:left; background-repeat:no-repeat;}
		#f-right a:hover {color: #FFFF00;background-image:url(../images/f-right2.gif); }

.f10 { font-size:10px;}
.f12 { font-size:12px;}
.f14 { font-size:14px;}
.f16 { font-size:16px;}
.f18 { font-size:18px;}

.small { font-size:9px;}
.red { color:#FF9900}
.grey { background-color:#EEE;}
.orange { color:#FF9900;}
.fl { float:left;}

.cb { height:1px; display:block; clear:both; font-size:1px; line-height:1px;}

.tree_navi { display:block; padding:3px 10px 3px 15px;}
	.tree_navi p { margin:0; padding:0; font-size:10px;text-align:left;color:#555; line-height:16px;}
	.tree_navi a { color:#555; text-decoration:none; padding:0 5px;}
	.tree_navi a:hover { color:#792500; text-decoration: underline; padding:0 5px;}
	.tree_navi strong { color:#792500; font-weight:normal; padding:0 5px;}