/* CSS Document */


#forest {
	width:756px;
	float:right;
}

#forest h1 {
	width:756px;
	height:137px;
	background:url(../img/shisetu/title.jpg) no-repeat;
}

#forest #nav {
	width:756px;
	height:46px;
	padding:0 0 40px 25px;
	box-sizing: border-box;
	margin-bottom: 40px;
	
}

#forest #nav ul {
width:100%;
height:46px;
margin:0px auto;
font-size:10px;
padding:0;
border-left:1px dotted #ABABAB;

	box-sizing: border-box;
}

#forest #nav li {float:left; border-right:1px dotted #ABABAB;box-sizing: border-box;}

#forest #nav li a {
background-image:url(../img/shisetu/smenu.gif);
height:44px;
background-repeat:no-repeat;
outline:none;
text-decoration:none;
display:block;
text-indent:-9999px;
font-size:10px;
line-height:10px;
	box-sizing: border-box;
}


#forest #nav .li1 a {background-position:0px 0px; width:63px;}
#forest #nav .li2 a {background-position:-63px 0px; width:71px;}
#forest #nav .li3 a {background-position:-134px 0px; width:73px;}
#forest #nav .li4 a {background-position:-207px 0px; width:83px;}
#forest #nav .li5 a {background-position:-290px 0px; width:83px;}
#forest #nav .li6 a {background-position:-373px 0px; width:63px;}
#forest #nav .li7 a {background-position:-436px 0px; width:76px;}
#forest #nav .li8 a {background-position:-512px 0px; width:69px;}
#forest #nav .li9 a {background-position:-581px 0px; width:70px;}
#forest #nav .li10 a {background-position:-651px 0px; width:69px;}

#forest #nav li a:hover {border-bottom:2px solid #99CC33;}

#forest #nav .li1s a {background-position:0px 0px; width:63px;border-bottom:2px solid #f00;}
#forest #nav .li2s a {background-position:-63px 0px; width:71px;border-bottom:2px solid #f00;}
#forest #nav .li3s a {background-position:-134px 0px; width:73px;border-bottom:2px solid #f00;}
#forest #nav .li4s a {background-position:-207px 0px; width:83px;border-bottom:2px solid #f00;}
#forest #nav .li5s a {background-position:-290px 0px; width:83px;border-bottom:2px solid #f00;}
#forest #nav .li6s a {background-position:-373px 0px; width:63px;border-bottom:2px solid #f00;}
#forest #nav .li7s a {background-position:-436px 0px; width:76px;border-bottom:2px solid #f00;}
#forest #nav .li8s a {background-position:-512px 0px; width:69px;border-bottom:2px solid #f00;}
#forest #nav .li9s a {background-position:-581px 0px; width:70px;border-bottom:2px solid #f00;}
#forest #nav .li10s a {background-position:-651px 0px; width:69px;border-bottom:2px solid #f00;}



@media screen and (max-width: 550px) {

#forest {
	width:100%;
	float:none;
}

#forest h1 {
	width:100%;
	height:100px;
	background:url(../img/shisetu/title.jpg) no-repeat;
	background-position: -10px 0;
	background-size: auto 100px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

#forest #nav {
	width:100%;
	height:auto;
	padding:0;
}

#forest #nav ul {
width:98%;
height:auto;
margin:0px auto 40px auto;
font-size:10px;
padding:0 auto;
border-left:1px dotted #ABABAB;
box-sizing: border-box;
letter-spacing: -0.4em;
}

#forest #nav li {
	display: inline-block;
	letter-spacing: normal;
	border-right:none; 
	width: 50%;
	padding: 5px 1%;
	box-sizing: border-box;
	}

#forest #nav li a {
display: block;
background-image:none;
background-repeat:no-repeat;
outline:none;
text-decoration:none;
text-indent:0;
font-size:14px;
line-height:120%;
padding: 5px;
box-sizing: border-box;
background-color: #f6f6f6;
border-left: 3px solid #2A4D29;
}

#forest #nav .li1 a,
#forest #nav .li2 a,
#forest #nav .li3 a,
#forest #nav .li4 a,
#forest #nav .li5 a,
#forest #nav .li6 a,
#forest #nav .li7 a,
#forest #nav .li8 a,
#forest #nav .li9 a {width:100%;}

