@charset "utf-8"; 

/*----environment--------------------------------------------------
･index
･topics-block
------------------------------------------------------------------------*/

/*-------------------------------------------------index*/
.envi_main{
	width:705px;
	height:155px;
	text-align:left;
	margin-left:12px;
	margin-bottom:13px;
	background:url(../environment/img/area01_pic01bg.jpg) no-repeat top;
	border-top:1px solid #ffffff;
	}
.envi_main .pic{
	margin-top:23px;
	margin-left:23px;
	}
.envi_main ul{
	width:490px;
	height:27px;
	margin:0 0 0 225px;
	padding:20px 0 0 0;
	}
.envi_main ul li{
	height:27px;
	margin:0;
	padding:0 0 0 4px;
	list-style-type:none;
	float:left;
	display:inline;
	overflow:hidden;
	}


.envitop01 .line{
	width:705px;
	margin:0 0 0 13px;
	clear:both;
	}
.envitop01 .line .left{
	width:347px;
	padding:9px 0 0 0;
	background:url(../environment/img/area01_bg01.gif) no-repeat top;
	float:left;
	}
.envitop01 .line .right{
	width:347px;
	padding:9px 0 0 0;
	background:url(../environment/img/area01_bg01.gif) no-repeat top;
	float:right;
	}
.envitop01 .line .pic{
	width:106px;
	text-align:right;
	float:left;
	}
.envitop01 .line .main{
	width:233px;
	float:right;
	}
.envitop01 .line .bot{
	margin:0;
	padding:0;
	}
.envitop01 .line .text{
	font-size:85%;
	line-height:150%;
	margin:0;
	padding:5px 10px 3px 7px;
	}
.envitop01 .line ul{
	margin:0;
	padding:7px 0 5px 0;
	}
.envitop01 .line li{
	font-size:85%;
	margin:0 0 2px 0;
	padding:0 0 2px 18px;
	background:url(../img/icon03.gif) no-repeat 7px 6px;
	list-style-type:none;
	}
.envitop01 .line li.tokoton img{
	margin:5px 0 0 3px;
	vertical-align:-15px;
	}

.envitop02 h3{
	margin:0;
	padding: 0 0 0 6px;
	}
.envitop02 .text{
	font-size:85%;
	line-height:150%;
	padding:5px 15px 7px 12px;
	}
.envitop02 table{
	margin:0 0 0 13px;
	}
.envitop02 th,
.envitop02 td{
	background:url(../img/line02.gif) repeat-x left bottom;
	}
.envitop02 th{
	font-size:75%;
	line-height:150%;
	color:#8d8d8d;
	margin:0;
	padding:10px 0 7px 0;
	}
.envitop02 td{
	font-size:85%;
	line-height:150%;
	margin:0;
	padding:8px 0 7px 0;
	}
.envitop02 .link-r{
	font-size:75%;
	padding-top:10px;
	padding-bottom:15px;
	}


