/*ページの基本設定
-----------------------------------------*/
* {
margin:0;
padding:0;
font-style: normal;
}

body {
margin: 0;
padding: 0;
font-size: 15px;
line-height: 1.5em;
}

img { border: 0; }

h1 { font-size: 1.5em; border: 1px solid #999999; padding: 4px 0px 4px 8px; }
h2 { font-size: 1.3em; border-bottom: 2px dotted #999999; margin-bottom: 1em; margin-top: 1.2em; }
h3, h4 { font-size: 1em; }
h5 { font-size: 0.9em; font-weight: normal; margin-left: 20px; }
h6 { font-size: 1em; font-weight: normal; margin: 1em; }

dl, dt, dd { margin: 0; padding: 0; list-style: none; }
ol, ul, li { margin: 0; padding: 0; list-style: none; }


/*ページのレイアウト
-----------------------------------------*/
#wrap {
width: 900px;
}

#header {
background: url(../s-img/header2010.jpg);
height: 230px;
}

#main {
background-color: #eeeeee;
}

#navi {
float: left;
width: 220px;
background-color: #eeeeee;
margin-top: 1em;

}

#contents {
float: left;
width: 640px;
margin: 10px;
padding: 10px;
background-color: #ffffff;
}

#contents img { margin: 10px; }

#footer {
text-align: center;
margin: 14px 0 14px; 0;
display: block;
border-top: 2px solid #eeeeee;
padding-top: 10px;
}


/*CSSハック　clearfix
-----------------------------------------*/
#main:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

#main { display: inline-block; }

/* Hides from IE-mac \*/
* html #main { height: 1%; }
#main { display: block; }
/* End hide from IE-mac */


/*サイドナビゲーション設定
-----------------------------------------*/
#navi ul li {
line-height: 40px;
border-bottom: 1px dotted; #666666;
}

#navi ul li a {
padding: 0px 0px 0px 6px;
text-decoration: none;
border-left: 5px solid #666666;
display: block;
}

#navi ul li a:hover {
display: block;
border-left: 5px solid #ffa500;
background-color: #ffffff;
}

/*サイドナビ リンク設定
-----------------------------------------*/
#navi #linklist ul li {
font-size: 0.9em;
line-height: 2em;
border-bottom: 1px dotted; #eeeeee;
}

#navi #linklist ul li a {
padding: 0px 0px 0px 6px;
text-decoration: none;
border-left: 5px solid #eeeeee;
display: block;
}

#navi #linklist ul li a:hover {
display: block;
border-left: 5px solid #8fbc8f;
background-color: #ffffff;
}

#linklist .title {
font-size: 1em;
padding: 5px;
background-color: #2e8b57;
color: #fff;
text-align: center;
margin-bottom: 2px;
}

/*左サイドバナーの設定
-----------------------------------------*/
#Lbanner {
margin-top: 2em;
}

#Lbanner p {
margin-top: 1em;
text-align: center;
font-size: 0.9em;
line-height: 1.2em;
}

#counter{
text-align: center;
margin: 1em 0 1em 0;
font-size: 0.8em;
}

/*トップページの設定
-----------------------------------------*/
#view {
}

#news {
background-color: #ffffff;
}


#news iframe {
background-color: #ffffff;
padding: 5px;
width: 630px;
/*height: 200px;*/
}

#topwrap {
}

#topL {
float: left;
width: 390px;
}

#topR {
float: left;
width: 250px;
}

#live {
border: 1px solid #999999;
margin: 1em;
padding: 0.8em;
font-size: 0.9em;
line-height: 1.3em;
}

#live img {
margin: 0px;
}

#live p {
margin-top: 0.7em;
}

#kaika {
background-color: #ffffff;
}

#kaika iframe {
width: 340px;
padding: 1em;
}

#hanagoyomi {
font-size: 0.8em;
line-height: 1.1em;
}

table.hanagoyomi {
border-top: 1px solid #ffffff;
border-left: 1px solid #ffffff;
border-collapse: collapse;
border-spacing: 0;
background-color: #ffffff;
empty-cell: show;
margin-bottom: 10px;
}

.hanagoyomi th {
border-right: 1px solid #999999;
border-bottom: 1px solid #999999;
color: #000000;
background-color: #cccccc;
padding: 0.3em 1em;
text-align: center;
}

.hanagoyomi td {
border-right: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
color: #000000;
padding: 0.3em 1em 0.3em;
font-size: 0.9em;
text-align: center;
}

#hanagoyomi .may {
background-color: #009933;
color: #ffffff;
}

#hanagoyomi .junea {
background-color: #00cc66;
color: #000000;
}

#hanagoyomi .juneb {
background-color: #cccc33;
color: #000000;
}

#hanagoyomi .julya {
background-color: #ffff00;
color: #000000;
}

#hanagoyomi .julyb {
background-color: #ffcc00;
color: #000000;
}

#hanagoyomi .julyc {
background-color: #ff9900;
color: #000000;
}

#hanagoyomi .august {
background-color: #ff6600;
color: #ffffff;
}

#hanagoyomi .september {
background-color: #ff3333;
color: #ffffff;
}

#hanagoyomi .october {
background-color: #ff0000;
color: #ffffff;
}

/*CMコンテスト
-----------------------------------------*/
.cm {
font-size: 0.9em;
margin: 0.5em 2em;
}


/*湿原ページの設定
-----------------------------------------*/
#situgenWrap{
}

#situgenL {
float: left;
width: 420px;
}

#situgenR {
float: right;
width: 210px;
margin: 24px 0 0 10px;
}


/*ホテルページの設定
-----------------------------------------*/
#yoyakubtn {
margin: 1.5em;
line-height: 3em;
border: 2px solid #cccccc;
background-color: #cecece;
text-align: center;
font-size: 1.1em;
font-weight: bold;
}

