@charset "utf-8";

*{margin:0;padding:0;}

body{
	background: #58AFD6;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 13px;
	line-height: 1.4;
}

a{color:#fff;text-decoration:none;}
a:hover{
	color:#522C21;
}
a:active, a:focus {outline: 0;}
img{border:0;}

.clear{clear:both;}

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/*************
全体
*************/
#wrapper{
	margin: 0 auto;
	padding: 0 20px;
	width: 910px;
	background-color: #FFF7D2;
}

/*************
/* ヘッダー
*************/
#header{
	height: auto;
	background-image: url(img/header.png);
	background-repeat: no-repeat;
	background-position: 100% 14px;
}

#header h1 {
	color: #630;
	padding: 3px 0 5px;
	font-size: 10px;
	font-weight: normal;
}


/*************
/* トップナビゲーション
*************/
ul#topnav{
margin: 15px 0;
width: 910px;
height: 31px;
background:url(images/topnav.png) no-repeat 0 0;
}

ul#topnav li{float:left;list-style:none;width:130px;}

ul#topnav a{
text-indent: -9999px;
text-decoration: none;
display: block;
width: 130px;
height: 46px;
background:url(img/topnav.png) no-repeat;
}

ul#topnav a#home{background-position:0 0;}
ul#topnav a#about{background-position:-130px 0;}
ul#topnav a#menu{background-position:-260px 0;}
ul#topnav a#faq{background-position:-390px 0;}
ul#topnav a#map{background-position:-520px 0;}
ul#topnav a#blog{background-position:-650px 0;}
ul#topnav a#link{background-position:-780px 0;}

ul#topnav a#home:hover, ul#topnav li.active a#home{background-position:0 -46px;}
ul#topnav a#about:hover, ul#topnav li.active a#about{background-position:-130px -46px;}
ul#topnav a#menu:hover, ul#topnav li.active a#menu{background-position:-260px -46px;}
ul#topnav a#faq:hover, ul#topnav li.active a#faq{background-position:-390px -46px;}
ul#topnav a#map:hover, ul#topnav li.active a#map{background-position:-520px -46px;}
ul#topnav a#blog:hover, ul#topnav li.active a#blog{background-position:-650px -46px;}
ul#topnav a#link:hover, ul#topnav li.active a#link{background-position:-780px -46px;}

li.active a#home{background-position:0 -42px;}
li.active a#guide{background-position:-213px -42px;}
li.active a#faq{background-position:-429px -42px;}
li.active a#mp{background-position:-573px -42px;}

/*************
/* スライド
*************/
#example_1_container {
    width:910px;
    height:300px;
}

#example_1_container .easy_slides_caption {
	width:910px;
	height:50px;
	padding: 10px 10px 5px 10px;
}
.easy_slides_container{
	border:1px solid #000;
	overflow:hidden;
	position:relative
}
.easy_slides_img1,.easy_slides_img2{
	display:none;
	top:0;
	position:absolute
}
.easy_slides_img1{
	z-index:2
}
.easy_slides_img2 {
	z-index:1
}
.easy_slides_caption{
	position:absolute;
	bottom:0;
	background-image:url(img/bg.png);
	background-color:transparent;
	display:none;
	z-index:3;
	color:#fff;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:16px;
	text-indent: 80px;
}


/*************
メイン（右側）コンテンツ
*************/
#main {
float: right;
width: 618px;
padding: 25px 0;
display: inline;
}

#mainimage {
margin-top: 30px;
}

#main h2{
	padding: 0 10px 0px 20px;
	line-height: 50px;
	font-size: 17px;
	font-weight: bolder;
	color: #291716;
	background: url(img/heading.png) no-repeat;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#main h3 {
	font-size: 13px;
	font-weight: normal;
	line-height: 30px;
	padding-left: 15px;
	margin-top: 10px;
	letter-spacing: 0.2em;
	color: #000;
	border-bottom: 1px solid #fff;
}

#main h3.kyodo {
font-size: 15px;
font-weight: bold;
line-height: 30px;
padding-left: 35px;
margin: 20px 0 0 0;
letter-spacing: 0.2em;
color: yellow;
border: none;
background-image: url(images/kyodo_h3.png);
}

