@charset "utf-8";

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

.csr #catImg {
background:#E8EAE7 url(../../img/csr/common/cat_top_ttl_bg.jpg) no-repeat center 0
}

.csr #section01 {
margin:60px 0 50px;
text-align:center
}

.csr #section01 h4 {
color:#683A20;
font-size:146%;
font-weight:700;
margin:24px 0 5px
}

.csr #section01 p {
font-size:116%;
font-weight:700;
line-height:2
}

.csr #section02,.csr #section03 {
background:url(../../img/csr/top/section_bg.png) no-repeat 0 bottom;
margin:0 auto;
width:840px
}

.csr #section04 {
background:url(../../img/csr/top/section_bg_last.png) no-repeat 0 bottom;
margin:0 auto 100px;
width:840px
}

.csr #section04 .left,.csr #section04 .right {
margin-bottom:0
}

.csr .section .left {
float:left;
margin-bottom:25px;
width:380px
}

.csr .section .right {
float:right;
margin-bottom:25px;
width:380px
}

.csr #section03 h3,.csr #section04 h3 {
padding-top:38px
}

.csr .section .left p,.csr .section .right p {
margin-top:12px
}

.quality .section {
margin-bottom:50px
}

.quality #section01 {
background:url(../../img/csr/quality/img05.png) no-repeat right 0
}

.quality #section01 ul {
margin:15px 0 0 30px;
width:575px
}

.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:400px
}

.quality #section01 li:nth-of-type(2) {
background:url(../../img/csr/quality/img03.png) no-repeat 0 0;
width:510px
}

.quality #section01 li:nth-of-type(3) {
background:url(../../img/csr/quality/img04.png) no-repeat 0 0;
width:590px
}

.quality #section04 {
background:url(../../img/csr/quality/section04_bg_top.png) no-repeat 0 0;
margin-bottom:70px;
margin-top:-35px;
padding-top:70px
}

.quality #section04 .secInr {
background:url(../../img/csr/quality/section04_bg_bottom.png) no-repeat 0 bottom
}

.quality #section04 .secInr dl {
float:left;
font-size:100%;
margin-top:-30px;
padding-bottom:45px;
width:186px
}

.quality #section04 .secInr dl:nth-of-type(1) {
margin-left:45px
}

.quality #section04 .secInr dl:nth-of-type(2) {
margin:-30px 27px 0
}

.quality #section04 .secInr dl dd {
line-height:1.7;
margin-top:10px
}

.quality .section h4 {
color:#66391F;
font-size:138.5%;
font-weight:700;
margin-bottom:10px
}

.eco #section01 {
background:url(../../img/csr/eco/img02.png) no-repeat right 0;
min-height:250px
}

.eco #section01 h4 {
color:#683A20;
font-size:138.5%;
font-weight:700;
margin-bottom:10px;
width:320px
}

.eco #section01 h4:nth-of-type(2) {
margin-top:40px
}

.eco #section01 p {
width:320px
}

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

.eco h5 {
color:#683A20;
font-size:120%;
font-weight:700;
margin-bottom:10px;
margin-top:10px
}

.eco #section04 img, .eco #section06 img {
border:solid 1px #ccc;
float:left;
margin-bottom:10px;
margin-right:10px;
padding:4px;
vertical-align:bottom
}
.eco #section05, .eco #section07 {
margin-top:30px;
}
.society .section h4 {
color:#683A20;
font-size:138.5%;
font-weight:700;
margin-bottom:10px
}

.society #section01 {
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:50px 0
}

.society #section03 {
background:#F6F3F2;
margin-bottom:100px;
padding:10px;
text-align:center;
width:680px
}

.jna #section01 h4 {
color:#683A20;
font-size:138.5%;
font-weight:700;
margin-bottom:15px
}

.jna #section01 ul {
float:left;
margin-bottom:15px;
width:315px
}

.jna #section01 .right {
width:350px
}

.jna #section01 ul li {
font-size:108%;
margin-bottom:15px;
padding-left:23px
}

.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;
margin-bottom:100px;
margin-top:25px;
padding:10px;
text-align:center;
width:680px
}

.disaster .section h4 {
color:#683A20;
font-size:138.5%;
font-weight:700;
line-height:1.4;
margin-bottom:12px
}

.disaster .section h5 {
background:url(../../img/csr/disaster/img02.png) no-repeat 0 0;
color:#FFF;
font-size:116%;
font-weight:700;
height:30px;
line-height:2.3;
margin-bottom:4px;
text-indent:30px;
width:700px
}

.disaster .section h4 span {
font-size:77%;
left:-7px;
position:relative
}

.disaster .section p {
margin:0!important
}

.disaster #section01 {
padding-bottom:50px
}

.disaster #section01 ul {
margin:30px 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
}

.disaster #section02 div {
background:#F9F6F5 url(../../img/csr/disaster/img04.png) no-repeat right bottom;
font-size:100%;
padding:30px;
width:640px
}

.disaster #section02 div p {
margin-bottom:12px
}

.disaster #section02 div .w330 {
width:330px
}

.disaster #section03 {
margin:40px 0
}

.disaster #section03 div p {
line-height:1.8;
margin-bottom:12px
}

.quality #content,.eco #content,.society #content,.jna #content,.disaster #content {
margin:0 auto;
width:960px
}

.quality .conteInr,.eco .conteInr,.society .conteInr,.jna .conteInr,.disaster .conteInr {
float:left;
margin:0;
width:700px!important
}

.quality #catImg,.eco #catImg,.society #catImg,.jna #catImg,.disaster #catImg {
background:#C5DAB9 url(../../img/csr/common/cat_under_ttl_bg.jpg) no-repeat center 0
}

.quality #catImg h2,.eco #catImg h2,.society #catImg h2,.jna #catImg h2,.disaster #catImg h2 {
margin:0 auto 55px;
width:960px
}

.quality h3,.eco h3,.society h3,.jna h3,.disaster h3 {
margin-bottom:45px
}

.quality #section02 p,.quality #section0202 p {
margin-bottom:14px
}

.society #section03 h5,.jna #section02 h5 {
font-size:100%;
margin-bottom:2px
}

.society #section03 h5 span,.society #section03 a,.jna #section02 h5 span,.jna #section02 a {
color:#6A391E
}

.society #section03 a,.jna #section02 a {
text-decoration:underline
}

.society #section03 a:hover,.jna #section02 a:hover {
text-decoration:none!important
}

.disaster #section03 div,.disaster #section04 div {
background:#F9F6F5;
font-size:100%;
padding:30px;
width:640px
}