#forest #nav li a:hover {border-bottom:none;}

#forest #nav .li1s a,
#forest #nav .li2s a,
#forest #nav .li3s a,
#forest #nav .li4s a,
#forest #nav .li5s a,
#forest #nav .li6s a,
#forest #nav .li7s a,
#forest #nav .li8s a,
#forest #nav .li9s a { width:100%;border-bottom:none;}
}




/* --施設トップ----------------------------------------------------------------*/


#forest #top1 h2 {
	width:714px;
	height:80px;
	margin:0 0 0 20px;
	background:url(../img/shisetu/sst1.gif) no-repeat;
}
	
	#forest #top1 p {margin:0; padding:0 40px 20px 45px;}
	

#forest #top1 .box {
	width:300px;
	float:left;
	padding:18px;
	margin:0 0 30px 27px;
	background:#EBF7FD url(../img/shisetu/kado.gif) no-repeat right bottom;
}

#forest #top1 .box p {margin:0; padding:10px;}

#forest #top1 h3 {
	width:300px;
	height:40px;
}

#forest #top1 h3 a {
	width:300px;
	height:40px;
	display:block;
}

	#ssth31 {background:url(../img/shisetu/st1.gif) no-repeat top left;}
	#ssth32 {background:url(../img/shisetu/st2.gif) no-repeat top left;}
	#ssth33 {background:url(../img/shisetu/st3.gif) no-repeat top left;}
	#ssth34 {background:url(../img/shisetu/st4.gif) no-repeat top left;}
	#ssth35 {background:url(../img/shisetu/st5.gif) no-repeat top left;}
	#ssth36 {background:url(../img/shisetu/st6.gif) no-repeat top left;}
#ssth37 {background:url(../img/shisetu/st7.gif) no-repeat top left;}
	
	
	
#forest #top2 h2 {
	width:714px;
	height:80px;
	margin:0 0 0 20px;
	background:url(../img/shisetu/sst2.gif) no-repeat;
}	

	#forest #top2 .shisetu {
		width:445px;
		height:148px;
		margin:0 0 20px 40px;
		padding:0 0 20px 215px;
		border-bottom:1px dotted #999999;
	}
	
	#forest #top2 .shisetu2 {
		width:445px;
		margin:0 0 20px 40px;
		padding:0 0 20px 215px;
		border-bottom:1px dotted #999999;
	}
		.sback1 {background:url(../img/shisetu/s1.jpg) no-repeat left top;}
		.sback2 {background:url(../img/shisetu/s2.jpg) no-repeat left top;}
		.sback3 {background:url(../img/shisetu/s3.jpg) no-repeat left top;}
		.sback4 {background:url(../img/shisetu/s4.jpg) no-repeat left top;}
		.sback5 {background:url(../img/shisetu/s5.jpg) no-repeat left top;}
		.sback6 {background:url(../img/shisetu/s6.jpg) no-repeat left top;}
		.sback7 {background:url(../img/shisetu/s7.jpg) no-repeat left top;}




@media screen and (max-width: 550px) {

#forest #top1 
{padding: 50px 0; clear: both;}


#forest #top1 h2,
#forest #top2 h2 {
	width:auto;
	height:auto;
	margin:0 10px 20px 10px;
	padding: 5px 0;
	text-align: center;
	background:none;
	font-weight: normal;
	background-color: #1B5E1F;
	color: #ffffff;
}
	
	#forest #top1 p {margin:0; padding:0 20px 20px 20px;}
	

#forest #top1 .box {
	width:90%;
	float:none;
	padding:18px;
	margin:0 auto 30px auto;
	box-sizing: border-box;
	text-align: center;
}

#forest #top1 .box p {margin:0; padding:10px; text-align: left;}

#forest #top1 h3 {
	width:100%;
	height:40px;
}

