@charset "UTF-8";



/* ****************************************************

	csr.css

***************************************************** */



/*  csr Profile Download under sidenavi (for All csr file)

=======================================================================*/



/*  /csr/index.html

=========================================*/



/* heading05 */

#contents .heading05 {

	clear: both;

	padding: 2px 0 9px 20px;

	background: url(../images/com_bg004.gif) no-repeat 0 100%;

	color: #010101;

	font-weight: bold;

	font-size: 120%;

}



#contents .heading05 span{

	display: block;

	float: left;

	width: 250px;

}



#contents .heading05 a {

	display: block;

	float: right;

	margin-top:3px;

	padding-left: 10px;

	background: url(../images/side_ic001.gif) no-repeat 0 0.45em;

	font-weight: normal;

	font-size: 75%;

}



* html #contents .heading05 a {

	background: url(../images/side_ic001.gif) no-repeat 0 0.3em;

	zoom: 1;

}



/* heading06 */

#contents .heading06 {

	clear: both;

	margin: 20px 0 15px;

	padding: 4px 20px;

	border-bottom: #e5e5e5 1px solid;

	color: #010101;

	font-size: 110%;

}



#contents .heading06 a {

	padding-left: 10px;

	background: url(../images/side_ic002.gif) no-repeat 0 0.3em;

}



* html #contents .heading06 a {

	background: url(../images/side_ic002.gif) no-repeat 0 0.5em;

	zoom: 1;

}



/*  /csr/creation/

=========================================*/

#contents .title01 {

	display: block;

	float: left;

	margin-top: auto;

	background: url(/csr/president/images/p_voice1_title.jpg) no-repeat;

	height:230px;

	width: 100%;

}



#contents .title02 {

	display: block;

	float: left;

	margin-top: auto;

	background: url(/csr/president/images/p_voice2_title.jpg) no-repeat;

	height:230px;

	width: 100%;

}



#contents .title03 {

	display: block;

	float: left;

	margin-top: auto;

	background: url(/csr/president/images/p_voice3_title.jpg) no-repeat;

	height:230px;

	width: 100%;

}



#contents .title04 {

	display: block;

	float: left;

	margin-top: auto;

	background: url(/csr/president/images/p_voice4_title.jpg) no-repeat;

	height:230px;

	width: 100%;

}



#contents .title05 {

	display: block;

	float: left;

	margin-top: auto;

	background: url(/csr/president/images/p_voice5_title.jpg) no-repeat;

	height:230px;

	width: 100%;

}



#contents .title06 {

	display: block;

	float: left;

	margin-top: auto;

	background: url(/csr/president/images/p_voice6_title.jpg) no-repeat;

	height:230px;

	width: 100%;

}



#contents .title07 {

	display: block;

	float: left;

	margin-top: auto;

	background: url(/csr/president/images/p_voice7_title.jpg) no-repeat;

	height:230px;

	width: 100%;

}



#contents .separator {

	margin: auto;

	height:100%;

	border-top: 0px;

	border-bottom: 0px;

	border-right: 0px;

	border-left: 1px #bbb dotted;

}



#contents .v_separator {

	margin: auto;

	width:100%;

	border-top: 0px;

	border-left: 0px;

	border-right: 0px;

	border-bottom: 1px #bbb solid;

}



#contents .inner_right01 {

	padding-left:124px;

}



#contents .inner_left01 {

	float:left;

    margin-top:7px;

}



#contents .rubi01 {

    font-size:0.6em;

}



/*  /csr/protection/green.html

=========================================*/



/* alphaList */

#contents .numberList01 .alphaList {

	padding: 0 0 0 3.8em;

	list-style: lower-alpha;

}



#contents .numberList01 .alphaList li {

	padding-top: 5px;

}



/*  /csr/earth/accounting.html

=========================================*/



/* TargetBox */

#contents .TargetBox {

	padding: 2px;

	background:#390;

	color:#FFF;

	font-weight:bold;

}