/*-------------------------------------------------topics-block*/
.topics-list{
	padding:0 19px 0 21px;
}
.topics-list table{
	background: url(../img/line01.gif) repeat-x left top;
}
.topics-list table th,
.topics-list table td{
	font-size:85%;
	line-height:150%;
	padding:8px;
	background: url(../img/line02.gif) repeat-x left bottom;
}
.topics-list table td{color:#546179;width:90px;}
.topics-list table th.date{width:90px;}

.topics-block h2{
	height:23px;
	font-size:85%;
	font-weight:bold;
	color:#35493f;
	margin:0;
	padding:13px 0 0 12px;
	background:url(../environment/img/item_bg01.gif) no-repeat left top;
	}
* html .topics-block h2{height:36px;}
*+html .topics-block h2{height:36px;}
html:first-child .topics-block h2{height:23px;}
.topics-block .text-box02{
	margin-top:0;padding-top:20px;
	font-size:85%;
	line-height:150%;
}
.topics-block bg{
	padding-top:12px;
}

.topics-block .detail-day{
	padding:6px 0 4px 0;
	font-size:75%;
	text-align:right;
}

/*-------------------------------------------------Library*/
.library01{
	padding:0 19px 0 21px;
	}
.library02{
	width:705px;
	margin-left:12px;
	margin-bottom:17px;
	}
.library02 td{
	width:50%;
	padding:22px 19px 0 21px;
	background:url(../img/text_cell03.gif) no-repeat left top;
	}
.library02 td.none{
	background:url(../img/text_cell03sub.gif) no-repeat left top;
	}
.library01 h3.icon01,
.library02 h3.icon01{
	color:#1e3530;
	background:url(../environment/img/item_ico01.gif) no-repeat left 1px;
	}
.library01 .pic,
.library02 .pic{
	text-align:left;
	margin:0;
	padding:11px 0 0 0;
	float:right;
	display:inline;
	}
.library01 .pic p,
.library01 .pic img,
.library02 .pic p,
.library02 .pic img{
	margin:0;
	padding:0;
	}
.library02 .float-r .pic img{
	margin:0 19px 0 0;
	}
.library01 .data,
.library02 .data{
	margin:0;
	padding:0;
	}
.library01 .data p,
.library02 .data p{
	margin-left:2px;
	padding-left:0;
	}
.library02 .none{
	background:#ffffff;
	}
.library03 .text-box02{
	padding-top:0;
	margin-top:0;
	}
.library03 .pic-right{
	width:368px;
	text-align:left;
	margin:0;
	padding:20px 0 10px 0;
	float:right;
	display:inline;
	overflow:hidden;
	}
.library03 .pic-right img{
	margin-left:18px;
	}
.library03 .text-box02 p{
	margin-left:20px;
	}
.library03 .text01{
	padding-top:20px;
	}



/*-------------------------------------------------Vision*/

.vision01-01{
	margin-left:20px;
	}
.vision01-01 td{
	text-align:left;
	vertical-align:top;
	}
.vision01-01 td p{
	font-size:85%;
	text-align:left;
	margin:0;
	padding:0;
	}
.text-area01 .vision01-02{
	background:none;
	padding:0 0 13px 0;
	}
.vision01-02 p{
	padding-bottom:1em;
	}
.vision01-02 .link-l{
	margin-left:0.5em;
	}
.vision01-02 ul{
	margin:0;
	padding:0;
	}
.vision01-02 li{
	font-size:85%;
	line-height:150%;
	margin:0;
	padding:0 0 2px 18px;
	background:url(../environment/img/ico01.gif) no-repeat left 7px;
	list-style-type:none;
	}
div.vision01-03{
	width:666px;
	margin-left:20px;
	padding-bottom:15px;
	background:url(../img/line02.gif) repeat-x left bottom;
	}
.text-box01 div.vision01-03 p{
	margin:0 12px 0 10px;
	}
ul.vision01-03{
	margin:0;
	padding:0 0 0 20px;
	}
ul.vision01-03 li{
	font-size:85%;
	line-height:150%;
	margin:0;
	padding:0 0 2px 18px;
	background:url(../environment/img/ico01.gif) no-repeat left 7px;
	list-style-type:none;
	}
.vision01-04 .head-text{
	font-size:85%;
	line-height:150%;
	margin:0;
	padding:18px 12px 5px 12px;
	}
.vision01-04 table{
	width:704px;
	border:1px solid #cacaca;
	margin-bottom:13px;
	margin-top:10px;
	}
.vision01-04 th,
.vision01-04 td{
	font-size:85%;
	line-height:150%;
	padding:10px 5px;
	vertical-align:top;
	}
.vision01-04 th.th00{
	border-right:1px solid #cacaca;
	}
.vision01-04 th.th01{
	font-weight:bold;
	text-align:center;
	background:url(../environment/env_vision/img/table_bg.gif) no-repeat right top;
	border-left:2px solid #ffffff;
	vertical-align:middle;
	}

.vision01-04 th.th02{
	font-weight:bold;
	text-align:center;
	background:url(../environment/env_vision/img/table_bg.gif) no-repeat right top;
	border-left:2px solid #ffffff;
	border-right:1px dotted #cacaca;
	vertical-align:middle;
	
	}
.vision01-04 th.th03{
	font-weight:bold;
	text-align:center;
	background:url(../environment/env_vision/img/table_th03.gif) no-repeat right top;
	border-left:2px solid #ffffff;
	border-right:1px dotted #cacaca;
	border-bottom:2px solid #ffffff;
	vertical-align:middle;
	}
.vision01-04 th.th04{
	font-weight:bold;
	text-align:center;
	background:url(../environment/env_vision/img/table_th04.gif) no-repeat right top;
	border-left:2px solid #ffffff;
	border-right:1px dotted #cacaca;
	border-bottom:2px solid #ffffff;
	vertical-align:middle;
	
	}
.vision01-04 th.th05{
	font-weight:bold;
	color:#5f5a7e;
	background:url(../environment/env_vision/img/table_th05.gif) repeat-y left top;
	border-left:2px solid #ffffff;
	border-right:1px dotted #cacaca;
	border-top:1px dotted #cacaca;
	border-bottom:2px solid #ffffff;
	}

.vision01-04 td.td01{
	background:url(../environment/env_vision/img/table_td01.gif) no-repeat right top;
	border-left:2px solid #ffffff;
	border-right:1px dotted #cacaca;
	border-top:1px dotted #cacaca;
	border-bottom:2px solid #ffffff;
	}
.vision01-04 td.td02{
	background:url(../environment/env_vision/img/table_td02.gif) no-repeat right top;
	border-left:2px solid #ffffff;
	border-right:1px dotted #cacaca;
	border-top:1px dotted #cacaca;
	border-bottom:2px solid #ffffff;
	}
.vision01-04 td.td03{
	background:url(../environment/env_vision/img/table_td03.gif) no-repeat right top;
	border-left:2px solid #ffffff;
	border-top:1px dotted #cacaca;
	border-bottom:2px solid #ffffff;
	}


/*-------------------------------------------------Activity*/
.activity01-01{
	margin-bottom:0;
	padding:22px 0 0 0;
	background:url(../environment/env_activity/img/index_bg01.gif) no-repeat left top;
	}
.activity01-01 p{
	text-align:center;
	margin-bottom:0;
	padding:6px 0 0 0;
	}
.activity01-02{
	text-align:center;
	margin-bottom:0;
	padding:22px 0 16px 0;
	background:url(../environment/env_activity/img/index_bg02.gif) no-repeat left top;
	}
.activity01-02b{
	width:687px;
	margin:0 auto;
	padding:0;
	background:url(../environment/env_activity/img/index_bg04.gif) no-repeat left bottom;
	}
.activity01-02t{
	padding:0 0 3px 0;
	background:url(../environment/env_activity/img/index_bg03.gif) no-repeat left top;
	}
.activity01-02m{
	width:657px;
	margin:0 auto;
	background:url(../environment/env_activity/img/index_pic02.jpg) no-repeat center 3px;
	}
.activity01-02 .left{
	width:236px;
	text-align:left;
	float:left;
	}
.activity01-02 .right{
	width:217px;
	text-align:left;
	float:right;
	}
.activity01-02 .left h3{
	padding:15px 0 11px 0;
	}
.activity01-02 .right h3{
	padding:15px 0 11px 0;
	}
.activity01-02 .left p{
	font-size:75%;
	line-height:150%;
	color:#454545;
	padding:0 0 10px 0;
	}
.activity01-02 .right p{
	font-size:75%;
	line-height:150%;
	color:#454545;
	padding:0 0 10px 0;
	}
.activity01-03 .text-box02{
	padding-top:0;
	margin-top:0;
	}
.activity01-03 .pic-right{
	text-align:left;
	margin:0;
	padding:20px 0 0 0;
	float:right;
	display:inline;
	overflow:hidden;
	}
.activity01-03 .pic-right img{
	margin-left:18px;
	}
.activity01-03 .text-box01 p{
	margin-left:20px;
	}

.activity02-01 .left{
	width:310px;
	float:left;
	}
.activity02-01 .right{
	width:372px;
	height:335px;
	background:url(../environment/env_activity/img/recycle_pic01.gif) no-repeat left 25px;
	float:right;
	}
.activity02-01 .right p{
	font-size:100%;
	font-weight:bold;
	margin:0;
	padding:300px 0 0 95px;
	}
.activity02-01 .right p span{
	font-size:75%;
	font-weight:normal;
	color:#425075;
	}
.activity02-01 .text-box01 p{
	margin-left:20px;
	}

.activity02-02{
	padding-bottom:19px;
	}
.activity02-02 p{
	padding:0 0 0 0;
	}
.activity02-02 .text-box02{
	margin-bottom:0;
	padding-bottom:25px;
	border-bottom:1px solid #ffffff;
	}
.activity02-02 .link-l,
.activity02-02 .link-l p{
	margin-bottom:0;
	padding-bottom:0;
	}