@charset "utf-8";
/* ===================================================================
CSS Document

 file name  :style.css
 style info  CSR活動
=================================================================== */


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

 共通

-------------------------------------*/
#breadCrumb h1:before{
	background:url(../../img/csr/common/bread_icon_csr.png) no-repeat 0 0  ;
}


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

 CSR活動TOP

-------------------------------------*/
.csr #catImg{
	background: #E8EAE7 url(../../img/csr/common/cat_top_ttl_bg.jpg) no-repeat center 0;
}
.csr #section01{
	text-align:center;
	margin:60px 0 50px 0;
}
.csr #section01 h4{
	color:#683A20;
	font-size: 146%;
	font-weight:bold;
	margin:24px 0 5px 0;
}
.csr #section01 p{
	font-size: 116%;
	font-weight:bold;
	line-height:2;
    text-align: left;
}
/*.csr #section02,*/
.csr #section02{
	width:840px;
	margin:0 auto;
	background:url(../../img/csr/top/section_bg.png) no-repeat 0 bottom;
}
.csr #section03{
	width:840px;
	margin:0 auto 100px auto;
	background:url(../../img/csr/top/section_bg_last.png) no-repeat 0 bottom;
}
.csr #section03 .left,
.csr #section03 .right{
	margin-bottom:0;
}
.csr .section .left{
	float:left;
	width:380px;
	margin-bottom:25px;	
}
.csr .section .right{
	float:right;
	width:380px;
	margin-bottom:25px;	
}
.csr #section03 h3,
.csr #section04 h3{
	padding-top:38px;
}
.csr .section .left p,
.csr .section .right p{
	margin-top:12px;
}





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

  安全・安心

-------------------------------------*/
.quality #content{
	width:960px;
	margin:0 auto;
}
.quality .conteInr{
	float:left;
	width:700px !important;
	margin:0;
}
.quality #catImg{
	background:#C5DAB9 url(../../img/csr/common/cat_under_ttl_bg.jpg) no-repeat center 0;
}
.quality #catImg h2{
	width:960px;
	margin:0 auto 55px auto;
}
.quality h3{
	margin-bottom:45px;
}
.quality .section{
	margin-bottom:40px;
}
.quality #section01{
	background:url(../../img/csr/quality/img05.png) no-repeat right 0;	
}
.quality #section01 ul{
	width:575px;
	margin:15px 0 0 30px;
}
.quality #section01 li{
	padding:0 0 15px 25px;
}
.quality #section01 li:nth-of-type(1){
	background:url(../../img/csr/quality/img02.png) no-repeat 0 0;
	width:371px;
}
.quality #section01 li:nth-of-type(2){
	background:url(../../img/csr/quality/img03.png) no-repeat 0 0;
	width:480px;
}
.quality #section01 li:nth-of-type(3){
	background:url(../../img/csr/quality/img04.png) no-repeat 0 0;
	width:550px;
}
.quality #section02{
	/*background:url(../../img/csr/quality/img06.png) no-repeat right 0;
	padding-right:290px;
	min-height:200px;*/
    margin-bottom:30px;
}
.quality #section02 p{
	margin-bottom:14px;
}
.quality #section0202{
	/*background:url(../../img/csr/quality/img11.png) no-repeat right 0;
	padding-right:290px;
	min-height:200px;*/
    margin-bottom:30px;
}
.quality #section0202 p{
	margin-bottom:14px;
}
.quality #section04{
	padding-top:70px;
	margin-top:-35px;
	margin-bottom:70px;
	background:url(../../img/csr/quality/section04_bg_top.png) no-repeat 0 0;
}
.quality #section04 .secInr{
	background:url(../../img/csr/quality/section04_bg_bottom.png) no-repeat 0 bottom;
    padding: 10px 50px;
}
.quality #section04 .secInr dl{
	/*width:186px;
	float:left;*/
	margin-top:-30px;
	font-size: 100%;
	padding-bottom:45px;
}
/*.quality #section04 .secInr dl:nth-of-type(1){
	margin-left:45px;
}
.quality #section04 .secInr dl:nth-of-type(2){
	margin:-30px 27px 0 27px;
}*/
.quality #section04 .secInr dl dt{
	padding-bottom:7px;
    border-bottom: 1px dotted #999;
}
.quality #section04 .secInr dl dd{
	margin-top:10px;
	line-height:1.7;
}
.quality .section h4{
	color:#66391F;
	font-weight:bold;
	font-size:138.5%;
	margin-bottom:10px;
}




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

  環境への取り組み

