body {
 overflow-y:scroll;
 margin: 0px;
 padding: 0px;
 color: #3F3F15;
 background-color: #ffffff;
 background-image: url(img/back.gif);
 background-repeat: repeat-x;
 text-align: center;
 font-size: 80%;
 font-family: sans-serif; 
 line-height: 1.4em;
}

img {
 margin: 0px;
 padding: 0px;
}

h1,h2,h3,h4,h5 {
 font-size: 100%;
 margin: 0px;
 text-weight: normal;
}

em {
 visibility: hidden;
 margin: 0px;
}

.center {
 text-align: center;
}

*html body { overflow-y:auto;}

*+html body { overflow-y:auto;}

.c1 { background-image: url(img/c1.jpg);}

/* リンク指定 */
a { overflow: hidden;}
a img { border: 0px;}
a:link { color: #731716; text-decoration: underline;}
a:visited { color: #9C3B3B; text-decoration: underline;}
a:hover { color: #731716; background-color: #E2E1BC; text-decoration: none;}

/* コンテンツ全体 */
#container {
 width: 900px;
 margin: 0px auto;
 background-color: #ffffff;
 background-image: url(img/main-back.gif);
 text-align: left;
}

#header {
 width: 900px;
 height: 110px;
 margin: 0px;
 padding: 0px;
}

#read {
 width: 900px;
 height: 25px;
 margin: 0px;
 padding: 0px;
 text-align: center;
 background-color: #C2C2A8;
 background-image: url(img/read.gif);
}

#read h2 {
 width: 500px;
 height: 25px;
 margin: 0px 0px 0px 10px;
 padding: 0px;
 text-align: left;
 line-height: 25px;
 float: left;
}

#read .company {
 width: 72px;
 height: 25px;
 margin: 0px 10px 0px 0px;
 padding: 0px;
 float: right;
 line-height: 25px;
}

#read .privacy {
 width: 145px;
 height: 25px;
 margin: 0px 10px 0px 0px;
 padding: 0px;
 float: right;
 line-height: 25px;
}

#read .home {
 width: 59px;
 height: 25px;
 margin: 0px 10px 0px 0px;
 padding: 0px;
 float: right;
 line-height: 25px;
}

#logo {
 width: 900px;
 height: 85px;
 margin: 0px;
 padding: 0px;
 float: left;
}

#top-img {
 width: 900px;
 height: 300px;
}

#contents {
 width: 900px;
 margin: 0px;
 padding: 0px;
}

#footer {
 width: 900px;
 margin: 0px;
 padding: 10px 0px 0px 0px;
 text-align: center;
 background-color: #C2C2A8;
}

#footer .footer-inner {
 width: 870px;
 margin: 0px auto 10px auto;
}

#footer a:link,
#footer a:visited { color: #3F3F15; text-decoration: underline;}

/* メニュー */
#menu {
 width: 900px;
 height: 50px;
 background: url(img/menu.gif);
}

ul#navigation {
  margin: 0px;
  padding: 0px;
  list-style: none;
  clear: both;
}

#navigation li {
  float: left;
  text-indent: -9999px;
}

#navigation a {
  text-decoration: none;
  overflow: hidden;
  background: url(img/menu.gif) no-repeat;
}

#navi1,
#navi1 a,
#navi2,
#navi2 a,
#navi3,
#navi3 a,
#navi4,
#navi4 a,
#navi5,
#navi5 a,
#navi6,
#navi6 a,
#navi7,
#navi7 a,
#navi8,
#navi8 a,
#navi9,
#navi9 a {
  display: block;
  width: 100px;
  height: 50px;
  margin: 0px;
  padding: 0px;
}

#navi1 a { background-position: 0px 0px;}
#navi2 a { background-position: -100px 0px;}
#navi3 a { background-position: -200px 0px;}
#navi4 a { background-position: -300px 0px;}
#navi5 a { background-position: -400px 0px;}
#navi6 a { background-position: -500px 0px;}
#navi7 a { background-position: -600px 0px;}
#navi8 a { background-position: -700px 0px;}
#navi9 a { background-position: -800px 0px;}
#navi1 a:hover { background-position: 0px -50px;}
#navi2 a:hover { background-position: -100px -50px;}
#navi3 a:hover { background-position: -200px -50px;}
#navi4 a:hover { background-position: -300px -50px;}
#navi5 a:hover { background-position: -400px -50px;}
#navi6 a:hover { background-position: -500px -50px;}
#navi7 a:hover { background-position: -600px -50px;}
#navi8 a:hover { background-position: -700px -50px;}
#navi9 a:hover { background-position: -800px -50px;}