/*  /csr/report/

=========================================*/



/* heading03 */

#contents .heading03 a {

	padding-left: 10px;

	background: url(../images/side_ic002.gif) no-repeat 0 0.3em;

}



* html #contents .heading03 a {

	background: url(../images/side_ic002.gif) no-repeat 0 0.5em;

	zoom: 1;

}



/* reportSection */

#contents .reportSection {

}



#contents .reportSection .inner {

	margin-left: 80px;

}



#contents .reportSection .columnTitile02 .inner {

	margin-left: 0;

}
#contents .reportSection .heading_repo {
	clear: both;
	margin: 20px 0 15px;
	padding: 2px 20px 8px 30px;
	background: url(/csr/report/images/repo_bg01.gif) no-repeat 20px -3px;
	color: #010101;
	font-size: 110%;
}


/* list01 */

#contents .list01 {

	padding-bottom: 7px;

	background: url(../images/com_bg021.gif) repeat-x 0 100%;

}



#contents .list01 li {

	margin-top: 7px;

	padding: 7px 13px 0;

	background: url(../images/com_bg021.gif) repeat-x 0 0;

	zoom: 1;

}



#contents .list01 li span {

	display: inline-block;

	padding-left: 10px;

	background: url(../images/side_ic002.gif) no-repeat 0 0.3em;

}



* html #contents .list01 li span {

	background: url(../images/side_ic002.gif) no-repeat 0 0.5em;

	zoom: 1;

}



/* borderTopAdd */

.borderTopAdd {

	padding-top: 1px;

	background: url(../images/com_bg021.gif) repeat-x 0 0;

	zoom: 1;

}



/* list02 */

#contents .list02 {

	padding-bottom: 7px;

}



#contents .list02 li {

	margin-top: 7px;

	padding: 7px 5px 0 13px;

	background: url(../images/com_bg021.gif) repeat-x 0 0;

	zoom: 1;

}



#contents .list02 li.first {

	background: none;

}



#contents .list02 li span {

	padding-left: 10px;

	background: url(../images/side_ic002.gif) no-repeat 0 0.3em;

}



* html #contents .list02 li span {

	float: left;

	background: url(../images/side_ic002.gif) no-repeat 0 0.5em;

}



* html #contents .list02 li span.iconPdf {

	float: none;

}



#contents .list02 li .noLink {

	display: block;

	background: none;

}



#contents .list02 li .pageNumber {

	float: right;

	background: none;

}



/*  heading03 Add pageNumber

=========================================*/



.heading03 {

	padding-right: 5px !important;

}



.heading03 .pageNumber {

	float: right;

	font-weight: normal;

	font-size: 83%;

}



/*  heading06 Add pageNumber

=========================================*/



.heading06 {

	padding-right: 5px !important;

}



.heading06 .pageNumber {

	float: right;

	font-weight: normal;

	font-size: 83%;

}



/*  extra

=========================================*/



/* clearfix */

#contents .heading06:after,

#contents .heading05:after,

#contents .photoCol:after,

.heading03:after {

	display: block;

	clear: both;

	height: 0;

	line-height: 0;

	visibility: hidden;

	content: ".";

	font-size: 0;

}



#contents .heading06,

#contents .heading05,

#contents .photoCol,

.heading03 {

	zoom: 1;

}



/*  CSR Additional CSS -start

=========================================*/



.mg5{

	margin:5px;

}



.mg10{

	margin:10px;

}



.pd10{

	padding:10px;

}



/*  CSR Additional CSS -end

=========================================*/



/*  easternj Additional CSS -start

=========================================*/



#bcp .barT{

	border:1px solid #999999;

	background-color:#999999;

	color:#ffffff;

	width:20px;

	text-align:center;

	font-weight:bold;

}



#bcp .barM{

	background:url(/csr/easternj/images/bcp_ph005.gif) repeat-y;

}



#bcp .barB{

	height:15px;

	background:url(/csr/easternj/images/bcp_ph004.gif) no-repeat;

}



