@charset "utf-8";
/*
===== CSR ===============================================


	01: ENV IDEOLOGY
	02: ENV MANAGEMENT
	03: ENV MEASURES
	04: ENV CIRCULATION
	05: ENV PRESCHOOLER & BEAUTIFICATION
	06: ENV EVENT
	07: HEADWATERS POPUP
	08: ENV BEAUTIFICATION
	09: ENV ECOSCHOOL
	10: ENV DRAGONFLY
	11: ENV AFFORESTATION
	12: ENV ECO_SCOOL
	13: ENV BIOTOPE



==========================================================
*/



/*
===== 01: ENV IDEOLOGY ====================================
*/

div.graylineWindow{
background-image:url(../img/csr/environment/ideology/img_ideology_middle.gif);
background-position:0px 0px;
background-repeat:repeat-y;
padding:0;
}

div.graylineWindow dl{
background-image:url(../img/csr/environment/ideology/img_ideology_bottom.gif);
background-repeat:no-repeat;
background-position:0px 100%;
margin:0;
padding:0px 0px 15px 0px;
}

div.graylineWindow dt{
display:none;
}

div.graylineWindow dd{
background-image:url(../img/csr/environment/ideology/img_ideology_top.gif);
background-repeat:no-repeat;
padding:15px;
font-weight:bold;
margin:0;
}

div.graylineWindow ol{
margin:0px 0px 0px 18px;
padding:0;
}

div.graylineWindow ol li{
list-style:decimal;
margin:0;
padding:0;
}

p.font{
	font-size:1.3em;
	font-weight: bold;
}

/*
===== 02: ENV MANAGEMENT ====================================
*/

div#csrisobox{
width:153px;
padding:0px 10px 0px 40px;
float:left;
}

div#csrisobox em{
font-style:normal;
font-size:0.8em;
}

div#csrmanagementbox{
float:left;
padding-top:1.2em;
width:500px;
}

.managementBox-left{
float:left;
padding:5, 0, 10, 0;
width: 330px;
}

.managementBox-left2{
float:left;
padding:5, 0, 10, 0;
width: 350px;
}

/*
===== 03: ENV MEASURES ====================================
*/

div.csrmsgbox img {
vertical-align:top;
}
div.csrmsgbox img.gasbottom{
margin-top:110px;
}
div.csrmsgbox div.csrgraphright{
float:right;
padding:0px 0px 15px 15px;
width:440px;
}
div.csrmsgbox div.measuresBox{
float:left;
padding-left:15px;
width:auto;
}

div.csrmsgbox div.measuresBoxlast{
float:left;
padding-left:10px;
width:245px;
}

div.csrmsgbox div.FirstMeasuresBoxlast{
float:left;
padding-left:10px;
width:175px;
}

div.csrmsgbox div.ThirdMeasuresBoxlast{
float:left;
padding-left:10px;
width:175px;
}

div.csrmsgbox div.FirstMeasuresBoxSecond{
float:left;
padding-left:15px;
width:175px;
}

div.csrmsgbox div.ThirdMeasuresBoxSecond{
	float:left;
	padding-left:15px;
	width:177px;
	padding-right: 10px;
}


div.csrmsgbox div.measuresBox02-left{
float:left;
margin:10px 0px 20px 55px;
width:280px;
}

div.csrmsgbox div.measuresBox02-right{
float:right;
margin:10px 55px 20px 0px;
width:280px;
}

div.csrmsgbox div.measuresBox-right{
float:left;
width:auto;
}
div.csrmsgbox div.measuresBox-left{
float:left;
padding:5px 0px 10px 0px;
width:230px;
}
div.csrmsgbox div.FirstMeasuresBox{
float:left;
padding:5px 0px 10px 0px;
width:350px;
}

div.csrmsgbox div.ThirdMeasuresBox{
float:left;
padding:5px 0px 10px 0px;
width:350px;
}


div.csrmsgbox div.SecondMeasureBox{
float:left;
padding:5px 0px 10px 0px;
width:450px;
}

div.csrmsgbox div.ForthMeasuresBox{
float:left;
padding:5px 0px 10px 0px;
width:400px;
}

div.csrmsgbox div.SixthMeasuresBox{
float:left;
padding:5px 0px 10px 0px;
width:350px;
}

div.csrmsgbox div.SeventhMeasuresBox{
float:left;
padding:5px 0px 10px 0px;
width:375px;
}

div.csrmsgbox div.SecondMeasureBoxSecond{
float:left;
padding:5px 0px 10px 5px;
width:250px;
}