#forest #top1 h3 a {
	width:100%;
	height:40px;
	display:block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

	
	
	


	#forest #top2 .shisetu {
		width:100%;
		height:auto;
		margin:0 0 20px 0;
		padding:160px 5% 20px 5%;
		border-bottom:1px dotted #999999;
		box-sizing: border-box;
		clear: both;
	}
	
	#forest #top2 .shisetu2 {
		width:100%;
		margin:0 0 20px 0;
		padding:160px 5% 20px 5%;
		border-bottom:1px dotted #999999;
		box-sizing: border-box;
		clear: both;
	}
		.sback1 {background:url(../img/shisetu/s1.jpg) no-repeat center top;}
		.sback2 {background:url(../img/shisetu/s2.jpg) no-repeat center top;}
		.sback3 {background:url(../img/shisetu/s3.jpg) no-repeat center top;}
		.sback4 {background:url(../img/shisetu/s4.jpg) no-repeat center top;}
		.sback5 {background:url(../img/shisetu/s5.jpg) no-repeat center top;}
		.sback6 {background:url(../img/shisetu/s6.jpg) no-repeat center top;}
		.sback7 {background:url(../img/shisetu/s7.jpg) no-repeat center top;}




}





/* --キャンプ場・BBQ・オリエンテー・昆虫・森林展示館----------------------------------------------------------------*/


#forest h2 {
	width:auto;
	height:80px;
	margin:0 20px 0 20px;
	clear: both;
	text-indent: 100%;
	white-space: nowrap;
	overflow:hidden;
}
	#cph21 {background:url(../img/shisetu/camp/st1.gif) no-repeat;}
	#cph22 {background:url(../img/shisetu/camp/st2.gif) no-repeat;}
	#cph23 {background:url(../img/shisetu/camp/st3.gif) no-repeat;}
	#cph24 {background:url(../img/shisetu/camp/st4.gif) no-repeat;}
	#cph25 {background:url(../img/shisetu/camp/st5.gif) no-repeat;}
	#cph26 {background:url(../img/shisetu/camp/st6.gif) no-repeat;}
	
	#cph27 {background:url(../img/shisetu/bbq/st1.gif) no-repeat;}
	#cph28 {background:url(../img/shisetu/bbq/st2.gif) no-repeat;}
	#cph29 {background:url(../img/shisetu/bbq/st3.gif) no-repeat;}
	
	#cph211 {background:url(../img/shisetu/orien/st1.gif) no-repeat;}
	#cph212 {background:url(../img/shisetu/orien/st2.gif) no-repeat;}
	#cph213 {background:url(../img/shisetu/orien/st3.gif) no-repeat;}
	
	#kch21 {background:url(../img/shisetu/maronie/st1.gif) no-repeat;}
	#kch22 {background:url(../img/shisetu/maronie/st2.gif) no-repeat;}
	
	#srh22 {background:url(../img/shisetu/hall/st1.gif) no-repeat;}
	#srh21 {background:url(../img/shisetu/hall/st2.gif) no-repeat;}
	
	#crh21 {background:url(../img/shisetu/craft/st1.gif) no-repeat;}
	#crh22 {background:url(../img/shisetu/craft/st2.gif) no-repeat;}
	#crh23 {background:url(../img/shisetu/craft/st3.gif) no-repeat;}
	#crh24 {background:url(../img/shisetu/craft/st4.gif) no-repeat;}
	
	
	#coh23 {background:url(../img/shisetu/cook/st3.gif) no-repeat;}

#fih21 {background:url("../img/shisetu/fish/st1.gif") no-repeat;}
#fih23 {background:url("../img/shisetu/fish/st3.gif") no-repeat;}




	

#forest h2#nob {
	width:auto;
	height:80px;
	margin:0 20px 0 20px;
	padding: 20px 0 0 80px;
	font-size: 18px;
	box-sizing: border-box;
	clear: both;
	text-indent: 0;
	white-space: pre-wrap;
	background: url("../img/shisetu/camp/stb.gif") no-repeat;
}

