/******* ボディー *******/
body {
font-family: 'メイリオ','Meiryo','Century Gothic','Tahoma','MS P Gothic','Osaka','sans-serif';
font-size:12px;
color: #332030;
background-color: #ffffff;
text-align: center;
margin-top: 0px;
padding-top: 0px;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
line-height:150%;
}

/******* 画像ボーダー *******/
img {
border-style:none;
border-width:0;
}

img.photo{
padding:2px;
border:#aa9900 1px solid;
}

img.center{
margin-left:30px;
margin-right:auto;
}


/******* 強調 *******/
strong {
font-weight: bolder;
}
/******* 強調2 *******/
em {
font-weight:normal;
font-style:normal;
}
/******* 読み飛ばし *******/
.skip{
position: absolute;
left: -9999px;
}
/******* 非表示 *******/
.none{
display: none;
}


/******* リンク（共通部分） *******/
a:link,
a:visited
{
color:#006633;
text-decoration:none;
}
a:hover,
a:active
{
color:#009900;
text-decoration:none;
}


/************************************************
*clear
*IE以外：親要素で回りこみを自動解除
************************************************/

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

/******* コンテナ *******/
#container {
background-color:#ffffff;
background-image: url(img/bg_container.gif);
background-position: top center;
background-repeat: repeat-x;
text-align: center;
margin-top: 0px;
padding:0px;
margin-left: auto;
margin-right: auto;
width: 760px;
border-left:1px solid #dddddd;
border-right:1px solid #dddddd;
border-bottom:1px solid #dddddd;
}

container_news{
margin:0;
}
/****** ヘッダー ******/
#header {
text-align:left;
margin-right:auto;
margin-left:auto;
padding:0;
}

#header #header_text{
float:right;
margin-right:5px;
margin-top:20px;
font-size:11px;
color:#660000;
width:250px;
line-height:140%;
}

#welcome{
width:740px;
height:308px;
margin-right:auto;
margin-left:auto;
margin-bottom:5px;
padding:0;
}

/******パディング各種設定******/

.pad{
padding-top:10px;
padding-left:10px;
padding-right:10px;
padding-bottom:0px;
}
.pad2{
padding:2px;
}
.pad4{
padding:4px 2px 4px 2px;
}
.pad5{
padding:5px 3px 5px 3px;
}
.pad10{
padding:10px;
}
.pad20{
padding:20px;
}
.pad30{
padding:30px;
}
.pad40{
text-align:left;
padding-left:40px;
padding-top:30px;
padding-bottom:40px;
padding-right:auto;
}
.pad50{
text-align:left;
padding-left:50px;
padding-top:30px;
padding-bottom:40px;
padding-right:auto;
}

.mar-top30{
padding-top:30px;
margin-top:30px;
}



/******* 上部ナビゲーションバー*******/
#head_navi{
background-image:url(img/bg_navi.gif);
background-repeat: repeat-x;
background-position:top top;
width:740px;
height:40px;
margin-top:0;
margin-right:auto;
margin-left:auto;
padding:0;
text-align:center;
clear:left;
}

#head_navi a{
margin:0;
padding:0;
}


/******* メインエリア *******/

#main{
padding-top:20px;
padding-bottom:10px;
clear:both;
}


/* トップ左バナー */
#banner{
width:200px;
float:left;
}

#banner img{
margin-bottom:3px;
}

#banner .banner_weather{
width:167px;
height:70px;
padding-top:5px;
padding-bottom:5px;
border:1px #cccccc solid;
margin-left:auto;
margin-right:auto;
}

/* トップ右カラム */
#column_right{
width:520px;
margin-left:8px;
float:left;
}

#column_right p{
margin:5px;
text-align:left;
}

#news{
margin-top:5px;
margin-bottom:10px;
text-align:left;
}

#news .bt{
margin-left:2px;
margin-bottom:2px;
margin-right:2px;
}


#news table{
width:510px;
border-width:0;
padding:0;
margin-top:5px;
margin-left:0;
margin-bottom:3px;
margin-right:0px;
}

#news th{
font-size:10px;
padding:2px 0 0 2px;
color:#666666;
background-color:#ffffff;
border-bottom:0px;
border-right:0px;
}

