@charset "utf-8";

/* footer
++++++++++++++++++++++++++++++*/
footer{
	position:relative;
	width:100%;
	color:#FFF;
	text-align:center;
	border-top:1px solid #CCC;
	}
footer a{color:#FFF; text-decoration:none;}
footer a:hover{border-bottom:1px dotted #FFF;}

#pagetop,
#pagetop-green{
	position:absolute;
	top:20px; right:10px;
	width:70px; height:61px;
	overflow:hidden;
	}


#footer-banner-box{width:100%;}
#footer-banner-box-inner{
	width:960px;
	margin:0 auto;
	padding:25px 0;
	}
ul#footer-banner-list{
	margin:0;
	}
ul#footer-banner-list li{
	width:154px;
	margin:0 6px 0 0;
	float:left;
	display:inline;
	overflow:hidden;
	}
ul#footer-banner-list li:last-child{margin:0;}


#footer-sns-box{
	width:100%;
	background:#CFE6F4;
	}
#footer-sns-green-box{
	width:100%;
	background:#EFF5EF;
	}
#footer-sns-box-inner{
	width:960px;
	margin:0 auto;
	padding:8px 0;
	}
ul#footer-sns-list{
	margin:0;
	}
ul#footer-sns-list li{
	height:24px;
	margin:0 25px 0 0;
	padding:0;
	float:left;
	display:inline;
	overflow:hidden;
	}
ul#footer-sns-list li:last-child{margin:0;}



#footer-box{
	width:100%; height:565px;
	background:url("/img/common/footer/background.jpg") no-repeat center top #000;
	}
#footer-green-box{
	width:100%; height:565px;
	background:url("/img/green/common/footer/background.jpg") no-repeat center top #000;
	}
#footer-layer{
	position:relative;
	top:440px;
	width:100%; height:125px;
	background:url("/img/common/footer/black_layer.png");
	}
#footer-box-inner{
	position:relative;
	width:960px;
	margin:0 auto;
	text-align:left;
	}
#footer-logo{
	position:absolute;
	top:15px; left:0;
	width:422px; height:48px;
	}
nav#footer-sub-nav{
	position:absolute;
	top:35px; right:0;
	text-align:right;
	}
nav#footer-sub-nav ul li{
	font-size:80%;
	margin:0 15px 0 0;
	padding:0 0 0 8px;
	background:url("/img/common/footer/arrow.png") no-repeat left center;
	float:left;
	display:inline;
	}
nav#footer-sub-nav ul li:last-child{margin:0;}

nav#footer-nav{
	position:absolute;
	top:80px; left:0;
	}
nav#footer-nav ul li{
	font-size:80%;
	line-height:20px;
	margin:0 20px 0 0;
	padding:0 0 0 24px;
	float:left;
	display:inline;
	}
nav#footer-nav ul li:last-child{margin:0;}
nav#footer-nav ul li#nav01{background:url("/img/common/footer/icon/gelande.png") no-repeat left center;}
nav#footer-nav ul li#nav02{background:url("/img/common/footer/icon/ticket.png") no-repeat left center;}
nav#footer-nav ul li#nav03{background:url("/img/common/footer/icon/activity.png") no-repeat left center;}
nav#footer-nav ul li#nav04{background:url("/img/common/footer/icon/kids.png") no-repeat left center;}
nav#footer-nav ul li#nav05{background:url("/img/common/footer/icon/school.png") no-repeat left center;}
nav#footer-nav ul li#nav06{background:url("/img/common/footer/icon/event.png") no-repeat left center;}
nav#footer-nav ul li#nav07{background:url("/img/common/footer/icon/townguide.png") no-repeat left center;}
nav#footer-nav ul li#nav08{background:url("/img/common/footer/icon/access.png") no-repeat left center;}


nav#footer-green-nav{
	position:absolute;
	top:80px; left:0;
	}
nav#footer-green-nav ul li{
	font-size:80%;
	line-height:20px;
	margin:0 18px 0 0;
	padding:0 0 0 22px;
	float:left;
	display:inline;
	}
nav#footer-green-nav ul li:last-child{margin:0;}
nav#footer-green-nav ul li#nav01{background:url("/img/green/common/footer/icon/trekking.png") no-repeat left center;}
nav#footer-green-nav ul li#nav02{background:url("/img/green/common/footer/icon/nature.png") no-repeat left center;}
nav#footer-green-nav ul li#nav03{background:url("/img/common/footer/icon/event.png") no-repeat left center;}
nav#footer-green-nav ul li#nav04{background:url("/img/common/footer/icon/townguide.png") no-repeat left center;}
nav#footer-green-nav ul li#nav05{background:url("/img/common/footer/icon/access.png") no-repeat left center;}
nav#footer-green-nav ul li#nav06{background:url("/img/green/common/footer/icon/photo-spot.png") no-repeat left center;}
nav#footer-green-nav ul li#nav07{background:url("/img/green/common/footer/icon/sightseeing.png") no-repeat left center;}
nav#footer-green-nav ul li#nav08{background:url("/img/green/common/footer/icon/travels.png") no-repeat left center;}



#copyright-box{
	width:100%;
	background:#016DA2;
	}
#copyright-green-box{
	width:100%;
	background:#0F592F;
	}
#copyright-box-inner{
	position:relative;
	width:960px;
	margin:0 auto;
	padding:20px 0;
	text-align:left;
	}
#copyright-box-inner p{
	font-size:80%;
	margin:0 0 20px 0;
	}
#copyright-box-inner p span.text-jp{margin-right:1em;}
#copyright-box-inner p span.text-en{margin-right:0.5em;}
#copyright-box-inner p span.text-privacy{margin-left:0.5em;}

#rule-banner-box{
	position:absolute;
	top:20px; right:0;
	width:250px; height:58px;
	overflow:hidden;
	}