@charset "UTF-8";
/* ---------------------------------------- /
/
/ 基本
/
/ ---------------------------------------- */
* { margin:0; bottom:0;}
html,body { width:100%; height:100%;}
html { font-size:62.5%; overflow-y:scroll;}
body { background:url(../images/bg_01.jpg) repeat-x left top fixed; font-size:13px; font-size:1.3rem; color:#333;}
img { border:none; outline:none;}
li img { vertical-align:top;}
ul { list-style:none; padding-left:0;}
a, a:link { color:#C00; text-decoration:underline;}
a:hover { color:#F66; text-decoration:none;}
table { width:100%; border-top:#999 solid 1px; border-left:#999 solid 1px; border-spacing:1px;}
th,td { border-right:#999 solid 1px; border-bottom:#999 solid 1px; padding:5px 10px;}
th { background:#E58794;}
td { background:#FFFBF8;}
.container, #navigation ul { width:960px; margin:0 auto;}
#header .container { background:url(../images/header_bg_01.png) no-repeat 230px top;}
#navigation { width:100%; background:url(../images/bg_03.png) repeat-x left top;}
#navigation ul li { float:left;}
#keyvisual { margin-bottom:20px; background:url(../images/bg_02.png) repeat-x center top; padding-top:10px;}
#slider-wrap { width:960px; margin:0 auto;}
#content { background:url(../images/content_bg_01.png) repeat-y left top; line-height:2;}
#main { float:right; width:700px;}
#main p { margin-bottom:10px;}
#main .box { margin-bottom:10px;}
#main #button-plan-l { display:block; margin-bottom:30px;}
#sidebar { float:left; width:240px;}
#sidebar #list-information { margin-bottom:20px; border-bottom:#E58794 solid 5px; background:#FFF; padding:0 10px 10px 10px; list-style:disc inside;}
#sidebar #list-information li { border-bottom:#CCC dotted 1px; padding:10px 0;}
#sidebar #list-information li a { margin-left:5px;}
#sidebar #list-button { text-align:center; margin-bottom:20px;}
#sidebar #side-address { padding-left:20px; margin-bottom:20px; color:#666;}
#sidebar #list-banner { text-align:center;}
#sidebar #list-banner li { margin-bottom:10px;}
#footer { width:100%; background:#E58794; border-top:#E56E76 solid 5px; padding:20px 0 20px 0; text-align:center; color:#FFF;}
#footer a,#footer a:link { color:#FFF; text-decoration:none;}
#footer a:hover { text-decoration:underline;}
#footer #footer-navi { font-weight:bold; margin-bottom:10px;}
#footer #footer-link { margin-bottom:5px; font-size:12px; font-size:1.2;}
#footer #footer-copyright { font-size:11px; font-size:1.1;}

.container-rate h3 { background:url(../images/icon_hl_01.png) no-repeat left center; padding-left:52px; font-size:30px; font-size:3.0rem; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-weight:normal; letter-spacing:1px; color:#000;}
/* ---------------------------------------- /
/
/ Float・Clearfix
/
/ ---------------------------------------- */
.align-left { float:left;}
.align-right { float:right;}
img.align-left { margin:0 10px 5px 0;}
img.align-right { margin:0 0 5px 10px;}

ul:after,
li:after,
.container:after,
.box:after,
.container-spa #box-03:after,
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix { display:inline-table;}
/* For IE 6/7 (trigger hasLayout) */
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/* ---------------------------------------- /
/
/ ホーム
/
/ ---------------------------------------- */
.container-home {}
#box-greeting { margin-bottom:20px;}
#box-greeting h1 { float:right; margin-bottom:10px;}
#box-greeting #box-movie { float:left; margin-bottom:10px;}
#box-greeting p { clear:both;}
#list-plan-home { margin-bottom:30px;}
#list-plan-home li { float:left; width:166px; border-bottom:#E58794 solid 5px; font-size:12px;}
#list-plan-home li img { border:#FFF solid 3px;}
#list-plan-home li strong { font-size:13px;}
#list-plan-home li.first-child, #list-plan-home li.second-child, #list-plan-home li.third-child {
	margin-right: 8px;
}
#list-plan-home li.last-child {}

/* ---------------------------------------- /
/
/ 天然温泉
/
/ ---------------------------------------- */
.container-spa #box-01 h2 { background:url(../images/icon_hl_01.png) no-repeat left center; padding-left:52px; font-size:30px; font-size:3.0rem; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-weight:normal; letter-spacing:1px; color:#000;}
.container-spa h3 { font-size:18px; font-size:1.8rem; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; color:#000; background:url(../images/icon_list_01.png) no-repeat left center; padding:5px 0 5px 25px;}
.container-spa #box-01 {}
.container-spa #box-02 img { border:#FFF solid 3px;}
.container-spa #box-03 div.align-left { width:440px;}
.container-spa #box-03 div.align-left ul { list-style:inside disc; border-top:#999 dotted 1px;}
.container-spa #box-03 div.align-left ul li { border-bottom:#999 dotted 1px; padding:7px 0;}
.container-spa #box-03 div.align-right { width:246px;}
.container-spa #box-03 div.align-right img { margin-bottom:10px; border:#FFF solid 3px;}
.container-spa #box-04 img { border:#FFF solid 3px;}
/* ---------------------------------------- /
/
/ 料理
/
/ ---------------------------------------- */
.container-cuisine h3 { font-size:18px; font-size:1.8rem; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; color:#000; background:url(../images/icon_list_01.png) no-repeat left center; padding:5px 0 5px 25px;}
.container-cuisine #box-01 img { float:right; margin-left:10px; border:#EEE solid 1px;}
.container-cuisine #box-01 h2 { background:url(../images/icon_hl_01.png) no-repeat left center; padding-left:52px; font-size:30px; font-size:3.0rem; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-weight:normal; letter-spacing:1px; color:#000;}
#slide { position:relative; width:700px; margin:0 auto;/* z-index:0;*/}
#slide ul { position:absolute; right:20px; top:20px; z-index:100;}
#slide ul li { margin-top:10px; border:#FFF solid 2px;}
#slide ul li a { display:block; width:16px; height:16px; background:#FFF;}
#slide ul li.active { border:#F33 solid 2px; filter:alpha(opacity=100)!important; -moz-opacity: 1!important; opacity: 1!important;}
#slide div { position:relative; width:700px; height:467px; overflow:hidden;}
#slide div div { position:absolute; top:0; left:0;}
.container-cuisine #box-03 img,.container-cuisine #box-04 img,.container-cuisine #box-05 img { border:#FFF solid 3px;}
.container-cuisine #box-03 {}
.container-cuisine #box-04 {}

/* ---------------------------------------- /
/
/ 館内施設
/
/ ---------------------------------------- */
.container-facility ul#list_room li { width:345px;}
.container-facility ul#list_room li span { color:#666;}
.container-facility ul#list_room li strong { color:#933;}
.container-facility ul#list_facility li { width:226px;}
.container-facility ul li { float:left;}
.container-facility ul li.first-child,.container-facility ul li.second-child { margin-right:10px;}
.container-facility ul li h3 { font-size:18px; font-size:1.8rem; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; color:#000; background:url(../images/icon_list_01.png) no-repeat left center; padding:5px 0 5px 25px;}
.container-facility ul li img { border:#FFF solid 3px;}
/* ---------------------------------------- /
/
/ 料金・ご予約
/
/ ---------------------------------------- */
.container-rate table { table-layout:fixed;}
.container-rate h4 { font-size:18px; font-size:1.8rem; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; color:#000; background:url(../images/icon_list_01.png) no-repeat left center; padding:5px 0 5px 25px;}
.container-rate .box-inquiry strong { font-size:26px; font-size:2.6rem; line-height:1.4;}
.container-rate .box-inquiry strong span{ font-size:32px; font-size:3.2rem; color:#C00;}
.container-rate #list-inquiry li { float:left; width:345px;}
.container-rate #list-inquiry li.first-child,
.container-rate #list-inquiry li.second-child,
.container-rate #list-inquiry li.third-child { margin-right:10px;}
.container-rate #list-inquiry li.last-child {}
/* ---------------------------------------- /
/
/ アクセス
/
/ ---------------------------------------- */
#map { position:relative; width:960px; height:400px;}
#map h1 { position:absolute; left:60px; bottom:10px;}
.container-access h3 { font-size:18px; font-size:1.8rem; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; color:#000; background:url(../images/icon_list_01.png) no-repeat left center; padding:5px 0 5px 25px;}

/* ---------------------------------------- /
/
/ 周辺観光
/
/ ---------------------------------------- */
.container-sightseeing ul { margin-bottom:20px;}
.container-sightseeing ul li { width:320px; float:left; line-height:1.6; border:#999 dotted 1px; margin-bottom:14px; padding:10px; color:#666;}
.container-sightseeing ul li.first-child { margin-right:14px;}
.container-sightseeing ul li img { border:#EEE solid 3px; margin-bottom:7px;}
.container-sightseeing ul li p { margin-bottom:5px !important;}
.container-sightseeing ul li p em { font-style:normal; color:#069;}
.container-sightseeing ul li strong { font-size:18px; font-size:1.8rem; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; color:#000; background:url(../images/icon_list_01.png) no-repeat left center; padding:5px 0 5px 25px;
.container-sightseeing ul li.first-child { border-right:#999 dotted 1px;}

/* ---------------------------------------- /
/
/ サイトマップ
/
/ ---------------------------------------- */
.container-sitemap ul { margin-bottom:20px; list-style:inside url(../images/icon_link_01.png); border-top:#999 dotted 1px;}
.container-sitemap ul li { font-size:16px; font-size:1.6rem; padding:12px 0; border-bottom:#999 dotted 1px;}