@charset "UTF-8";

/*=============================
	共通
	各カテゴリトップ新着情報
	各カテゴリ見出し
	注釈
	ポップアップ
	画像配置
	成果
	事例(CASE)
	VOICE
	事例内VOICE
	表
	表拡大（環境会計）
	表拡大（環境中期計画）
============================= */

/*-------- 共通 -------- */
p {
	padding: 0;
	margin:0 0 20px 0;
	line-height: 130%;
}

dl, dt, dd {margin: 0; padding: 0;}
#csr ul{
list-style: none;
padding: 0;
}

sup {vertical-align: top;}

pre.topics {
	width: 518px;
	line-height: 130%;
}

.v_top{
vertical-align:top;
}

.v_btm{
vertical-align:bottom;
}

.small {font-size: x-small;}

.clear {
clear:both;
}

.clearfix:after, #wrapper:after, #csrCts:after, #mainCts:after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.csrlink01 {
background:transparent url(/common/image/icn_arrow.gif) n-repeat scroll 0px 2px;
padding-left:15px;
float:right;
}

.csrlink02 {
padding-left:15px;
float:right;
}

.mbtm55 {margin-bottom: 55px;}
.mbtm30 {margin-bottom: 30px;}




/*-------- 各カテゴリトップ新着情報 -------- */

#csr .news {
clear: both;
line-height: 1.4;
margin-top: 30px;
}

#csr .news h3 {
background: #ffffff url(/common/image/h2_bottom.gif) repeat-x scroll bottom left;
color: #3266cb;
font-size: medium;
text-align: left;
/*line-height: 150%;*/
border: none;
margin: 0 0 0.8em;
padding: 0 0 4px 0;
}

#csr .news a {
color: #333333;
text-decoration: underline;
}

#csr .news dl {
margin-left: 12px;
}

#csr .news dt {
background: url(/common/image/icn_arrow.gif) left 0.2em no-repeat;
padding-left: 14px;
clear: both;
float: left;
}

#csr .news dd {
padding: 0 0 10px 115px;
}

#csr .news p {
text-align: right;
}

#csr .news p span {
background: url(/common/image/icn_arrow.gif) left 0.2em no-repeat;
padding-left: 14px;
}



/*-------- 各カテゴリ見出し -------- */
#csr h1 {
margin:0;
padding:0;
vertical-align:bottom;
border:none;
background:none;
}
#csr h1 img {
margin:0;
padding:0;
vertical-align:bottom;
border:none;
background:none;
}


/*--- h2 --- */
#csr h2 {
vertical-align:bottom;
background:none;
}

.cmnCts h2 {
border:none;
padding:0;
}

#csr h2 img {
margin:0;
padding:0;
vertical-align:bottom;
border:none;
background:none;
}
.cmnCts h2 {margin: 0}


/*--- h3 --- */
.cmnCts h3, .manageCts h2 {
background-color: #ffffff;
}
.manageCts h2 {font-size: large;}
.cmnCts h3 {font-size: large;}
.manageCts h2, .cmnCts h3 {
border-left: 5px solid;
border-bottom: 1px solid;
margin: 15px 0 10px 0;
padding: 5px 7px 2px 7px;
}
.manageCts h2 {
color: #003399;
border-color: #3266CB;
}
.ecoCts h3 {
color: #00833E;
border-color: #389448;
}
.qltyCts h3 {
color: #006BA0;
border-color: #5577CC;
}
.hmnCts h3 {
color: #BA3B2C;
border-color: #A93F27;
}
.hnstyCts h3 {
color: #823C5A;
border-color: #95344E;
}

.manageCts h3 img {
padding-left: 5px;
vertical-align: -3px;
}


.manageCts p.lead {
margin-top: -10px;
}

.cmnCts .lead {
margin-top: 15px;
}


