@charset "utf-8";
/*===============================================
			common
===============================================*/
body{
font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
font-size: 75%;
line-height:2.0;
text-align:center;
background:url(../img/common/head_bg.gif) repeat-x;
min-width:980px;
}
a{
outline: none;
}
a:link{
color:#030303;
text-decoration:none;
}
a:visited{
color:#030303;
text-decoration:none;
}
a:hover{
color:#030303;
text-decoration:underline;
}
a:active{
color:#030303;
text-decoration:underline;
}
.container{
width:980px;
margin:0 auto;
text-align:left;
position:relative;
}
.clear{
clear:both;
}
.floatLeft{
float:left;
display:inline;
}
.floatRight{
float:right;
display:inline;
}
.borderNone{
border:none;
}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
/*===============================================
			clearFix
===============================================*/
#footNav:after,
#footNav .snsArea:after,
#gNav:after,
#reserveNav:after,
#searchForm:after,
.listContainer:after,
.floatLeft:after,
.floatRight:after,
.container:after,
.wrap:after,
.clearFix:after,
#topicPath:after{
content:'';
display:block;
clear:both;
}
#topicPath,
#footNav,
#footNav .snsArea,
#gNav,
#reserveNav,
#searchForm,
.listContainer,
.floatLeft,
.floatRight,
.container,
.wrap,
.clearFix{
min-height:1px;
⁄zoom:1;
_height:1px;
}
/*===============================================
				btn
===============================================*/
.btn01 a:link,.btn01 a:visited,.btn01 a:hover,.btn01 a:active,
.btn02 a:link,.btn02 a:visited,.btn02 a:hover,.btn02 a:active,
.btn03 a:link,.btn03 a:visited,.btn03 a:hover,.btn03 a:active,
.btn04 a:link,.btn04 a:visited,.btn04 a:hover,.btn04 a:active{
color:#fff;
}
.btn01{
background:url(../img/common/btn_01.gif) no-repeat;
}
.btn02{
background:url(../img/common/btn_02.gif) no-repeat;
}
.btn03{
background:url(../img/common/btn_03.gif) no-repeat;
}
.btn04{
background:url(../img/common/btn_04.gif) no-repeat;
}
.btn01,.btn02,.btn03,.btn04{
width:100px;
height:30px;
text-align:center;
line-height:2.3;
}
.btn01 a,.btn02 a,.btn03 a,.btn04 a,.btn05 a{
padding-left:3px;
}
.btn05{
width:112px;
height:32px;
text-align:center;
line-height:2.6;
font-weight:bold;
background:url(../img/common/btn_05.gif) no-repeat;
}
/*===============================================
				header
===============================================*/
#header{
min-width:980px;
width: auto !important;
width: 980px;
background:url(../img/common/head_bg2.jpg) top center no-repeat;
}
#header .container{
width:980px;
height:168px;
}
#header .logo{
position:absolute;
top:30px;
left:0px;
display:block;
z-index:3;
}
#headNavArea{
float:right;
font-size:90%;
text-align:right;
}
#headNavArea a{
color:#999999;
}
#headNav {
float:right;
margin:5px 0 0;
}
#headNav li{
float:left;
margin-left:8px;
}
#header .btnArea{
clear:both;
margin-top:30px;
float:right;
}
#header .infoArea{
clear:both;
margin-top:9px;
float:right;
}
#header .infoArea .tellIMG{
margin:10px 10px 0 0;
}
#header .infoArea ul{
float:right;
}
#header .infoArea ul li{
margin-bottom:2px;
}
#gNav{
clear:both;
padding:5px 0;
margin:0;
text-align:center;
background:url(../img/common/gnav_bg.gif) repeat-x #000;
}
#gNav .container{
_margin:0;
}
#gNav li{
margin:0;
padding:0;
float:left;
}
h1{
font-size:80%;
color:#999999;
position:absolute;
top:5px;
left:10px;
}
#logo{
float:left;
height:150px;
}
/*===============================================
				sideBar
===============================================*/
#sideBar{
width:250px;
float:left;
font-size: 90%;
padding-bottom:30px;
position:relative;
z-index:3;
}
#roomNav,#spaNav,#foodNav,#blogNav{
margin-bottom:10px;
}
#spaNav,#foodNav{
background-color:#888;
}
#sideNav,#blogNav{
border-top:4px solid #262624;
}
#roomNav{
border-top:4px solid #cdcccc;
}
#roomNav h5{
border-left:1px solid #cdcccc;
border-right:1px solid #cdcccc;
}
#roomNav ul{
background:url(../img/common/bg_snavroom.gif);
zoom: 1;
overflow: hidden;
border:1px solid #cdcccc;
border-top:none;
}
#roomNav li{
position:relative;
background:url(../img/common/icon_ballow.gif) no-repeat 5px center;
height:60px;
margin:0 3px -1px;
border-bottom:1px dotted #a58a70;
}
#roomNav li img{
margin:7px 10px 0 22px;
}
#roomNav li a{
margin-top:-1.6em;
position:absolute;
top:50%;
color:#000;
line-height:1.6;
}
#sideNav{
overflow: hidden;
}
#sideNav ul{
margin:0 0 -1px;
background-color:#999;
}
#sideBar #searchForm{
width:250px;
margin:0 0 10px;
}
#sideBar #searchForm li{
float:left;
}
#sideBar #searchForm form{
height:129px;
background:url(../img/common/form_bg.gif) no-repeat #0b0403;
text-align:left;
}
#sideBar #searchForm form span{
display:block;
float:left;
width:75px;
text-align:right;
color:#fff;
font-weight:bold;
font-size:120%;
margin:-5px 12px 0 0;
}
#sideBar #searchForm form .checkIn,#sideBar #searchForm form .searchBtn{
padding-top:15px;
}
#sideBar #searchForm form .searchBtn{
text-align:center;
}
#sideBar #searchForm form p{
padding:10px 0 0;
}
/*===============================================
				footer
===============================================*/
#footNav{
width:auto;
background:#d2c7af;
border-top:2px solid #b59659;
color:#663d1b;
padding:0 0 30px;
}
#footNav a{
color:#663d1b;
}
#footNav .container{
width:930px;
}
#footNav ul{
float:left;