#forest h2#nob1 {
	width:auto;
	height:80px;
	margin:0 20px 0 20px;
	padding: 20px 0 0 80px;
	font-size: 18px;
	box-sizing: border-box;
	clear: both;
	text-indent: 0;
	white-space: pre-wrap;
	background: url("../img/shisetu/camp/stb.gif") no-repeat;
}



	.limg40 {margin-left:40px;}
	.bgr {font-size:18px; color:#363;}
	
	#forest #camp1 {clear: both;}
	
	#forest #camp1 p {margin:0; padding:0 40px 20px 45px;}
	#forest #camp1 p.thin {margin:0; padding:0 40px 20px 55px;}
	#forest p.spc {margin:0; padding:10px 40px 20px 65px;}
	#forest p.spc2 {margin:0; padding:10px 40px 20px 80px;}
	
	#forest a.camp_link{
	display: inline-block;
	max-width: auto;
	background-color: #719625;
	padding: 5px 10px;
	text-decoration: none;
	box-sizing: border-box;
	margin-top: 10px;
	transition: 0.5s;
	color: white;
	}
	
	#forest a.camp_link:hover{
	background-color: #97cc33;
	}
	
	#forest #camp1 table {
		width:650px;
		margin:20px 0 20px 45px;
		border-spacing:0px;
		border-top:1px dotted #C0C0C0;
	}
	
		#forest #camp1 table td {
			background-color:#FFF;
			padding:5px 8px;
			border-bottom:1px dotted #C0C0C0;
		}
		
		#forest #camp1 table th {
			background-color:#F0F7E1;
			padding:5px 8px;
			font-weight:normal;
			text-align:left;
			border-bottom:1px dotted #C0C0C0;
		}
	
	#forest .cal {
		width:680px;
		height:650px;
		background-color:#F9F8F4;
		margin:0 0 30px 40px;
		
	}
	
	
#forest #camp1 h3 {
	width:683px;
	height:163px;
	margin:0 0 0 40px;
	border-top:1px dotted #999999;
}
	#cph31 {background:url(../img/shisetu/camp/sst1.jpg) no-repeat;}
	#cph32 {background:url(../img/shisetu/camp/sst2.jpg) no-repeat;}
	#cph33 {background:url(../img/shisetu/camp/sst4.jpg) no-repeat;}
	
	
	#forest .renraku {
		width:620px;
		background-color:#FFF2E5;
		border:3px solid #FFE9D2;
		margin:0 0 0 30px;
		padding:23px;
	}
	
/* マロニエ昆虫館 */	
	
	.musi {
		width:450px;
		height:150px;
		padding:0 210px 20px 60px;
		background:url(../img/shisetu/maronie/kabuto.jpg) no-repeat right top;
	}
	
	.sbox {
		width:210px;
		float:left;
		margin-left:30px;
	}
	
	.sbox img {border:6px solid #ECECEC;}
	
	.sbox2 {
		width:320px;
		float:left;
		margin-left:32px;
	}
	
	.sbox h3,
	.sbox2 h3 {
		font-size:12px;
		line-height:30px;
		border-bottom:1px dotted #999999;
		margin-bottom:5px;
		padding:0 5px;
	}
	
		.sbox p,
		.sbox2 p {padding:5px 0 10px 5px; margin:0;}
		
		.ub20 {padding:20px 0;}
	
	
/* 森林展示館 */	

#mainimg {
	width:690px;
	height:240px;
	background:url(../img/shisetu/hall/siki.gif) no-repeat right #EBF7FD;
	overflow:hidden;
	margin:0 0 20px 40px;
}

p.ctr {text-align:center;}

.lsp {margin:0 0 0 10px;}



/* ネイチャークラフト */	
	
	.craft {
		width:440px;
		padding:0 220px 50px 60px;
		background:url(../img/shisetu/craft/kabuto2.jpg) no-repeat right top;
	}
	
	.craft0 {
		width:440px;
		padding:0 220px 20px 40px;
	}
	
	.craft2 {
		width:650px;
		padding:0 0px 60px 10px;
		margin:0 0 0 50px;
	}
	
	.craft2 h3 {
		line-height:30px;
		margin:0 0 10px 0;
		padding:0 5px;
		border-bottom:1px dotted #ABABAB;
		color:#006633;
	}
	
	.craft2 p {
		padding:5px 5px 20px 5px;
		margin:0;
	}
	
	.rimg {float:right;}
	
	
	.cimgsp {margin:-20px 0 10px 20px;}
	
	p.chtxt {
		padding:0 20px 10px 50px;
		margin:0;
	}
	
	table.challenge {
		width:660px;
		margin:0 0 40px 50px;
		background-color:#d6d6d6;
		border-spacing:1px;
	}
	
	table.challenge td {
		background-color:#FFF;
		padding:2px 8px;
		position: relative;
	}
	
	
	table.challenge th {
		background-color:#EDF6DB;
		padding:3px 8px;
		text-align:left;
		vertical-align:top;
	}
	/*クラフトページの表２つ*/
	/*画像を入れている表*/
	table.crafttable td {position: relative;}
	table.crafttable td img{
	position: absolute;
	top:9%;
	right:2%;
	}
	
	table.craftexp {
		width:660px;
		margin:0 0 40px 50px;
		background-color:#d6d6d6;
		border-spacing:1px;
	}
	
	table.craftexp span{font-size: 12px;}
	
	table.craftexp td {
		background-color:#FFF;
		position: relative;
		text-align: center;
		padding: 1px 8px;
	}
	
		table.craftexp td:first-child{white-space: nowrap;}
	table.craftexp td:nth-child(2){text-align: left;}
	
	table.craftexp th {
		background-color:#EDF6DB;
		padding:3px 8px;
		text-align:center;
		vertical-align:middle;
		white-space: nowrap;
	}
	