#main p {
padding: 15px 15px 15px 20px;
}

/* 画像を右に回りこみ */
#main p.withImage{
width: 598px;
margin: 20px 0 0 10px;
padding: 5px 0;
}

#main p.withImage img{
float: right;
margin-left: .5em;
}

/* 画像を左に回りこみ */

#main p.withImage_left{
width: 598px;
margin: 20px 0 0 10px;
padding: 5px 0;
}

#main p.withImage_left img{
float: left;
margin-right: .5em;
}

#date {
text-align: right;
padding-right: 15px;
padding-top: 15px;
padding-bottom: 10px;
font-weight:bold;
color:#fff;
}

#next {
text-align: center;
padding-top: 30px;
padding-bottom: 30px;
}

img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
}
img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
}
.alignright {
    float: right;
}
.alignleft {
    float: left;
}

.box_img_border{
   border: 1px solid #cccccc;
   padding: 1px;
  margin: 1px;
}

/* フッター共通 */
.box{
float: left;
width: 195px;
margin: 20px 16px 10px 0;
line-height: 1.2;
}

.box_img{
padding: 0px 0px 10px 0px;
}
.box2{
	float: left;
	width: 300px;
	margin: 20px 16px 10px 0;
	line-height: 1.2;
}

.box_img{
padding: 0px 0px 10px 0px;
}
.last{margin-right:0;}


/* ボタン */
p.button{
text-align: center;
padding: 10px 0;
}

p.button a{
font-weight: bold;
display:block;
line-height: 32px;
background: url(images/button.png) no-repeat;
margin: 0 -20px;
}

p.button a{
	color:#FFF;
}
p.button a:hover{color:#3b240b;}

p.button a:hover{
cursor:pointer;
background-position: 0 -32px;
}

/* メインとフッターのリスト位置調節 */
#main ul, #footer ul{margin-left: 20px;}
#main li, #footer li{margin-bottom: 3px;}


/*************
サイド（左側）コンテンツ
*************/
#sidebar {
	float: left;
	width: 265px;
	padding: 20px 0;
	background-color: #FFF7D2;
}

#sidebar p{margin-bottom: 20px;}

#sidebar h3 {
margin-top: 5px;
padding: 0 10px 0 23px;
line-height: 40px;
font-size: 13px;
font-weight: normal;
color: #fff;
background: url(images/heading2.png) no-repeat;
}

#sidebar ul{
margin-bottom: 20px;
padding: 10px 0 0 10px;
}

#sidebar li{
margin: 0 10px 10px 5px;
list-style: none;
border-bottom: 1px dashed #8cac34;
}

#sidebar li a{
background: url(images/list.png) no-repeat 0 50%;
display: block;
padding-left:15px;
}

#sidebar li a:hover{
	background-position: 3px 50%;
}




/*************
/* フッター
*************/
#footer{
	clear:both;
	padding: 10px 0 10px;
	border-top: 1px solid #e6e4d9;
	background-color: #FFF7D2;
}

#footer .inner{
overflow: hidden;
}

* html #footer .inner{height:1%;}

#footer #logo{
float:left;
padding: 10px 0 5px;
width: 292px;
}

address{
padding: 20px 0 3px;
text-align: center;
font-style:normal;
font-size: 12px;
clear:both;
display:block;
}

/******
photo
*******/

.largeImage{
width: 618px;
height: 400px;
margin-bottom: 4px;
}


.thumbs img{
width: 203px;
height: 120px;
padding: 0px;
}
.thumbs img:hover{

}

h4{
font-size: 1em;
font-weight: bold;
margin:5px 0 7px ;
text-align:center;
}
h4 em{
font-size: 1em;
}

/******
料金テーブル
*******/

table.ryoukin{
	border-top:1px dashed #fff;
	border-left:1px dashed #fff;
	border-collapse:collapse;
	border-spacing:0;
	empty-cells:show;
	font-size: 16px;
	font-weight: bolder;
}
.ryoukin td{
    border-right:1px dashed #fff;
    border-bottom:1px dashed #fff;
    padding:0.3em 1em;
	text-align:center;
}

a,waribiki{
	color:#344507;
	text-decoration: underline;
}
a.waribiki:hover{
	color:#633;
	text-decoration: none;
	}