div.SixthMeasuresBoxSecond{
float:left;
padding:5px 0px 10px 5px;
width:180px;
}

div.SeventhMeasuresSecond{
float:left;
padding:5px 10px 10px 5px;
width:145px;
}


div.csrmsgbox div.ForthMeasuresBoxLast{
float:left;
padding:5px 0px 10px 5px;
width:300px;
}

div.SixthMeasuresBoxLast{
float:left;
padding:5px 0px 10px 10px;
width:180px;
}

div.SeventhMeasuresLast{
float:left;
padding:5px 0px 10px 10px;
width:156px;
}



div.csrmsgbox div.measuresBox03-right{
float:left;
width:auto;
}
div.csrmsgbox div.measuresBox03-left{
float:left;
padding:;
width:auto;
}
div.measuresBox03 div.measuresSub{
margin-top:20px;
}
div.measuresSub p {
float:left;
padding:0 10px 0 0;
width:100px;
}
div.csrmsgbox div.measuresBox04-left{
float:left;
padding:5px 0px 10px 0px;
width:320px;
}
div.csrmsgbox div.measuresBox04-right{
float:right;
width:auto;
}
div.csrmsgbox div.measuresBox04-right p {
text-align:center;
font-size:85%;
line-height:2.5em;
}
div.measuresBox03-right p,
div.measuresSub p,
{
font-size:85%;
}
div.csrmsgbox div.measuresBox06-left{
float:left;
margin:10px 0px 20px 127px;
width:175px;
}
div.csrmsgbox div.measuresBox06-right{
float:right;
margin:10px 127px 20px 0px;
width:179px;
}
div.measuresBox p,
div.measuresBoxlast p{
padding:5px 0;
font-size:85%;
}

div.boxsub div.subright p {
margin-top:10px;
}
div.csrmsgbox div.measuresBox05-left{
float:left;
padding:5px 0px 10px 0px;
width:350px;
}
div.boxsub {
background-color: #DCEBC9;
clear:both;
padding:10px;
margin-bottom:30px;
}
div.boxsub img.sub {
float:left;
width:auto;
}
div.boxsub div.subright {
float:right;
width:284px;
}

.small_text{
font-size:10px;
}

.small_text_measures{
clear:both;
font-size:10px;
}

.center_align{
margin:10px auto;
width:438px;
}

.center_align2{
margin:10px auto;
width:466px;
}

.csrspace{
height:10px;
}


/*
===== 04: ENV CIRCULATION ====================================
*/

div.csrmsgbox div.csrrecycleright{
float:right;
padding-left:15px;
width:199px;
}

div.csrmsgbox div#csrcornerbox{
border-top:1px solid #bbb7b7;
border-left:1px solid #bbb7b7;
padding:5px 0px 10px 10px;
width:290px;
}

div.csrmsgbox div.emission-right{
float:right;
padding:5px 0px 0px 15px;
width:368px;
}
div.csrmsgbox div.emissionbox-left{
float:left;
padding:5px 0px 10px 0px;
width:345px;
}
div.csrmsgbox div.emissionbox-left p{
padding:20px 0px 0 0px;
}


div.csrmsgbox div.recycleBox-right{
float:right;
padding-left:15px;
width:234px;
}

div.csrmsgbox div.recycleBox-left{
float:left;
padding:5px 0px 10px 0px;
width:486px;
}

div.csrmsgbox div.recycleBox-right img {
padding:18px 0px 0px 0px;
}

div.cirBox01-left{
width:420px;
hight:220px;
float:left;
}

div.cirBox01-left img{
width:129px;
hight:96px;
margin:5px;
}

div.cirBox01-right{
width:280px;
hight:227px;
float:left;
margin-left:20px;
}

div.cirBox01-bottom{
width: 631px;
margin:10px auto;
}

div.cirSpace{
clear:both;
height:10px;
}

div.cirSpace2{
clear:both;
height:20px;
}

div.cirBox02-left{
width:320px;
hight:220px;
float:left;
}

div.cirBox02-left h3{
margin-bottom:10px;
text-align:center;
}

div.cirBox02-right{
	width:336px;
	hight:148px;
	float:left;
	margin-left: 20px;
}

div.cirBox02-bottom{
width:671px;
hight:190px;
margin:0px auto;
}

div.cirBox04-left{
width:345px;
hight:415px;
float:left;
}

div.cirBox04-left img.track{
width:127px;
hight:96px;
margin:5px;
}


