@charset "UTF-8";

.c{clear:both;}
h1, h2{margin:0; padding:0;}

#pro_waku{width:568px; background:url(/kankyo/eco/image/bg_report_btm.gif) bottom no-repeat;}
#pro_waku div.waku{float:left; width:385px; background:url(/kankyo/eco/image/bg_report_h2.gif) 0 0 no-repeat;}
#pro_waku div.waku h2.ttl{padding-top:30px; padding-left:20px; color:#060; font-weight:bold;}
#pro_waku div.waku p.txt{padding-top:10px; padding-left:20px; padding-right:20px;}
#pro_waku div.img{float:left; width:183px; padding-bottom:40px;}

#Conts .project4{width:570px; padding:0 0 5px;}
#Conts .project4 h3.nosite{margin:0; border:1px solid #D1F1AE; padding:4px; color:#333333; background-color:#D1F1AE; text-align:left;}
#Conts .project4 h4{margin:10px 0; color:#060;}
#Conts .project4 h5{margin:0; color:#060; font-weight:normal;}
#Conts .project4 div.txt{float:left; width:395px; margin:7px 5px 0 0; padding:0;}
#Conts .project4 div.txt p{padding-bottom:10px;}
#Conts .project4 div.txt2{margin:7px 5px 0 0; padding:0;}
#Conts .project4 div.txt2 p{padding-bottom:10px;}

#Conts .project4 div.image{width:164px; float:right; margin:0 0 10px 0; font-size:90%; line-height:120%;}
#Conts .project4 div.image p{padding:10px; background-color:#eee; margin-top:8px;}
#Conts .project4 div.image img{padding-bottom:2px;}

/* BK */

#Conts .project3{width:570px; padding:0 0 4px;}
#Conts .project3 .textB{width:570px; padding:0 0 8px; background-color:#FFF;}
#Conts .project3 .textB h3{border-width:0; text-align:left;}
#Conts .project3 .textB h3.nosite,
#Conts .project3 .textB h4{margin:5px 0 4px; border:1px solid #D1F1AE; padding:1px 5px; color:#333333; background-color:#D1F1AE; text-align:left;}
#Conts .project3 .textB h3.start{margin-top:0;}
#Conts .project3 .textB p{width:386px; float:left; margin:0 10px 0 0 ; padding:0 0 3px;}
#Conts .project3 .textB p.report{padding:0 0 1em;}
#Conts .project3 .textB p strong.border{margin:0 5px 0 0; border:solid 1px #C33; padding:2px; color:#C33; font-weight:bold;}
#Conts .project3 .image{width:144px; float:right; padding:0 10px 10px; background-color:#EEE; margin-bottom:4px;}
#Conts .project3 .image img{margin-top:10px;}
#Conts .project3 .image p.small{padding-top:4px;}
#Conts .project3 p.report2{padding:0 0 1em;}

/* ------------------------------------------------- */

/* 追記 */
#Conts .mgnfix	{margin:0; padding:0; vertical-align:bottom;}
#Conts .mt_1	{margin-top:1.0em;}
#Conts .va_top	{ vertical-align:top;}
#Conts .regtable th {width:9em;}

#Conts .proSummary .ri_nopa { padding-right:0;}
*:first-child+html #Conts .proSummary .ie7_h li { float:left; display:block; padding:0 5px 0 0;}
*:first-child+html #Conts .proSummary .ie7_h li span { padding:3px 0 0 0; display:block;}
*:first-child+html #Conts .proSummary .ie7_h2 li {display:block; padding:3px 5px 3px 0;}
*:first-child+html #Conts .project3 .textB p strong.border{ margin:0 5px 0 0; border:solid 1px #C33; padding:2px; color:#C33; font-weight:bold; float:left; line-height:1.0;}

/* トピックス */
/* 左　*/
#Conts #tpibnr{
	width:570px;
}
#Conts #tpibnr #tpi{
	width:390px;
	float: left;
}

#Conts #tpibnr #tpi div.h2Gray{
	margin:0;
	border:1px solid #EEEEEE;
	background-color:#EEEEEE;
}
#Conts #tpibnr #tpi div.h2Gray h2{
	float:left;
	width:308px;/* WinIE5.x : 298px */
	padding:2px 9px;
}
#Conts #tpibnr #tpi div.h2Gray .list{
	float:right;
	width:56px;
	padding:2px;
	text-align:right;
}
#Conts #tpibnr #tpi ul.idxtopics{
	width:390px;/* WinIE5.x : 380px */
}
#Conts #tpibnr #tpi ul.idxtopics span{
	display:block;
	width:259px;/* WinIE5.x : 276px */
	float:left;
	padding:12px 11px 8px;
	background:#FFF url(/kankyo/eco/image/t_dl_topics_bg02.gif) 0 0 no-repeat;
}
#Conts #tpibnr #tpi ul.idxtopics span.date{
	width:93px;/* WinIE5.x : 104px */
	padding-left:8px;
	padding-right:8px;
	background:#FFF url(/kankyo/eco/image/t_dl_topics_bg01.gif) 0 0 no-repeat;
}
#Conts #tpibnr #tpi ul.idxtopics span.dstart,
#Conts #tpibnr #tpi ul.idxtopics span.start{
	padding-top:11px;
}
#Conts #tpibnr #tpi ul.idxtopics span.dstart{
	background-image:none;
}
#Conts #tpibnr #tpi ul.idxtopics span.start{
	background-image:url(/kankyo/eco/image/t_dl_topics_bg03.gif);
}

