@charset "utf-8";

/*
CSR―CSR01 css
__________________________________________________________________*/



#contents_con #main h4{
	margin-top: 24px;
	margin-right: 0;
	margin-bottom: 0;
}

#contents_con #main h6 {
	padding-top: 10px;
	font-size: 100%;
	line-height: 140%;
	font-weight: bold;
	width: 560px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #909192;
	padding-bottom: 5px;
	margin-bottom: 15px;
}

#net_navi {
	border: 1px solid #CCCCCC;
	background-color: #F5F5F5;
	margin-right: 15px;
	padding-top: 11px;
	padding-bottom: 11px;
	padding-left: 20px;
	margin-bottom: 36px;
	margin-left: 5px;
	font-size: 90%;
}

#contents_con #main #csr01 {
	padding-left:30px;
	}

#contents_con #main #csr01 .h {
	background-color: #DEEBFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #9CB5E3;
	font-weight: bold;
	font-size: 100%;
	color: #002E8A;
	clear: both;
	padding-left: 10px;
	margin-top: 15px;
	width: auto;
	margin-bottom: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-right: 10px;

}


#contents_con #main #csr01 .bgp {
	background-color: #EEEEEE;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	font-weight: bold;
	font-size: 100%;
	color: #27313D;
	clear: both;
	margin-top: 15px;
	padding-left: 10px;
	margin-right: 10px;
	width: auto;
	padding-top: 5px;
	padding-bottom: 5px;

}
#contents_con #main #csr01 p {
	margin-right: 10px;
	margin-top: 5px;
	padding-left: 10px;
}
#contents_con #main #csr01 .h2 {
	font-size: 130%;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	margin-bottom: 15px;
	font-weight: bold;
	margin-right: 10px;
	width: auto;
}

#contents_con #main #csr01 #text01 p {
	float: left;
	width: 390px;
	margin-bottom: 20px;
}
#contents_con #main #csr01 #text01 {
	margin-right: 10px;
}


#contents_con #main #csr01 #text01 #imgbox {
	text-align: center;
	float: right;
}

#contents_con #main #csr01 #text01 #imgbox img {
	margin-left: 3px;
}

#contents_con #main #csr01 #text02 {
	float: left;
	width: 350px;
	margin-bottom: 30px;
}

#contents_con #main #csr01 #imgbox02 {
	background-color: #F0F0F0;
	margin-right: 10px;
	margin-bottom: 30px;
	height: 100%;
	width: 550px;
}
#contents_con #main #csr01 #default {
	margin-right: 10px;
}


#contents_con #main #csr01 #imgbox02 #imgbox {
	float: left;
	margin: 20px 10px 20px 22px;
}

#contents_con #main #csr01 #imgbox02 #imgbox03 {
	float: right;
	height: 178px;
	margin-right: 22px;
	margin-bottom: 20px;
	margin-top: 20px;
}

#contents_con #main #csr01 #imgbox02 #imgbox03 img {
	margin-right: 10px;
	margin-bottom: 5px;
}


#contents_con #main #csr01 #imgbox04 {
	float: left;
	width: 150px;
	text-align: center;
	background-color: #EBEBEB;
	padding: 10px;
	margin-top: 10px;
}


/*
CSR―CSR02 css
__________________________________________________________________*/

#contents_con #main #csr02 {
	padding-left:30px;
	}

#contents_con #main #csr02 h6 {
	padding-top: 10px;
	font-size: 100%;
	line-height: 140%;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #909192;
	padding-bottom: 5px;
	margin-bottom:0;
}

#contents_con #main #csr02 .h {
	background-color: #EEEEEE;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	font-weight: bold;
	font-size: 100%;
	color: #27313D;
	clear: both;
	width: auto;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 15px;
	margin-left: 0;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 10px;
}

#contents_con #main #csr02 #lead p {
	width: 50%;
	margin-bottom: 10px;
}
#contents_con #main #csr02 #lead {
	background-image: url(../../company/img/csr/02_img.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	margin-bottom: 20px;
	padding-top: 15px;
	padding-bottom: 40px;
}
#contents_con #main #csr02 #lead #team6 {
	border: 1px solid #CCCCCC;
	width: 50%;
	padding: 7px;
	text-align: center;
}
#contents_con #main #csr02 #lead #team6 p {
	text-align: left;
	width: 90%;
	margin-left: 20px;
}



#TabArea {
	width:550px;
	margin-top: 0;
	margin-bottom: 0;
	font-size: 90%;
}
#TabArea table {
	width:100%;
	margin-top: 20px;
}
#TabArea td { text-align:center; padding:6px 0; border-bottom:3px solid #b4b4b4;}

