@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
===============================================*/
#reserveNav:after,
.listContainer:after,
.floatLeft:after,
.floatRight:after,
.container:after,
.wrap:after,
.clearFix:after{
content:'';
display:block;
clear:both;
}
#reserveNav,
.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:200px;
}
#header .logo{
position:absolute;
left:0px;
}
#headNavArea{
float:right;
font-size:90%;
text-align:right;
}
#headNavArea a{
color:#999999;
}
#headNav li{
float:left;
margin-left:8px;
}
#header .btnArea{
position:absolute;
left:368px;
bottom:53px;
width:608px;
}
#header .btnArea *{
display:inline;
}
#headNavArea #gNav{
width:612px;
position:absolute;
bottom:4px;
left:370px;
}
#headNavArea #gNav li{
margin:0 0 0 2px;
float:left;
display:inline;
}
h1{
font-size:75%;
color:#999999;
position:absolute;
top:5px;
}
#logo{
float:left;
height:150px;
margin:0 -90px 0 -70px;
}
#gnav{
float:right;
width:600px;
position:relative;
z-index:2;
zoom:1;
}
/*===============================================
				sidebar
===============================================*/
#sideBar{
width:250px;
float:left;
font-size: 90%;
padding-bottom:30px;
}
#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;
}
#sideNav li{
border-bottom:1px solid #cccccc;
border-top:1px solid #262624;
}

/*===============================================
				footer
===============================================*/
#footer {
border-top:2px solid #b2a37a;
color:#b2a37a;
background:url(../img/common/foot_bg.gif) repeat-x #000;
font-size:80%;
padding:0 0 30px;
min-width:980px;
}
#footer a{
color:#b2a37a;
}
#footer .container{
width:980px;
padding-top:32px;
}
#footInfo{
float:left;
margin-right:20px;
line-height:1.8;
z-index:3;
position:relative;
}
#footInfo ul,#footInfo p{
margin:0 9px;
}
#footInfo ul{
margin:90px 9px 0;

}
#footInfo li{
float:left;
display:inline;
margin-right:8px;
}
#footInfo li a{
display:block;
}
#footer #footNav{
width:auto;
position:relative;
}
#footer #footNav ul{
float:left;
margin:0 20px 0 0;
line-height:2.4;
}
#footer #footNav li a{
font-weight:bold;
color:#9e4a06;
}
#footer #footNav li ul {
display:inline;
float:none;
margin:0;
}
#footer #footNav li ul li a{
font-weight:normal;
color:#b2a37a;
}
#footer .contactArea{
position:absolute;
right:0;
bottom:-14px;
text-align:right;
}
#footer #copyRight{
margin:30px 0 0;
padding:0 10px;
text-align:right;
border-top:1px solid #a09369;
}
/*===============================================
				main
===============================================*/
#mainNav{
background:#000;
color:#9e4a06;
margin-bottom:15px;
}
#mainNav a{
color:#9e4a06;
}
#mainNav h2{
float:right;
width:715px;
}
#mainNav #searchForm{
float:left;
width:250px;
}
#mainNav #searchForm li{
float:left;
}
#mainNav #searchForm form{
height:129px;
background:url(../img/common/form_bg.gif) no-repeat #0b0403;
text-align:left;
}
#mainNav #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;
}
#mainNav #searchForm form .checkIn,#mainNav #searchForm form .searchBtn{
padding-top:15px;
}
#mainNav #searchForm form .searchBtn{
text-align:center;
}
#mainNav #searchForm form p{
padding:10px 0 0;
}
#mainNav #topicPath{
clear:both;
text-align:right;
padding:10px 15px;
}
#mainNav #topicPath li{
display:inline;
}
#main{
background:#fff;
}
#contents{
width:715px;
float:right;
}
#contents .wrap{

}
#reserveNav{
clear:both;
margin-top:33px;
padding:10px 0 19px 53px;
background:url(../img/common/bg_reserve.gif);
}
#reserveNav p{
color:#000;
font-size:90%;
margin:0 0 10px 0;
line-height:3.0;
}
#reserveNav p img{
margin:-10px 8px 0;
}
#reserveNav h5{
color:#d8ba8f;
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;
}
/*===============================================
				secound
===============================================*/
.common h4{
clear:both;
margin:8px 0;
padding:8px 0;
font-weight:bold;
background:url(../img/common/bg_headingbar01.gif) no-repeat left bottom;
}
.mapArea{
border:1px solid #ccc;
background:url(../img/common/img_bg.gif);
padding:8px;
}
/*===============================================
				swapArea
===============================================*/
.imgArea{
text-align:center;
background-color:#fff;
position:relative;
}
.imgArea img{
padding:5px;
background:url(../img/common/img_bg.gif);
}
* html .imgArea img{
border:5px solid #ccc;
}
* html .thumbsArea li.on{
border:5px solid #000;
padding:0;
}
.imgArea dl{
position:absolute;
bottom:20px;
right:20px;
padding:0 5px;
line-height:1.6;
text-align:right;
color:#fff;
background:url(../img/common/bg_opacityb.png);
}
.imgArea dt{
font-size:80%;
}
.imgArea dt,.imgArea dd{
margin:0;
padding:0;
}
.thumbsArea li{
float:left;
display:inline;
margin-left:10px;
padding:5px;
background:url(../img/common/img_bg.gif);
}
.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 #404040;
line-height:1.2;
}
table.defaultTable th{
width:150px;
height:60px;

color:#fff;
background-color:#000000;
text-align:center;
font-weight:normal;
vertical-align:middle;

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