﻿@charset "utf-8";
/* CSS Document */

body {
margin:0;
padding:0;
background-color:#ffffff;
background-image: url(../common/bg_main.jpg);
background-repeat: repeat-x;
}


/* インライン要素のスタイル */

a:link{
color:#333333; text-decoration:underline;
}
a:visited{
color:#333333; text-decoration:underline;
}
a:hover, a:active{
color:#333333; text-decoration:none;
}

img,object{
margin: 0;
padding: 0;
border:0;
vertical-align: bottom;
}

input{
color:#333333;
}

form{
margin:0px;
padding:0px;
border:0px;
}

ul{
margin:0px 0px 0px 1.2em;
padding:0px;
}

li{
margin:0px;
padding:0px;
}


/* テーブルの修飾
---------------------------------------------------- */


table.chart{
margin:0px 0px 0px 0px;
border-collapse : collapse ;
}

table.chart td{
padding:10px 10px 10px 10px;
border:solid 1px #DFDFDF;
text-align:left;
}

table.chart th{
padding:10px 10px 10px 10px;
border:solid 1px #DFDFDF;
background-color:#F2F2F2;
text-align:left;
}

table.chart_c{
margin:0px 0px 0px 0px;
border-collapse : collapse ;
}

table.chart_c td{
padding:10px 10px 10px 10px;
border:solid 1px #DFDFDF;
text-align:center;
}

table.chart_c th{
padding:10px 10px 10px 10px;
border:solid 1px #DFDFDF;
background-color:#F2F2F2;
text-align:center;
}

.chart .bg_gray{
background-color:#f4f1e7;
}

.position_center{
	text-align:center;
}


/* コンテナ
---------------------------------------------------- */

#container{
width:880px;
margin:0px auto 50px auto;
padding:0px;
text-align:left;
background-color:#ffffff;
}



/* ヘッダー
---------------------------------------------------- */

#header{
width:900px;
margin:0px auto;
padding:0px 0px 20px 0px;
text-align:left;
}


#header_left{
width:338px;
height:76px;
padding:24px 0px 0px 0px;
maring:0px 0px 0px 0px;
float:left;
}

#header_logo{
width:338px;
margin:0px 0px 0px 0px;
float:left;
}

#header_logo h1{
width:338px;
margin:0px 0px 0px 0px;
}

#header_right{
width:562px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
float:left;
text-align:right;
}

#header_copy{
width:562px;
margin:15px 0px 25px 0px;
}

#header_copy h2{
margin:0px 0px 0px 0px;
}

#header_link{
width:562px;
margin:0px 0px 0px 0px;
}

#header_copy p{
margin:0px 0px 0px 0px;
}


/* コンテンツ
---------------------------------------------------- */


#content{
float:left;
width:660px;
margin:0px 0px 0px 0px;
}

#content_left{
float:left;
width:660px;
margin:0px 20px 50px 0px;
}

#content_left h3{
margin:0px 0px 0px 0px;
}

#content_left h4{
margin:0px 0px 0px 0px;
}

#content_left h5{
margin:0px 0px 0px 0px;
}

#content_left p{
margin:0px 0px 0px 0px;
}


#content_right{
float:left;
width:200px;
margin:0px 0px 50px 0px;
text-align:left;
}

#content_right p{
margin:0px 0px 0px 0px;
}

#main_ttl{
width:650px;
margin:0px 0px 20px 0px;
}

#main_img_box{
width:920px;
margin:0px auto 10px auto;
}

#main_img{
width:920px;
margin:0px;
background-image: url(../common/bg_img.jpg);
background-repeat: repeat-y;
}

#main_img_inner{
width:900px;
padding:5px 0px 5px 10px;
border-left:5px solid #ffffff;
border-right:5px solid #ffffff;
}


.sub_ttl{
width:660px;
margin:0px 0px 30px 0px;
}

.sub_ttl h3{
margin:0px 0px 0px 0px;
}

.main_tx{
width:640px;
margin:0px 0px 30px 10px;
}

.main_tx_0{
width:640px;
margin:0 0 0 10px;
}

.main_tx p{
width:640px;
margin:0px 0px 0px 0px;
}

.img_right{
text-align:right;
}

.img_center{
text-align:center;
}

.im_border{
border:1px solid #cccccc;
padding:1px;
}


/* 右サイド
---------------------------------------------------- */

.side_box{
width:200px;
margin:0px 0px 10px 0px;
}

.side_box_deforestation{
width:190px;
background-color:#f2f2f2;
border-left:1px solid #dfdfdf;
border-right:1px solid #dfdfdf;
margin:0px 0px 0px 0px;
padding:0px 4px 0px 4px;
}

.side_box_person{
width:180px;
background-color:#f2f2f2;
border-left:1px solid #dfdfdf;
border-right:1px solid #dfdfdf;
margin:0px 0px 0px 0px;
padding:5px 9px 5px 9px;
}



/* 入会案内
---------------------------------------------------- */
.main_tx_a{
width:630px;
margin:0px 0px 30px 10px;
}
.admission_img_l{
clear:both;
width:310px;
float:left;
margin:0px 10px 0px 0px;
}