#news td{
font-size:11px;
padding:3px 0 3px 10px;
border-bottom:1px dotted #dddddd;
border-right:0px;
}


.see_detail{
text-align:right;
padding-right:10px;
}

/* ニュースiframe設定 */
#news iframe{
width:400px;
height:200px;
border-style:none;
border:0px #ffffff;
overflow:hidden;
background:inherit;
}

/*汎用テーブル設定*/

table{
border-top:1px #dddddd solid;
border-bottom:0px #dddddd solid;
border-left:1px #dddddd solid;
border-right:0px #dddddd solid;
margin-left:auto;
margin-right:auto;
}

th{
line-height:150%;
font-size:13px;
font-weight:bold;
color:#666666;
border-bottom:1px #eeeeee solid;
border-right:1px #eeeeee solid;
background-color:#F7F5E6;
}

th.left {
background-color:#EFEBE2;
border-bottom:1px #ffffff solid;
}

td{
line-height:150%;
font-size:11px;
padding:2px 2px 1px 2px;
border-bottom:1px #eeeeee solid;
border-right:1px #eeeeee solid;
}

.border_bottom{
border-bottom:1px #dddddd solid;
}
.border_above{
border-top:1px #dddddd solid;
}

.border_left_b{
border-left:2px #99ccff solid;
padding-left:5px;
background-color:#efffff;
}

.border_lr{
border-left:1px #dddddd solid;
border-right:1px #dddddd solid;
}

.mar5{
margin:5px;
}

.mar10{
margin:10px;
}

.mar10-5{
margin:5px 0 10px 10px;
}

/******コンテンツ*******/

#cont{
width:720px;
margin-left:10px;
margin-bottom:20px;
font-size:12px;
}

#title{
width:740px;
height:62px;
text-align:left;
margin-right:0;
margin-left:0;
margin-bottom:5px;
}


#title span{
margin:18px 10px 0 0;
background-image:url(img/icon_arrow-right.gif);
background-position:left center;
background-repeat:no-repeat;
padding-left:10px;
float:right;
font-size:10px;
}

/******パンくずナビ*******/

#navi_pankuzu{
width:730px;
text-align:right;
font-size:10px;
margin-top:5px;
margin-bottom:5px;
}


#navi_pankuzu a{
margin-right:2px;
margin-left:2px;
}

/******ページ内ナビ*******/

.navi_page{
width:715px;
text-align:right;
font-size:11px;
margin-top:5px;
margin-bottom:9px;
padding-top:5px;
padding-bottom:5px;
border-bottom:#99CC66 1px solid;
clear:both;
}

.navi_page a:link,
.navi_page a:visited,
.navi_page a:active {
border:#99CC66 1px solid;
padding:3px 10px 3px 10px;
background-color:#669933;
color:#ffffff;
margin-right:2px;
}

.navi_page a:hover {
border:#99CC66 1px solid;
padding:3px 10px 3px 10px;
background-color:#003300;
color:#ffffff;
margin-right:2px;
}


.navi_page a:link.seleced,
.navi_page a:hover.seleced,
.navi_page a:visited.seleced,
.navi_page a:active.seleced{
background-color:#663300;
}
/******エリアの定義*******/

#koryukan,
#nanamine,
#camp,
#fee,
#contact{
text-align:left;
clear:left;
}

#nanamine table,
#camp table,
#fee table,
#contact table{
margin-left:25px;
}
#koryukan table{
margin-left:25px;
margin-bottom:5px;
}

#koryukan table td{
padding-left:5px;
border-right:none;
}

#koryukan table td img{
margin:1px;
}

.red{
color:#CC3333;
}

/******ボックス*******/

.box{
margin-bottom:20px;
font-size:12px;
clear:both;
}

.box p{
margin-left:10px;
}

.box_bt{
margin-top:20px;
margin-bottom:20px;
font-size:11px;
clear:both;
text-align:center;
}


.box ul li{
margin-left:10px;
padding-bottom:5px;
margin-right:10px;
}



/******左寄せ画像*******/

#cont .photo_left{
margin:0 15px 10px 5px;
background-color:#eeeeee;
float:left;
}

/******右寄せ画像*******/