/* サイド */

#side {
 width: 290px;
 float: left;
 margin: 10px 0px;
 padding: 0px;

}

#side #inner {
 width: 280px;
 float: right;
 margin: 0px;
 padding: 0px;
}

#side #inner .plan {
 width: 280px;
 height: 80px;
 margin: 0px 0px 5px 0px;
 padding: 0px;
}

#side #inner .reference {
 width: 280px;
 height: 50px;
 margin: 0px 0px 15px 0px;
 padding: 0px;
}

#side #inner #best {
 width: 280px;
 margin: 0px 0px 15px 0px;
 padding: 0px;
}

#side #inner #best h3 {
 width: 280px;
 height: 25px;
 font-size: 120%;
 color: #ffffff;
 text-align: center;
 font-weight: bold;
 line-height: 25px;
 margin: 0px;
 padding: 0px;
 background-color: #3F3F15;
 border-bottom: 3px solid #E2E1BC;
}

#side #inner #best table.best {
 width: 280px;
 border-collapse: collapse;
 margin: 0px;
 padding: 0px;
 background: #ffffff;
}

#side #inner #best table.best .be-number {
 width: 25px;
 margin: 0px;
 padding: 0px;
 text-align: center;
 border-bottom: 3px solid #E2E1BC;
 background: #8B8B64;
 color: #ffffff;
 font-weight: bold;
}

#side #inner #best table.best .be-space {
 width: 5px;
 margin: 0px;
 padding: 0px;
 border-bottom: 3px solid #E2E1BC;
}

#side #inner #best table.best .be-photo {
 width: 90px;
 margin: 0px;
 padding: 0px;
 border-bottom: 3px solid #E2E1BC;
}

#side #inner #best table.best .be-text {
 width: 160px;
 margin: 0px;
 padding: 5px 10px;
 font-size: 12px;
 line-height: 1.2em;
 border-bottom: 3px solid #E2E1BC;
}

#side #inner #best table.best .be-text h4 {
 width: 100%;
 margin: 0px 0px 2px 0px;
 padding: 0px;
 font-weight: bold;
}

#side #inner #best table.best .be-text .be-charge {
 width: 100%;
 margin: 0px 0px 2px 0px;
 padding: 0px;
}

#side #inner #best table.best .be-text .be-body {
 width: 100%;
 margin: 0px;
 padding: 0px;
}

/* トップページ */

#main {
 width: 590px;
 float: right;
 margin: 10px 0px;
 padding: 0px;
}

#main #inner {
 width: 580px;
 float: left;
 margin: 0px;
 padding: 0px;
}

#main #inner #voice {
 width: 580px;
 margin: 0px 0px 10px 0px;
 padding: 10px 0px;
 text-align: left;
 border: 1px solid #3F3F15;
 background-color: #E0E0D2;
 background-image: url(img/voice-back.jpg);
 background-position: right top;
 background-repeat: repeat-y;
}

#main #inner #voice #v-inner {
 width: 400px;
 margin: 0px 0px 0px 10px;
 padding: 0px;
 text-align: left;
 float: left;
}

#main #inner #voice #v-inner .v-name {
 width: 400px;
 margin: 0px;
 padding: 0px;
 text-align: left;
 font-weight: bold;
}

#main #inner #voice #v-inner .v-body {
 width: 400px;
 margin: 0px 0px 10px 0px;
 padding: 0px 0px 5px 0px;
 text-align: left;
 border-bottom: 1px dashed #3F3F15;
}

#main #inner #voice #v-inner .v-details {
 width: 400px;
 margin: 0px;
 padding: 0px;
 text-align: right;
}

#main #inner #blog {
 width: 580px;
 margin: 0px 0px 15px 0px;
 padding: 0px 0px 10px 0px;
 border-bottom: 1px solid #3F3F15;
}

#main #inner #blog .b-photo {
 width: 160px;
 margin: 0px;
 padding: 0px;
 float: left;
}

#main #inner #blog #b-box {
 width: 410px;
 margin: 0px;
 padding: 0px;
 float: right;
}

#main #inner #blog #b-box .b-text {
 width: 410px;
 text-align: left;
 margin: 0px 0px 5px 0px;
 padding: 5px 0px;
 border-bottom: 1px dashed #3F3F15;
}