div.cirBox04-right{
	width:313px;
	hight:414px;
	float:left;
	margin-left: 20px;
}



/*
===== 05: ENV PRESCHOOLER & BEAUTIFICATION ====================================
*/

div.csrnotebox,div.csrnotebox_2nd{
width:358px;
background-image:url(../img/csr/environment/preschooler/img_note_middle.gif);
background-repeat:repeat-y;
background-position:0px 14px;
margin-right:10px;
float:left;
}

* html div.csrnotebox,* html div.csrnotebox_2nd{
margin-right:5px;
}

div.csrnoteclear{
clear:left;
}

div.csrclear{
clear:both;
}

div.csrnotebox p{ 
display:block;
background-image:url(../img/csr/environment/preschooler/img_note_bottom.gif);
background-repeat:no-repeat;
background-position:0px 100%;
padding:5px 150px 25px 35px;
min-height:14em;
}


div.csrnotebox_2nd p{
display:block;
background-image:url(../img/csr/environment/preschooler/img_note_bottom.gif);
background-repeat:no-repeat;
background-position:0px 100%;
padding:5px 150px 25px 35px;
min-height:8.5em;
}

* html div.csrnotebox p{
height:14em;
}

* html div.csrnotebox_2nd p{
height:8.5em;
}

div.csrnotebox p strong{
display:block;
text-align:right;
}

div.csrnotebox p strong.first{
margin-bottom:5px;
}

div.csrnotebox p.nonstyle{ 
display:block;
background-image:url(../img/csr/environment/preschooler/img_note_middle_long.gif);
background-repeat:repeat-y;
background-position:0px 100%;
/*background-position:0px 14px;*/
padding:5px 150px 0px 35px;
/*min-height:14em;*/
}

div.csrnotebox ul.sideways-layout{
display:block;
background-image:url(../img/csr/environment/preschooler/img_note_bottom_short.gif);
background-repeat:no-repeat;
background-position:0px 100%;
padding:0px 0px 0px 35px;
height:61px;
}

div.csrnotebox ul.sideways-layout li{ 
list-style:none;
width:110px;
height:40px;
margin-right:10px;
float:left;
}


div.csrnotebox p img.scrnotephoto,div.csrnotebox p span.scrnotephoto{
position:absolute;
margin:-20px 0px 0px 170px;
width:168px;
height:142px;
z-index:10;
}


div.csrnotebox p img.scrnotephoto2,div.csrnotebox p span.scrnotephoto2{
position:absolute;
margin:-22px 0px 0px 154px;
width:168px;
height:142px;
z-index:10;
}


div.csrnotebox_2nd p img.scrnotephoto,div.csrnotebox_2nd p span.scrnotephoto{
position:absolute;
margin:-35px 0px 0px 170px;
width:168px;
height:142px;
z-index:10;
}
	
div.csroldbox{
width:522px;
margin:0 auto;
}

.back {
background-image:url(../img/csr/environment/biotope/back.gif);
background-position:left center;
margin:0px 0px 20px 12px;
padding:5px;
width:500px;
}

#naiyou h2 {
height:35px;
margin:0px 0px 20px 12px;
width:510px;
clear:both;
}

#naiyou h3 {
height:35px;
margin:0px 0px 20px 12px;
width:510px;
}

.back .box {
background-color:#FFFFFF;
border:1px solid #CCCCCC;
width:498px;
}

.back .box p {
color:#666666;
font-size:100%;
line-height:150%;
padding:10px 10px 0px;
}

.back .box .left {
float:left;
padding:10px 7px 10px 10px;
width:235px;
}

.back .box .right {
float:left;
padding:10px 0px;
width:235px;
}

.title_box .left {
float:left;
padding:0px;
width:255px;
}

.back .box table.green {
margin:8px 0px 8px 14px;
}

.back .box .left table td {
color:#666666;
font-size:70%;
padding-left:3px;
}

.back .box .right table td {
color:#666666;
font-size:70%;
padding-left:3px;
}

/*
===== 06: ENV EVENT ====================================
*/

div.csreventcorner{
width:731px;
margin:0 auto;
background-image:url(../img/csr/environment/event/img_corner_middle.gif);
background-repeat:repeat-y;
}

div.csreventcorner ul{
background-image:url(../img/csr/environment/event/img_corner_bottom.gif);
background-repeat:no-repeat;
background-position:0px 100%;
}