/*予約ボタン
-----------------------------------------*/
#yoyakubtn a {
}

#yoyakubtn a:hover {
background-color: #969696;
display: block;
}

/*ホテルページ上部
-----------------------------------------*/
#hotelheader {
}

#hotelheader .imgL {
float: left;
width: 360px;
text-align: right;
margin-top: 15px;
}

#hotelhearder .imgR {
float: right;
width: 260px;
}

#hotelheader .text {
text-align: center;
font-size: 0.95em;
}

#hotelheader .address {
margin-top: 1em;
font-size: 1em;
font-weight: bold;
text-align: center;
}

#hotelheader .tel {
font-size: 1.4em;
font-weight: bold;
text-align: center;
}

#rotenburo{
text-align: center;
}

/*料金
-----------------------------------------*/
#ryokin {
margin-left: 20px;
}

#ryokin ul li {
font-size: 0.9em;
margin-left: 60px;
list-style-type: circle;
list-style-position: outside;
}

.hotellist {
margin-top: 20px;
}

.hotellist ul li {
margin-left: 40px;
list-style-type: disc;
list-style-position: outside;
}

table.hoteltable {
border-top: 1px solid #999999;
border-left: 1px solid #999999;
border-collapse: collapse;
border-spacing: 0;
background-color: #ffffff;
empty-cell: show;
margin-bottom: 10px;
}

.hoteltable th {
border-right: 1px solid #999999;
border-bottom: 1px solid #999999;
color: #000000;
background-color: #cccccc;
padding: 0.3em 1em;
text-align: center;
}

.hoteltable td {
border-right: 1px solid #999999;
border-bottom: 1px solid #999999;
color: #000000;
padding: 0.3em 1em 0.3em;
font-size: 0.9em;
text-align: right;
}


/*ホテル料金関係その他の設定
-----------------------------------------*/
#type {
}

#type dt {
margin-left: 20px;
width: 400px;
border-bottom: 1px dotted #cccccc;
}

#type dd {
margin-top: -1.5em;
padding-left: 400px;
border-bottom: 1px dotted #cccccc;
}

.room {
}

.roomL {
float: left;
width: 220px;
}

.roomR{
float: left;
width: 400px;
}

.room dt {
font-size: 1.1em;
font-weight: bold;
margin-top: 1.0em
}

.room dd {
margin-top: 0.5em;
}



/*予約ページ
-----------------------------------------*/
#yoyakuheader {
margin: 0 0 20px 20px;
}

#yoyakuheader dt {
width: 80px;
}

#yoyakuheader dd {
margin-top: -1.5em;
padding-left: 80px;
}

table.yoyakuform {
border-top: 1px solid #999999;
border-left: 1px solid #999999;
border-collapse: collapse;
border-spacing: 0;
background-color: #ffffff;
empty-cell: show;
margin-bottom: 10px;
}

.yoyakuform th {
border-right: 1px solid #999999;
border-bottom: 1px solid #999999;
color: #000000;
background-color: #cccccc;
padding: 0.3em 1em;
text-align: right;
font-weight: normal;
}

.yoyakuform td {
border-right: 1px solid #999999;
border-bottom: 1px solid #999999;
color: #000000;
padding: 0.3em 1em 0.3em;
font-size: 0.9em;
text-align: left;
}


/*アクセスページの設定
---------------------------------*/
#accesscar {
}

#accesscar dt, #accessjr dt{
width: 180px;
margin-top: 1em;
}

#accesscar dd, #accessjr dd {
margin-top: -1.5em;
padding-left: 180px;
border-bottom: 1px dotted #999999;
padding-bottom: 0.8em;
}


#carL {
float: left;
width: 320px;
}

#carR {
float: left;
width: 320px;
}

#carR .yuryo{
background-color: red;
color: #ffffff;
padding:10px;
}

#carR dt{
width: 100px;
margin-left:2em;
}

#carR dd {
margin-top: -1.5em:
padding-left: 100px;
padding-right: 2em;
text-align: right;
}

#accessbus{
}

#busL{
float: left;
width: 320px;
}

#busR{
float: left;
}

table.accessbus {
border-top: 1px solid #999999;
border-left: 1px solid #999999;
border-collapse: collapse;
border-spacing: 0;
background-color: #ffffff;
empty-cell: show;
margin-bottom: 10px;
}

.accessbus th {
border-right: 1px solid #999999;
border-bottom: 1px solid #999999;
color: #000000;
background-color: #cccccc;
padding: 0.3em 0em;
text-align: center;
font-weight: normal;
}

.accessbus td {
border-right: 1px solid #999999;
border-bottom: 1px solid #999999;
color: #000000;
padding: 0.3em 1em 0.3em;
font-size: 0.9em;
text-align: center;
}

/*CMコンテスト　テーブル
-----------------------------------------*/

table.cmcontest {
border-top: 1px solid #999999;
border-left: 1px solid #999999;
border-collapse: collapse;
border-spacing: 0;
background-color: #ffffff;
empty-cell: show;
margin-bottom: 10px;
}

.cmcontest td {
border-right: 1px solid #999999;
border-bottom: 1px solid #999999;
color: #000000;
padding: 0.3em 1em 0.3em;
font-size: 0.9em;
text-align: left;
vartical-align: top;
}

.cmcontest td dl {
line-height: 1.3em;
}
.cmcontest td dt {
width: 160px;
}
.cmcontest td dd {
padding-left: 160px;
margin-top: -1.3em;
}

/*CSSハック　clearfix
-----------------------------------------*/
.room:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.room { display: inline-block; }

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



/*CSSハック　clearfix
-----------------------------------------*/
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix { display: inline-block; }

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