@charset "utf-8"; 

/*blog.css
ブログに読み込ます用　（base.css + box.css） 基本CSS

【1】初期設定
1-0 要素初期化
1-1 汎用セレクタ
1-2 フォーム関連セレクタ
1-3 CSSハック
1-4 box共通

【2】ページレイアウト
2-1 ページ全体			#container
2-2 ヘッダ				#top
2-3 本文				#contents
2-4 補助枠(3カラム)		.wrap
 2-5 中央(メイン)		.main 
 2-6 サイド				.side
  2-7 サイド1			#side1
  2-8 サイド2			#side2
2-9 フッタ				#foot

【3】ページ全体内
3-0 共通
3-1 メインビジュアル	#screen
3-2 パン屑				#pan
3-3 スキップナビ		.skip
3-4 アンカーナビ		.jump

【4】ヘッダ内
4-0 共通
4-1 サイトID			#siteid
4-2 タグライン			#tagline
4-3 トップメニュー		#tmenu
4-4 グローバルナビ		#gnavi
4-5 サブナビ			#snavi

【5】本文内
5-0 共通

【6】中央（メイン）内
6-0 共通

【7】サイド内
7-0 共通
7-9 サイドメニュー		.smenu

【8】フッタ内
8-0 共通
8-1 フッタメニュー1		#fmenu1
8-1 フッタメニュー2		#fmenu2
8-3 コピーライト		#copy

8-4 ボトムメニュー　　　#bmenu

*/




/*【1】初期設定*/
/*1-0 要素初期化*/
html {
	overflow-y:scroll;/*FF scrollbarズレ対策*/
	
}
body {
	margin:0;
	padding:0;
	background:#080609 url(../img/bg_body.gif) no-repeat center bottom;
	text-align: center;
	color:#c8c2be;
}
p , ul , ol , li , dl , dt , dd , address , strong , em ,
h1 , h2 , h3 , h4 , h5 , h6 , 
table , caption , th , td {
	font-size: 100%;
	font-weight: normal;
	line-height: 1.5;
	margin:0;
	padding:0;
}
p {	margin:0 0 1em;}
li {	list-style-type: none;}
h1 , h2 , h3 , h4 , h5 , h6 {}
a {}
a:link , a:visited {
	color:#c8c2be;
	text-decoration: underline;
}
a:hover , a:active {
	color:#c8c2be;
	text-decoration: none;
}
img { border:none;}
hr { display:none;}

/*1-1 汎用セレクタ*/
.clear { clear:both;}


/*1-2 CSSハック*/
/*clearfix*/
  /* WinIE7 only */
    *:first-child+html .clearfix {height: 1%;}
  /* WinIE6 and below */
    /* hide \*/
    * html .clearfix {height: 1%;}
    /*MacIE*/
  /* MacIE only */
    /*\*//*/ 
    .clearfix {display: inline-table;}
    /**/
  .clearfix:after{/* modern browser */
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
  }
/*BIR*/
.bir {
	position:relative;
	top:0;
	left:0;
	display:block;
	z-index:-1;
 /*hide\*/	overflow:hidden;/*MacIE*/
}

.box { font-size:120%;}
/*clearfix*/
  /* WinIE7 only */
    *:first-child+html .box {height: 1%;}
  /* WinIE6 and below */
    /* hide \*/
    * html .box {height: 1%;}
    /*MacIE*/
  /* MacIE only */
    /*\*//*/ 
    .box {display: inline-table;}
    /**/
  .box:after{/* modern browser */
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}

/*【2】画面レイアウト*/
/*2-1 全体*/
#container {
	width:780px;
	margin: 0 auto;
	position: relative;
	left:0px;
	top:10px;
	z-index: 1;
	text-align: left;
	font-size: 62.5%;/*10px*/
	font-family: verdana, Helvetica, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", osaka, "メイリオ", meiryo, "ＭＳ Ｐゴシック", sans-serif;
}

