@charset "UTF-8";

/*************** index.html ***************/
/* about */
#Conts .idxAbout{
	width:570px;
	min-height:151px;/* WinIE : height:151px */
	height:151px;/* <<< Mac IE \*/
	height:auto;
	/* */
	margin:3px 0 5px;
	background:#1e8d00 url(/kankyo/eco/image/idx_bg_about.jpg) 0 0 no-repeat;
}
#Conts .idxAbout h2{
	padding:12px 12px 10px;
}
#Conts .idxAbout p{
	color:#FFFFFF;
	padding:0 12px 10px;
}
#Conts .idxAbout .btn{
	padding:0 12px 5px;
}
#Conts .idxAbout .btn a:hover{
	background-color:transparent;
}
#Conts .idxAbout p{
	width:360px;/* WinIE5.x : 384px */
}

/* movie */
.movie{width:570px;}
.movie h2{padding:20px 0 10px 0!important;}
.movie ul{list-style:none; margin:0;}
.movie ul li{float:left; width:265px; text-align:center;}
.c{clear:both;}

/* Project List */
#projectList{
	width:570px;
	}

#pr789wrap{
	width:570px;
	text-align:center;
	}
#pr789{
	width:344px;
	margin:0 auto 10px;
	padding:0 0 10px;
	background-color:#f2fae2;
	}
#pr789 .pr789tl{
	background-color:#e6f5c8;
	padding:3px 0;
	vertical-align:middle;
	}
#pr789 ol{
	width:318px;
	margin:15px auto 0;
	}
#pr789 ol li{
	width:105px;
	float:left;
	}

#pr123456wrap{
	width:570px;
	}
#pr123{
	width:102px;
	float:left;
	}
#pr456{
	width:102px;
	float:right;
	}
#pr123 ol li,
#pr456 ol li{
	padding:0 0 2px;
}

#prmap{
	width:364px;
	float:left;
	}
#prmap img{
	margin:0 10px;
	}

#gotoprbtn{
	width:570px;
	text-align:center;
	}
#gotoprbtn img{
	margin:15px auto 0;
	}


/* About Card */
#Conts .aboutCard ul{
	padding:13px 12px 0;
}
#Conts .aboutCard ul li{
	padding:0 0 4px 10px;
	text-indent:-10px;
}
#Conts .aboutCard ul li img{
	margin:0 3px 0 0;
}

#Conts #idxAbout_02{position:relative;}
#Conts #idxAbout_02 .btn{
	display:block;
	width:180px;
	height:22px;
	position:absolute;
	top:132px;
	left:12px;
}
#Conts #idxAbout_02 .btn a:hover{background-color:transparent;}
#Conts .aboutCard #eco_tbl_3{background-color:#E2FBC9;margin-top:1.5em;}
#Conts .aboutCard #eco_txt_02{padding:8px 8px 7px 8px; vertical-align:top; color:#239D53;font-weight:bold;}
#Conts .aboutCard #eco_txt_02 h3{display:inline; border:none;}
#Conts .aboutCard #eco_txt_02 img{margin-right:80px;}
#Conts .aboutCard #eco_txt_02 img.eco_txt_03{padding-bottom:5px;}
#Conts .aboutCard #eco_txt_04{padding:0px 8px 8px;}


/* トピックス */
/* 左　*/
#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:289px;/* WinIE5.x : 306px */
	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:63px;/* WinIE5.x : 74px */
	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;}


/* トピックス バナー無しバージョン*/
#Conts #tpibnr_non{
	width:570px;
}
#Conts #tpibnr_non div.h2Gray{
	margin:0;
	border:1px solid #EEEEEE;
	background-color:#EEEEEE;
}
#Conts #tpibnr_non div.h2Gray h2{
	float:left;
	width:488px;/* WinIE5.x : 478px */
	padding:2px 9px;
}
#Conts #tpibnr_non div.h2Gray .list{
	float:right;
	width:56px;
	padding:2px;
	text-align:right;
}
#Conts #tpibnr_non ul.idxtopics{
	width:570px;
}
#Conts #tpibnr_non ul.idxtopics span{
	display:block;
	width:439px;/* WinIE5.x : 417px */
	float:left;
	padding:12px 11px 8px;
	background:#FFF url(/kankyo/eco/image/t_dl_topics_bg02.gif) 0 0 no-repeat;
}
#Conts #tpibnr_non 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_non ul.idxtopics span.dstart,
#Conts #tpibnr_non ul.idxtopics span.start{
	padding-top:11px;
}
#Conts #tpibnr_non ul.idxtopics span.dstart{
	background-image:none;
}
#Conts #tpibnr_non ul.idxtopics span.start{
	background-image:url(/kankyo/eco/image/t_dl_topics_bg03.gif);
}
.bdr_green img{
border: 1px solid #39A501;
}

/* Flashエリアの代替コンテンツ用 */
#idx #nsAreaList ul{
	margin:20px 0px 10px 0px;
}
#idx #nsAreaList ul li{
	padding:0 0 10px 17px;
	background:transparent url(/common/image/icn_arw_01.gif) no-repeat 0 0.3em;
	zoom:1;
}
#idx #nsAreaList ul li img{
	margin-right:10px;
	float:left;
}


/* 201102修正 */

#EcoCard{margin-top:20px;}
#EcoCard .clear{clear:both;}
#EcoCard div.left1{width:280px; float:left;}
#EcoCard div.left2{width:280px; float:left; padding-left:10px;}
#EcoCard ul.left2{float:left; padding-left:20px;}
#EcoCard div.left{float:left; width:91px; margin:0; padding:10px 0 10px 10px;}
#EcoCard ul.right{float:right; width:166px; margin:0; padding:10px 0 10px 0;}