#bcp .bcp12 {

	border:1px solid #999999;

	background-color:#999999;

	color:#ffffff;

	font-weight:bold;

	height:2em;

}



#bcp .bcp14 {

	border:1px solid #999999;

	padding-left:10px;

}



#bcp .bcpdiv01{

	border:1px solid #999999;

	padding:10px;

	margin:10px 20px;

}



#sideContainer .banner {

	margin-top: 5px !important;

	margin-left:10px !important;

}



.txt_small {

  font-size: 0.9em;

}



.img_top {

  margin-top: 10px;

}



.bn_text_aR {

	text-align:right;

	margin-right:15px;

}

.txt_indent1 {

	text-indent:-1em;

    }
.txt_indent1b {

	text-indent:-1em;
	padding-left:1em;

    }
.txt_indent2 {
	text-indent:-2em;
	padding-left:2em;

    }

/*----テーマ４地球環境用タブ　ここから----*/
.theme4_tab_th th{
	border-left:solid 1px #FFF;
	border-bottom:solid 1px #FFF;
	background: #ddd;
}
.theme4_tab {
	margin:0px;
}
.theme4_tab a {
	display: block;
	background:#eee;
  	padding: 7px 10px 6px 22px;
  	background: #ddd url(/common/images/side_ic003.gif) no-repeat 8px 50%;
	font-weight: bold;
}
/*----テーマ４地球環境用タブ　ここまで----*/

/*----グリーン製品用タブ　ここから----*/
.earth_tab {
	text-indent:-1em;
	margin:10px 15px 5px 20px;
}
.earth_tab_th th{
	border-left:solid 1px #FFF;
	border-bottom:solid 1px #FFF;
}
/*----グリーン製品用タブ　ここまで----*/

.mR8 {
	margin-right:8px;
}
.mR10 {
	margin-right:10px;
}
.mR20 {
	margin-right:20px;
}
.mR30 {
	margin-right:30px;
}
.mR100 {
	margin-right:100px;
}


.mt5 {

	margin-top:5px;

}



/*  easternj Additional CSS -end

=========================================*/

.txt_valign_t {

	vertical-align:text-top;

}

.txt_valign_m {

	vertical-align:middle;

}

.txt_valign_b {

	vertical-align:text-bottom;

}

/*  green add

=========================================*/

.pagemenu{
	margin:10px 0 20px 0;
	}

.news_btn{
	margin:10px 0 20px 0;
	text-align:right;
	}

.lightbox_title{
	text-align:left;
	font-weight:900;
	}

.cell_01{
	font-size:12px;
	}

.cell_02{
	padding:0 0 0 18px;
	}

.cell_03{
	padding:0 0 0 18px;
	font-size:12px;
	}

.products_high{
	height:40px;
	}


/*  対談

=========================================*/
dl.talkList dt {
  clear: left;
  float: left;
  width: 7em;
}

dl.talkList dd {
  margin-left: 7em;
  margin-bottom: 10px;
  zoom: 1;
}


/* anchorList_csr

=========================================*/
.anchorList_csr {
	padding: 10px 0 8px 20px;
	border-bottom: 1px solid #e5e5e5;
	background: url(/common/images/com_bg014.gif) 0 0 repeat-x;
	zoom: 1;
}

*:first-child+html .anchorList_csr {
	padding: 10px 0 8px 21px;
}

.anchorList_csr li {
	margin-right: 15px;
	padding-bottom: 2px;
}

.anchorList_csr li a span {
	padding-left: 10px;
	font-weight: bold;
	cursor: pointer;
	background: url(/common/images/com_ic027.gif) no-repeat 0 0.4em;
}

* html .anchorList_csr li a span {
	background: url(/common/images/com_ic008.gif) no-repeat 0 0.5em;
	zoom: 1;
}