/* 右（バナーエリア） */
#Conts #tpibnr #eco_bnrbck{
	width:170px;
	float: right;
	background-color:#EEEEEE;
	}
#Conts #tpibnr #eco_bnrbck img { display:block; }
#Conts #tpibnr #eco_bnrbck .eco_bnr{margin:5px 5px 0px 5px}
#Conts #tpibnr #eco_bnrbck .eco_bnr_btm{margin:5px 5px 5px 5px}


/* 地図の上のバナー */
#Conts #bnr_OnMap{
display: block; position: absolute; margin-top: 125px; margin-left: 405px;  width: 160px; 
}

#projoin #Conts #tpibnr #tpi ul.idxtopics{
	width:390px;/* WinIE5.x : 380px */
}
#projoin #Conts #tpibnr #tpi ul.idxtopics span{
	width:292px;/* WinIE5.x : 276px */
}
#projoin #Conts #tpibnr #tpi ul.idxtopics span.date{
	width:60px;/* WinIE5.x : 104px */
}

#projoin #Conts .Lpht img {
border: 1px solid #39A501;
}

/* 各PJのBLOGへのリンクバナー */
div.btn_pjblog img.bnr {float:left; margin-right:5px;}


/***********プロジェクト扉ページFlashエリア＆スライドショーリンク 2008.07追加***********/
#main_pro_Wrap{
	margin:12px 0;
	width:570px;
	background:#befbbd url("../image/pro_main_bg_t.gif") 0 0 no-repeat;
	padding-top:5px;	
}
#main_pro_BWrap{
	background:#e3f5e2 url("../image/pro_main_bg_b.gif") 0 100% no-repeat;
	padding-bottom:5px;	
}
#main_pro_MWrap{
	background:#e3f5e2 url("../image/pro_main_bg_m.gif") 0 0 repeat-x;
	padding:5px 10px;
	width:550px;
}
#main_pro_MWrap #main_pro_BoxL{
	width:340px;
	float:left;
}
#main_pro_MWrap #main_pro_BoxR{
	width:200px;
	float:right;
}
#main_pro_MWrap #main_pro_BoxR img{
	display:block;
}
#main_pro_MWrap #main_pro_BoxR .img_map{
	margin-bottom:10px;
}
#main_pro_MWrap #main_pro_BoxR .img_exp{
	margin-top:5px;
}
#main_pro_MWrap #main_pro_BoxR .img_bnr{
	    margin : 5px auto 0;
}
/*Flashエリア*/
#main_pro_BoxL #FlashContent{
	width:340px;
	height:293px;
	position:relative;
}
#main_pro_BoxL #FlashContent img{
	display:block;
}
#main_pro_BoxL #FlashContent a#btn{
	position:absolute;
	width:250px;
	height:40px;
	top:150px;
	left:45px;
}
/*スライドショー入り口*/
#main_pro_BoxL #slideshow{
	width:340px;
	height:293px;
	position:relative;
}
#main_pro_BoxL #slideshow img{
	display:block;
}
#main_pro_BoxL #slideshow a#btn{
	position:absolute;
	width:324px;
	height:277px;
	top:8px;
	left:8px;
}
/*パートナー*/
#pro_partner dt{
	padding-bottom:5px;
}

#pro_partner dd{
	width:100%;
	padding-bottom:7px;
}

#pro_partner .img_man{
	border:1px solid #33aa00;
	display:block;
	float:left;
}
#pro_partner .pro_comme{
	float:left;
	width:380px;
	background-color:#f2fae2;
	margin-left:10px;
}
#pro_partner .pro_comme p{
	margin:10px;
}
/*クリック募金からのポップアップページ用CSS*/
#pop_footer{
	margin-top:20px;
	width:570px;
	}
#pop_footer .closePage{
	clear:both;
	background-color:#EEEEEE;
	text-align:right;
	padding:4px 6px 4px 0;
	font-size:92%;　/*small*/
	}
#pop_footer .pop_copy{
	text-align:right;
	}
/***********2008.07追加ここまで***********/

/**** 2009.04追加分ここから ****/

/* logo
#headerArea{
	position:relative;
	height:84px;
}
#logo{
	position:absolute;
	left:0px;
	top:25px;
}


#pro_tr{
	width:730px;
	margin:0;
	padding-left:12px;
}

#Conts{
	float:left;
}

#location{
	float:left;
}

*+html body #Main{
	margin-left:-100px;
}

*+html body #pop_footer{
	margin-left:-170px;
}

*html body #Main{
	margin-left:-100px;
}

*html body #pop_footer{
	margin-left:-170px;
} */

/**** 2009.04追加分ここまで ****/