a.waribiki span{
	color: #903;
	font-weight: bold;
	}
/******
ヘッダー写真置換
*******/

div#tent{
	background: url(images/tent.jpg) no-repeat left top;
	text-indent: -9999px;
	width: 618px;
	height: 412px;
	overflow: hidden;
}

div#auto{
	background: url(images/auto_camp.jpg) no-repeat left top;
	text-indent: -9999px;
	width: 618px;
	height: 412px;
	overflow: hidden;
}

div#roten{
	background: url(images/roten_1.jpg) no-repeat left top;
	text-indent: -9999px;
	width: 618px;
	height: 412px;
	overflow: hidden;
}

/******
露天風呂用
*******/


.roten{
	margin-top: 20px;
}

/******
過去サイト引用
*******/

.kakomi3{
	background-color:#fff;
	margin-top: 20px;
	color:#000;
	width: 618px;
	}
	
div.kakomi3 a:link{
	color:#000;
	}
div.kakomi3 a:visited{
	color:#333;
	}
div#asobi{
	background: url(img/asobiba2.jpg) no-repeat left top;
	text-indent: -9999px;
	width: 618px;
	height: 86px;
	overflow: hidden;
}
div#kinrin{
	background: url(img/kinrin.jpg) no-repeat left top;
	text-indent: -9999px;
	width: 618px;
	height: 86px;
	overflow: hidden;
}

div#koutu{
	background: url(img/koutuubar.jpg) no-repeat left top;
	text-indent: -9999px;
	width: 618px;
	height: 86px;
	overflow: hidden;
}
div#otoku{
	background: url(img/otoku0.jpg) no-repeat left top;
	text-indent: -9999px;
	width: 618px;
	height: 86px;
	overflow: hidden;
}
/******
テーブル用
*******/
table {
	border-collapse: collapse;
	background-color: #FFF;
	color: #000;
}
th.t_top {
	border-top: #b3b3b3 2px solid;
}
th {
	text-align: left;
	padding: 10px;
	font-weight: bolder;
	background-color: #360;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	font-size: 14px;
}
td.t_top {
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #FFF;
}
td {
	border-bottom: #e3e3e3 1px solid;
	border-right: #e3e3e3 1px solid;
	text-align: left;
	padding: 10px;
	font-size: 13px;
}
/*
==================================================
イメージ関係
================================================== */

a img { border:0;
}
img{
	border-style:none;
}
img.right {
	float: right;
}
.imgheadtop {
	float: right;
	margin-right: 12px;
	margin-top: 45px;
}
img.righttopmargin {
	float: right;
	margin-right: 10px;
}
.imgleft {
	float: left;
	margin: 4px;
	margin-left: 26px;
}
.imgleft0 {
	float: left;
	margin: 0px;
}
.imgrogo {
	margin: 0px;
}
.imglefttopmarjin {
	float: left;
	margin-top: 10px;
}
.imgmini {
	float: left;
}

.img0 {
	float: left;
	margin-right: 10px;
}
.imgma_top {
	margin-top: 10px;
}

.imgtop{
	width: 500px;
} 
.imgsub {
	border: 1px solid #666;
	width: 370px;
} 
.imgtopic {
	border: 1px solid #666;
	float: right;
} 
/*
==================================================
フォント関係
================================================== */




.moji0 {
	font-size: 12px;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #030;
	margin-top: 10px;
	font-weight: bold;
}
.moji1 {
	font-size: 14px;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #FF6600;
	margin-top: 10px;
	font-weight: bold;
}
.moji2 {
	font-size: 14px;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #000000;
	margin-left: 20px;
}
.moji3{
	font-size: 18px;
	color: #030;
	font-weight: bold;
}
.moji4{
	font-size: 100%;
	float: right;
}
.moji5{
	font-size: 105%;
	text-indent: 10px;
	font-weight: bolder;
	color: #200000;
	line-height: 1.0;
}
.mojired{
	color: #900;
	font-weight: bolder;

}
.mojiback{
	color: #FFF;
	font-weight: bolder;
	background-color: #47761A;
	font-size: 120%;

}
.mojiback2{
	color: #FFF;
	font-weight: bolder;
	background-color: #C93;
	font-size: 120%;

}.mojiback3{
	color: #FFF;
	font-weight: bolder;
	background-color: #C60;
	font-size: 120%;

}
.mojitopic{
	padding-left: 20px;


}
.mojisub{
	padding-left: 10px;
	line-height: 2.0em;
}
.mojisub1{
	padding-left: 6px;
	font-size: small;
	font-weight: bolder;
	color: #060;
	text-decoration: none;
	padding-top: 8px;
}
.mtext { font-size:78%;
}

