@charset "utf-8";
/* CSS Document */
/* ----------------------- Browser Default Initialization */
html {
	overflow-y: scroll;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td	{
	margin: 0;	padding: 0;
}
address, caption, cite, code, dfn, em, strong, th, var	{
	font-style: normal;
}
table	{
	border-collapse: collapse;	border-spacing: 0;
}
caption, th	{
	text-align: left;
}
q:before ,q:after	{
	content: '';
}
object, embed	{
	vertical-align: top;
}
hr, legend	{
	display: none;
}
h1, h2, h3, h4, h5, h6	{
	font-size: 100%;
}
img, abbr, acronym, fieldset	{
	border: 0;
}

/* 隙間対策(IE6) */
img{
vertical-align: top;
vertical-align: bottom;
}

li	{
	list-style-type: none;
}
p, dd, blockquote	{
	text-align: justify;
	text-justify: inter-ideograph;
}

/* ----------------------- Basic Style */
/* ------------ Font Style */
body {
	font-family: verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	color:#000000;
	font-size:75%;
	line-height:150%;
	text-align:center;
	background-color: #FFFFFF;
	background-image: url(../img/headerbackground-repeat.jpg);
	background-repeat: repeat-x;
	background-position: center top;
}
html>/**/body {
	font-size:12px;
}

* + html body {
	font-family: "メイリオ","Meiryo";
}

.8bb724{
	color:#8bb724;
}

.right{
	float:right;
}

.center{
	text-align:center;
}
/* ------------ A Style */
a:link	{
	text-decoration: none;
	color: #000000;
}

a:visited	{
	text-decoration: none;
	color: #00F;
}

a:hover	{
	text-decoration: underline;
	color: #00F;
}

a:active	{
	text-decoration: none;
	color: #00F;
}
/*
clearfix
-----------------------------------------------------*/
.clearfix:after
{
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clear
{
	clear:both;
}
.clearfix
{
	display:inline-table;zoom:1;
	overflow:hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*
container
-----------------------------------------------------*/
#container{
	margin:0 auto;
	text-align:center;
	background-color:#FFFFFF;
	background-repeat:no-repeat;
	background-image: url(../img/headerbackground.jpg);
	background-position: center top;
}

* html #mainContent-top{
	width:900px;
	margin:0 auto;
	padding-top:20px;
	text-align:center;
}

#mainContent-top{
	width:900px;
	margin:0 auto;
	padding-top:90px;
	text-align:center;
}

* html #mainContent{
	background-color:#FFFFFF;
	width:900px;
	margin:0 auto;
	text-align:center;
}

#mainContent{
	background-color:#FFFFFF;
	width:900px;
	margin:0 auto;
	text-align:center;
}

#leftArea{
	float:left;
	display: inline;
	padding:0 20px 0 10px;
	width:610px;
	text-align:left;
}

#rightArea{
	float:left;
	display: inline;
	width:250px;
	padding-right:10px;
	text-align:left;
}
/*
header
-----------------------------------------------------*/
#header-top{
	height:400px;
	background:url(../img/headerbackground.jpg) no-repeat center top;
	margin:0 auto;
}

#header{
	height:275px;
	margin:0 auto;
	padding: 0;
}

/*
#headerBackground{
	height:400px;
	margin:0 auto;
}

#headerBackground-out{
	height:400px;
	margin:0 auto;
}
*/

#header-inner{
	width:900px;
	margin:0 auto;
	padding: 0;
}

#logo {
	float:left;
	padding:20px 0;
}

#header-top #helpNav {
	float:right;
	margin-top:20px;
}   
    
#header-top #helpNav h1{
	text-align:left;
}

#header-top #helpNav li {   
    display: inline;
}   
    
#header-top #helpNav li a {   
    color: #FFFFFF;
}   
    
#header-top #helpNav li a:hover {   
    color: #2c5600;   
    text-decoration: none;   
}


#header #helpNav {
	float:right;
	margin-top:20px;
}   
    
#header #helpNav h1{
	text-align:left;
}

#header #helpNav li {   
    display: inline;
}   
    
#header #helpNav li a {   
    color: #FFFFFF;
}   
    
#header #helpNav li a:hover {   
    color: #2c5600;   
    text-decoration: none;   
}

.mp0 {margin:0; padding:0;}

/*
globalnavi
-----------------------------------------------------*/
#globalnavi {
	width: 900px;
	height: 46px;
	background:url(../img/globalnavi.jpg) no-repeat;
	margin:0;
	float:left;
}
#globalnavi ul {
	padding:0;
}
#globalnavi li {
	display:inline;
	list-style-type:none;
}
#globalnavi li a {
	height:46px;
	display:block;
	float:left;
	text-indent:-9999px;
	text-decoration:none;
	overflow:hidden;
}

#globalnavi li.globalnavi00 a {
	background:url(../img/globalnavi.jpg) no-repeat 0px 0px;
	width:150px;
}

#globalnavi li.globalnavi01 a {
	background:url(../img/globalnavi.jpg) no-repeat -150px 0px;
	width:150px;
}

