@charset "utf-8";

/*------------------------------------------------------------------------------

地球村 - earth_problem style

------------------------------------------------------------------------------*/

/* ----------------------------------------

画像タイトル設定

---------------------------------------- */

div#main h1{
	background:url(../../images/title.jpg) no-repeat left top;
}

/* ----------------------------------------

地球問題を知ろう設定

---------------------------------------- */

/* インデックス
-----------------------------------*/

div#main div.box2culumn h4,
div#main div.boxIndex h4{
	border-left:none;
	border-bottom:1px dashed #b7b7b7;
	margin:0 10px 0.5em 0;
	padding-left:0;
}

div#main div.box2culumn p.txtCopy,
div#main div.boxIndex p.txtCopy{
	clear:both;
	margin-left:5px;
	margin-right:5px;
}

div.box2culumn{
	background:url(../images/bg_boxindex.gif) no-repeat left bottom;
	margin-bottom:1em;
}

div.boxIndexL,
div.boxIndexR{
	border-top: 1px solid #b7b7b7;
	float:left;
	width: 276px;
	padding: 10px 0;
	margin-right:3px;
}

* html div.boxIndexL,
* html div.boxIndexR{
	/*width:274px;*/
	margin-right:0;
}

div.boxIndex{
	border: 1px solid #b7b7b7;
	float:left;
	width: 276px;
	padding: 10px 0;
	margin-right:3px;
}

div.box2culumn div.boxIndexR,
div.boxIndex div.boxIndexR{
	margin-left:2px;
}

* html div.box2culumn div.boxIndexR,
* html div.boxIndex div.boxIndexR{
	margin-left:4px;
}

div.box2culumn div.boxIndexL div.f_left,
div.box2culumn div.boxIndexR div.f_left,
div.boxIndex div.f_left{
	width:120px;
	text-align:center;
	margin-left:5px;
	margin-right:5px;
}

div.box2culumn div.boxIndexL div.f_left img,
div.box2culumn div.boxIndexR div.f_left img,
div.boxIndex div.f_left img{
	border: 1px solid #b7b7b7;
}

div.box2culumn div.boxIndexL div.f_right,
div.box2culumn div.boxIndexR div.f_right,
div.boxIndex div.f_right{
	width:135px;
}

* html div.box2culumn div.boxIndexL div.f_right,
* html div.box2culumn div.boxIndexR div.f_right,
* html div.boxIndex div.f_right{
	width:125px;
}

/* ごみ問題
-----------------------------------*/

div#boxWaste01,
div#boxWaste02{
	float:right;
	width:200px;
	margin-left:10px;
}

div#boxWaste02{
	width:220px;
}


/* オゾン層破壊
-----------------------------------*/

ul.floatList li{
	float:left;
	margin-right:10px;
}

p#zetsumetsu{
	width:216px;
	float:right;
}