.stext {font-size:67%;
}


#item{
	height:auto;
	clear: both;
	padding: 10px 20px 10px 20px;
	color: #300;
	background-color: #E2F0AA;
	margin-top: 10px;
	margin-bottom: 10px;
}
#item2{
	height:auto;
	clear: both;
	padding: 0px 20px 6px 20px;
	color: #2F1700;
}
#item3{
	height:auto;
	padding: 6px 20px 6px 20px;
	float: left;
	width: auto;
}
#item4{
	height:auto;
	padding: 6px 20px 6px 20px;
}
#container{
	height:auto;
	background-color: #D6D6D6;
}
table tr th a {
	color: #FFF;
}
/*
==================================================
近隣施設のご案内　追加分
================================================== */
#title_sisetsu{
	font-size:16px;
	text-align:center;
	color: #000;
}
#title_sisetsu a{
	text-decoration:none;}
.kinrin_th{
	background-color:#FFF;
}
.kinrin_table{
	border:#999 solid 1px;}

/*
==================================================
見出し設定
================================================== */
#midashi01{
	width:618px;
	background-image:url(img/kazari01.gif);
	background-repeat:no-repeat;
	line-height:40px;
	font-weight:bold;
	font-size:20px;
	color:#330;
	margin-bottom:2px;
	text-indent:30px;
}

#midashi02{
	font-size:18px;
	text-indent:20px;
	font-weight:bold;}

#midashi03{
	width:618px;
	background-image:url(img/asobi/midashi00.gif);
	background-repeat:no-repeat;
	line-height:40px;
	font-weight:bold;
	font-size:20px;
	color:#330;
	margin-bottom:2px;
	margin-top:10px;
	text-indent:60px;}
#midashi04{
	font-size:16px;
	text-align:center;
	color: #FFF;
	font-weight:bold;
}
#midashi05{
	width:618px;
	background-image:url(img/turara/midashi00.gif);
	background-repeat:no-repeat;
	line-height:40px;
	font-weight:bold;
	font-size:20px;
	margin-bottom:2px;
	text-indent:50px;
}
#midashi06{
	width:618px;
	background-image:url(img/turara/midashi02.gif);
	background-repeat:no-repeat;
	line-height:40px;
	font-size:16px;
	margin-bottom:2px;
	text-indent:36px;
}
#midashi07{
	width:618px;
	background-image:url(img/turara/midashi03.gif);
	background-repeat:no-repeat;
	background-color:#FFF;
	line-height:50px;
	font-size:16px;
	font-weight:900;
	margin-bottom:2px;
	text-indent:100px;
	}
#midashi08{
	width:618px;
	background-image:url(img/turara/midashi04.gif);
	background-repeat:no-repeat;
	background-color:#FFF;
	line-height:50px;
	font-size:16px;
	font-weight:900;
	margin-bottom:2px;
	text-indent:100px;
	}
/*
==================================================
遊びの提案　追加分
================================================== */
.asobi td{
	padding:0;
	margin:0;}
.asobi_ryoukin{
	border:solid #CCC 2px;
	}
.asobi_ryoukin td{
	text-align:center;}
/*
==================================================
三十槌の氷柱　追加分
================================================== */
#turara01{
	background-color:#FFF;}
#turara_txt{
	line-height:26px;
	padding:10px;}
#turarabox tr{
	padding:10px;}
/*
==================================================
トップ　追加分
================================================== */

#indexmain td{
	padding:0 0 0 3px;
	margin:0;}
	
	.box0 {
    padding: 0.5em 1em;
    margin: 0 0 22px 0;
    color: #dc143c;
    background: #fff;
    border: solid 2px #ff7d6e;
	border-top: solid 10px #ff7d6e;
}

.box0 p {
    margin: 0; 
    padding: 0;
}