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

/*------------------------------------------------------------
##############################################################
csr
##############################################################
------------------------------------------------------------*/
#csr #container #gn #gncsr a {background:url(../images/common_gn01.gif) -640px -29px no-repeat}


/*----------floatクリア設定----------*/
/*これ以降MacIE5.xのみに適用される\*//*/
#csr #contentLeft .title01,
#csr #contentRight .title01,
#csr #contentLeft .contentBox01,
#csr #contentRight .contentBox01,
#csr #respons01Cont,
#csr #container .reportItem,
#csr #container .ecoImg01 {
    overflow: hidden;
}
/*これ以降MacIE5.x以外にも適用される*/

#csr #contentLeft .title01:after,
#csr #contentRight .title01:after,
#csr #contentLeft .contentBox01:after,
#csr #contentRight .contentBox01:after,
#csr #respons01Cont:after,
#csr #container .ecoImg01:after,
#csr #container .reportItem:after{
content: "";
display: block;
clear: both;
height: 1px;
visibility: hidden;
}

/*\*/
* html #csr #contentLeft .title01,
* html #csr #contentRight .title01,
* html #csr #contentLeft .contentBox01,
* html #csr #contentRight .contentBox01,
* html #csr #respons01Cont,
* html #csr #container .ecoImg01,
* html #csr #container .reportItem {
    height: 1em;
    overflow: visible;
}
/**/

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

/* ページ先頭 */
#csr .back2top{ margin-right: 15px; }
#csr .toTop{ margin: 15px 15px 15px 0; }

/* リンク用 */
#csr ul.linkCont {
background: url(../images/common_line02.gif) repeat-x left top;
padding-top: 0.6em;
margin-top: 0.3em;
}
#csr .linkCont li { float: right; }
#csr .linkCont .linkList01 {
background: url(../images/common_icon_li01.gif) no-repeat 0 40%;
padding-left: 10px;
}
#csr .linkCont .linkList02 {
background: url(../images/common_icon_li02.gif) no-repeat 0 50%;
padding-left: 10px;
}

/*------------------------------------------------------------
##############################################################
■ 02 トップ                   csr/index.html
##############################################################
-------------------------------------------------------------*/
#csr #mainContents02 #csrTop{ width:590px; margin:10px auto; }
#csr #csrTop .csrTopimg p{ margin:30px auto 10px auto;}
#csr #csrTop p{ margin:10px auto; }

#csr #contentLeft { width:298px; float:left; padding:5px 0px 15px 15px; }
#csr #contentRight { width:298px; float:right; padding:5px 15px 15px 0px; }

#csr .contentBox01 { width: 298px; margin: 0 0 10px 0; }
#csr .contentBox01 .icon { float:left; width:130px; }
#csr .contentBox01 .icon img { margin:10px 10px 0px 10px; }
#csr .contentBox01 .icon p {
width:105px;
margin:3px auto 0 auto;
}

#csr .contentBox01 div.text { float:left; width:168px; }
#csr .contentBox01 div.text p {margin:6px 10px 0px 0px}

#csr #contentLeft ul, #csr #contentRight ul {
padding: 5px 0 10px 10px;
background-image:url(../images/common_bg05.gif);
background-position:0px 0px;
background-repeat:no-repeat;
}
#csr #container #right #contentLeft ul li a,
#csr #container #right #contentRight ul li a {
padding: 0 0 0 10px;
background-image: url(../images/common_icon03.gif);
background-position: 0 0.4em;
background-repeat: no-repeat;
}


/*------------------------------------------------------------
##############################################################
■ 03 全社総合マネジメントシステム           csr/sqcde/
##############################################################
------------------------------------------------------------*/
#csr #container #sqcdeBox {
width:590px;
margin:2px auto 20px
}
#csr #container #sqcdeBox p{margin:5px 0 20px}
#csr #container #sqcdeBox img{margin:0 0 10px 10px}
#csr #container #sqcdeBox h3{clear:both;padding:15px 0 10px}


/*------------------------------------------------------------
##############################################################
■ 04 品質への取り組み               csr/quality/
##############################################################
------------------------------------------------------------*/
/*------------------------------------------------------------
■ quality/index.html
----------------------------------------------------------- */
#csr #container .scrIndexBox { width: 590px; margin:0 auto 15px auto; }
#csr #container .scrIndexBox .imgMgn{ margin:0 10px 0 0; }