#cont .photo_right{
margin:10px 5px 10px 20px;
background-color:#eeeeee;
}



/******トピック*******/

.topic_detail,
.topic_index { 
width:720px;
clear:left;
border-top:#996633 1px dotted;
}

.topic_detail{
background-image:url(img/icon_masubokuri.gif);
background-position:bottom right;
background-repeat:no-repeat;
border-bottom:#996633 1px dotted;
}

.topic_detail .photo_left2,
.topic_index .photo_left2{
margin:15px 5px 10px 5px;
background-color:#eeeeee;
float:left;
}

.topic_detail .column2{
width:445px;
text-align:left;
float:left;
}

.topic_index .column1{
width:565px;
text-align:left;
float:left;
}

.topic_index .column1 img.bt{
margin-top:5px;
margin-left:10px;
margin-right:5px;
float:right;
}


.topic_detail dl,
.topic_index dl{
margin-top:0px;
}

.topic_detail dt,
.topic_index dt{
padding:15px 15px 0px 15px;
margin:0;
}

.topic_detail dt p.topic_title,
.topic_index dt p.topic_title{
font-size:12px;
width:410px;
background-image:url(img/icon_acorn.gif);
background-position:left center;
background-repeat:no-repeat;
padding:5px 3px 5px 30px;
color:#990000;
margin:0;
}

.topic_detail dd,
.topic_index dd{
margin: 0;
padding:5px 15px 15px 15px;
}



/******料金・問い合わせ*******/


#fee, #reservation, #contact{
width:700px;
text-align:left;
}

#fee table{
margin-left:20px;
margin-top:10px;
}

#fee table th{
background-color:#FFFFCC;
font-size:120%;
font-weight:bold;
}

#fee table td{
font-size:90%;
}


#contact table{
margin-left:20px;
margin-top:0;
border:none;
}

#contact table th{
padding:3px;
}

#contact table td{
padding:3px 3px 3px 10px;
border:none;
}

/******　下部ナビゲーション (containerの内側）******/


.page_top{
width:700px;
background-image:url(img/icon_arrow-up.gif);
background-position:right center;
background-repeat:no-repeat;
text-align:right;
padding-right:8px;
clear:both;
}


#foot_navi {
text-align: center;
margin-left: auto;
margin-right: auto;
margin-bottom:10px;
clear: both;
}
#foot_navi ul {
text-align:center;
font-size: 10px;
margin: 0;
padding: 5px 0 5px 0;
}

#foot_navi ul li {
display: inline;
}

#foot_navi ul li a {
text-decoration: none;
color: #666666;
padding: 2px;
}

#foot_navi ul li a:hover {
text-decoration: underline;
color: #333333;
}



/*****フッター(containerの外側）******/

#footer {
text-align:center;
color:#663300;
background-color:#e8e1ce;
clear: both;
width: 760px;
}

#copyright{
font-size:9px;
padding:7px 0 7px 0;
}

/*****見出しスタイル*****/


h1{
font-size:14px;
background-image:url(img/icon_leaf.gif);
background-position:right top;
background-repeat:no-repeat;
padding:5px 0 25px 2px;
margin:5px 0 10px 0;
color:#660000;
}

h2{
font-size:13px;
background-image:url(img/icon_leaf_3.gif);
background-position:left top;
background-repeat:no-repeat;
padding:5px 0 5px 32px;
margin:5px 0 10px 0;
color:#006633;
}

h3{
font-size:13px;
background-image:url(img/icon_leaf_2.gif);
background-position:left top;
background-repeat:no-repeat;
padding:10px 0 35px 80px;
margin:5px 0 10px 0;
color:#660000;
}

h4{
font-size:11px;
padding:2px 0 0px 0px;
margin:0;
color:#33CC66;
}

h5{
font-size:12px;
padding:1px 0 0 10px;
margin:5px 0 10px 15px;
color:#993300;
}

h6{
width:700px;
font-size:14px;
background-image:url(img/h2_bg.gif);
background-position:left bottom;
background-repeat:repeat-x;
padding:1px 0 8px 0px;
margin:0 0 5px 10px;
color:#909090;
}

.small{
font-size:10px;
color:#696969;
}

.right{
text-align:right;
}