-------------------------------------*/
.eco #content{
	width:960px;
	margin:0 auto;
}
.eco .conteInr{
	float:left;
	width:700px !important;
	margin:0;
}
.eco #catImg{
	background:#C5DAB9 url(../../img/csr/common/cat_under_ttl_bg.jpg) no-repeat center 0;
}
.eco #catImg h2{
	width:960px;
	margin:0 auto 55px auto;
}
.eco h3{
	margin-bottom:45px;
}
.eco #section01{
	/*background:url(../../img/csr/eco/img02.png) no-repeat right 0;*/
	min-height:250px;
}
.eco #section01 h4{
	/*width:320px;*/
	color:#683A20;
    font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho","serif";
	font-size:15px;
	font-weight:bold;
	margin-bottom:10px;
}
.eco #section01 h4 .itl{
	color:#683A20;
    font-family: "Times New Roman", Times, "serif";
	font-size:25px;
    font-style: italic;
    font-weight: normal;
}
.eco #section01 h4:nth-of-type(2){
	margin-top:20px;
}
.eco #section01 p{
	/*width:320px;*/
}
.eco .section .ttl {
    color: #66391F;
    font-weight: bold;
    font-size: 138.5%;
    margin-bottom: 30px;
}

.eco #section02 h4, .eco #section05 h4, .eco #section07 h4 {
	color:#683A20;
	font-size:138.5%;
	font-family:serif;
	font-weight:700;
	margin-bottom:10px;
	margin-top:10px
}
.eco h5 {
	color:#683A20;
	font-size:120%;
	font-family:serif;
	font-weight:700;
	margin-bottom:10px;
	margin-top:10px
}

.eco #section04 img, .eco #section06 img {
	float:left;
	border:solid 1px #ccc;
	padding:4px;
	margin-right:10px;
	margin-bottom:10px;
	vertical-align:bottom;
}
.eco #section05, .eco #section07 {
	margin-top:30px;
}


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

  地域社会のために

-------------------------------------*/
.society #content{
	width:960px;
	margin:0 auto;
}
.society .conteInr{
	float:left;
	width:700px !important;
	margin:0;
}
.society #catImg{
	background:#C5DAB9 url(../../img/csr/common/cat_under_ttl_bg.jpg) no-repeat center 0;
}
.society #catImg h2{
	width:960px;
	margin:0 auto 55px auto;
}
.society h3{
	margin-bottom:45px;
}
.society .section h4{
	color:#683A20;
	font-size:138.5%;
	font-weight:bold;
	margin-bottom:10px;
}
.society #section01{
    min-height: 392px;
	background:url(../../img/csr/society/img02.png) no-repeat right 0;
}
.society #section01 h4,
.society #section01 p{
	width:440px;
}
.society #section01 p{
	margin-bottom: 15px;
}
.society #section02{
	margin:30px 0;
}
.society #section03{
	background:#F6F3F2;
	padding:10px;
	width:680px;
	text-align:center;
	margin-bottom:100px;
}
.society #section03 h5{
	margin-bottom:2px;
	font-size: 100%;
}
.society #section03 h5 span,
.society #section03 a{
	color:#6A391E;
}
.society #section03 a{
	text-decoration:underline;
}
.society #section03 a:hover{
	text-decoration:none !important;
}




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

  業界発展のために