/*------------------------------------------------------------
■ quality/iso9001.html　品質マネジメントシステム
----------------------------------------------------------- */
#csr #container .iso9001Box {
width:590px;
margin:0 auto;
padding:0 0 20px
}
#csr #container .iso9001Box #iso9001grey {
border:1px solid #cccccc;
margin:10px 0 0 0;
padding:8px 12px
}
#csr #container .iso9001Box #ukas { width: 590px; margin:10px 0 0 0; }
#csr #container .iso9001Box #ukas img { float: left; }
#csr #container .iso9001Box #ukas dl {
float:left;
width:380px;
margin:0 0 0 10px;
}
#csr #container .iso9001Box h3 { clear:both;margin:10px 0 10px; }
#csr #container .iso9001Box #ukas dt {
font-weight:bold;
margin:12px 0 0 0
}
#csr #container .iso9001Box table {
background-color:#999999;
text-align:left;
border-collapse:inherit;
margin:0px 0 10px
}
#csr #container .iso9001Box table th{
background-color:#e8e8e8;
text-align: left;
padding:2px 5px;
width:90px
}
#csr #container .iso9001Box table td{
background-color:#fff;
padding:3px 6px
}
#csr #container .iso9001Box #iso9001grey strong { font-weight:bold; }
#csr #container .iso9001Box #iso9001grey dt { margin:0 0 0 15px; padding: 0.2em 0 0 1.8em; text-indent: -1.8em; }
#csr #container .iso9001Box #iso9001grey dd { margin:0 0 0 15px; padding-left: 1.8em; }

#csr #container .iso9001Box .fotobox1,
#csr #container .iso9001Box .fotobox2 { margin:5px 0 10px; }

#csr #container .iso9001Box .fotobox1 img { float: left; margin:0 10px 0 0; }
#csr #container .iso9001Box .fotobox2 img { float: left; margin:0 15px 0 0; }

#csr #container .iso9001Box .fotobox2 p { float: left; width:425px; }

#csr #container .iso9001Box h3.tMgn{ margin:25px 0 0 0; }


/*------------------------------------------------------------
##############################################################
■ 05 環境への取り組み             csr/environment/
##############################################################
------------------------------------------------------------*/
/*------------------------------------------------------------
■ environment/plan.html　　環境方針・目標・実績
----------------------------------------------------------- */
#csr #container .planBox { margin:0 auto 10px auto; width: 580px; }

#csr #container .planBox .txt03 { padding-top: 10px; }

#csr .planBox dl { padding: 0 0 20px 0; }
#csr .planBox dt { width: 2em; }
#csr .planBox dd { margin: -1.5em 0 10px 23px; }

#csr #container .planBox ul{
background:none;
margin:0 0 2em 0;
padding:0;
}
#csr #container .planBox li{
background:none;
margin:0 0 0.5em 1.8em;
padding:0;
text-indent: -1.8em;
}

#csr #container #planDates {
width: 590px;
margin: auto;
margin-top:10px;
padding-bottom: 10px;
text-align: right;
}

#csr #container .planBox2 { width: 590px; margin-left: 25px; }
#csr #container .planBox2 h3 {
font-weight: bold;
padding: 3px 5px;
}
#csr #container .planBox2Inner {
margin:0 auto 20px auto;
width: 588px;
border: #AAA 1px solid;
padding: 10px 0;
}
#csr #container .planBox2Inner p {
padding: 0 10px 10px 10px;
}
#csr #container .planBox2Inner p.bold { font-weight: bold; }
#csr #container .planBox2Inner img {
float: left;
margin: 0 50px;
}

/*------------------------------------------------------------
■ environment/iso14001.html　　環境マネジメントシステム
----------------------------------------------------------- */
#csr #container .csrBox03 {
width: 580px;
margin:0 auto 25px auto;
}

/* テーブル */
#csr #container .envIso {
width: 510px;
margin: 0 40px 5px 40px;
border-collapse: collapse;
border-top: #B4B4B4 1px solid;
border-right: #B4B4B4 1px solid;
}
#csr #container .envIso caption {
padding-top: 10px;
text-align: left;
width: 80%;
margin-left: 40px;
}
#csr #container .envIso th,
#csr #container .envIso td {
padding: 3px 5px 0 5px;
border-left: #B4B4B4 1px solid;
border-bottom: #B4B4B4 1px solid;
text-align: center;
}
#csr #container .envIso th {
color: #505050;
background-color: #F2F1F6;
}
#csr #container .envIso .th01 {
background-color: #DFDCEB;
}
#csr #container .envIso .td01 {
width: 40%;
font-weight: bold;
color: #5f5f5f;
}

#csr #container .tableLib02 {
width: 590px;
margin: 10px auto 10px auto;
padding-bottom: 1em;
}
#csr #container .tableLib02 table {
width: 100%;
margin: 5px 0;
border-collapse: collapse;
border-right: #B4B4B4 1px solid;
border-top: #B4B4B4 1px solid;
}

