@charset "UTF-8";

/*	全ページ共通CSS
	
		■初期設定・初期化
			：body設定
			：ブラウザのマージンとパディング初期化
			：タグ毎のマージンとパディング初期化
			：リンク設定
			：float対策
			：イメージ初期化
		■ヘッダー設定
		■コンテンツ設定
		■フッター設定
----------------------------------------------------------------------------------------------------------------------------------*/







/*	初期設定・初期化
----------------------------------------------------------------------------------------------------------------------------------*/
/*-- body設定 -------------*/
body {
font-size: 12px;
line-height: 1.8em;
letter-spacing: 0.1em;
font-family: "ＭＳ Ｐゴシック","Lucida Grande","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Geneva,Arial,Verdana,sans-serif;
background-repeat: repeat-x;
background-position: center 100px;
background-color: #FFFFFF;
text-align: center;
color: #666666;
}
/*-- ブラウザのマージンとパディング初期化 -------------*/
*{
margin:0;
padding:0;
}
/*-- タグ毎のマージンとパディング初期化 -------------*/
body,div,p,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,table,tr,td {
padding: 0;
margin: 0;
}
/*-- リンク設定 --------*/
a {
color: #391500;
text-decoration: underline;
}
a:hover {
color: #6B4732;
text-decoration: none;
}
a img{
border: none;
}
/*-- float対策 --------*/
.fcl { 
zoom: 100%;
}
.fcl:after {
content: " "; 
clear: both; 
height: 0; 
display: block; 
visibility: hidden;
}
/*-- イメージ初期化 --------*/
img {
vertical-align: middle;
margin:0;
padding:0;
}







/*	ヘッダー設定
----------------------------------------------------------------------------------------------------------------------------------*/
div#header {
width: 860px;
margin: 8px auto 0;
text-align: left;
min-height: 140px;
height: auto !important;
height: 140px;
}
div#header div.top h1 {
float: left;
width: 400px;
font-size: 12px;
color: #887366;
font-weight: normal;
}
div#header div.top ul {
float: right;
width: 400px;
font-size: 14px;
color: #887366;
list-style: none;
}
div#header div.top li {
display: inline;
}
div#header div.top li.m1 {
display: block;
float: right;
width: 167px;
background: url(/img/TelImg.gif) no-repeat left 50%;
text-indent: -1000em;
overflow: hidden;
}
div#header div.top li.m2 a {
display: block;
float: right;
background: url(/img/Icon_Blog.gif) no-repeat left 50%;
padding: 0 0 0 19px;
margin: 0 20px 0 0;
}
div#header div.top li.m3 a {
display: block;
float: right;
background: url(/img/Icon_Sitemap.gif) no-repeat left 50%;
padding: 0 0 0 22px;
margin: 0 10px 0 0;
}
div#header div.under {
padding: 15px 0 0;
}
div#header div.under h2 {
float: left;
width: 199px;
}
div#header div.under h2 a {
display: block;
height: 53px;
background: url(/img/Logo.gif) no-repeat left top;
text-indent: -1000em;
overflow: hidden;
}
div#header div.under ul {
float: right;
width: 622px;
list-style: none;
margin: 23px 0 0;
}
div#header div.under ul li {
display: inline;
}
div#header div.under ul li a {
display: block;
float: left;
height: 16px;
background: url(/img/Btn_Menu.gif) no-repeat left top;
text-indent: -1000em;
overflow: hidden;
margin: 0 0 0 26px;
}
div#header div.under ul li.m1 a {
width: 62px;
background-position: left top;
margin: 0;
}
div#header div.under ul li.m2 a {
width: 95px;
background-position: -62px top;
}
div#header div.under ul li.m3 a {
width: 40px;
background-position: -157px top;
}
div#header div.under ul li.m4 a {
width: 62px;
background-position: -197px top;
}
div#header div.under ul li.m5 a {
width: 96px;
background-position: -259px top;
}
div#header div.under ul li.m6 a {
width: 49px;
background-position: -355px top;
}
div#header div.under ul li.m7 a {
width: 62px;
background-position: -404px top;
}
div#header div.under ul li.m1 a:hover { background-position: left -16px; }
div#header div.under ul li.m2 a:hover { background-position: -62px -16px; }
div#header div.under ul li.m3 a:hover { background-position: -157px -16px; }
div#header div.under ul li.m4 a:hover { background-position: -197px -16px; }
div#header div.under ul li.m5 a:hover { background-position: -259px -16px; }
div#header div.under ul li.m6 a:hover { background-position: -355px -16px; }
div#header div.under ul li.m7 a:hover { background-position: -404px -16px; }










/*	コンテンツ設定
----------------------------------------------------------------------------------------------------------------------------------*/
div#content {
width: 874px;
margin: 0 auto;
text-align: left;
}
div#content div#pagewrap {
padding: 25px 25px 0;
background: url(/img/PageBg.png) no-repeat center top;
}

div#content p.pagetop {
width: 860px;
margin: 0 auto;
padding: 10px 0 0;
text-align: right;
}
div#content p.pagetop a {
background: url(/img/Icon_PageTop.jpg) no-repeat left 50%;
padding: 0 0 0 15px;
}






/*	フッター設定
----------------------------------------------------------------------------------------------------------------------------------*/
div#footer {
width: 800px;
margin: 12px auto 0;
padding: 0 0 20px;
text-align: center;
font-size: 14px;
color: #391500;
}
div#footer a {
text-decoration: none;
}

body#facility div#footer,
body#price div#footer,
body#access div#footer,
body#nasu div#footer,
body#booking div#footer,
body#contact div#footer {
background: url(/img/Footer_Bg.jpg) no-repeat center top;
padding-top: 40px;
margin-top: 0;
}