@charset "UTF-8";
/* ---------------------------------------- /
/
/ ホーム
/
/ ---------------------------------------- */
.page-home #box-greeting,
.page-home #img-recommended,
.page-home #list-recplan li { margin-bottom:20px;}
.page-home #box-greeting { position:relative;}
.page-home #txt-greeting { position:absolute; left:40px; top:50px; color:#FFF; width:260px; line-height:1.8;}
.page-home #list-recplan li img { float:left; margin:0px 10px 0px 0px; border:#FFF solid 3px;}
.page-home #list-recplan li div { float:left; width:500px;}
.page-home #list-recplan li div h3 { font-size:18px; font-size:1.8rem; background:url(../images/icn_list_01.png) no-repeat left center; padding:5px 0px 5px 50px; border-bottom:#FFF solid 2px; margin-bottom:10px; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;}
.page-home #list-recplan li div h3 a { color:#900; text-decoration:none;}
.page-home #list-recplan li div h3 a:hover { text-decoration:underline;}

/* ---------------------------------------- /
/
/ 須崎の新鮮食材
/
/ ---------------------------------------- */
.page-ingredients { position:relative;}
.page-ingredients > img { margin-bottom:20px;}
.page-ingredients div p { font-size:15px; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-weight:bold;}
.page-ingredients div.child-1 { position:absolute; left:410px; top:100px; width:320px;}
.page-ingredients div.child-2 { position:absolute; left:450px; top:190px; width:270px;}
.page-ingredients div.child-3 { position:absolute; left:35px; top:770px; width:360px;}

/* ---------------------------------------- /
/
/ 料理
/
/ ---------------------------------------- */
.page-cuisine #box-video { text-align:center; margin-bottom:20px; padding:60px 0px; background:url(../cuisine/images/bg_01.png) no-repeat center center; border:#E9D9C9 solid 1px;}
.page-cuisine #box-video object { border:#C6770B solid 4px;}
.page-cuisine h3 { font-size:20px; font-size:1.8rem; background:url(../images/icn_list_01.png) no-repeat left center; padding:5px 0px 5px 50px; margin-bottom:10px; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-weight:bold;}
.page-cuisine #slide { position:relative; width:710px; margin:0 auto 20px auto;/* z-index:0;*/}
.page-cuisine #slide div { position:relative; width:510px; height:340px; overflow:hidden; float:left;}
.page-cuisine #slide div div { position:absolute; top:0; left:0;}
.page-cuisine #slide ul { float:right; width:200px;}
.page-cuisine #slide ul li { float:left; margin:0px 0px 8px 10px;}
.page-cuisine #slide ul li a {}
.page-cuisine #slide ul li.active {}

