@charset "UTF-8";

/* ---------------------------------------------------------------------------------------------------- */
/* headline */
/* ---------------------------------------------------------------------------------------------------- */

/* h1/22px */
h1 { font-size: 169.23%; background: url(../img/common/h1_bg.gif) no-repeat left bottom; padding-left: 40px; border-bottom: 1px solid #89785b; margin-bottom: 5px; line-height: 29px; font-weight: normal; }
* html h1 { font-weight: bold; }
*+html h1 { font-weight: bold; }
/* h2/22px */
h2 { font-size: 169.23%; background: url(../img/common/h2_bg.jpg) no-repeat left center; padding: 0 10px; margin-bottom: 20px; line-height: 40px; font-weight: normal; }
* html h2 { font-weight: bold; }
*+html h2 { font-weight: bold; }
h2 a { text-decoration: none; }
h2 img { vertical-align: middle; }
/* h3/15px */
h3 { font-size: 115.38%; margin-bottom: 5px; }
h3 span { color: #C90; }
h3.bgBo01 a, h3.bgBo02 a { text-decoration: none; }
/* ---------------------------------------------------------------------------------------------------- */
/* sub */
/* ---------------------------------------------------------------------------------------------------- */

.subNav { padding-top: 80px; background: no-repeat left top; margin-bottom: 20px; font-size: 92.30% /* 12px */; }
.subNav dt img { vertical-align: bottom; }
.subNav dd { background: #FFF; }
.subNav li { border-bottom: 2px solid #F2ECD1; }
.subNav li a { display: block; padding: 10px 5px 10px 24px; text-decoration: none; background:url(../img/common/subNav_ico.gif) no-repeat 10px center; }
.subNav li a:hover, .subNav .on a { color: #FFF; background: #FFB300 url(../img/common/subNav_ico_on.gif) no-repeat 10px center; }
/* photo */
.cottageSub .subNav { background-image: url(../img/cottage/subNav_ph.jpg); }
.planSub .subNav { background-image: url(../img/plan/subNav_ph.jpg); }
.letterSub .subNav { background-image: url(../img/letter/subNav_ph.jpg); }
.guideSub .subNav { background-image: url(../img/guide/subNav_ph.jpg); }
.sightSub .subNav { background-image: url(../img/sightseeing/subNav_ph.jpg); }
.accessSub .subNav { background-image: url(../img/access/subNav_ph.jpg); }
.contactSub .subNav { background-image: url(../img/contact/subNav_ph.jpg); }
.diarySub .subNav { background-image: url(../img/diary/subNav_ph.jpg); }

/* ---------------------------------------------------------------------------------------------------- */
/* root */
/* ---------------------------------------------------------------------------------------------------- */

.siteRoot { font-size: 84.61%; margin-bottom: 20px; color: #89785b; }
.siteRoot li { display: inline; }
.siteRoot a { color: #89785b; text-decoration: none; }
.siteRoot a:hover { text-decoration: underline; }
/* ---------------------------------------------------------------------------------------------------- */
/* ebox */
/* ---------------------------------------------------------------------------------------------------- */

.ebox { margin-bottom: 34px; }
.einner { margin-bottom: 16px; }
.ebox p, .ebox table, .ebox ul, .ebox ol, .ebox dl { line-height: 1.54; margin-bottom: 16px; }
.ebox td ul, .ebox td ol, .ebox td dl { margin-bottom: 0; }
.ebox li ul, .ebox li ol, .ebox dd ul, .ebox dd ol { margin-bottom: 0; }
.letter .cf { background: url(../img/cottage/letter_bg.gif) no-repeat right top; min-height: 132px; height: auto !important; height: 132px; }
.letter dt { float: left; }
.letter dd { margin-left: 93px; padding: 20px 20px 0 20px; }
.letter dd strong { color: #C96; }
/* ---------------------------------------------------------------------------------------------------- */
/* topnavi */
/* ---------------------------------------------------------------------------------------------------- */

.topnavi { text-align: right; font-size: 85%; }
.topnavi a { text-decoration: none; }
.topnavi a:hover { }
/* ---------------------------------------------------------------------------------------------------- */
/* pagenavi */
/* ---------------------------------------------------------------------------------------------------- */

.pagenavi { }
.pagenavi li.l { float: left; }
.pagenavi li.r { text-align: right; float: right; }
.pagenavi li.c { text-align: center; margin: 0 72px; }
.pagenavi .c a, .pagenavi .current_page { display: inline-block; background: #e4d7a4; text-decoration: none; padding: 0 5px; }
* html .pagenavi .c a, * html .pagenavi .current_page { display: inline; zoom: 1; }
*+html .pagenavi .c a, *+html .pagenavi .current_page { display: inline; zoom: 1; }
.pagenavi .c a:hover, .pagenavi .current_page { background: #e6ac39 !important; }
/* ---------------------------------------------------------------------------------------------------- */
/* backnavi */
/* ---------------------------------------------------------------------------------------------------- */

.backnavi { text-align: right; }
.backnavi li { display: inline; margin-right: 15px; padding-right: 15px; border-right: 1px solid #CCC; }
.backnavi a { }
.backnavi a:hover { }
/* ---------------------------------------------------------------------------------------------------- */
/* log-cottage */
/* ---------------------------------------------------------------------------------------------------- */

/* common */

.cottageMain .about .title { width: 360px; float: left; }
.cottageMain .about .title h2 { margin-bottom: 10px; background: none; padding: 0; }
.cottageMain .about .gallery { width: 340px; float: right; }
.cottageMain .about .gallery h3, .cottageMain .about .gallery h2 { float: left; margin-right: 5px; background: none; padding: 0; }
.cottageMain .about .gallery li { float: left; margin-right: 5px; margin-bottom: 5px; }
.cottageMain .about .gallery .last { margin-right: 0; }
.cottageMain .about .help { margin-bottom: 10px; }
.cottageMain .about .plan { text-align: right; margin-bottom: 0; }
.cottageMain .about .gallery dl { border: 1px solid #D7C77C; }
.cottageMain .about .gallery dd { background: #fbf9f1; padding: 10px; }
.cottageMain .about .gallery dd li { float: none; margin-right: 0; margin-bottom: 0; }
.cottageMain .plan .help { margin-bottom: 10px; }
.cottageMain .plan .desc { margin: 10px 0; }
.cottageMain .plan table { margin-bottom: 5px; }
.cottageMain .plan th, .cottageMain .plan td { padding: 5px; }
.cottageMain .plan .nav { margin-bottom: 5px; }
/* index */

#cottageAbout .box3 { margin-right: 30px; width: 240px; }
#cottageAbout .box3 img { margin-bottom: 10px; }
#cottageAbout .box3 .nav { margin-top: 10px; }
#cottageAbout .last { margin-right: 0; width: 180px; }
#cottageChara h3 { padding-top: 5px; margin-bottom: 0; }
#cottageChara .einner p { margin: 0 0 0 140px; }
/* ---------------------------------------------------------------------------------------------------- */
/* plan */
/* ---------------------------------------------------------------------------------------------------- */

.planMain .planList .einner { padding-bottom: 15px; border-bottom: 2px dotted #D7C77C; margin-bottom: 15px; }
.planMain .planList .photo { float: left; }
.planMain .planList .data { float: right; width: 540px; }
.planMain .planList h3 { padding-top: 5px; }
.planMain .planList .desc { margin-bottom: 10px; }
.planMain .planList dl { float: left; }
.planMain .planList .btn { float: right; text-align: right; margin-bottom: 0; }
.planMain .planList .btn a { margin-top: 0; vertical-align: top; }
.planMain .about table { margin-bottom: 5px; }
.renpakuMain .example table { margin-bottom: 5px; }
.renpakuMain .example th, .renpakuMain .example td { padding: 5px; }
.renpakuMain .box3 h3.bgBo02 { margin-top: 10px; }
.renpakuMain .box3 .desc { margin: 10px 0; }
.renpakuMain .box3 .nav { margin-bottom: 5px; }
.renpakuMain .box3 .reserve { margin-bottom: 0; }
.renpakuMain h3.case02 { margin-top: 10px; }
.renpakuMain .example h4 { margin-bottom: 5px; text-align: center; }
/* ---------------------------------------------------------------------------------------------------- */
/* information */
/* ---------------------------------------------------------------------------------------------------- */

/* agreement */

.agreeMain .ebox ol li { list-style: decimal; margin-left: 2em; }
/* privacy */

.privacyMain .ebox li { margin-bottom: 1.54em; }
/* ---------------------------------------------------------------------------------------------------- */
/* access */
/* ---------------------------------------------------------------------------------------------------- */

.accessMain dt { font-size: 115.38%; }
#googlemap { width: 720px; height: 500px; }
/* ---------------------------------------------------------------------------------------------------- */
/* letter */
/* ---------------------------------------------------------------------------------------------------- */
.letterMain .list li { float: left; margin: 0 16px 16px 0; }
.letterMain .list .last { margin-right: 0; }
/* ---------------------------------------------------------------------------------------------------- */
/* sightseeing */
/* ---------------------------------------------------------------------------------------------------- */
.spotMain .ebox a { background: url(../img/common/window.gif) no-repeat right center; padding-right: 20px; color: #ac9e82; }
.spotMain .ebox a:hover { color: #e38400; }
.spotMain .cf { margin-bottom: 10px; }
.spotMain .cf img { float: left; margin-right: 20px; }
.spotMain .cf strong { font-size: 115.38%; }
/* ---------------------------------------------------------------------------------------------------- */
/* guide */
/* ---------------------------------------------------------------------------------------------------- */
.bbqMain .data { float: left; width: 242px; }
.bbqMain .photo { float: right; text-align: center; }
.bbqMain .set { border: 3px solid #D7C77C; background: #FFF url(../img/guide/bbq_set_bg.gif) no-repeat right top; padding: 15px 0; text-align: center; margin-bottom: 20px; }
.bbqMain .set .inner { width: 684px; margin: 0 auto; text-align: left; }
.bbqMain .set dt { background: url(../img/guide/bbq_set_ico.gif) no-repeat left center; padding-left: 16px; color: #960; }
.bbqMain .set dd { margin-left: 16px; }
.bbqMain .set .help { text-align: left; }
.spaMain .ebox li a { background: url(../img/common/window.gif) no-repeat right center; padding-right: 20px; color: #ac9e82; }
.spaMain .ebox li a:hover { color: #e38400; }
.spaMain .cf { margin-bottom: 10px; }
.spaMain .cf img { float: left; margin-right: 20px; }
.spaMain .cf strong { font-size: 115.38%; }
/* ---------------------------------------------------------------------------------------------------- */
/* diary */
/* ---------------------------------------------------------------------------------------------------- */
.diaryMain h2 { margin-bottom: 5px; }
.diaryMain .entryDate { text-align: right; margin-top: 0; }
.diaryMain .entryMeta { border-top: 2px dotted #D7C77C; padding-top: 1em; }
/* ---------------------------------------------------------------------------------------------------- */
/* contact */
/* ---------------------------------------------------------------------------------------------------- */
.contactMain .mobile { border: 5px solid #D7C77C; padding: 20px 0; }
.contactMain .mobile .inner { width: 680px; margin: 0 auto; text-align: left; background: #F1EBCD; }
/* ---------------------------------------------------------------------------------------------------- */
/* bessou */
/* ---------------------------------------------------------------------------------------------------- */
.bessouMain .box3 .desc { margin: 10px 0; }
.bessouMain .box3 .nav { margin-bottom: 5px; }
.bessouMain .box3 .reserve { margin-bottom: 0; }