/*2-2 ヘッダ*/
#top {
	background-color:#080609;
	margin:8px 0 4px;
	width:780px;
	height:auto;
	position:relative;
}

/*2-3 本文*/
#contents {}
/*clearfix*/
  /* WinIE7 only */
    *:first-child+html #contents {height: 1%;}
  /* WinIE6 and below */
    /* hide \*/
    * html #contents {height: 1%;}
    /*MacIE*/
  /* MacIE only */
    /*\*//*/ 
    #contents {display: inline-table;}
    /**/
  #contents:after{/* modern browser */
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
  }

/*2-4 補助枠(3カラム)*/
.wrap {}
/*clearfix*/
  /* WinIE7 only */
    *:first-child+html .wrap {height: 1%;}
  /* WinIE6 and below */
    /* hide \*/
    * html .wrap {height: 1%;}
    /*MacIE*/
  /* MacIE only */
    /*\*//*/ 
    .wrap {display: inline-table;}
    /**/
  .wrap:after{/* modern browser */
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
  }
/*2-5 中央(メイン)*/
/*.main {}
.wrap .main {
	width:570px;
	float:right;
}
.indextop .main {
	width: 460px;
	float:right;
}*/


/*2-6 サイド*/
.sidecolumn {
	float: left;
	width:180px;	
}
.indextop .sidecolumn {
	width:300px;
}

/*2-7 サイド1*/
#side1 {}

/*2-8 サイド2*/
#side2 {
	float: right;
}

/*2-9 フッタ*/
#foot {
	font-size: 62.5%;/*10px*/
}

/*【3】ページ全体内*/
/*3-0 共通*/

/*3-1 メインビジュアル*/
#screen {
	width:780px;
	height:170px;
	overflow:hidden;
	margin:0 0 10px;
	font-size:180%;	
}

/*3-2 パン屑*/
#pan {	font-size: 1.2em;}
#pan ul {	display: inline;}
#pan li {
	display:inline;
	padding:0 0 0 15px;
	white-space:normal;
}
#pan li li {	margin:0 0 0 10px;}


/*3-3 スキップナビ*/
.skip {
	position: absolute;
	left: -99999px;
	width: 1px;
	height: 1px;
	/*hide\*/overflow: hidden;/*MacIE*/
	margin: 0;
}

/*3-4 アンカーナビ*/
.jump {
	text-align:right;
	margin:0;
}

/*【4】ヘッダ内*/
/*4-0 共通*/
#top a {}
#top a:link , #top a:visited {}
#top a:hover , #top a:active {}

/*4-1 サイトID*/
#siteid {
	width:235px;
	height:38px;
	/*float:left;*/
	overflow:hidden;	
}
#siteid a {
	display:block;
	width:235px;
	height:38px;
	
}

/*4-2 タグライン*/
#tagline {
	color:#c8c2be;
	margin:0px 0 12px;
	line-height:100%;
}

/*4-3 トップメニュー*/
#tmenu {
	width:390px;
	height:2.0em;
	line-height:100%;
	position:absolute;
	top:0;
	/*for MacIE\*//*/top:8px; /**/
	right:0;
	text-align: right;
}
#tmenu li {
	line-height:1.2em;
	background:url(../img/bg_tmenu.gif) no-repeat 0% 50%;
	padding:0 2px 0 8px;
	display: inline;
}
#tmenu li {
	padding-right:3px;
}
#tmenu .li2 a {
	background:url(../img/bg_tmenu.gif) no-repeat 100% 50%;
	line-height:100%;
	padding:0 7px 0 0;
	line-height:1.2em;
}
#tmenu a:link , #tmenu a:visited {
	text-decoration:none;
}
#tmenu a:hover , #tmenu a:active {
	text-decoration:underline;
}