div.csreventcorner li{
background-image:url(../img/csr/environment/event/img_corner_top.gif);
background-repeat:no-repeat;
padding:20px 17px 40px 17px;
}




/*
===== 07: HEADWATERS POPUP ====================================
*/

a.pop:link{
	color:#FF6600;
	text-decoration:none; }
a.pop:visited{
	color:#FF6600;
	text-decoration:none; }
a.pop:hover{
	color:#003399;
	text-decoration:underline; }


#popup {
	margin:0px auto;
	width: 600px;
	font-size: 12px;
	color:#333333;
}
#popup h1 {
	margin: 0;
}
#popup h2 {
	margin: 0 auto;
	padding-top:20px;
	width:370px;
	background:url(/img/csr/environment/headwaters/edu05_pop_midashibar.gif) no-repeat;
	height:40px;
	font-size:16px;
	color:#20a361;
	text-align:center;
    }

#activebox {
    background-color:#EEF8E0;
	width:540px;
	margin:5px auto;
	}

#activebox img{vertical-align:bottom;}

#activebox .photo{
    border:#CCCCCC 1px solid;
	width:200px;
	float:left;
	margin:0 10px 0 15px;
	display:inline;
	}
	
#activebox .detail_headwaters{
    float:left;
	width:300px;
	}

#activebox .detail_headwaters h3{
	background:url(/img/csr/environment/headwaters/edu05_pop_icon.gif) no-repeat;
	height:15px;
	margin:0 0 5px 0;
	padding:5px 0 0 25px;
	color:#20a361;
	font-size:14px;
	text-align:left;
	}
	
#activebox .detail_headwaters p{padding-left:10px;}

#activebox .detail_headwaters dl{font-size:10px; padding-left:5px; line-height:1.2em;}
#activebox .detail_headwaters dt{margin:0;}
#activebox .detail_headwaters dd{padding-bottom:5px;}

#volume ul{width:520px; margin:0 auto; }
#volume li{float:left; margin:0 5px; list-style:none; display:inline;}
	
	
.detailbox{
	width:560px;
	margin:10px auto ;
	padding:10px 5px 0px 5px;
	clear:both;
	}

	
.detailbox .photo{
    float:left;
	margin:15px 5px 0px 10px;
	}

.detailbox .photo2{
	margin:15px 5px 0px 10px;
	text-align:center;
	}
	
.detailbox .photo p{
    font-size:10px;
	line-height:135%;
	text-align:center;
	}

.detailbox .ver1{float:left; width:270px; margin:20px 0 0 5px;}
.detailbox .ver2{ margin-top:15px; padding:0 5px;}
.detailbox h4{font-size:14px; margin-bottom:5px;}
.detailbox p{line-height:135%;}

#comment{width:520px; background-color:#FFFFCC; margin:10px auto; padding:10px;}
#comment h4{font-size:14px; color:#FF9900; text-align:center; line-height:1.2em}
#comment p{line-height:125%;}

#close{
	width:560px;
	margin:10px auto;
	padding-top:20px;
	text-align:center;
	clear:both;
	}

#copyright{margin:0}	
	

/*
===== 08: ENV BEAUTIFICATION ====================================
*/

div.beatBox {
	width:736px;
	margin:0px 0px 20px 0px;
	background-image:url(../img/csr/environment/beautification/box_bg.jpg);
	background-position:0 0;
	background-repeat:repeat-y;
	clear:both;
	}

div.beatBox div.text {
	width:480px;
	padding-left:19px;
	margin-top:16px;
	float:left;
	}

div.beatBox img {
	clear:both;
	}

div.beatBox dl {
	width:480px;
	margin:0px 0px 10px 0px;
	}

div.beatBox dt {
	margin:0px 0px 5px 0px;
	line-height:1.5em;
	}

div.beatBox table {
	width:480px;
	margin-top:5px;
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	background-color:#FFFFFF;
	}

div.beatBox th, div.beatBox td {
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	padding:5px;
	text-align:center;
	}

div.beatBox th {
	background-color:#EEEEEE;
	font-weight:normal;
	}

div.beatBox ul {
	width:180px;
	list-style:none;
	margin:16px 0px 0px ;
	padding:0px 0px 0px 20px;
	float:left;
	}

div.beatBox li {
	margin:0px 0px 10px 0px;
	padding:0px;
	}

div.beatBox li span {
	display:block;
	font-size:0.9em;
	margin:3px 0px 0px 0px;
	padding:0px;
	}

/*
===== 09: ENV ECOSCHOOL ====================================
*/

