@charset "UTF-8";

/* Layout */
html{
}

body{
margin:0 10px;
font-family:sans-serif;
background:#C4DCB9;
background-image:url(../img/back.jpg);
background-repeat:no-repeat;
background-attachment:fixed;
}

header{
padding:14px 0 20px 0;
clear:both;
overflow:hidden;
}

header h1{
font-size:14px;
font-weight:bold;
width:30%;
float:left;
max-width:100%;
}

header nav{
width:70%;
float:right;
}
header nav li{float:right;}
.menu-m{margin-right:10px;}
h2{margin-bottom:10px; font-size:18px;border-left:#663366 solid 20px;padding:0 0 0 4px;text-shadow: 0px 1px 0.5px #fff;}

#navi1{
margin:0 0 10px 0;
}

#navi1 ul{
}

#navi1 ul li{
margin:0 0 10px 0;
}

#navi1 ul li a{
position:relative;
display:block;
height:44px;
padding:0 10px;
font-size:14px;
font-weight:bold;
color:#666;
text-decoration:none;
line-height:44px;
background:#fff;
border-radius:4px;
opacity:0.8;
}

#navi1 ul li a:after{
position:absolute;
right:10px;
top:50%;
margin:-8px 0 0 0;
display:block;
content:"";
width:11px;
height:17px;
background:url(../img/icon01.png) no-repeat;
-webkit-background-size:11px 17px;
background-size:11px 17px;
}

#visual img{
width:100%;
max-width: 100%;
    height: auto;
margin:0px 0 10px 0px;
}

.top-photo{margin:0 0 20px 0;}
.room-p{ padding:5px; border:2px solid #63C; margin:0px auto 20px auto; background:#fff;}
.room-box{position:relative;color:#fff;text-shadow: 0px 1px 0.5px #333;}
.room-ex{position:absolute; bottom:20%; left:3%; }
.map{width:90%;margin:0 auto 20px auto;}
.access{background:#fff;border-radius:4px;margin:0 0 10px 0;padding:10px;}
.access h2{margin-bottom:10px; font-size:18px;border-left:#000 solid 4px;padding:0 0 0 4px;}
.access h3{margin-top:5px;margin-bottom:5px;color:#00F;}
.access ul{list-style:none;}

.tb {width:100%; margin:10px 0;}
.tb-left {width:35%; background-color:#FFCC66; padding:5px; font-weight:bold;}
.tb-t {background-color:#663366; text-align:center; color:#FFF; padding:5px;}
.tb-right {width:65%;  background-color:#FFCC66; padding:5px;}
.tb-c {background-color:#9C4E9C; text-align:center; font-weight:bold; color:#FFF; padding:5px;}
td, th {
border: 2px #2b2b2b solid;
}
#fmenu{
margin:0 0 10px 0;
padding:14px 8px;
background:#f9e78f;
border-radius:4px;
}

#fmenu header{
margin:0 0 10px 0;
}

#fmenu h2{
margin:0 0 14px 0;
padding:0 0 0 4px;
font-size:12px;
font-weight:bold;
line-height:1;
border-left:#000 solid 4px;

}

#fmenu header p{
}

#fmenu header p img{
width:100%;
border-radius:4px;
}

#fmenu section{
}

#fmenu section h2{
margin:0 0 16px 0;
font-size:18px;
color:#000;
}

#fmenu section dl{
font-size:10px;
line-height:1.6;
}

#fmenu section dl dt{
width:60px;
}

#fmenu section dl dd{
margin:-1.6em 0 4px 0;
padding:0 0 4px 70px;
border-bottom:#BBCDD3 dotted 1px;
}

#fmenu section dl dd:last-child{
margin-bottom:0;
padding-bottom:0;
border-bottom:none;
}