/*4-4 グローバルナビ*/
#gnavi {
	width:780px;
	height:35px;
	margin:0 0 10px;
	/*hide\*/ overflow:hidden;/*for MacIE*/
}
#gnavi li {
	float:left;
}
#gnavi li a {
	display:block;
	width:100px;
	height:35px;
	background-image:url(../img/bg_gnavi.jpg);
	background-repeat:no-repeat;
}
#gnavi li .bir {
	height:35px;
}
#gnavi .li1 a {width:127px;}
#gnavi .li2 a {width:79px;}
#gnavi .li3 a {width:86px;}
#gnavi .li4 a {width:85px;}
#gnavi .li5 a {width:104px;}
#gnavi .li6 a {width:94px;}
#gnavi .li7 a {width:104px;}
#gnavi .li8 a {width:101px;}

/*通常時*/
#gnavi li a:link ,
#gnavi li a:visited {
	text-decoration: none;
}
#gnavi .li1 a:link,
#gnavi .li1 a:visited {
	background-position:0 0;
}
#gnavi .li2 a:link,
#gnavi .li2 a:visited {
	background-position:-127px 0;
}
#gnavi .li3 a:link,
#gnavi .li3 a:visited {
	background-position:-206px 0;
}
#gnavi .li4 a:link,
#gnavi .li4 a:visited {
	background-position:-292px 0;
}
#gnavi .li5 a:link,
#gnavi .li5 a:visited {
	background-position:-377px 0;
}
#gnavi .li6 a:link,
#gnavi .li6 a:visited {
	background-position:-481px 0;
}
#gnavi .li7 a:link,
#gnavi .li7 a:visited {
	background-position:-575px 0;
}
#gnavi .li8 a:link,
#gnavi .li8 a:visited {
	background-position:-679px 0;
}

/*マウスオーバー時*/
#gnavi .li1 a:hover,
#gnavi .li1 a:active {
	background-position:0 -35px;
}
#gnavi .li2 a:hover,
#gnavi .li2 a:active {
	background-position:-127px -35px;
}
#gnavi .li3 a:hover,
#gnavi .li3 a:active {
	background-position:-206px -35px;
}
#gnavi .li4 a:hover,
#gnavi .li4 a:active {
	background-position:-292px -35px;
}
#gnavi .li5 a:hover,
#gnavi .li5 a:active {
	background-position:-377px -35px;
}
#gnavi .li6 a:hover,
#gnavi .li6 a:active {
	background-position:-481px -35px;
}
#gnavi .li7 a:hover,
#gnavi .li7 a:active {
	background-position:-575px -35px;
}
#gnavi .li8 a:hover,
#gnavi .li8 a:active {
	background-position:-679px -35px;
}

/*表示時点灯*/
.indextop #gnavi .li1 a:link ,
.indextop #gnavi .li1 a:visited {
	background-position:0px -35px;
}
.reserve #gnavi .li2 a:link ,
.reserve #gnavi .li2 a:visited {
	background-position:-127px -35px;
}
.dining #gnavi .li3 a:link ,
.dining #gnavi .li3 a:visited {
	background-position:-206px -35px;
}
.guestroom #gnavi .li4 a:link ,
.guestroom #gnavi .li4 a:visited {
	background-position:-292px -35px;
}
.spa #gnavi .li5 a:link ,
.spa #gnavi .li5 a:visited {
	background-position:-377px -35px;
}
.access #gnavi .li6 a:link ,
.access #gnavi .li6 a:visited {
	background-position:-481px -35px;
}
.facilities #gnavi .li7 a:link ,
.facilities #gnavi .li7 a:visited {
	background-position:-575px -35px;
}
.inquiry #gnavi .li8 a:link ,
.inquiry #gnavi .li8 a:visited {
	background-position:-679px -35px;
}

/*4-5 サブナビ*/
#snavi {}

/*【5】本文内*/
/*5-0 共通*/

/*【6】中央（メイン）内*/
/*6-0 共通*/
.main a {}
.main a:link , .main a:visited {}
.main a:hover , .main a:active {}