.admission_img_r{
width:300px;
float:left;
margin:0px 0px 0px 0px;
}

.admission_img_r p{
width:310px;
margin:0px 0px 0px 0px;
}

.admission_table{
margin:0px 0px 20px 15px;
}

.admission_table02{
margin:0px 0px 30px 15px;
}

* html .admission_table02 { margin:0px 0px 0px 15px; }
*:first-child+html .admission_table02 { margin:0px 0px 0px 15px; }



/* 工事実績
---------------------------------------------------- */
.result_box{
clear:both;
width:620px;
margin:0px 0px 10px 0px;
}

.result_list_img{
width:200px;
height:150px;
float:left;
margin:0px 20px 20px 0px;
}

.result_list_tx{
width:400px;
float:left;
margin:0px 0px 0px 0px;
}

.result_list_tx p{
width:400px;
margin:0px 0px 0px 0px;
}

.detail_box{
clear:both;
width:620px;
margin:0px 0px 20px 0px;
}

.detail_img{
width:200px;
float:left;
margin:0px 10px 10px 0px;
}

.detail_img_last{
width:200px;
float:left;
margin:0px 0px 20px 0px;
}

.detail_img_last02{
width:200px;
float:left;
margin:0px 0px 10px 0px;
}

.fs_idea{font-size:90%; line-height:1.8;}


/* フッター
---------------------------------------------------- */

#footer_area{
clear:both;
width:100%;
height:36px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
background-image: url(../common/bg_footer.gif);
background-repeat: repeat-x;
}

#footer{
width:860px;
margin:0px auto;
padding:35px 0px 20px 0px;
text-align:center;
}

* html #footer { padding:28px 0px 20px 0px; }
*:first-child+html #footer { padding:28px 0px 20px 0px; }


/* リンクボタン
---------------------------------------------------- */
.link_mark{
margin:0px 0px 0px 2px;
padding:6px 0px 0px 10px;
background:url(../common/ic_link.gif) no-repeat 0px 70%;
}



/* 画像下マージン
---------------------------------------------------- */
.img_mgn0{
clear:both;
margin:0px 0px 0px 0px;
}

.img_mgn5{
margin:0px 0px 5px 0px;
}

.img_mgn7{
margin:0px 0px 7px 0px;
}

.img_mgn10{
margin:0px 0px 10px 0px;
}

.img_mgn10_l{
margin:0px 0px 10px 10px;
}

.img_mgn15{
margin:0px 0px 15px 0px;
}

.img_mgn20{
margin:0px 0px 20px 0px;
}

.img_mgn20_20{
margin:20px 0 20px 0;
}

.img_mgn20_l{
margin:0px 0px 20px 10px;
}

.img_mgn30{
margin:0px 0px 30px 0px;
}

.img_mgn30_10{
	margin:10px 0 30px 0;
}

.img_mgn30_20{
margin:20px 0px 30px 0px;
}

.img_mgn50_20{
margin:20px 0px 50px 0px;
}

.img_mgn70_20{
margin:20px 0px 70px 0px;
}

.img_mgn30_l{
margin:0px 0px 30px 0px;
padding:0px 0px 0px 10px;
}

.img_mgn40{
margin:0px 0px 40px 0px;
}

.img_mgn50{
margin:0px 0px 50px 0px;
}



/* 注釈
---------------------------------------------------- */

.cation{
color:#ff0000;
}



/* フロート・フロートのクリア
---------------------------------------------------- */

.float_left{
	float:left;
	margin:0 20px 20px 0;
}

.float_right{
	float:right;
}

.clr{
clear:both;
margin:0px;
}


/* 点線
---------------------------------------------------- */

.line{
clear:both;
width:740px;
margin:0px 0px 20px 0px;
_margin:0px 0px 0px 0px;
border-top:dashed 1px #e89094;
}


/*IE用画像余白
---------------------------------------------------- */
.img_0mgn{
font-size:0;
}

/* 特殊リンク色
---------------------------------------------------- */
.footer_tx a:link{color:#666666;text-decoration:none;}
.footer_tx a:visited{color:#666666;text-decoration:none;}
.footer_tx a:hover,a:active{color:#666666;text-decoration:underline;}

/* 放置竹林
---------------------------------------------------- */
.float_img{
	float:left;
	width:210px;
	margin:0 5px 0 0;
	text-align:left;
}

.float_img_0{
	float:left;
	width:210px;
	margin:0 0 0 0;
	text-align:left;
}
.float_img_l{
	float:left;
	width:210px;
	margin:0 5px 20px 10px;
	text-align:left;
}

div .mgn_5{
	margin:5px 5px 5px 5px;
}


/* トップバナー
---------------------------------------------------- */
.banner_left{
	float:left;
	text-align:left;
}
.banner_right{
	text-align:right;
}

/*活動内容
---------------------------------------------------- */
.img_link{
	float:left;
	padding:0 10px 20px 0px;
}
	
/*改ページ
---------------------------------------------------- */	
.page_next{
page-break-before:always;
}