/* heading03_csr

=========================================*/
#contents .heading03_csr {
	clear: both;
	margin: 20px 0 15px;
	padding: 4px 20px;
	background: url(/common/images/com_bg005.gif) no-repeat 0 0;
	border-bottom: #e5e5e5 1px solid;
	color: #010101;
	font-size: 130%;
	font-weight: bold;
}

.txt_black {
	color:#222222;
}

.stakeholder_td {
	text-align:center;
	font-weight:bold;
	font-size:1.1em;
	margin:8px;
}

.star {
	vertical-align:0em;
	padding-right:1px;
	/*border:1px solid #000;*/
}

/* threeColType_csr */
#contents .threeColType_csr{
	width: 720px;
	overflow: hidden;
	margin: 0 0 40px 0;
	zoom: 1;
}
#contents .threeColType_csr li{
	float: left;
	width: 220px;
	margin: 0 16px 0 0 ;
}
#contents .threeColType_csr .photo{
	width: 215px;
}
.topilink {
	float: left;
	margin:5px 15px 0 0;
	font-size: 105%;
	font-weight: bold;
}

.topilink a {
	padding-left: 10px;
	background: url(/common/images/side_ic002.gif) no-repeat 1px 0.3em;
}

* html .topilink a {
	background: url(/common/images/side_ic002.gif) no-repeat 1px 0.5em;
	zoom: 1;
}

/* earth_submenu

=========================================*/
#sideNav ul li.earth_submenu {
	border-bottom: solid 1px #ececec;
	margin: 5px 10px;
	padding-left: 7px;
	font-weight: bold;
}

.earth_tab_anchor{
}
.earth_tab_anchor ul{
	display: table;
	text-align: left;
	width: 100%;
}
.earth_tab_anchor li {
	display: table-cell;
	vertical-align: middle;
	border-right: 2px solid #fff;
	font-weight: bold;
}
.earth_tab_anchor li:last-child {
  border-right: 0;
} 
.earth_tab_anchor li > a {
  	display: block;
  	padding: 7px 10px 6px 22px;
  	background: #ddd url(/common/images/side_ic003.gif) no-repeat 8px 50%;
	/*height: 40px;*/
}
.earth_tab_anchor li > a span {
	display: block;
 	vertical-align: middle;
	height: 35px;
}
.anchor_line1{
	line-height: 35px;
}

/* マテリアリティの特定
=========================================*/
.process_title {
	border:2px solid #ccc;
	padding: 8px;
	text-align: center;
	font-size: 110%;
	font-weight: bold;
	background: #eee;
}
.process_table {
	display: table;
}
.process_arrow {
	display: table-cell;
	background: url(/csr/materiality/images/step_arrow_line.gif) repeat-y center;
	width: 50px;
}
.process_step {
	display: table-cell;
	background: #78a6cc url(/csr/materiality/images/step_bottom.jpg) no-repeat 0 bottom;
	width: 80px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-family: Verdana, Geneva, 'sans-serif';
	vertical-align: middle;
}
.process_step p{
	padding-bottom: 1.5em;
}
.process_text {
	display: table-cell;
}
.process_text p {
	border: 1px solid #ccc;
	margin: 0px 0px 10px 10px;
	padding: 10px 8px;
}
.process_text p span {
	display: block;
	font-weight: bold;
	margin-bottom: 8px;
	background: #c8d9e9;
	padding: 7px 5px;
}

/* twoColType_csr  */
.twoColType_csr {
	overflow: hidden;
	padding-top: 0px;
	zoom: 1;
}
.twoColType_csr .colLeft {
	float: left;
	width: 180px;
}
.twoColType_csr .colRight {
	float: right;
	width: 480px;
}
.twoColType_csr .colLeft .photo img {
	border: 1px solid #dddddd;
}
.twoColType_csr .colRight ul,
.blocklist ul{
	list-style-type: disc;
}
.twoColType_csr .colRight li,
.blocklist li {
	margin-left: 0px;
	padding-left: 0px;
}
.twoColType_csr .colRight ul,
.blocklist ul {
	margin-left: 20px;
	margin-top: 10px;
}