@media screen and (max-width: 550px) {

#forest h2 {
	width:auto;
	height:80px;
	margin:0 10px;
	clear: both;
	text-indent: 100%;
	white-space: nowrap;
	overflow:hidden;
}


.limg40 {width: 90%; margin-left: 5%; height: auto;}
.bgr {font-size:18px; color:#363;}
	
#forest #camp1 p {margin:0; padding:0 5% 20px 5%;}
#forest #camp1 p.thin {margin:0; padding:0 5% 20px 5%;}
#forest p.spc {margin:0; padding:10px 5% 20px 5%;}
#forest p.spc2 {margin:0; padding:10px 5% 20px 5%;}
	
	#forest #camp1 table {
		width:94%;
		margin:20px 0 20px 3%;
	}
	
	
	#forest .cal {
		width:90%;
		height:650px;
		background-color:#F9F8F4;
		margin:0 auto 30px auto;
	}
	
	#forest .cal iframe {
		width: 100%;
	}
	
	
#forest #camp1 h3 {
	width:96%;
	height:100px;
	margin:0 auto;
	border-top:1px dotted #999999;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
	#cph31 ,
	#cph32 ,
	#cph33 {background-size: contain;}
	
	
	#forest .renraku {
		width:90%;
		background-color:#FFF2E5;
		border:3px solid #FFE9D2;
		margin:0 auto 0 auto;
		padding:23px;
	}
	
/* マロニエ昆虫館 */	
	
	.musi {
		width:100%;
		box-sizing: border-box;
		height:auto;
		padding:0 35% 20px 5%;
		background-size: 40% auto;
	}
	
	.sbox {
		width:90%;
		float:none;
		margin-left:5%;
		text-align: center;
	}
	
	.sbox img {border:6px solid #ECECEC;}
	
	.sbox2 {
		width:90%;
		float:none;
		margin-left:5%;
	}
	
	.sbox h3,
	.sbox2 h3 {
		font-size:12px;
		line-height:30px;
		border-bottom:1px dotted #999999;
		margin-bottom:5px;
		padding:0 5px;
	}
	
		.sbox p,
		.sbox2 p {padding:5px 0 10px 5px; margin:0;}
		
		.ub20 {padding:20px 0;}
	
	
/* 森林展示館 */	

	h2#kch21,
	h2#kch22 {
		background:none;
		font-size: 15px;
		color: #ffffff;
		background-color: #229032;
		clear: both;
		text-indent: 0 !important;
		white-space: pre-wrap;
		padding: 0;
		text-align: center;
		height: 30px;
		margin:20px 0 30px 0;
		line-height: 30px;
	}
	
	
#mainimg {
	display: none;
}

p.ctr {text-align:center;}

.lsp {margin:0 0 0 10px;}