/* ---------------------------------------- /
/
/ 館内
/
/ ---------------------------------------- */
.page-facility #box-video { text-align:center; margin-bottom:20px; padding:60px 0px; background:url(../facility/images/bg_01.png) no-repeat center center; border:#E9D9C9 solid 1px;}
.page-facility #box-video object { border:#C6770B solid 4px;}
.page-facility h3 { font-size:20px; font-size:1.8rem; background:url(../images/icn_list_01.png) no-repeat left center; padding:5px 0px 5px 50px; margin-bottom:10px; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-weight:bold;}
.page-facility .txt-att { font-size:12px; color:#666;}
.page-facility .list-1 { margin-bottom:20px;}
.page-facility .list-1 li { float:left;}
.page-facility .list-1 li.child-1,
.page-facility .list-1 li.child-2,
.page-facility .list-1 li.child-3 { margin-right:10px;}
.page-facility .list-1 li a img { border:#FFF solid 1px;}
.page-facility .list-1 li a:hover { opacity:0.7;}
.page-facility h4 { font-size:18px; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; margin-bottom:10px; border-bottom:#CCC solid 1px;}
.page-facility #box-room h4 { float:left; margin-right:10px;}
.page-facility #box-room ul { float:left; width:350px;}
.page-facility #box-room ul li { float:left; margin-bottom:10px;}
.page-facility #box-room ul li.child-1,
.page-facility #box-room ul li.child-3 { margin-right:10px;}
.page-facility #box-room ul li a img { border:#FFF solid 1px;}
.page-facility #box-room ul li a:hover { opacity:0.7;}
.page-facility #box-room p.clear { text-align:right;}
.page-facility table { margin-bottom:20px;}
.page-facility table th { background:url(../images/bg_03.jpg) repeat left top; color:#FFF; white-space:nowrap;}
.page-facility table td { background:#EEE;}

/* ---------------------------------------- /
/
/ 体験案内
/
/ ---------------------------------------- */
.page-experience h3,
.page-experience dl dd p.hl { font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; margin-bottom:10px; border-bottom:#CCC solid 1px; font-weight:bold; font-size:16px;}
.page-experience dl { margin-bottom:20px;}
.page-experience dl dt { font-size:20px; font-size:1.8rem; background:url(../images/icn_list_01.png) no-repeat left center; padding:5px 0px 5px 50px; margin-bottom:10px; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-weight:bold;}
.page-experience dl dd { margin-bottom:10px;}
.page-experience dl dd img.alignright { background:url(../images/bg_01.jpg);}
.page-experience dl dd table th { background:url(../images/bg_03.jpg) repeat left top; color:#FFF;}
.page-experience dl dd table td { background:#EEE;}
.page-experience table { margin-bottom:20px;}
.page-experience table th { background:url(../images/bg_03.jpg) repeat left top; color:#FFF; white-space:nowrap;}
.page-experience table td { background:#EEE;}

/* ---------------------------------------- /
/
/ 観光情報
/
/ ---------------------------------------- */
.page-sightseeing dl { margin-bottom:20px;}
.page-sightseeing dl dt { font-size:20px; font-size:1.8rem; background:url(../images/icn_list_01.png) no-repeat left center; padding:5px 0px 5px 50px; margin-bottom:10px; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-weight:bold;}
.page-sightseeing dl dd { border-bottom:#999 dotted 1px; padding-bottom:10px; margin-bottom:10px;}
.page-sightseeing dl dd span { display:block; text-align:right; font-size:12px;}
.page-sightseeing dl dd span a { text-decoration:none; color:#666;}
.page-sightseeing dl dd span a:hover { text-decoration:underline;}
.page-sightseeing table { margin-bottom:20px;}
.page-sightseeing table th { background:url(../images/bg_03.jpg) repeat left top; color:#FFF; white-space:nowrap;}
.page-sightseeing table td { background:#EEE;}

/* ---------------------------------------- /
/
/ フォトギャラリー
/
/ ---------------------------------------- */
.page-gallery {}

/* ---------------------------------------- /
/
/ ご予約
/
/ ---------------------------------------- */
.page-reservation .list-1 { margin-bottom:20px;}
.page-reservation .list-1 li { float:left;}
.page-reservation .list-1 li.child-1,
.page-reservation .list-1 li.child-2 { margin-right:10px;}
.page-reservation em { color:#900; font-size:12px; font-style:normal; font-weight:normal; margin:0px 5px;}
.page-reservation table { margin-bottom:10px;}
.page-reservation table th { background:url(../images/bg_03.jpg) repeat left top; color:#FFF; white-space:nowrap;}
.page-reservation table td { background:#EEE;}
.page-reservation table ol { margin-left:20px;}
.page-reservation h3 { font-size:20px; font-size:1.8rem; background:url(../images/icn_list_01.png) no-repeat left center; padding:5px 0px 5px 50px; border-bottom:#FFF solid 1px; margin-bottom:10px; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-weight:bold;}
.page-reservation ul.list-2 { margin-bottom:20px;}
.page-reservation ul.list-2 li { margin-bottom:10px; padding-bottom:10px; border-bottom:#999 dotted 1px;}

/* ---------------------------------------- /
/
/ アクセス
/
/ ---------------------------------------- */
.page-access iframe { margin-bottom:20px;}
.page-access .container { background:url(../images/bg_03.jpg); border:#CCC solid 1px; border-radius:10px; padding:20px 0px 10px 170px; margin-bottom:20px;}
.page-access h2 { clear:both;}
.page-access h3 { font-size:20px; font-size:2rem; background:url(../images/icn_list_01.png) no-repeat left center; padding:5px 0px 5px 50px; margin-bottom:10px; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-weight:bold;}
.page-access ul,
.page-access dl { margin-bottom:10px;}
.page-access ul li { background:url(../images/icn_list_02.png) no-repeat left top; padding:0px 0px 10px 25px; margin-bottom:10px; border-bottom:#666 dotted 1px;}
.page-access dl dt { font-size:16px; font-size:1.6rem; font-weight:bold; margin-bottom:10px; color:#FFF; background:url(../images/bg_03.jpg); padding:7px 0px 7px 10px; line-height:1; border-radius:10px;}
.page-access dl dd { margin-bottom:10px; padding-bottom:10px; border-bottom:#666 dotted 1px;}
.page-access #rentcar { background:#FFF; padding:10px 40px; margin-bottom:20px; border:#FC9 solid 1px; border-radius:10px;}
.page-access #rentcar p { margin-bottom:0px;}

/* ---------------------------------------- /
/
/ サイトマップ
/
/ ---------------------------------------- */
.page-sitemap ul { margin-bottom:20px; border-top:#FFF solid 1px;}
.page-sitemap ul li { padding:20px; border-bottom:#FFF solid 1px;}
.page-sitemap ul li a { background:url(../images/icn_list_01.png) no-repeat left center; padding:5px 0px 5px 50px; color:#C33; text-decoration:none;}
.page-sitemap ul li a:hover { text-decoration:underline;}
#wrap #container #sidebar .if_bg {
	background-color: #FFF;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}
#wrap #container #sidebar .if_bg iframe {
	background-color: #FFF;
}