@charset "utf-8";

@import url(fonts.css);

html{height: 100%;}
p,h1,h2,h3,h4,h5,h6,form,input,ul,li{margin: 0; padding: 0;}
a,img{border: 0;}

body{
height: 100%;
margin: 0;
padding: 0;
color: #5f4739;
line-height:1.5;
font-family:Meiryo,sans-serif;
background: url(../../img/bg.gif) top left repeat-x #cdbfa2;
}


/*ie6 background*/
* html body {
padding-left: 1px;
}


a:link{color:#369;}
a:visited{color:#369;}
a:hover{color:#396;}


.left{float:left;}
.right{float:right;}
.clear{clear: both;}
.l{text-align: left;}
.r{text-align: right;}
.c{text-align: center;}
.ic{vertical-align: middle;}
.btop{text-align: right; padding: 5px 0; font-size: 11px; clear: both;}
.cbox{zoom:100%;}
.cbox:after{
clear:both;
content:"";
display:block;
width:0;
height:0;
visibility:hidden;
}

/*Font*/
.small{font-size:85%;}
.red{color: #f00;}
.dred{color: #c00;}
.orange{color: #f60;}
.blue{color: #369;}
.dblue{color: #036;}
.lblue{color: #39c;}
.aqua{color: #39c;}
.pink{color: #ec4a74;}
.lime{color: #690;}
.green{color: #366;}
.lgreen{color: #693;}
.vio{color:#636;}
.yell{color:#ed9d09;}
/*Back*/
.b_yell{background-color:#fef3d1;}
.b_green{background-color:#e2efd4;}
.b_blue{background-color:#dae7ed;}
.b_vio{background-color:#e2cdec;}


/*Layout*/

div#container{
width: 100%;
min-height: 100%;
height: auto !important;
height: 100%;
position: relative;
background: url(../../img/bg_mb.gif) bottom center repeat-y;
}
* html div#container{height:100%;}
body > #container{height: auto;}

div#content{
width: 968px;
margin: 0 auto;
min-height:600px;
padding: 0 0 43px 0;
background: url(../../img/bg_mt.gif) top center no-repeat;
}

div#content_in{
width:940px;
margin: 0 auto;
padding: 0 0 20px 0;
text-align: left;
background: url(../../img/bg_bg.gif) bottom center repeat-y;
}

/*Header*/
div#header{
width: 100%;
background: url(../img/hd_bg.gif) top center no-repeat;
}

div#header_in{
width:940px;
height: 134px;
position: relative;
margin:0 auto;
}

div#header_in h1 span{
color: #745d4f;
font-weight: bold;
font-size: 14px;
display: block;
position: absolute;
top: 15px;
left: 10px;
}

div#header_in h1 img{
position: absolute;
bottom: 47px;
left: 0;
}

div#header_in a{color: #745d4f; font-size:12px; text-decoration: none;}
div#header_in a:link{color: #745d4f;}
div#header_in a:visited{color: #745d4f;}
div#header_in a:hover{color: #396;}

div#header_in a#toppage{position: absolute; top: 15px; right: 170px;}
div#header_in a#eng{position: absolute; top: 0; right: 0;}
div#header_in p#tel{position: absolute; bottom: 47px; right: 0;}

div#header_in ul{position: absolute; top: 88px; left: 74px; list-style-type: none;}
div#header_in li{float:left; padding: 0 3px;}


/*Footer*/
div#footer{
clear:both;
height: 43px;
width: 100%;
background: url(../../img/ft_bg.gif) top left #1a1511;
position: absolute;
bottom: 0px;
}

div#footer_in{
color:#cbc2b1;
font-size: 11px;
width: 966px;
height: 43px;
margin: 0 auto;
text-align: center;
vertical-align:middle;
background: url(../../img/ft_bgc.gif) top center;
}

div#footer_in p{
padding: 15px 0 0 0;
}


/*TopPage*/
div#topimage{
width: 940px;
height: 350px;
margin: 0 auto 3px auto;
padding: 0;
vertical-align: top;
background: url(../../img/bg_tpimg.gif) bottom center repeat-x;
}


div#news{
float:left;
width: 614px;
margin: 0 0 0 8px;

}

div#news dl{margin: 0 0 15px 0; padding: 0 0 15px 0; font-size: 93%; border-bottom: solid 5px #f3f0e9;}

div#news dt{
padding: 3px 0 3px 2px;
color:#F30;
float: left;
}

div#news dd{
padding: 3px 0;
width: 540px;
margin: 0 0 0 130px;
}

div#hotelinfo{
float:right;
width:279px;
margin: 10px 12px 0 0;
font-size: 93%;
}

div#hotelinfo span{
color: #366;
display: block;
padding: 0 0 5px 45px;
}


/*OtherPage*/
h2{padding: 8px 0;}

div.contents{padding: 0 20px;}
div.contents h3{margin: 10px 0; padding: 3px 10px; color:#fafaf5; border: solid 1px #58432e; border-bottom: solid 2px #3d2b18; background: url(../../img/bg_h3.gif) top left repeat-x #55402b;}
h3 span{font-weight: normal; font-size: 85%;}
div.contents h4{margin: 5px 20px 0 20px; padding: 2px 4px 0 5px; border-left: solid 10px #e2dbcf; font-size: 14px;}
div.contents h4 span{font-weight: normal; font-size: 12px;}


/*Facility*/
table.bilding{
width: 100%;
margin: 0 5px 0 0;
border-collapse:separate; 
border-top: solid 4px #e2dbcf;
border-left: solid 4px #e2dbcf;
border-right: solid 4px #c9bdb0;
border-bottom: solid 4px #c9bdb0;
}
colgroup.facilities{width: 250px; background-color: #fbfaf4;}

table.bilding th{padding: 0 7px; width: 70px; text-align: center; font-size: 108%; border: solid 1px #e2dbcf; height: 45px; color: #5f4739;}
table.bilding td{padding: 0 7px; border: solid 1px #e2dbcf;}
table.bilding td.room_com{
background: url(../../img/faci_room.jpg) bottom right no-repeat;
padding-right: 200px;
}

div.res{
padding: 0 0 10px 0;
background: url(../../img/bg_dot.gif) bottom left repeat-x;
}


/*Access*/
p.acc{font-size: 116%; font-weight: bold; padding: 5px 0; background: url(../../img/bg_dot.gif) bottom left repeat-x;}
p.acc span{font-size: 85%; font-weight: normal;}
img.map{background: url(../../img/bg_dot.gif) bottom left repeat-x; padding: 0 0 2px 0;}


/*Rooms*/
div#roominfo{
width:100%;
height: 330px;
padding: 10px 0 0 0;
font-size: 12px;
background: url(../../img/bg_roominfo.gif) top left no-repeat;
}
div#roominfo dl{margin: 0 20px; padding: 0;}
div#roominfo dt{
font-size: 12px;
font-weight:bold;
padding: 3px 0 3px 10px;
float: left;
width:160px;
background: url(../../img/bg_dot2.gif) top left repeat-x;
}

div#roominfo dd{
padding: 3px 10px;
margin: 0 0 0 160px;
width: 450px;
background: url(../../img/bg_dot2.gif) top left repeat-x;
}

div#roominfo p{margin: 0 20px; padding: 3px 10px;}

div.rooms p{width: 350px; margin:0 auto 10px auto; line-height:1.3;}
div.rooms p.room_btn{text-align:right; padding: 20px 0 0 0;}
p.ex{
margin: 20px 0;
color: #e00;
text-align:center;
padding: 5px 0;
background-color:#ffffe5;
border-top: solid 4px #c9bdb0;
border-bottom: solid 4px #c9bdb0;
}

/*News*/
dl.news_txt{
margin: 0 20px 20px 20px;
}
dl.news_txt dt{
font-weight: bold;
margin: 20px 0 5px 0;
padding: 0 0 0 5px;
font-size: 108%;
 border-left: solid 10px #e2dbcf;
}

dl.news_txt dd{
margin: 0;
padding: 0;
}


/*mobile*/
div#mobile_info{margin: 30px 0; padding: 50px 20px; border: double 3px #ddd8cd; background: url(../../img/bg_g.gif) top left repeat-x;}
div#mobile_info p{padding: 0 0 20px 0;}
div#mobile_info p.afront{padding: 18px 14px;}
div#mobile_info img.qrimg{float:left; padding: 5px 10px 10px 0;}

div#mobile_info div{float: right; width: 640px; padding: 20px 0 0 0;}
div#mobile_info p.url{
clear: left;
margin: 0 0 0 6px;
padding: 10px;
background-color: #e9f5f3;
border: double 3px #d1e3e0;
}


/*Rules*/
h2#rule{
position: relative;
width: 940px; 
height: 56px;
}

h2#rule strong#rule_btn{
font-size: 12px;
position: absolute;
top: 20px;
right: 20px;
font-weight:normal;
}

h2#rule strong#rule_btn a{
text-decoration: none;
font-weight: normal;
}



table.rules{margin: 10px 0; border-collapse:collapse;}

table.rules th{
width: 200px;
text-align:center;
padding: 10px 0;
border-bottom: solid 2px #c9bdb0;
}

table.rules th span{
font-weight: normal;
display: block;
color:#876d53;}

table.rules td{
padding: 10px 0;
border-bottom: solid 2px #c9bdb0;
}

table.rules ul{
list-style-type: decimal;
margin: 0 0 0 20px;
}

table.rules li{
padding: 5px 0;
width: 700px;
}

table.rules ul ul{
list-style-type: decimal;
margin: 10px 0 10px 40px;
color: #876d53;
}
table.rules ul ul li{
padding: 2px 0;
width: 500px;
}