@charset "utf-8";

/**reset**/
body,header,footer,nav,section,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,img { margin:0; padding:0;}
table {	border-collapse:collapse; border-spacing:0;}
fieldset,img { border:0;}
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal;}
ol,ul { list-style:none;}
caption,th { text-align:left;}
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal;}
img { vertical-align:top;}
hr { display:none;}
a { border:none; outline:none; text-decoration:none; color:#000000;}

/* common */
body {background:url(../img/bg.jpg) 0 0 repeat; color:#000; font-size:0.8em; line-height:1.6em; font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif;}
#wrapper { background:url(../img/bg_wrap.jpg) no-repeat center 0;}
@media screen and (max-width: 1100px) {
#wrapper{width:1100px; overflow-x:hidden;}
#wrapper #container #s_nav { display:none;}
}
#container { background:url(../img/f_bg1.jpg) no-repeat center bottom; padding-bottom:100px;}

#etc_col{ margin:0 auto; background:url(../img/etc_bg.png);}
#etc_col a{color: #333333; text-decoration: none;}
#etc_col a:link {color: #333333;}
#etc_col a:hover {color: #7c7f4d;}
#etc_col p{ font-size:0.9em; line-height:1.3em;}
#etc_col li {line-height: 1.3em;}


/* header style */
#header { width:1100px; height:120px; margin:0 auto;}
#header:after { content:" " ; clear:both; display:block; height:0;}
#header #contact_col { float:left; width:420px;}
#header #contact_col img { display:block;}
#header #contact_col h1 { font-size:12px; line-height:16px; height:47px; padding-top:10px;}
#header #contact_col a:hover img{ -ms-filter: "alpha( opacity=70 )"; filter: alpha( opacity=70 ); opacity:0.70;}

#header .logo { float:left; width:240px; display:block; margin-top:43px;}

#header #btn_col { float:right; width:260px; text-align:right;}
#header #btn_col ul { float:right; width:260px; height:20px; padding:10px 0;}
#header #btn_col ul:after { content:" " ; clear:both; display:block; height:0; }
#header #btn_col li { float:left; padding-left:5px;}
#header #btn_col .btn { display:block; margin-top:5px;}
#header #btn_col a:hover img{ -ms-filter: "alpha( opacity=70 )"; filter: alpha( opacity=70 ); opacity:0.70;}


/* gnav */
#gnav { width:1100px; margin:15px auto 20px auto;}
#gnav ul:after { content:" " ; clear:both; display:block; height:0;}
#gnav ul li { float:left;}
#gnav ul li a{ width:137px; height:50px; display:block;}
#gnav ul li a:hover,
#room #gnav ul li.nav1 a,
#food #gnav ul li.nav2 a,
#spa #gnav ul li.nav3 a,
#esthetics #gnav ul li.nav4 a,
#anniversary #gnav ul li.nav5 a,
#facilities #gnav ul li.nav6 a,
#sightseeing #gnav ul li.nav7 a,
#access #gnav ul li.nav8 a{  background:url(../img/navi_bg.jpg) no-repeat;}


/* s_nav */
#s_nav { width:130px; height:470px; background: url(../img/snav_bg.png) no-repeat right top; position: fixed; right:-170px; display: block; z-index: 200; padding-left:40px;}
#s_nav { _display:none;}/* IE6 非表示 */
#s_nav ul { padding-top:9px;}
#s_nav ul li.btn { padding-top:19px;}
#s_nav ul li a:hover img{ -ms-filter: "alpha( opacity=70 )"; filter: alpha( opacity=70 ); opacity:0.70;}
#s_nav p { padding:15px 0 0 30px;}


/** 下層ページ共通 **/
#title_col { width:1100px; height:200px; position:relative; margin:0 auto;}
#title_col h2 { position:absolute; top:0; left:50%; margin-left:-25px; z-index:1;}
#title_col img.photo { position:absolute; top:0; left:0;}


/* パンくずリスト */
#breadcrumbs { width:1100px; text-align:right; padding:8px 0; margin:0 auto;}
#breadcrumbs li { display:inline; color:#391a00;}
#breadcrumbs li span { display:inline-block; padding:0 7px;}
#breadcrumbs li a { color:#596d3d; text-decoration:underline;}
#breadcrumbs li a:hover {}


/* footer */
#footer { background:url(../img/f_bg2.png); color:#fff; margin-top:170px;}
#footer a { color:#fff;}
#footer .pagetop { width:1100px; text-align:right; margin:0 auto;}
#footer .pagetop img { margin:-15px 0 -25px 0;}

#footer .inner { width:1100px; margin:0 auto; overflow:hidden;}
#footer .inner:after { content:" " ; clear:both; display:block; height:0;}
#footer address { float:left; width:350px; font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif; padding-bottom:25px;}
#footer address img { display:block; padding-bottom:30px;}
#footer address a { border-bottom:2px solid #83846b;}
#footer address a:hover { color:#ccc;}

#footer dl { float:right; width:450px; padding-bottom:10px;}
#footer dl:after { content:" " ; clear:both; display:block; height:0;}
#footer dl dt { padding:0 0 20px 10px;}
#footer dl dd { float:left; padding-left:10px;}
#footer dl dd a:hover img{ -ms-filter: "alpha( opacity=70 )"; filter: alpha( opacity=70 ); opacity:0.70;}

#footer ul.fnav { float:right; width:750px; font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif; padding-top:5px; margin-right:-15px;}
#footer ul.fnav:after { content:" " ; clear:both; display:block; height:0;}
#footer ul.fnav li { float:right; background:url(../img/f_mark.png) no-repeat 0 50%; padding:0 15px 0 10px; white-space:nowrap;}
#footer ul.fnav li a:hover { text-decoration:underline;}

#footer #group_col { clear:both; border-top:1px solid #898a6c; padding:20px 0;}
#footer #group_col:after { content:" " ; clear:both; display:block; height:0;}
#footer #group_col h3 { float:left; width:342px;}
#footer #group_col ul { float:right; width:730px;}
#footer #group_col ul:after { content:" " ; clear:both; display:block; height:0;}
#footer #group_col ul li { float:left; padding-left:10px; white-space:nowrap;}
#footer #group_col ul li a { padding-right:10px;}
#footer #group_col ul li a:hover { text-decoration:underline;}

#footer #copy { background:#30340b; text-align:center; font-size:0.8em; font-family: Verdana, sans-serif; padding:3px 0;}