#main #inner #blog #b-box .b-details {
 width: 410px;
 margin: 0px;
 padding: 5px 0px;
 text-align: right;
}

#main #inner #blog #title {
 width: 580px;
 height: 25px;
 margin: 0px 0px 10px 0px;
 font-size: 120%;
 font-weight: bold;
 padding: 0px;
 line-height: 25px;
 border-bottom: 1px solid #3F3F15;
}

#main #inner #top-banner {
 width: 580px;
 margin: 0px;
 padding: 0px;
}

#main #inner #top-banner .bana-box {
 width: 580px;
 margin: 0px 0px 5px 0px;
 padding: 0px;
 text-align: center;
}

#main #inner #top-banner .bana-box .right {
 width: 285px;
 margin: 0px;
 padding: 0px;
 float: right;
}

#main #inner #top-banner .bana-box .left {
 width: 285px;
 margin: 0px;
 padding: 0px;
 float: left;
}

#main #inner #top-banner .bana-box .freespot {
 width: 450px;
 margin: 0px;
 padding: 0px;
 float: left;
}

#main #inner #top-banner .bana-box .view {
 width: 120px;
 margin: 0px;
 padding: 0px;
 float: right;
}

#main #inner #top-banner .bana-box .tabiiro {
 width: 580px;
 margin: 0px auto;
 padding: 0px;
}

#main #inner #top-banner .bana-box .jal {
 width: 580px;
 margin: 0px auto;
 padding: 0px;
}

#main #inner #top-banner .bana-box .otoku_plan{
 width: 580px;
 margin: 0px auto;
 padding: 0px;
}

#main #inner #top-banner .bana-box .kai {
 width: 285px;
 margin: 0px;
 padding: 0px;
 float: right;
}

#main #inner #top-banner .bana-box .46navi {
 width: 285px;
 margin: 0px;
 padding: 0px;
 float: right;
}

#main #inner #top-banner .bana-box .nintei {
 width: 285px;
 margin: 0px;
 padding: 0px;
 float: left;
}

#main #inner #info {
 width: 580px;
 margin: 0px;
 padding: 40px 0px;
 text-align: center;
 background-color: #FFFC9B;
}

#main #inner #info p {
 width: 500px;
 margin: 0px auto;
 padding: 0px;
}

#side #inner {
   width: 290px;
   text-align: center;
}

#side #inner #best {
   margin: 0 auto;
}

#left_bottom {
   width: 285px;
   margin: 10px auto 37px 6px;
}

/* ウェブページ */

#main #inner h1 {
 width: 580px;
 height: 160px;
 margin: 0px 0px 10px 0px;
 padding: 0px;
}

#main #inner #box1 {
 width: 580px;
 margin: 0px 0px 15px 0px;
 padding: 0px;
}

#main #inner #box1 .text1 {
 width: 550px;
 margin: 0px 15px;
 padding: 10px 0px;
}

#main #inner #box1 #l-title {
 width: 580px;
 height: 25px;
 margin: 0px 0px 10px 0px;
 font-size: 120%;
 font-weight: bold;
 padding: 0px;
 line-height: 25px;
 border-bottom: 1px solid #3F3F15;
}

#main #inner #box1 #s-title {
 width: 320px;
 height: 25px;
 margin: 0px 0px 10px 0px;
 font-size: 120%;
 font-weight: bold;
 padding: 0px;
 line-height: 25px;
 border-bottom: 1px solid #3F3F15;
 float: left;
}

#main #inner #box1 .photo-l {
 margin: 0px 10px 0px 0px;
 padding: 0px;
 float: left;
}

#main #inner #box1 .photo-r {
 margin: 0px 0px 0px 10px;
 padding: 0px;
 float: right;
}

#main #inner #box1 .details {
 margin: 10px 0px 0px 0px;
 padding: 0px;
 text-align: right;
 float: right;
}

#main #inner #box1 #box2-l {
 width: 285px;
 margin: 0px;
 padding: 0px;
 float: left;
}

#main #inner #box1 #box2-r {
 width: 285px;
 margin: 0px;
 padding: 0px;
 float: right;
}

#main #inner #box1 #box2-l #ss-title,
#main #inner #box1 #box2-r #ss-title {
 width: 285px;
 height: 25px;
 margin: 0px 0px 10px 0px;
 font-size: 120%;
 font-weight: bold;
 padding: 0px;
 line-height: 25px;
 border-bottom: 1px solid #3F3F15;
}