/* ネイチャークラフト */	
	
	.craft {
		width:100%;
		/*padding:150px 5% 20px 5%;*/
		padding:230px 5% 20px 5%;
		background:url(../img/shisetu/craft/kabuto2.jpg) no-repeat center top;
		background-size: 50% auto;
		box-sizing: border-box;
	}
	
	.craft0 {
		width:90%;
		padding:0 0 20px 0;
		box-sizing: border-box;
		margin: 0 auto;
	}
	
	#forest .craft0 iframe {
		width: 100%;
		height: 500px;
	}
	
	.craft2 {
		width:90%;
		padding:0 0px 60px 10px;
		margin:0 0 0 5%;
		box-sizing: border-box;
	}
	
	.craft2 h3 {
		line-height:30px;
		margin:0 0 10px 0;
		padding:0 5px;
		border-bottom:1px dotted #ABABAB;
		color:#006633;
	}
	
	.craft2 p {
		padding:5px 5px 20px 5px;
		margin:0;
	}
	
	.rimg {float:right;}
	
	
	.cimgsp {margin:-20px 0 10px 5%; width: 90%; height: auto;}
	
	p.chtxt {
		padding:0 20px 10px 5%;
		margin:0;
	}
	
	table.challenge {
		width:90%;
		margin:0 0 40px 5%;
		background-color:#d6d6d6;
		border-spacing:1px;
	}
	
	table.craftexp {
		width: 90%;
		margin:0 0 40px 5%;
		background-color:#d6d6d6;
		border-spacing:1px;
		table-layout:fixed;
	}
	


#forest table.challenge td img {
	width: 68px !important;
	height: auto !important;
}

#forest table.crafttable td img {
	width: 180px !important;
    position: static;
	display: block;
    margin: 10px auto;
}

#forest table.challenge td {min-width: 68px;}
#forest table.craftexp td {min-width: 68px;}

}

@media screen and (max-width: 400px) {
	.craft {padding:160px 5% 20px 5%;}

}



/*渓流釣り場*/

	#forest #fish {clear: both;}
	
	#forest #fish p {margin:0; padding:0 40px 20px 45px;}
	#forest #fish p.thin {margin:0; padding:0 40px 20px 55px;}
	
	
	#forest #fish table {
		width:650px;
		margin:20px 0 20px 45px;
		border-spacing:0px;
		border-top:1px dotted #C0C0C0;
		table-layout: fixed;
	}
	
		#forest #fish table td {
			background-color:#FFF;
			padding:5px 8px;
			border-bottom:1px dotted #C0C0C0;
		}
		
		#forest #fish table th {
			background-color:#CBF2FF;
			padding:5px 8px;
			font-weight:normal;
			text-align:left;
			border-bottom:1px dotted #C0C0C0;
			width:15%;
		}

#forest #faq h3 {margin:0; padding:8px 20px;
	box-sizing: border-box;
	 color: #fff;
  border-radius: 10px;
  background: #0092C1;
	position: relative;
	margin-left: 45px;
	font-weight: 500;
	display: inline-block;
	font-size:14px;
}
#forest #faq h3 span{
	display:inline-block;
	margin-right: 10px;
	
}
#forest #faq h3:after {
  position: absolute;
  bottom: -9px;
  left: 1em;
  width: 0;
  height: 0;
  content: '';
  border-width: 10px 10px 0 10px;
  border-style: solid;
  border-color: #0092C1 transparent transparent transparent;
}

#forest #faq p {margin:10px 0 20px  0 ; padding:0 40px 20px 65px;}
#forest #faq p span{
	color:#0092C1;
	display: inline-block;
	margin-right: 10px;

}	
#forest #faq h4 {
	margin:30px 0 0 45px	; 
	padding: 0 20px;
	box-sizing: border-box;

}
#forest #faq h4 span{
	display:inline-block;
	color: #0092C1;
	margin-right: 10px;
	
}

@media screen and (max-width: 550px) {


	
#forest #fish p {margin:0; padding:0 5% 20px 5%;}
#forest #fish p.thin {margin:0; padding:0 5% 20px 5%;}

	
	#forest #fish table {
		width:94%;
		margin:20px 0 20px 3%;
	}
	
#forest #faq h3 {margin:0; padding:10px 20px;
	width:94%;
	margin-left: 3%;
	}
	
	#forest #faq p {margin:10px 0 20px  0 ; padding:0 5% 20px 5%;
	}
	
	#forest #faq h4 {
		
	margin:30px 0 0 0	; 
	padding: 0 5%;
		box-sizing: border-box;
}

span.tred{
	color:red;
}

}


a.btnpdf {
	background-color: #386F45;
	color: #fff;
	padding: 5px 10px 6px 10px;
	border-radius: 5px;
	text-decoration: none;
	display: inline-block;
	margin: 5px;
}