/*【7】サイド内*/
/*7-0 共通*/
.side a {}
.side a:link , .side a:visited {}
.side a:hover , .side a:active {}

/*7-9 サイドメニュー*/
.side .smenu {}

/*【8】フッタ内*/
/*8-0 共通*/
/*8-1 フッタメニュー1*/
#fmenu1 {
	width:780px;
	margin:0 auto;
	text-align:left;
}
#fmenu1 .unit {
	display:block;
	width:420px;
	height:20px;
	margin:0 0 3px;
}
#fmenu1 .unit li {
	float:left;
	background-image:url(../img/bg_fmenu1_list.gif);
	background-repeat:no-repeat;
}
#fmenu1 .unit li a {
	display:block;
	height:20px;
	background-image:url(../img/bg_fmenu1_list.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
	/*hide\*/ overflow:hidden; /*for MacIE*/
}
#fmenu1 .unit .li1,
#fmenu1 .unit .li1 a {
	width:155px;
	background-position:0 0;
}
#fmenu1 .unit .li2,
#fmenu1 .unit .li2 a {
	width:105px;
	background-position:-155px 0;
}
#fmenu1 .unit .li3,
#fmenu1 .unit .li3 a {
	width:160px;
	background-position:-260px 0;
}
#fmenu1 .unit li .bir {
	height:20px;
}

/*8-2 フッタメニュー2*/
#fmenu2 {
	border-top:#c8c2be solid 1px;
	background-color:#080609;
	padding:14px 0 0 0;
}
#fmenu2 .unit {
	width:780px;
	margin:0 auto 0.5em;
	text-align:right;
}
#fmenu2 li {
	line-height:1.2em;
	background:url(../img/bg_tmenu.gif) no-repeat 0% 50%;
	padding:0 2px 0 8px;
	display: inline;
}
#fmenu2 li {
	padding-right:3px;
}
#fmenu2 .li3 a {
	background:url(../img/bg_tmenu.gif) no-repeat 100% 50%;
	line-height:100%;
	padding:0 7px 0 0;
	line-height:1.2em;
}
#fmenu2 a:link , #fmenu2 a:visited {
	text-decoration:none;
}
#fmenu2 a:hover , #fmenu2 a:active {
	text-decoration:underline;
}

/*8-3 コピーライト*/
#copy {
	text-align:right;
	width:780px;
	margin:0 auto;
	padding:0 0 1.0em;
	font-style:normal;
	font-size:120%;
	font-family:"ＭＳ ゴシック", "Osaka－等幅";
}

/*8-4 ボトムメニュー*/
#bmenu {
	background:url(../img/bg_bmenu.png) repeat-y 0 0;
	padding:5px;
	margin:20px 0 20px;
}
* html #bmenu {
behavior: expression(IEPNGFIX.fix(this));
}

#bmenu .photo {
	width:120px;
	float:left;
}
#bmenu .content {
	width:640px;
	float:right;
}
#bmenu .commenter {
	margin:0.3em 0;
	line-height:100%;
}
#bmenu address {
	font-style:normal;
	margin:0 0 10px;
}
#bmenu .unit {}
#bmenu .unit li {
	float:left;
	display:inline;
	margin:0 3px 0 0;
}
#bmenu .unit li a {
	display:block;
	width:157px;
	height:30px;
	text-indent:-9999px;
	/*hide\*/ overflow:hidden; /*for MacIE*/	
}
#bmenu .unit .li1 {
	background:url(../img/bg_bmenu_li1.gif) no-repeat 0 0;
}
#bmenu .unit .li2 {
	background:url(../img/bg_bmenu_li2.gif) no-repeat 0 0;
}
#bmenu .unit .li3 {
	background:url(../img/bg_bmenu_li3.gif) no-repeat 0 0;
}
#bmenu .unit .li4 {
	background:url(../img/bg_bmenu_li4.gif) no-repeat 0 0;
}
noscript {
	font-size:120%;
}