div#ecosh{
	padding:auto;
	margin:auto;
}

div#ecosh h2,div#ecosh h3{
	padding:auto;
	margin:auto;
	text-align:center;
}

div#ecosh ul{ 
	clear:both;
	width:700px;
	padding:auto;
	margin:auto;
	margin-bottom:10px;
	font-size:14px;
	font-weight:bold;
}

div#ecosh li{
	list-style: none;  
	background:url(../img/csr/environment/ecoschool/ico01.gif) no-repeat left;
 	padding: 0 0 0 20px;  
	margin-bottom:5px;
}

div#ecosh table{
	width:700px;
	padding:auto;
	margin-top:auto;
	margin-bottom:15px;
	margin-right:auto;
	margin-left:auto;
	
}

div#ecosh table td{
	text-align:center;
}

div#ecosh table td img.ico-txt{
	margin-right:5px;
}



/*
===== 10: ENV DRAGONFLY ====================================
*/

div.dragonfly {width:736px; margin:0px 0px 20px; clear:both;}
div.dragonfly h3 {width:736px; margin:0px 0px 10px;}
div.dragonfly dl {width:300px; height:260px; background-image:url(../img/csr/environment/dragonfly/bg_dragonfly.jpg); background-repeat:no-repeat; padding:30px 28px 0px;}
div.dragonfly dl.dragonfly-A {float:left;}
div.dragonfly dl.dragonfly-B {float:right;}
div.dragonfly dl dt {width:300px; height:210px; margin-bottom:10px;}
div.dragonfly dl dd {width:273px; background-image:url(../img/csr/environment/dragonfly/ico_dragonfly.gif); background-repeat:no-repeat; padding-left:27px; font-size:0.92em;}


/*
===== 11: ENV AFFORESTATION ====================================
*/

div.afforestBox {width:736px; margin:0px 0px 20px; clear:both; background-image:url(../img/csr/environment/afforestation/bg_afforestation.jpg); background-repeat:repeat-y;}
div.afforestBox h3 {width:528px; margin:0px 0px 10px; float:left}
div.place{width:736px; height:88px; margin-bottom:20px;}
div.detail{background-image:url(../img/csr/environment/afforestation/bg_right.jpg); width:208px; float:right; background-repeat:no-repeat}
div.afforestBox table {width:150px; height:50px; margin:30px auto 5px; }
div.afforestBox th {text-align:left;}
div.afforestBox td {text-align:center;}

div.afforestBox dl {width:300px; padding:0px 0px 0px 45px; float:left;}
div.afforestBox dt {width:300px; margin:0px auto;}
div.afforestBox dd {text-align:center; padding-top:3px;}
div.afforestBox dd img {margin:0px 5px 0px 0px; vertical-align:middle;}

div.afforestBox p {clear:both;}


/*
===== 12: ECO_SCOOL ====================================
*/

h3.ecoTit {width:736px; margin:0px 0px 10px; clear:both;}
div.ecoBox {width:720px; background-image:url(../img/station/event/environment/bg_environment.gif); background-repeat:repeat; background-position:left top; padding:8px; margin:0px 0px 20px;}

div.ecoBox table#boshu {width:720px; border-left:1px solid #CCCCCC; border-top:1px solid #CCCCCC; background-color:#FFFFFF;}
div.ecoBox table#boshu th, div.ecoBox table#boshu td {border-right:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; background-color:#FFFFFF; padding:3px;}
div.ecoBox table#boshu th {text-align:center;}
table#boshu ul {list-style:none; margin:0px; padding:0px;}
table#boshu li {margin:0px 0px 3px; padding:0px 0px 0px 24px; line-height:1.8em; background-image:url(../img/csr/environment/ecoschool/ico_eco.jpg); background-repeat:no-repeat; background-position:0% 50%; border-bottom:1px dashed #DDDDDD; display:block;}
table#boshu li.end {border-bottom:none; margin-bottom:0px;}
table#boshu li span {font-weight:bold; padding-right:10px; color:#FF6600;}

table#boshu em {padding-left:10px;}
table#boshu em a {padding-left: 15px; background-position:0px; background-image: url(../common_img/arw.gif); background-repeat:no-repeat; font-style:normal;}