margin:0 40px 0 0;
line-height:2.0;
padding:0;
}
#footNav li a{
font-weight:bold;
font-size:120%;
margin:0;
padding:20px 0 0;
display:block;
width:200px;
border-bottom:1px dotted #463624;
}
#footNav li ul {
display:inline;
float:none;
margin:0;
padding:0;
}
#footNav li ul li a{
font-size:80%;
font-weight:normal;
padding:0;
margin:0;
line-height:2.4;
}
#footNav .snsArea{
position:absolute;
left:730px;
bottom:0;
width:210px;
height:82px;
}
#footNav .snsArea ul{
width:110px;
margin:0;
padding:0;
float:left;
}
#footNav .snsArea li{
margin:0 5px 5px 0;
}
#footNav .snsArea li a{
width:auto;
border-bottom:none;
margin:0;
padding:0;
}
#footer {
background:#413320;
font-size:80%;
color:#fff;
padding:32px 0;
}
#footer a{
color:#fff;
}
#footer .container{
width:930px;
}
#footer h6{
float:left;
display:inline;
margin-right:15px;
}
#footer .addressArea{
float:left;
}
#footer li{
float:left;
margin-right:15px;
}
#footer p{
clear:both;
line-height:1.8;
}
#footer .tellIMG{
position:absolute;
right:0;
bottom:0;
}
/*===============================================
				main
===============================================*/
#main{
background:url(../img/common/bg_main.gif) repeat-x #fff;
}
#wrap{

background:url(../img/common/bg_main2.jpg) no-repeat bottom center;
}
#contents{
width:718px;
float:right;
}
#topicPath{
color:#3c2e1d;
float:right;
margin:7px 0 5px;
font-size:80%;
}
#topicPath a{
color:#3c2e1d;
}
#topicPath li{
float:left;
}
#reserveNav{
clear:both;
margin-top:33px;
padding:10px 0 19px 58px;
background:url(../img/common/bg_reserve.gif);
}
#reserveNav p{
color:#000;
font-size:90%;
margin:0 0 10px 0;
line-height:2.0;
}
#reserveNav p img{
margin:0px 8px 0;
}
#reserveNav h5{
color:#71441e;
font-size:120%;
font-weight:bold;
}
#reserveNav .btnArea{
margin:0 0 0 15px;
}
#reserveNav .btnArea a{
float:left;
margin-right:20px;
background-color:#fff;
}
#pageTop{
clear:both;
margin:20px 0 10px;
text-align:right;
}
#pageTop a{
padding-left:15px;
color:#000;
background:url(../img/common/icon_allowtop.gif) no-repeat left center;
}
#contents #headArea{
clear:both;
}
#contents h3{
clear:both;
}
#contents #headArea h4{
margin-bottom:25px;
}
#contents #headArea p{
font-weight:bold;
line-height:1.8;
min-height: 80px;
height: auto !important;
height: 80px;
}
/*===============================================
				secound
===============================================*/
.common {
margin:0 10px;
}
.common h4{
clear:both;
margin:16px 0;

font-weight:bold;
}
.mapArea{
border:1px solid #c7b597;
background:url(../img/common/img_bge.gif);
padding:9px;
}
/*===============================================
				swapArea
===============================================*/
.imgArea{
text-align:center;
background-color:#fff;
position:relative;
}
.imgArea dl{
position:absolute;
bottom:10px;
right:10px;
padding:8px;
line-height:1.2;
text-align:right;
color:#fff;
background:url(../img/common/bg_opacityb.png);
font-size:120%;
}
.imgArea dt,.imgArea dd{
margin:0;
padding:0;
}
.thumbsArea li{
float:left;
display:inline;
padding:4px;
background:url(../img/common/img_bg.gif);
}
* html .thumbsArea li.on{
border:4px solid #000;
padding:0;
}
.thumbsArea li.on{
float:left;
background:url(../img/common/img_bgon.gif);
}
/*===============================================
			table
===============================================*/
table.defaultTable {
border-collapse:collapse;
border-spacing:0;
width:100%;
font-size:100%;
border:1px solid #d5c7b8;
line-height:1.2;
}
table.defaultTable th{
width:150px;
height:70px;
color:#fff;
background-color:#d5c7b8;
text-align:center;
font-weight:normal;
vertical-align:middle;

}
table.defaultTable td{
padding:10px 20px;
background-color:#e9e9e9;
}
table.defaultTable th{
border-bottom:1px dotted #000;
}
table.defaultTable td{
border-bottom:1px dotted #000;
}