@charset "UTF-8";

/* common style
----------------------------------------------- */
body{
	margin:0;
	padding:0;
	background-color:#e6e6e6;
}
#top{
	width:875px;
	position:relative;
	margin:0px auto;
	padding-top:40px;
}
p {
	color:#341d16;
	font-size:14px;
	line-height:2.2em;
}
h1,h2{
	margin:0;
	padding:0;
	font-weight:normal;
	line-height:0;
}
h2{
	font-size:20px;
}
a{
	color:#00474d;
	text-decoration:none;
}
a:hover{
	color:#03737c;
	text-decoration:underline;
}
#btn-top{
	width:875px;
	position:fixed;
	top:480px;
}
#btn-top a{
	position:absolute;
	right:-50px;
	*right:-51px;
	*padding-top:430px;
	clear: both;
	z-index:100;
	
}
#btn-top a img{
	
}
a img {
    border-style:none;
}
/* header style
----------------------------------------------- */
header{
	position:relative;
	width:835px;
	background-image:url(../img/bg.png);
	padding:0 20px;
	z-index:10;
}

header #header-inner{
	width:835px;
	position:relative;
	background-color:#fafaf9;
	background-image:url(../img/_headwp.png);
	background-repeat:no-repeat;
	text-align:center;
}
header .header-title{
	margin:206px 0 0 0;
}
header .header-nissan{
	position:absolute;
	top:71px;
	right:28px;
}
header .header-illust{
	position:absolute;
	top:93px;
	right:0;
}
header #btn-social{
	text-align:left;
	padding:47px 0 25px 38px;
	display:block;
	height:46px;
	line-height:1px;
}
header #btn-social #btn-social-twitter{
	width:100px;
	overflow:hidden;
	margin:0px 12px 0 0;
	display:block;
	float:left;
}
header #btn-social #btn-social-facebook{
	margin:0px 4px 0 0;
	float:left;
}
header #btn-social #btn-social-facebook-share{
	margin:0px 0 0 0;
	float:left;
}
header nav {
	width:835px;
	height:135px;
	background-image:url(../img/menu.png);
}
header nav #concept{
}
header ul{
	list-style:none;
	margin:0;
	padding:28px 0 0 108px
}
header nav ul li{
	float:left;
	display:block;
}
header nav a{
}
header nav a#menu-concept{
	display:block;
	background-image:url(../img/menu.png);
	background-position:-109px -28px;
	width:157px;
	height:55px;
	text-indent:-9999px;
}
header nav a#menu-action{
	display:block;
	background-image:url(../img/menu.png);
	background-position:-266px -28px;
	width:149px;
	height:55px;
	text-indent:-9999px;
	margin:
}
header nav a#menu-forest{
	display:block;
	background-image:url(../img/menu.png);
	background-position:-415px -28px;
	width:151px;
	height:55px;
	text-indent:-9999px;
}
header nav a#menu-future{
	display:block;
	background-image:url(../img/menu.png);
	background-position:-566px -28px;
	width:148px;
	height:55px;
	text-indent:-9999px;
}
header nav a#menu-concept:hover{
	background-position:-109px -163px;
}
header nav a#menu-action:hover{
	background-position:-266px -163px;
}
header nav a#menu-forest:hover{
	background-position:-415px -163px;
}
header nav a#menu-future:hover{
	background-position:-566px -163px;
}
header .bg-top-l{
	position:absolute;
	top:0px;
	left:0px;
}
header .bg-top-r{
	position:absolute;
	top:0px;
	right:0px;
	_right:-1px;
}

/* contents style
----------------------------------------------- */
#contents {
	width:835px;
	background-image:url(../img/bg.png);
	padding:0 20px;
	
}
#contents p{
	margin:0 0 60px;
}
#contents-inner{
	width:835px;
	background-color:#fafaf9;
}
#contents #concept{
	position:relative;
	background-image:url(../img/_wp1.png);
	background-repeat:no-repeat;
	width:835px;
	padding:100px 0 50px 0;
}
#contents #concept h1{
	margin:0px 0 60px 350px;
}
#contents #concept p{
	width:420px;
	margin:0 0 60px 350px;
}
#contents #concept .contents-img{
	position:absolute;
	top:68px;
	left:-83px;
}
#contents #concept a.links{
	margin:0 0 0 350px;
}

#contents #action{
	position:relative;
	background-image:url(../img/_wp1.png);
	background-repeat:no-repeat;
	width:835px;
	padding:100px 0 50px 0;
}
#contents #action h1{
	margin:0 0 60px 80px;
}
#contents #action h2{
	color:#341d16;
	margin:0 0 25px 80px;
	line-height:1em;
}
#contents #action p{
	width:420px;
	margin:0 0 90px 80px;
}
#contents #action .contents-img{
	position:absolute;
	top:70px;
	left:530px;
	clear: both;
	z-index:110;
}
#contents #action .contents-img-moretrees{
	position:absolute;
	top:620px;
	left:530px;
	text-align:center;
	width:266px;
}

#contents #forest{
	position:relative;
	background-image:url(../img/_wp1.png);
	background-repeat:no-repeat;
	width:835px;
	padding:100px 0 50px 0;
}
#contents #forest h1{
	margin:0px 0 60px 350px;
}
#contents #forest h2{
	color:#00474d;
	margin:0 0 20px 350px;
	line-height:1em;
}
#contents #forest span{
	display:block;
	color:#00474d;
	margin:0 0 10px 350px;
	line-height:1em;
}
#contents #forest p{
	width:420px;
	margin:0 0 40px 350px;
}
#contents #forest a{
	display:block;
	font-size:12px;
	width:420px;
	margin:0 0 16px 350px;
}
#contents #forest #googlemap{
	position:absolute;
	background-image:url(../img/googlemap.png);
	top:170px;
	left:-83px;
	width:348px;
	height:348px;
	padding:18px 20px 24px 20px;
}
#contents #forest #map{
	width:348px;
	height:348px;
}

#contents #future{
	position:relative;
	background-image:url(../img/_wp1.png);
	background-repeat:no-repeat;
	width:835px;
	padding:100px 0 50px 0;
}
#contents #future h1{
	margin:0 0 60px 80px;
}
#contents #future h2{
	color:#341d16;
	margin:0 0 25px 80px;
	line-height:1em;
}
#contents #future p{
	width:420px;
	margin:0 0 44px 80px;
}
#contents #future .contents-img{
	position:absolute;
	top:120px;
	left:530px;
}

/* footer style
----------------------------------------------- */
footer{
	position:relative;
	text-align:center;
	margin:0 0 100px 0;
	padding:130px 20px 90px 20px;
	width:834px;
	background-color:#fafaf9;
	background-image:url(../img/bg.png);
}
footer a{
	display:block;
	margin:0 0 50px 0;
}
footer .copyright{
}
footer .bg-bottom-l{
	position:absolute;
	bottom:0px;
	*bottom:-1px;
	left:0px;
}
footer .bg-bottom-r{
	position:absolute;
	bottom:0px;
	*bottom:-1px;
	right:0px;
}



/* utility style
----------------------------------------------- */
.cf {zoom:1;}
.cf:after{
    content: ""; 
    display: block; 
    clear: both;}
	
.fl {float:left;}
.fr {float:right;}