#csr #container .tableLib02 th {
width: 15em;
font-weight: normal;
text-align: left;
padding: 5px;
background-color: #F2F1F6;
border-left: #B4B4B4 1px solid;
border-bottom: #B4B4B4 1px solid;
}
#csr #container .tableLib02 .th01 {
width: auto;
text-align: center;
padding: 5px 1px;
background-color: #E6E4EE;
border-bottom: #B4B4B4 1px solid;
}
#csr #container .tableLib02 td {
text-align: left;
padding: 5px;
background-color: #FFF;
border-left: #B4B4B4 1px solid;
border-bottom: #B4B4B4 1px solid;
}

/*------------------------------------------------------------
■ environment/ecology.html　　   環境負担低減の取り組み
----------------------------------------------------------- */
#csr .ecoBox01 { width: 590px; margin:0 auto 25px auto; }
#csr .ecoBox01 p { padding-bottom: 10px; }
#csr .ecoBox01 h3 { margin: 0; padding-bottom: 10px; }

#csr .ecoImg01 dl { float: left; }
#csr .ecoImg01 .imgRight { margin-top: 40px; }

#csr .ecoImg02 { text-align: center; padding-top: 10px; }

#csr .ecoBox02 {
width: 568px;
margin:0 auto;
border: #CCC 1px solid;
padding: 10px;
}
#csr .ecoBox02 h3 { padding-bottom: 5px; }
#csr .ecoBox02 .txtLeft {
float: left;
width: 358px;
height: auto;
padding-right: 10px;
}
#csr .ecoBox02 strong {
display: block;
padding-bottom: 5px;
color: #4B3E7E;
font-weight: bold;
}
#csr .ecoBox02Inner { padding-bottom: 10px; }
#csr .ecoBox02 .ecoImg03 { float: left; width: 200px; }
#csr .ecoBox02 .caption { float: none; }


/*------------------------------------------------------------
■ environment/env_business.html　　環境配慮型製品一覧
----------------------------------------------------------- */
#csr #container .csrBox {
width: 570px;
margin:0 auto 25px auto;
}

#csr #container .csrBox p{
width: 410px;
float:left
}
#csr #container .csrBox dl{
width: 150px;
float:right
}


/*------------------------------------------------------------
■ environment/report.html　　環境報告書
----------------------------------------------------------- */
#csr #container .report_bold {
font-weight: bold;
}
#csr #container .linkPdfCont {
width: 570px;
margin: auto;
padding-bottom: 20px;
}
#csr #container .linkPdfCont li {
background: url(../images/common_line01.gif) repeat-x 0 100%;
padding: 7px 20px;
}
#csr #container .linkPdfTxt {
float: left;
width: 400px;
background: url(../images/common_icon03.gif) no-repeat left center;
padding-left: 10px;
margin-top: 10px;
}
#csr #container .linkPdfImg {
float: left;
width: 100px;
}
#csr #container .linkPdfImg img {
vertical-align: text-bottom;
margin-right: 0.5em;
}

#csr .pdfCont { width: 500px; margin: 0 auto 2em auto; }
#csr .pdfCont .pdfImg { float: left; margin-right: 20px; }
#csr .pdfCont a { text-decoration: underline; color: #223bb8; }

#csr #container .reportBox {
width: 570px;
margin:25px auto 0 auto;
}
#csr #container .reportBox02 {
background: url(../images/common_line01.gif) repeat-x 0 0;
padding-top: 10px;
width: 570px;
margin:10px auto 20px auto;
}
#csr #container .reportItem {
width: 570px;
background: url(../images/csr_report_line02.gif) repeat-x 0 0;
}
#csr #container .reportItemtxt {
background: #ffffff;
float: left;
padding-right: 5px;
}
#csr #container .reportItemnum {
background: #ffffff;
float: right;
padding-left: 5px;
}
#csr #container .reportItem a {
color:#223bb8;
text-decoration:underline;
}

#csr #container #reportContact {
width: 590px;
margin:0 auto 10px auto;
text-align: right;
}
#csr #container #reportContact a{
color:#223bb8;
text-decoration:underline;
}


/*------------------------------------------------------------
##############################################################
■ 06 労働安全衛生　　　　　　　　　　        csr/safe/
##############################################################
------------------------------------------------------------*/
/*------------------------------------------------------------
■ index
------------------------------------------------------------*/
#csr #container #sproductBox {
width:590px;
margin:2px auto 20px auto;
}
#csr #container #sproductBox p{margin:0 0 1em 0}


/*------------------------------------------------------------
■ safe/ohsms.html    労働安全衛生マネジメントシステム
------------------------------------------------------------*/
#csr #container #ohsmsBox1,#csr #container #ohsmsBox2 {
width:590px;
margin:0px auto
}
#csr #container #ohsmsBox1 img {float: right}
#csr #container #ohsmsBox1 h3 {
font-weight: bold;
margin: 22px 0 0 0;
}
#csr #container #ohsmsBox1 ul {
background-image: none;
margin:0 0 20px 15px;
padding:0
}
#csr #container #ohsmsBox2 img {margin: 10px 0}
#csr #container #ohsmsBox1 li {
background-image: none;
margin:0;
padding:0
}