#TabArea #SideLineLeft { width:377px;}
#TabArea #SideLineRight { width:10px;}
#TabArea #SideLeft {
	width:2px;
	border:none;
	background-image: url(../../img/tab_sideleft.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#TabArea #LeftLine { width:1px; background:url(../../img/tab_left.gif) left top no-repeat;}
#TabArea #BottomBG { width:100%; height:16px; display:block; background:url(../../img/tab_bottom_bg.gif) top repeat-x;}


/*Tab1設定*/
#TabArea #Tab1on { width:54px; background:url(../../img/tab_right_on.gif) right top no-repeat; border:none;}
#TabArea #Tab1off { width:54px; background:url(../../img/tab_right_off.gif) right top no-repeat;}

/*Tab2設定*/
#TabArea #Tab2on { width:53px; background:url(../../img/tab_right_on.gif) right top no-repeat; border:none;}
#TabArea #Tab2off { width:53px; background:url(../../img/tab_right_off.gif) right top no-repeat;}

/*Tab3設定*/
#TabArea #Tab3on { width:53px; background:url(../../img/tab_right_on.gif) right top no-repeat; border:none;}
#TabArea #Tab3off { width:53px; background:url(../../img/tab_right_off.gif) right top no-repeat;}

/*Tab4設定*/
#TabArea #Tab4on { width:53px; background:url(../../img/tab_right_on.gif) right top no-repeat; border:none;}
#TabArea #Tab4off { width:53px; background:url(../../img/tab_right_off.gif) right top no-repeat;}

/*Tab5設定*/
#TabArea #Tab5on { width:52px; background:url(../../img/tab_right_on.gif) right top no-repeat; border:none;}
#TabArea #Tab5off { width:52px; background:url(../../img/tab_right_off.gif) right top no-repeat;}



#contents_con #main #csr02 #csrmenu {
	text-align: left;
	width: 350px;
}

#contents_con #main #csr02 #csrmenu li {
	padding-left: 18px;
	margin-left: 20px;
	background-image: url(../../img/arrow_b.gif);
	background-position: 5px 5px;
	background-repeat: no-repeat;
	list-style-type: none;
}

#contents_con #main #csr02 .docutitle {
	font-size: 120%;
	font-weight: bold;
	color: #003399;
	margin-bottom: 10px;
}
#contents_con #main #csr02 #docup {
	background-color: #ECF3FE;
	padding: 10px;
	width: 80%;
	text-align: left;
}
#contents_con #main #csr02 #docup li {
	background-image: url(../../img/arrow_blue.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 20px;
	list-style-type: none;
}

#contents_con #main #csr02 #env_backnumber td {
	padding-left:5px;
	}

#contents_con #main #csr02 #env_backnumber {
	margin-bottom:20px;
	}


#contents_con #main #csr02 .toplist {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	margin-right: 15px;
	margin-top: 10px;
	margin-bottom: 10px;
	list-style-image: url(../../company/img/csr/arrow.gif);
}
#contents_con #main #csr02 #enquete {
	width: 330px;
	margin-top: 20px;
	border-top-width: 3px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-left-color: #CCCCCC;
	padding-top: 15px;
	padding-left: 15px;
	text-align: left;
	margin-bottom: 10px;
}
#contents_con #main #csr02 #enquete img {
	margin-right: 10px;
}

#contents_con #main #csr02 .h2 {
	font-size: 120%;
	color: #003399;
}
#contents_con #main #csr02 .h {
	margin-right: 10px;
}

#contents_con #main #csr02 .csr02table {
	margin-bottom: 20px;
}

#contents_con #main #csr02 #green {
	background-color: #F5F5F5;
	border: 1px solid #CCCCCC;
	margin-top: 20px;
	padding-top: 13px;
	padding-bottom: 13px;
	margin-right: 10px;
	padding-left: 13px;
	width: 530px;
}
#contents_con #main #csr02 #green li {
	display: inline;
	margin-right: 5px;
	margin-left: 15px;
}

/*
Environmental Action______________________________________________*/
#en_action {
	float:right;
	margin-left:30px;
	padding:0px;
	width: 560px;
	}

#en_action td {
	padding:2px;
	}

#en_action .name {
	margin-left:30px;
	text-align:left;
	}

#en_action p {
	margin:0px 0px 10px 0px;
	}
	
#en_action ol {
	margin:0px 0px 20px 30px;
}
#en_action li {
margin:6px 0px 6px 0px;
	font-size: 100%;
}

#en_action ul {
	margin:0px 0px 10px 30px;
}
	
.en_action_mb {
	margin:0px 0px 10px 0px;
	}
	
.en_action_att01 {
	color:#0099FF;
	}	
	
.en_action_small01 {
	font-size: 80%;
	}
	
#en_action h4 {
	margin-top: 24px;
	}
#en_action h6 {
	padding-top: 10px;
	font-size: 100%;
	line-height: 140%;
	font-weight: bold;
	width: 560px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #909192;
	padding-bottom: 5px;
	}
	
#en_action h5 {
 font-size:110%;
 font-weight:bold;
 margin:20px 0px 10px 0px;
 padding:3px 0px 3px 3px;
 background-color: #DEEBFF;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 border-bottom-color: #9CB5E3;
 }
 

#en_action .midashi01 {
	font-size:140%;
	font-weight:bold;
	margin:20px 0px 20px 0px;
	}
	
#en_action .midashi02 {
	font-size:110%;
	color:#0066CC;
	font-weight:bold;
	margin:10px 0px 10px 0px;
	}
	
	
#puw {
	text-align:center;
	font-size:80%;
	color:#333333;
	line-height:1.5;
	margin: 0px;
	padding: 0px;
	font-family: "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", Sans-Serif;
	}