/* 客室 */

#main #inner #box1 table.roo {
 width: 320px;
 border-collapse: collapse;
 margin: 10px 0px;
 padding: 0px;
}

table.roo th {
padding: 5px;
border-collapse: collapse;
border: 1px solid #3F3F15;
background: #E2E1BC;
text-align: left;
width: 50%;
}

table.roo td {
padding: 5px;
border-collapse: collapse;
border: 1px solid #3F3F15;
text-align: right;
}

#main #inner #box1 table.roo2 {
 width: 100%;
 border-collapse: collapse;
 margin: 0px;
 padding: 0px;
}

table.roo2 th {
padding: 5px;
border-collapse: collapse;
border: 1px solid #3F3F15;
background: #E2E1BC;
text-align: left;
width: 50%;
}

table.roo2 td {
padding: 5px;
border-collapse: collapse;
border: 1px solid #3F3F15;
text-align: left;
}

#main #inner #box1 table.roo3 {
 width: 100%;
 border-collapse: collapse;
 margin: 0px;
 padding: 0px;
}

table.roo3 th {
padding: 5px;
border-collapse: collapse;
border: 1px solid #3F3F15;
background: #E2E1BC;
text-align: left;
width: 20%;
}

table.roo3 td {
padding: 5px;
border-collapse: collapse;
border: 1px solid #3F3F15;
text-align: left;
}

/* 館内案内 */

#main #inner #box1 table.fac {
 width: 320px;
 border-collapse: collapse;
 margin: 10px 0px 0px 0px;
 padding: 0px;
}

table.fac th {
padding: 5px;
border-collapse: collapse;
border: 1px solid #3F3F15;
background: #E2E1BC;
text-align: left;
width: 50%;
}

table.fac td {
padding: 5px;
border-collapse: collapse;
border: 1px solid #3F3F15;
text-align: left;
}

#main #inner #box1 table.fac2 {
 width: 100%;
 border-collapse: collapse;
 margin: 0px;
 padding: 0px;
}

table.fac2 th {
padding: 5px;
border-collapse: collapse;
border: 1px solid #3F3F15;
background: #E2E1BC;
text-align: left;
width: 30%;
}

table.fac2 td {
padding: 5px;
border-collapse: collapse;
border: 1px solid #3F3F15;
text-align: left;
}

/* 温泉 */

#main #inner #box1 table.spa {
 width: 100%;
 border-collapse: collapse;
 margin: 0px;
 padding: 0px;
}

table.spa th {
padding: 5px;
border-collapse: collapse;
border: 1px solid #3F3F15;
background: #E2E1BC;
text-align: left;
width: 20%;
}

table.spa td {
padding: 5px;
border-collapse: collapse;
border: 1px solid #3F3F15;
text-align: left;
}

#main #inner #box1 #box2-l .t-photo,
#main #inner #box1 #box2-r .t-photo {
 width: 285px;
 margin: 0px 0px 10px 0px;
 padding: 0px;
}

/* 周辺観光 */

#main #inner #box1 table.sig {
 width: 320px;
 border-collapse: collapse;
 margin: 10px 0px 0px 0px;
 padding: 0px;
}

table.sig th {
padding: 5px;
border-collapse: collapse;
border: 1px solid #3F3F15;
background: #E2E1BC;
text-align: left;
width: 30%;
}

table.sig td {
padding: 5px;
border-collapse: collapse;
border: 1px solid #3F3F15;
text-align: left;
}

/* 交通 */

#main #inner #box1 #map {
 width: 580px;
 height: 350px;
 margin: 0px;
 padding: 0px;
}

#main #inner #box1 table.acc {
 width: 100%;
 border-collapse: collapse;
 margin: 0px;
 padding: 0px;
}

table.acc th {
padding: 5px;
border-collapse: collapse;
border: 1px solid #3F3F15;
background: #E2E1BC;
text-align: left;
width: 20%;
}

table.acc td {
padding: 5px;
border-collapse: collapse;
border: 1px solid #3F3F15;
text-align: left;
}

/* プライバシーポリシー */

ol.pri {
 margin: 15px 0px 0px 30px;
 padding: 0px;
}

ol.pri li.num {
 margin: 0px 0px 10px 0px;
 padding: 0px;
}

ul.pri1 {
 list-style-type: none;
 margin: 0px 0px 0px 20px;
 padding: 0px;
}

/* 会社概要 */