/*------------------------------------------------------------
■ safe/pruduction.html　　製品安全
------------------------------------------------------------*/
#csr #container .prodBox { width:590px; margin:2px auto 20px; }
#csr #container .prodBox #prodBoxL {
float:left;
width:345px;
}
#csr #container .prodBox #prodBoxL dl {margin:0 0 25px 0}
#csr #container .prodBox #prodBoxL h3{
font-weight: bold;
margin:0 0 10px 0
}
#csr #container .prodBox #prodBoxL dt {font-weight: bold}
#csr #container .prodBox #prodBoxL dd {margin:0 0 0 12px}

#csr #container .prodBox #prodBoxR {
float: left;
width: 200px;
padding:15px 0 0 0
}
#csr #container .prodBox #prodBoxR img{margin:5px 0}
#csr #container .prodBox #prodBoxR p{
padding: 0 3px;
}


/*------------------------------------------------------------
■ safe/construction.html　　工事現場の安全衛生
------------------------------------------------------------*/
#csr #container .constBox { width:590px; margin:0 auto; padding-bottom: 20px; }

#csr #container .constBox1 { padding-bottom: 30px; }
#csr #container .constBox2 { padding-bottom: 15px; }

#csr #container .constBox1 .imgL { float: left; padding-right: 30px; }
#csr #container .constBox1 .imgR { float: left; margin-top: 50px; }

#csr #container .constBox2 .imgL { width: 240px; float: left; padding: 0 25px; }

#csr #container .constBox .caption { padding: 0 3px; }

#csr .constBox dl { padding:10px 0 0 10px; }
#csr .constBox dt { float: left; width: 2em; }
#csr .constBox dd { margin:0 0 0 23px; }


/*------------------------------------------------------------
##############################################################
■ 07 社会との関わり               csr/society/
##############################################################
------------------------------------------------------------*/
/*------------------------------------------------------------
■ society/responsibility.html　　社会との関係・社会的責任
------------------------------------------------------------*/
#csr #container #responsTop{ width:590px; margin:10px auto; }

#csr #container #responsTop a { color:#223bb8; text-decoration:underline; }

#csr #container #responsTxt { border: #CCC 1px solid; margin: 5px 0 10px 0; }

/* respons01 */
#csr #container #respons01Cont { width: 600px; margin: 0 0 10px 25px; }
#csr #container .respons01In { float: left; width: 300px; }
#csr #container .respons01 {
width: 290px;
margin-bottom: 10px;
background: url(../images/csr_respons_bg01.gif) repeat-y;
}
#csr #container .respons01Top {
background: url(../images/csr_respons_bg02.gif) no-repeat left top;
padding: 10px 14px 0 14px;
}
#csr #container .respons01Top strong {
display: block;
color: #5B489A;
font-weight: bold;
background: url(../images/csr_respons_line01.gif) repeat-x left bottom;
padding: 0 0 2px 0;
}
#csr #container .respons01Bottom {
background: url(../images/csr_respons_bg03.gif) no-repeat left bottom;
padding: 6px 14px 8px 14px;
}

/* respons02 */
#csr #container .respons02 { width: 590px; margin: 0px auto 25px; }
#csr #container .respons02 h3 { font-weight: bold; padding-bottom: 5px; }
#csr #container .respons02 .img {
float: left;
width: 165px;
margin: 3px 0 0 0;
}
#csr #container .respons02 .txt {
float: left;
width: 425px;
margin: 3px 0 0 0;
}
#csr #container .respons02 .txt strong {
font-weight: bold;
display: block;
padding-bottom: 3px;
}

/*------------------------------------------------------------
■ society/contribution.html　　社業を通じての社会貢献
------------------------------------------------------------*/
#csr #container .contriBox { width:590px; margin:0px auto 25px; }
#csr #container .contriBox h3 {font-weight: bold}
#csr #container .contriBox img {
float: left;
margin:8px 0 0 0
}
#csr #container .contriBox p {
float: right;
width:425px;
margin:8px 0 0 0
}


/*------------------------------------------------------------
■ society/stakeholder.html　　ステークホルダーとの関係
------------------------------------------------------------*/
#csr #container .holderBox {
margin:0 auto 25px auto;
width: 590px;
}
#csr #container .holderBox h3{font-weight:bold}
#csr #container .holderBox ul{
background:none;
margin:0 0 20px 20px;
padding:0
}
#csr #container .holderBox li{
background: url(../images/common_icon10.gif) no-repeat 0 0.7em;
padding-left: 10px;
margin:2px 0 0 0;
}
#csr #container .holderBox p{margin:2px 0 3px 20px}
#csr #container .holderBox .holderLink{margin:0 0 0 30px}