@import url("base.css");

#contents {
float: right;
width: 610px;
}

.d-title { background: url(../facilities/img/d_title.jpg) no-repeat;}
.restaurant .d-title { background: url(../facilities/img/restaurant_image.jpg) no-repeat;}
.lounge .d-title { background: url(../facilities/img/lounge_image.jpg) no-repeat;}
/*.bathroom .d-title { background: url(../facilities/img/bathroom_image.jpg) no-repeat;}*/
.guestroom .d-title { background: url(../facilities/img/guestroom_image.jpg) no-repeat;}
.garden .d-title { background: url(../facilities/img/garden_image.jpg) no-repeat;}

/* ---------- local navi style --------------*/

#lnavi li {
margin: 5px 0;
padding: 0 0 0 12px;
background: url(../img/ln_mark.gif) left 7px no-repeat;
letter-spacing: 1px;
}
.lnavi li a { color: #555555;}
.lnavi li a:hover { color: #669933;}

.facilities li.LNfacilities a {;}
.restaurant li.LNrestaurant a,
.lounge li.LNlounge a,
.bathroom li.LNbathroom a,
.guestroom li.LNguestroom a,
.garden li.LNgarden a { color: #669933;}

#lnavi li.LNfacilities {
margin: 4px 0 10px;
padding: 0;
border-bottom: 1px dotted #989934;
background: none;
}

li.LNfacilities a {
display: block;
width: 174px;
height: 20px;
padding: 2px 0;
background: url(../facilities/img/LNfacilities.gif) center top no-repeat;
font-size: 1px;
text-indent: -9999px;
}

/* ---------- page title style --------------*/

h2 {
height: 34px;
border-left: 5px solid #9B9932;
border-bottom: 1px solid #9B9932;
background-position: 11px 4px;
background-repeat: no-repeat;
font-size: 1px;
text-indent: -9999px;
}

.restaurant h2 { background-image: url(../facilities/img/ttl_restaurant.gif);}
.lounge h2 { background-image: url(../facilities/img/ttl_lounge.gif);}
.bathroom h2 { background-image: url(../facilities/img/ttl_bathroom.gif);}
.guestroom h2 { background-image: url(../facilities/img/ttl_guestroom.gif);}
.garden h2 { background-image: url(../facilities/img/ttl_garden.gif);}

/* ---------- index style --------------*/

.facilities div.movie { float: right; width: 320px; height: 290px;}

div.box-r, div.box-l { width: 295px; padding: 15px 0 0;}
div.box { padding: 15px 0 0;}
div.box-l { clear: both; float: left;}
div.box-r { float: right;}
div.box-r img, div.box-l img, div.box img { float: left; margin: 10px 0 0;}
div.box-r p, div.box-l p, div.box p { margin: 5px 0 0 110px;}
div.box-r p a, div.box-l p a, div.box p a { padding: 0 0 0 20px; background: url(../img/arrow2.gif) left center no-repeat;}

.facilities h2 {
height: auto;
border: none;
font-size: 100%;
text-indent: 0;
letter-spacing: 1px;
}
.facilities h2 a {
display: block;
padding: 2px 10px 2px 25px;
background: #EADA9B url(../facilities/img/ttl_bg.jpg) left center no-repeat;
color: #444444;
text-decoration: none;
}

/* ---------- contents style --------------*/

h3 { margin: 10px 0; font-size: 100%; letter-spacing: 1px; color: #334422;}

div.in, div.img-r, div.img-l { clear: both; margin: 0 0 35px 5px;}
div.img-r img { float: right;}
div.img-r p { margin: 0 170px 10px 0;}
div.img-l img { float: left;}
div.img-l p { margin: 0 0 10px 170px;}
.contents p.nn { margin: 0 0 10px;}

/* ---------- restaurant style --------------*/

p.ms { font-family: "ＭＳ ゴシック", "Osaka－等幅";}
div.dinner h4 { font-size: 100%; font-weight: normal;}
div.dinner p { margin: 5px 170px 12px 10px;}

/* ---------- lounge style --------------*/

.lounge h3 { margin: 0 0 10px; line-height: 105%;}
.lounge div.img-l h3 { margin: 0 0 10px 270px;}
.lounge div.img-l p { margin: 0 0 10px 270px;}

/* ---------- bathroom style --------------*/

.bathroom .contents img { margin: 0 20px 0 0;}
.bathroom .contents img.end { margin: 0 0 0 0;}

/* ---------- guestroom style --------------*/

.guestroom .contents img { margin: 0 20px 0 0;}
.guestroom .contents img.end { margin: 0 0 0 0;}

/* ---------- garden style --------------*/

.garden th, .garden td { width: 190px; vertical-align: top;}
.garden th { border-bottom: 20px solid #FFF; text-align: left; font-weight: normal;}
.garden td { border-left: 20px solid #FFF; border-bottom: 20px solid #FFF;}
.garden table img { margin: 0 0 7px;}