/*--- h4 --- */
.manageCts h3, .cmnCts h4 {
background: url(/common/image/h2_bottom.gif) left bottom repeat-x;
font-size: medium;
margin: 0 0 0.8em 0;
padding: 0 0 4px 0;
text-align: left;
}
.manageCts h3 {color: #3266CB;}
.ecoCts h4 {color: #389448;}
.qltyCts h4 {color: #5577CC;}
.hmnCts h4 {color: #A93F27;}
.hnstyCts h4 {color: #95344E;}


.cmnCts h5 {
font-size: 14px;
margin: 0 0 10px 0;
}
.ecoCts h5 {color: #389448;}




/*-------- 注釈 -------- */
#csr .notes {
font-size: x-small;
margin: -15px 0 20px 0;
}
#csr .notes ul li {padding: 2px 0;}



/*-------- ポップアップ -------- */
#csr ul.popupLink {
text-align: right;
margin: -15px 0 20px 0;
}

#csr ul.popupLink li {margin-bottom: 5px;}
#csr ul.popupLink a {
background: url(/csr/img10/icn_pup02.gif) left center no-repeat;
font-weight: bold;
padding: 4px 0 4px 20px;
}


p.pup {
text-align: right;
margin-top: -15px;
padding: 2px 0;
}
p.pup a { 
background: url(/csr/img10/icn_pup.gif) no-repeat left center;
font-weight: bold;
padding:  4px 0 4px 25px;
}

p.pup a.arrowIcon {
background: url(/common/image/icn_arrow.gif) left center no-repeat;
font-weight: normal;
padding:  4px 0 4px 15px;
}


p.pup_left {
text-align: left;
margin-top: -15px;
padding: 2px 0;
}
p.pup_left a { 
font-weight: bold;
padding:  4px 0 4px 20px;
background: url(/csr/img10/icn_pup02.gif) no-repeat left center;
}

p.popupLink02 { padding: 2px 0; }
p.popupLink02 a { 
font-weight: normal;
padding:  4px 0 4px 20px;
background: url(/csr/img10/icn_pup02.gif) no-repeat left center;
}



/*-------- 画像配置 -------- */
.columnBox, .columnBoxTri {
_zoom: 1;
overflow: hidden;
}

.columnBox img.noCap {margin-bottom: 20px;}

dl.figureBox {margin-bottom: 20px;}
dl.figureBox dt {
font-weight: bold;
padding-bottom: 5px;
}

.columnBox .boxL{
width: 263px;
float: left;
}
.columnBox .boxR{
width: 263px;
padding-left: 10px;
float: right;
}

.columnBoxTri .boxL, .columnBoxTri .boxC, .columnBoxTri .boxR {width: 180px;}
.columnBoxTri .boxL {float: left;}
.columnBoxTri .boxC {
padding-left: 10px;
float: left;
}
.columnBoxTri .boxR {float: right;}

dl.boxL dt, dl.boxR dt, dl.boxC dt {
font-weight: bold;
padding-bottom: 5px;
}
dl.boxL dd, dl.boxR dd, dl.boxC dd {margin-bottom: 20px;}
div.boxR {margin-bottom: 5px;}
div.boxL p, div.boxR p {
font-size: x-small;
margin-bottom: 20px;
}

dl dt span.sub {
font-size: x-small;
font-weight: normal;
display: block;
}





/*-------- 成果 -------- */
.resultBox {
margin-top: 20px;
width: 560px;
}

.ecoCts .resultBox {background: url(/csr/img10/resultbox_bg_eco.gif) left bottom no-repeat;}
.hmnCts .resultBox {background: url(/csr/img10/resultbox_bg_hmn.gif) left bottom no-repeat;}
.hnstyCts .resultBox {background: url(/csr/img10/resultbox_bg_hnsty.gif) left bottom no-repeat;}

.resultBox h3 {
border: none;
margin: 0;
padding: 0;
}

.resultBox ul {
_zoom: 1;
overflow: hidden;
margin: 10px 0 0 0;
padding: 0;
}
.resultBox ul li {
float: left;
}
.resultBox ul li img {
padding-left: 7px;
}
.resultBox ul#checkList {
margin: 15px 0 0 5px;
padding-bottom: 10px;
}
.resultBox ul#checkList li {
list-style: disc outside none;
font-weight: normal;
margin-left: 20px;
padding: 2px 20px 10px 0;
float: none;
}


.resultBtn {
text-align: right;
border: none;
margin-bottom: 0;
padding-bottom: 5px;;
padding-right: 7px;
}


.resultsR {
width: 130px;
margin: 0;
padding: 0 0 0 10px;
float: right;
}
.resultsR img {
padding-bottom: 20px;
*padding-bottom: 0;
margin-bottom: 0;
}


/*-------- 事例(CASE) -------- */

.ecoCts .caseBox {background: url(/csr/img10/case_bg_eco.gif) left bottom no-repeat;}
.qltyCts .caseBox {background: url(/csr/img10/case_bg_qlty.gif) left bottom no-repeat;}
.hmnCts .caseBox {background: url(/csr/img10/case_bg_hmn.gif) left bottom no-repeat;}
.hnstyCts .caseBox {background: url(/csr/img10/case_bg_hnsty.gif) left bottom no-repeat;}
.caseBox {
width: 544px;
height: 100%;
margin-bottom: 20px;
padding: 0 0 1px 16px;
}

.caseBox h4 {
zoom: 1;
overflow: hidden;
background: none;
width: 534px;
height: 41px;
margin: 0 0 10px -16px;
padding: 0 26px 0 0;
}


.caseBox h5 {
color: #333333;
font-size: 12px;
font-weight: bold;
line-height: 100%;
margin: 0 0 10px 0;
padding: 0;
}
.caseBox h5 span {
display: block;
font-weight: normal;
padding-bottom: 3px;
}
.caseBox h5 span.small {
display: inline;
font-weight: bold;
}


.caseBox div.caseR {
width: 253px;
margin-bottom: 20px;
*margin-bottom: 5px;
padding: 0 10px 5px 10px;
float: right;
}
.caseBox div.caseR p {
font-size: x-small;
margin-bottom: 0;
}

.caseBox p.noImg {
padding-right: 10px;
}


.caseBox dl.caseL {
width: 253px;
margin-bottom: 20px;
*margin-bottom: 5px;
float: left;
}

.caseBox dl.caseL dt {font-weight: bold;}



/*-------- VOICE -------- */
.voiceBox {
background: url(/csr/img10/voice_bg.gif) left bottom no-repeat;
width: 536px;
margin-bottom: 20px;
padding: 0 12px 10px;
}

.voiceBox h4 {
background: url(/csr/img10/voice_top.gif) left top no-repeat;
font-size: small;
width: 100%;
margin: 0 -12px 10px -12px;
padding: 10px 12px 0 12px;
}

.voiceBox h5 {
color: #333333;
font-size: 12px;
font-weight: bold;
line-height: 100%;
margin: 0 0 10px 0;
padding: 0;
}

.voiceBox div.voiceR {
width: 100px;
padding: 0 0 5px 10px;
float: right;
}
.voiceBox div.voiceR p {
font-size: x-small;
margin-bottom: 0;
}

.voiceBox div.voiceRW {
width: 170px;
padding: 0 0 5px 10px;
float: right;
}
.voiceBox div.voiceRW p {
font-size: x-small;
margin-bottom: 0;
}




/*-------- その他コラム -------- */
.pointBox {
margin-bottom: 20px;
padding: 0 12px 10px;
}
.manageCts .pointBox {background: url(/csr/img10/voice_bg.gif) left bottom no-repeat;}
.ecoCts .pointBox {background: url(/csr/img10/point_bg_eco.gif) left bottom no-repeat;}
.qltyCts .pointBox {background: url(/csr/img10/point_bg_qlty.gif) left bottom no-repeat;}
.hmnCts .pointBox {background: url(/csr/img10/point_bg_hmn.gif) left bottom no-repeat;}
.hnstyCts .pointBox {background: url(/csr/img10/point_bg_hnsty.gif) left bottom no-repeat;}

.pointBox h4 {
font-size: small;
width: 100%;
margin: 0 -12px 10px -12px;
padding: 10px 12px 0 12px;
}
.manageCts .pointBox h4 {background: url(/csr/img10/voice_top.gif) left top no-repeat;}
.ecoCts .pointBox h4 {background: url(/csr/img10/point_top_eco.gif) left top no-repeat;}
.qltyCts .pointBox h4 {background: url(/csr/img10/cs_quality/point_top_qlty.gif) left top no-repeat;}
.hmnCts .pointBox h4 {background: url(/csr/img10/human/point_top_hmn.gif) left top no-repeat;}
.hnstyCts .pointBox h4 {background: url(/csr/img10/point_top_hnsty.gif) left top no-repeat;}

.pointBox div.pointR {
width: 253px;
margin: 0;
padding: 0 0 5px 10px;
float: right;
}
.pointBox div.pointR p {
font-size: x-small;
margin-bottom: 0;
padding: 0;
}

.pointBox div.pointR dl dt {font-weight: bold;}

.blueBox {background: url(/csr/img10/point_bg_qlty.gif) left bottom no-repeat !important;}
.blueBox h4 {
background: url(/csr/img10/point_top_qlty.gif) left top no-repeat !important;
color: #5577CC;
}




/*-------- 事例内VOICE -------- */
.inVoiceBox {
background: url(../image/voice_in_bg.gif) left bottom no-repeat;
width: 514px;
margin-bottom: 10px;
padding: 0 10px 10px;
}

.ecoCts .inVoiceBox h4 {background: url(/csr/img10/voice_in_top_eco.gif) left top no-repeat;}
.qltyCts .inVoiceBox h4 {background: url(/csr/img10/voice_in_top_qlty.gif) left top no-repeat;}
.hmnCts .inVoiceBox h4 {background: url(/csr/img10/voice_in_top_hmn.gif) left top no-repeat;}
.hnstyCts .inVoiceBox h4 {background: url(/csr/img10/voice_in_top_hnsty.gif) left top no-repeat;}
.inVoiceBox h4 {
width: 524px;
height: 100%;
margin: 0 0 10px -10px;
padding: 10px 0 0 10px;
}
.inVoiceBox h5 {
color: #333333;
font-size: 12px;
font-weight: bold;
line-height: 100%;
margin: 0 0 10px 0;
padding: 0;
}

.inVoiceBox div.voiceR {
width: 100px;
padding: 0 0 5px 10px;
float: right;
}
.inVoiceBox div.voiceR p {
font-size: x-small;
margin-bottom: 0;
}



/*-------- 表 -------- */

table.data_tbl {margin-bottom: 20px;}

table caption {
color: #333333;
font-weight: bold;
text-align: left;
margin: 0 0 3px 0;
padding: 0;
}

table caption span {
display: block;
text-align: right;
font-size: x-small;
font-weight: normal;
margin-top: -1.2em;
}



/*-------- 表拡大（環境会計） --------*/
table.tbl_normal{
margin:10px 0;
padding:0px;
}


table.tbl_normal td{
padding:0;
margin:0;
}

table.tbl_normal th{
padding:0;
width:100px;
text-align:left;
font-weight:normal;
}

table.tbl_data {
padding:0px;
margin:0px;
border-top:1px solid #FFFFFF;
border-right:1px solid #FFFFFF;
}

table.tbl_data th {
background-color:#4F93A6;
border-left:1px solid #FFFFFF;
border-bottom:1px solid #FFFFFF;
color:#FFFFFF;
padding:3px;
white-space:nowrap;
text-align:center;
}

table.tbl_data th.env_th {
background-color:#BEDFC2;
color: #333333;
}

table.tbl_data th.qlty_th {
background-color:#BBC7E6;
color: #333333;
}

table.tbl_data th.human_th {
background-color:#FCDCB7;
color: #333333;
}

table.tbl_data th.honesty_th {
background-color:#F7C9DD;
color: #333333;
}

table.tbl_data td {
border-left:1px solid #4F93A6;
border-bottom:1px solid #4F93A6;
padding:3px;
}

table.tbl_data02 {
padding:0px;
margin:0px;
border-top:1px solid #FFFFFF;
}

table.tbl_data02 th {
background-color:#4F93A6;
border-left:1px solid #FFFFFF;
border-bottom:1px solid #FFFFFF;
color:#FFFFFF;
padding:3px;
white-space:nowrap;
text-align:center;
}

table.tbl_data02 th.env_th {
background-color:#BEDFC2;
color: #333333;
}

table.tbl_data02 th.qlty_th {
background-color:#BBC7E6;
color: #333333;
}

table.tbl_data02 th.human_th {
background-color:#FCDCB7;
color: #333333;
}

table.tbl_data02 th.honesty_th {
background-color:#F7C9DD;
color: #333333;
}

table.tbl_data02 td {
border-left:1px solid #4F93A6;
border-bottom:1px solid #4F93A6;
padding:3px;
}

table.tbl_data02 td.rightLine {
border-right:1px solid #FFFFFF;
border-left:1px solid #4F93A6;
border-bottom:1px solid #4F93A6;
padding:3px;
}

table.tbl_data02 th.rightLine {
border-right:1px solid #FFFFFF;
border-left:1px solid #FFFFFF;
border-bottom:1px solid #FFFFFF;
padding:3px;
}

table.tbl_data02 td.noleftLine {
border-left:none;
padding:3px;
border-bottom: 1px solid #FFFFFF;
}

td.data_bg {
background-color:#DEE9F0;
font-weight:bold;
}

body.popupBody {
margin:10px;
background:none;
text-align:left;
}

body.popupBody table.popupTbl {
text-align:left;
}

table.popupTbl td p.close {
text-align: center;
}

table.popupTbl td p.close a img {
border: 0;
}

table.popupTbl h5.data {
margin:0;
padding:0;
vertical-align:bottom;
font-size:12px;
color:#333333;
background-color:none;
background-color:transparent;
}

table.popupTbl p.small {
padding: 0;
margin: 0;
}

table.chart1 {
margin: 15px 0 0;
}

table.tbl_bg tr.ch_bg td {
background-color: #E1E9ED;
}

table.tbl_bg td {
background-color: #FFFFFF;
}

table.tbl_bg td.noleft {
border-left: 1px solid #FFFFFF;
}


/*-------- 表拡大（環境中期計画） --------*/

table.tbl_env02 {

padding:0px;
margin:0px;
}

table.tbl_env02 th {
background-color:#4F93A6;
border-top:1px solid #FFFFFF;
border-left:1px solid #FFFFFF;
border-bottom:1px solid #FFFFFF;
color:#FFFFFF;
padding:3px;
white-space:nowrap;
text-align:center;
}


table.tbl_env02 td {
border-left:1px solid #4F93A6;
border-bottom:1px solid #4F93A6;
padding:3px;
}

table.tbl_env02 th.noline {
border-top:none;
border-bottom:none;
background:none;
}

table.tbl_env02 td.noline {
border-bottom:none;
border-left: 1px solid #FFFFFF;
background:none;
}

table.tbl_env02 td.noline02 {
border:none;
background:none;
}

table.tbl_env02 th.rightline {
border-right:1px solid #FFFFFF;
}

table.tbl_env02 td.rightline {
border-right:1px solid #FFFFFF;
}

div.columunTblEnv03 {
padding:0;
margin:0;
width:450px;
background-image:url(/csr/img10/e_progress_04.gif);
background-repeat:repeat-y;
}

div.columunTblEnv03 ol.shinka {
padding:0;
margin:5px 15px 5px 20px;
_margin:5px 15px 5px 30px;
}

.tbl_progress {
font-size: 12px;
width: 616px;
background: #E8E7D6;
}


.tbl_progress dl {
width: 580px;
margin:0;
padding: 0;
}

.tbl_progress dl dt {
display: inline;
float: left;
margin-right: 15px;
}

.tbl_progress dl dd {
margin:0;
padding:0;
}

.tbl_progress dl dd ul {
list-style: none;
margin:0;
padding:0;
}

.tbl_progress dl dd ul li {
padding-top: 5px;
display: inline;
margin-right: 10px;
}

h5.column_harf {
font-size:12px;
margin:0 0 0 10px;
padding:0;
vertical-align:bottom;
font-weight:bold;
line-height:100%;
color:#333333;
}

dl.sekisui_column{
margin:0 0 0 10px;
padding:0;
}

dl.sekisui_column dt {
font-weight:bold;
padding:10px 0 5px 0;
}

dl.sekisui_column dd {
margin:0px;
padding:0px;
}

.shikaData .bgEnv02 {
background-color:#E1E9ED;
border-right: 0;
}

.shikaData td.sh_borL {
border-left: 1px solid #FFFFFF;
}

table.tbl_env02 th.sh_thL {
border-left: 1px solid #4F93A6;
}