div.ecoBox div.box {width:708px; background-color:#FFFFFF; border:1px solid #CCCCCC; padding:5px;}
div.ecoBox div.box2 {width:708px; background-color:#FFFFFF; border:1px solid #CCCCCC; padding:5px;}

div.ecoBox div.box dl.l {width:310px; float:left;}
div.ecoBox div.box2 dl.l {width:310px; float:left;}
div.ecoBox div.box dl.r {width:390px; float:left; margin-top:10px;}

div.ecoBox div.box2 dl.r2 {width:700px; float:left; margin-top:10px;}

div.ecoBox div.box dt {border-left:3px solid #FF9900; padding-left:3px; font-weight:bold; line-height:1.3em;}
div.ecoBox div.box2 dt {border-left:3px solid #FF9900; padding-left:3px; font-weight:bold; line-height:1.3em;}

div.box dl.r dt {width:110px; float:left; clear:both; margin-bottom:5px;}

div.box2 dl.r2 dt {width:180px; float:left; clear:both; margin-bottom:5px; font-size:14px;}

div.box dl.r dd {width:274px; float:left; margin-bottom:10px; line-height:1.3em;}

div.box2 dl.r2 dd {width:500px; float:left; margin-bottom:10px; line-height:1.3em; font-size:14px;}

div.box2 dl.r2 dd a img.btn2 {margin:0px 3px 3px 0px;}

div.box dl.l dd.photo {width:282px; height:180px; padding:8px 0px 0px 28px; float:none; clear:both; margin-bottom:5px; line-height:1.3em; background-image:url(../img/csr/environment/ecoschool/bg_photo.jpg); background-position:20px 0px; background-repeat:no-repeat; margin-top:5px;}

div.box2 dl.l dd.photo {width:282px; height:180px; padding:8px 0px 0px 28px; float:none; clear:both; margin-bottom:5px; line-height:1.3em; background-image:url(../img/csr/environment/ecoschool/bg_photo.jpg); background-position:20px 0px; background-repeat:no-repeat; margin-top:5px;}

div.box dl.l dd.btn {width:310px; padding:0px; float:none; clear:both; margin-bottom:0px; text-align:center; color:#FF0000; font-weight:bold;}

div.box2 dl.l dd.btn {width:310px; padding:0px; float:none; clear:both; margin-bottom:0px; text-align:center; color:#FF0000; font-weight:bold;}

div.box dl dd.program {clear:both;}
div.box2 dl dd.program {clear:both;}

div.btn1 {width:260px; margin:20px; font-size:12px;}

div.btn1 img {margin-bottom:10px;}

div.download {margin:10px 0px 10px 0px;}

div.download p {margin:10px 0px 10px 0px;}

div.box2 dl dd p.fax {font-size:10px; padding-left:20px;}

div.ecoBox div.box table {width:390px; border-left:1px solid #CCCCCC; border-top:1px solid #CCCCCC; }
div.ecoBox div.box2 table {width:700px; border-left:1px solid #CCCCCC; border-top:1px solid #CCCCCC; }
div.ecoBox div.box th, div.ecoBox div.box td {border-right:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; padding:3px; line-height:1.2em; font-size:0.9em;}
div.ecoBox div.box2 th, div.ecoBox div.box2 td {border-right:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; padding:3px; line-height:1.2em; font-size:0.9em;}
div.ecoBox div.box th {background-color:#EEEEEE; text-align:center;}
div.ecoBox div.box2 th {background-color:#EEEEEE; text-align:center;}
p#eco_oubo {width:736px; padding:10px 0px; text-align:center; clear:both;}
table#boshu span.deadline {color:#FF0000; font-weight:bold;}


/*
===== 13: BIOTOPE ====================================
*/

h2.biotope-tit{
	margin-bottom:10px; }

ul#biotope-nav{
	list-style-type:none;

}

ul#biotope-nav {
background:url("../img/csr/environment/biotope/nav_biotope.gif") no-repeat;
width:735px;
height:68px;
margin:0;
padding:0;
}

ul#biotope-nav span {
display: none;
}

ul#biotope-nav li, ul#biotope-nav a {
height:68px;
display:block;
}

ul#biotope-nav li {
float:left;
list-style:none;
display:inline;
}

li#biotope-nav-taisetsu {width: 134px;}
li#biotope-nav-ikenonaka {width: 82px;}
li#biotope-nav-ikenomizugiwa {width: 112px;}
li#biotope-nav-kusachi {width: 72px;}
li#biotope-nav-kodachi {width: 72px;}
li#biotope-nav-sonota {width: 82px;}
li#biotope-nav-schedule {width: 107px;}
li#biotope-nav-houkoku {width: 74px;}

li#biotope-nav-taisetsu a:hover {background:url("../img/csr/environment/biotope/nav_biotope.gif") 0px -68px no-repeat; }
li#biotope-nav-ikenonaka a:hover {background:url("../img/csr/environment/biotope/nav_biotope.gif") -134px -68px no-repeat; }
li#biotope-nav-ikenomizugiwa a:hover {background:url("../img/csr/environment/biotope/nav_biotope.gif") -216px -68px no-repeat; }
li#biotope-nav-kusachi a:hover {background:url("../img/csr/environment/biotope/nav_biotope.gif") -328px -68px no-repeat; }
li#biotope-nav-kodachi a:hover {background:url("../img/csr/environment/biotope/nav_biotope.gif") -400px -68px no-repeat; }
li#biotope-nav-sonota a:hover {background:url("../img/csr/environment/biotope/nav_biotope.gif") -472px -68px no-repeat; }
li#biotope-nav-schedule a:hover {background:url("../img/csr/environment/biotope/nav_biotope.gif") -554px -68px no-repeat; }
li#biotope-nav-houkoku a:hover {background:url("../img/csr/environment/biotope/nav_biotope.gif") -661px -68px no-repeat; }

li#biotope-nav-taisetsu-stay {width:134px; background:url("../img/csr/environment/biotope/nav_biotope.gif") 0px -68px no-repeat; }
li#biotope-nav-ikenonaka-stay {width: 82px; background:url("../img/csr/environment/biotope/nav_biotope.gif") -134px -68px no-repeat; }
li#biotope-nav-ikenomizugiwa-stay {width: 112px; background:url("../img/csr/environment/biotope/nav_biotope.gif") -216px -68px no-repeat; }
li#biotope-nav-kusachi-stay {width: 72px; background:url("../img/csr/environment/biotope/nav_biotope.gif") -328px -68px no-repeat; }
li#biotope-nav-kodachi-stay {width: 72px; background:url("../img/csr/environment/biotope/nav_biotope.gif") -400px -68px no-repeat; }
li#biotope-nav-sonota-stay {width: 82px; background:url("../img/csr/environment/biotope/nav_biotope.gif") -472px -68px no-repeat; }
li#biotope-nav-schedule-stay {width: 107px; background:url("../img/csr/environment/biotope/nav_biotope.gif") -554px -68px no-repeat; }
li#biotope-nav-houkoku-stay {width: 74px; background:url("../img/csr/environment/biotope/nav_biotope.gif") -661px -68px no-repeat; }


div#biotope-main{
	padding:10px;
	background-color:#E1E59E;
}

h3.biotope-subtit{
	margin-bottom:10px;
	text-align:center;
}

div.biotope-box{
	width:680px;
	margin:5px;
	padding:20px 10px;
	background:url("../img/csr/environment/biotope/bg_biotope.jpg") no-repeat;
	border:solid 1px #ccc;
	overflow:hidden;
}

dl.biotope-item{ 
	/* width:655px; */
	width:680px;
	padding-bottom:15px;
	clear:both;
}

dl.biotope-item dt{
	margin-bottom:5px;
}
dl.biotope-item dd.photolayout{
	margin:auto;
	padding:auto;
}

dl.biotope-item ul.biotope-photo02{
	margin:10px 0px 0px 15px;

}
dl.biotope-item ul.biotope-photo02 li{
	width:320px;
	list-style-type:none;
	text-align:center;
	float:left;

}


dl.biotope-item ul.biotope-photo03-irre{ 
	margin:10px 0px 0px 30px;

}
dl.biotope-item ul.biotope-photo03-irre li{ 
	list-style-type:none;
	text-align:center;
	float:left;
}
dl.biotope-item ul.biotope-photo03-irre li.photosize210{
	width:210px;
	margin:15px 30px 15px 20px; 
}

dl.biotope-item ul.biotope-photo03-irre li.photosize156{
	width:156px;
	margin:15px 30px 15px 0px; 
}

dl.biotope-item ul.biotope-photo03-irre li.photosize137{
	width:137px;
	margin:15px 10px 15px 0px; 

}

dl.biotope-item dd ul.biotope-photo04{
	margin:10px 10px 15px 10px;
}

dl.biotope-item dd ul.biotope-photo04 li.photosize325{
	list-style-type:none;
	width:325px;
	margin-right:5px;
	text-align:center;
	float:left;

}
dl.biotope-item dd ul.biotope-photo04 li.photosize160{
	list-style-type:none;
	width:160px;
	margin-right:5px;
	text-align:center;
	float:left;
}
dl.biotope-item dd ul.biotope-photo04 li.photosize160-02{
	list-style-type:none;
	width:160px;
	text-align:center;
	float:left;
}


ul.biotope-photo-kouhou{
	margin:10px 0px 0px 12px;

}
ul.biotope-photo-kouhou li{
	width:215px;
	list-style-type:none;
	text-align:center;
	float:left;
}


dl.biotope-item-irre01{ 
	width:680px;
	height:400px;
	padding-bottom:10px;
	background:url("../img/csr/environment/biotope/img_kanri_mabiki01.jpg") 470px 30px no-repeat;
}

dl.biotope-item-irre01 dt{
	margin-bottom:5px;
}

dl.biotope-item-irre01 dd{
	width:450px;
	margin-bottom:15px;
}

div.ikenonaka-layout{
	clear:both;
}

div.ikenonaka-layout dl{ 
	width:460px;
	float:left;
	margin-right:10px;
	padding-bottom:15px;

}

div.ikenonaka-layout dl dt{
	margin-bottom:5px;
}

div.ikenonaka-layout p{
	width:210px;
	text-align:center;
	float:left;
}

div.ikenonaka-layout02{
	background-color:#D6EBFF;
	width:680px;
	height:180px;
	padding-top:5px;
	margin-bottom:15px;
}
div.ikenonaka-layout02 h4{
	text-align:center;
}

div.kusachi-layout{
	width:460px;
	float:left;
}

div.kusachi-layout dl.biotope-item-kusachi{
	margin-bottom:20px;

}
div.kusachi-layout dl.biotope-item-kusachi dt{
	margin-bottom:10px;
}

ul.biotope-photo-kusachi{
	width:210px;
	margin-left:10px;
	margin-bottom:10px;
	float:left;
}
ul.biotope-photo-kusachi li{
	text-align:center;
}


ul.biotope-photo-kodachi{
	margin-left:10px;
	margin-bottom:10px;
	list-style-type:none;
}
ul.biotope-photo-kodachi li.photosize300{
	width:300px;
	margin-right:15px;
	text-align:center;
	float:left;
}
ul.biotope-photo-kodachi li.photosize345{
	width:345px;
	text-align:center;
	float:left;
}


div.sonota-layout01 ul{
	width:460px;
	margin-bottom:20px;
	float:left;

}
div.sonota-layout01 li{
	margin-bottom:10px;

}

p.biotope-photo-sonota210{
	width:210px;
	text-align:center;
	margin-left:10px;
	margin-bottom:10px;
	float:left;
}

div.sonota-layout02 dl{
	width:430px;
	margin-bottom:20px;
	float:left;
}

div.sonota-layout03{
	background-color:#F2E7DA;
	width:680px;
	height:180px;
	padding-top:5px;
	margin-bottom:15px;
}
div.sonota-layout03 h4{
	text-align:center;
}

p.biotope-photo-sonota235{
	width:235px;
	margin-left:15px;
	text-align:center;
	margin-bottom:10px;
	float:left;
}

p.schedule-img{
	text-align:center;
	margin-bottom:30px ;
}

table.biotope-box-left{
	width:330px;
	margin-right:15px;
	float:left;
}
table.biotope-box-left td{
	padding:3px;
	font-size:0.9em;
}

table.biotope-box-right{
	width:330px;

}

table.biotope-box-right td{
	padding:3px;
	font-size:0.9em;

}



/* BIOTOPE モジュール */

ul.biotope-photo03{ 
	margin:10px 0px 0px 10px;

}
ul.biotope-photo03 li{
	width:220px;
	list-style-type:none;
	text-align:center;
	float:left;

}

ul.biotope-photo05{
	margin:10px 10px 15px 10px;
}

ul.biotope-photo05 li.photosize160{
	list-style-type:none;
	width:160px;
	margin-right:5px;
	text-align:center;
	float:left;
}
ul.biotope-photo05 li.photosize160-02{
	list-style-type:none;
	width:160px;
	text-align:center;
	float:left;
}

dd.add-txt{
	color:#597C00;
	margin:5px 0;
}
	
p.biotope-subtit{
	clear:both;
	margin-bottom:30px ;
}

p.biotope-txt{
	margin-bottom:10px;
}

dd.firstdd{
	margin-bottom: 15px;}
	
span.bio-repo {
	margin: 0 0 0 15px;

}

span.bio-repo img{
	margin: 0 3px 3px 0;
	
}