-------------------------------------*/
.jna #content{
	width:960px;
	margin:0 auto;
}
.jna .conteInr{
	float:left;
	width:700px !important;
	margin:0;
}
.jna #catImg{
	background:#C5DAB9 url(../../img/csr/common/cat_under_ttl_bg.jpg) no-repeat center 0;
}
.jna #catImg h2{
	width:960px;
	margin:0 auto 55px auto;
}
.jna h3{
	margin-bottom:45px;
}
.jna #section01 h4{
	color:#683A20;
	font-size:138.5%;
	font-weight:bold;
	margin-bottom:15px;
}
.jna #section01 ul{
	float:left;
	width:315px;
	margin-bottom:15px;
}
.jna #section01 .right{
	width:350px;
}
.jna #section01 ul li{
	padding-left:23px;
	margin-bottom:15px;
	font-size:108%;
}
.jna #section01 .left li:nth-of-type(1){
	background:url(../../img/csr/jna/img02.png) no-repeat 3px 0;
}
.jna #section01 .left li:nth-of-type(2){
	background:url(../../img/csr/jna/img03.png) no-repeat 0 0;
}
.jna #section01 .left li:nth-of-type(3){
	background:url(../../img/csr/jna/img04.png) no-repeat 0 0;
}
.jna #section01 .right li:nth-of-type(1){
	background:url(../../img/csr/jna/img05.png) no-repeat 0 0;
}
.jna #section01 .right li:nth-of-type(2){
	background:url(../../img/csr/jna/img06.png) no-repeat 0 0;
}
.jna #section01 .right li:nth-of-type(3){
	background:url(../../img/csr/jna/img07.png) no-repeat 0 0;
}
.jna #section01 p{
	clear:both;
	margin-bottom:20px;
}
.jna #section02{
	background:#F6F3F2;
	padding:10px;
	width:680px;
	text-align:center;
	margin-top:25px;
	margin-bottom:100px;
}
.jna #section02 h5{
	margin-bottom:2px;
	font-size: 100%;
}
.jna #section02 h5 span,
.jna #section02 a{
	color:#6A391E;
}
.jna #section02 a{
	text-decoration:underline;
}
.jna #section02 a:hover{
	text-decoration:none !important;
}






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

  2度の震災を乗り越えて

-------------------------------------*/
.disaster #content{
	width:960px;
	margin:0 auto;
}
.disaster .conteInr{
	float:left;
	width:700px !important;
	margin:0;
}
.disaster #catImg{
	background:#C5DAB9 url(../../img/csr/common/cat_under_ttl_bg.jpg) no-repeat center 0;
}
.disaster #catImg h2{
	width:960px;
	margin:0 auto 55px auto;
}
.disaster h3{
	margin-bottom:45px;
}
.disaster .section h4{
	color:#683A20;
	font-size:138.5%;
	font-weight:bold;
	margin-bottom:12px;
	line-height:1.4;
}
.disaster .section h5{
	width:700px;
	height:30px;
	background:url(../../img/csr/disaster/img02.png) no-repeat 0 0;
	text-indent:30px;
	color:#FFFFFF;
	line-height: 2.3;
	font-size: 116%;
	font-weight:bold;
	margin-bottom:4px;
}
.disaster .section h4 span{
	font-size:77%;
	position:relative;
	left:-7px;
}
.disaster .section p{
	margin: 0 !important;
}
.disaster #section01{
	padding-bottom:50px;
}
.disaster #section01 ul{
	margin: 30px 0 0 0;
	overflow: hidden;
}
.disaster #section01 ul li{
	float: left;
	margin: 0 19px 0 0;
	width: 220px;
}
.disaster #section01 ul li:last-child{
	margin: 0;
}
.disaster #section01 ul li img{
	margin: 0 0 8px 0;
}


.disaster #section02 div{
	width:640px;
	padding:30px;
	font-size: 100%;
	background:#F9F6F5 url(../../img/csr/disaster/img04.png) no-repeat right bottom;
}
.disaster #section02 div p{
	margin-bottom:12px;
}
.disaster #section02 div .w330{
	width:330px;
}
.disaster #section03{
	margin:40px 0;
}
.disaster #section03 div{
	width:640px;
	padding:30px;
	font-size: 100%;
	background:#F9F6F5;
}
.disaster #section03 div p{
	margin-bottom:12px;
	line-height:1.8;
}
.disaster #section04{
	margin-bottom:80px;
}
.disaster #section04 div{
	width:640px;
	padding:30px;
	font-size: 100%;
	background:#F9F6F5;
}