#globalnavi li.globalnavi02 a {
	background:url(../img/globalnavi.jpg) no-repeat -300px 0px;
	width:150px;
}

#globalnavi li.globalnavi03 a {
	background:url(../img/globalnavi.jpg) no-repeat -450px 0px;
	width:150px;
}

#globalnavi li.globalnavi04 a {
	background:url(../img/globalnavi.jpg) no-repeat -600px 0px;
	width:150px;
}

#globalnavi li.globalnavi05 a {
	background:url(../img/globalnavi.jpg) no-repeat -750px 0px;
	width:150px;
}

#globalnavi li.globalnavi00 a:hover {
	background:url(../img/globalnavi.jpg) no-repeat -0px -46px;
}

#globalnavi li.globalnavi01 a:hover {
	background:url(../img/globalnavi.jpg) no-repeat -150px -46px;
}

#globalnavi li.globalnavi02 a:hover {
	background:url(../img/globalnavi.jpg) no-repeat -300px -46px;
}

#globalnavi li.globalnavi03 a:hover {
	background:url(../img/globalnavi.jpg) no-repeat -450px -46px;
}

#globalnavi li.globalnavi04 a:hover {
	background:url(../img/globalnavi.jpg) no-repeat -600px -46px;
}

#globalnavi li.globalnavi05 a:hover {
	background:url(../img/globalnavi.jpg) no-repeat -750px -46px;
}

/*
leftArea
-----------------------------------------------------*/
#leftArea h2{
	text-align:left;
	font-size:24px;
	color:#8bb724;
	padding-top:20px;
}

#leftArea dl{
	padding-top:20px;

}

#leftArea dt{
	float:left;
	width:200px;
	padding:0 20px 20px 0;
	display: inline;
}

#leftArea dd{
	float:left;
	text-align:left;
	width: 390px;
	word-break: break-all;
}
/*
rightArea
-----------------------------------------------------*/
#rightArea .img{
	margin-top:20px;
}

#map {
	background:url(../img/map.jpg) no-repeat;
	width:250px;
	height:275px;
	margin-top:20px;
}

#map-inner{
	padding:40px 25px 10px 25px;
}
/*
company
-----------------------------------------------------*/
#company{
	float:left;
	padding:0 20px 0 10px;
	width:610px;
}

#company .first{
	background: url(none);
}

#company dl{
	padding-right: 20px;
	padding-left: 20px;
	width: 570px;
}

#company dt{
	float:left;
	width:220px;
	padding-top:15px;
	padding-bottom:0;
	padding-right:0;
	background: url(../img/dot_hr.jpg) repeat-x top;
	line-height: 20px;
}

#company dd{
	margin-left:220px;
	padding-top:15px;
	background:url(../img/dot_hr.jpg) repeat-x top;
	padding-bottom: 10px;
	line-height: 20px;
	_zoom: 1;
}

#company dd div {
	line-height: 20px;
}
/*
deforestation
-----------------------------------------------------*/
#deforestation{
	float:left;
	padding:10px 20px 20px 10px;
	width:610px;
}

#deforestation p{
	text-align:left;
	padding:20px;
}
/*
bamboofence
-----------------------------------------------------*/
#bamboofence{
	float:left;
	padding:10px 20px 0 10px;
	width:610px;
}

#bamboofence p{
	text-align:left;
	padding:20px;
}

#bamboofence h4{
	display:block;
	font-size:18px;
	font-weight:600;
	text-align:left;
	line-height:30px;
	padding-bottom:10px;
	background-image: url(../img/title_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	color:#FFFFFF;
	padding-left:20px;

}
#bamboofence ul {
	margin:0; padding:0;
}
#bamboofence li {
	float:left;
	display:inline;
	border: 2px solid #EFEFEF;
	margin: 8px;
}
/*
bamboofence
-----------------------------------------------------*/
#suikinkutsu{
	float:left;
	padding:20px 20px 0 10px;
	width:610px;
}

#suikinkutsu p{
	text-align:left;
	padding:20px;
}

#suikinkutsu h3{
	float:left;
	padding-bottom:10px;

}

#suikinkutsu img.left{
	float:left;
	display:inline;
	padding:10px;
}

#suikinkutsu img.right{
	float:right;
	display:inline;
	padding:10px;
}

ul.sounds {margin:0 0 0 20px; padding:0; text-align:left;} 
/*
footer
-----------------------------------------------------*/
#footer{
	height:144px;
	background:url(../img/footerbackground-repeat.jpg) repeat-x;
	margin:0 auto;
}

#footer-inner{
	width:900px;
	margin:0 auto;
}

#footer h1{
	float:left;
	text-align:left;
	width:400px;
	margin-top:5px;
}

#footer #helpNav {
	float:right;
	text-align:right;
	width:400px;
	margin-top:20px;
}   
    
#footer #helpNav li {   
    display: inline;
}   
    
#footer #helpNav li a {   
    color: #000000;
}   
    
#footer #helpNav li a:hover {   
    color: #FFFFFF;   
    text-decoration: none;   
}

#footer .Address{
	margin-top:20px;
	width:400px;
	float:left;
	text-align:left;
	font-size:14px;
}