#main #inner #box1 table.com {
 width: 100%;
 border-collapse: collapse;
 margin: 0px;
 padding: 0px;
}

table.com th {
padding: 5px;
border-collapse: collapse;
border: 1px solid #3F3F15;
background: #E2E1BC;
text-align: left;
width: 20%;
}

table.com td {
padding: 5px;
border-collapse: collapse;
border: 1px solid #3F3F15;
text-align: left;
}

/* イベント情報 */

#main #inner #box1 table.eve {
 width: 100%;
 border-collapse: collapse;
 margin: 0px;
 padding: 0px;
}

table.eve td.date {
padding: 5px;
border-collapse: collapse;
border: 1px solid #3F3F15;
background: #E2E1BC;
text-align: left;
width: 20%;
}

table.eve td.event {
padding: 5px;
border-collapse: collapse;
border: 1px solid #3F3F15;
text-align: left;
width: 30%;
}

table.eve td.eve-cont {
padding: 5px;
border-collapse: collapse;
border: 1px solid #3F3F15;
text-align: left;
}

/* お客様の声 */

#main #inner #box1 table.voi {
 width: 100%;
 border-collapse: collapse;
 margin: 10px 0px 0px 0px;
 padding: 0px;
}

table.voi th {
padding: 5px;
border-collapse: collapse;
border: 1px solid #3F3F15;
background: #E2E1BC;
text-align: left;
width: 20%;
}

table.voi td {
padding: 5px;
border-collapse: collapse;
border: 1px solid #3F3F15;
text-align: left;
}

/* ブナの森通信 */

#main #inner #box1 #entry-info {
 width: 100%;
 height: 25px;
 line-height: 25px;
 margin: 10px 0px 0px 0px;
 padding: 0px;
 text-align: right;
 border-bottom: 1px dashed #3F3F15;
}

/* コメント */

#main #inner #box1 #comment-info {
 width: 100%;
 height: 25px;
 line-height: 25px;
 margin: 10px 0px 0px 0px;
 padding: 0px;
 text-align: right;
 border-bottom: 1px dashed #3F3F15;
}

#main #inner #box1 #comment-form-name,
#main #inner #box1 #comment-form-email,
#main #inner #box1 #comment-form-url,
#main #inner #box1 #comment-form-remember-me,
#main #inner #box1 #comment-form-reply,
#main #inner #box1 #comments-open-text,
#main #inner #box1 #comments-open-captcha {
 margin: 0px 0px 5px 0px;
}

#main #inner #box1 #comments-open-footer {
 margin: 0px 0px 15px 0px;
}

/* カレンダー */
#calendar {
 text-align: center;
 padding: 3px 0;
 font-family: Verdana, Arial, sans-serif; 
 font-size: 10px;
 font-weight: bold;
 color: #ffffff;
 background-color: #3F3F15; 
}
#calendar a,
#calendar a:link,
#calendar a:visited {
 color: #ffffff;
}
#calendar a:hover {
 text-decoration: underline;
}
#calendar a:active {
 color: #8B8B64;
 background-color: #ffffff;
}
#calendar .calendarHead { 
 color:#ffffff; 
 padding-right: 5px;
} 
#calendar .today { 
 border: 1px solid #ffffff; 
 padding: 0 2px;
 color: #ffffff;
 background-color: #E96E6E;
} 
#calendar .holiday,
#calendar .holiday a:link,
#calendar .holiday a:visited {
 color: #FFA8A8;
}
#calendar .saturday,
#calendar .saturday a:link,
#calendar .saturday a:visited {
 color: #B7B7FF;
}
#calendar .tholiday {
 border: 1px solid #444444;
 padding: 0 2px;
 color: #FFA8A8;
}
#calendar .tholiday a:link,
#calendar .tholiday a:visited {
 color: #FFA8A8;
}
#calendar .tsaturday {
 border: 1px solid #444444;
 padding: 0 2px;
 color: #B7B7FF;
}
#calendar .tsaturday a:link,
#calendar .tsaturday a:visited {
 color: #B7B7FF;
}


abbr {
    text-decoration: none;
}

/* 表示調整 */

.clearfix:after{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
} 

.clearfix{
    display:inline-block;
    min-height:1%;  /* for IE 7*/
}

/* Hides from IE-mac */
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


/* ==========================================*/

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix {
  display: inline-block;
}
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}

.youtube_title{

}

.pamplet {
 text-align: center;
 margin-top: 40px;
}

/* vim: ft=css; */