@charset "UTF-8";
@import 'style.css';
@import 'menu.css';
@import 'csr_menu.css';

#main{font-size: 1.0em;}

/*Revised 091223_frank*/

/*for titles*/

#main h3 {
	font-size: 1.2em;
	font-weight: bold;
	padding-left: 22px;
	padding-right: 14px;

}
#csr-page #container #contents #main h6 {
	font-weight: bold;
	padding-right: 14px;

}
#csr-page #container #contents #main .lead {
	font-size: 1.1em;
	font-weight: bold;
	padding-right: 14px;
	padding-bottom: 7px;
}
#csr-page.csr01 h2 {
	height:35px;
}
#csr-page.feature00 h1,
#csr-page.env00 h1,
#csr-page.safe00 h1,
#csr-page.soc00 h1 {
	line-height: 1;
	height:51px;
}



/*for format, reformat and tags*/

#csr-page sub {
	vertical-align: baseline;
	font-size: 80%;
}

#csr-page #main .entry2 {
	zoom: 1;
	padding-left:22px;
	clear: both;
	margin-bottom: 2em;
	padding-top: 7px;
	overflow: hidden;
	width: 725px;
}
#csr-page #main .entry2 p {
	padding-right:10px;
	padding-bottom:1em;
}
#csr-page #main .entry p {
	padding-bottom:1em;
}

.ml50 {
	margin-left:50px;
}

.mr10 {
	margin-right:10px;
}

.mr17 {
	margin-right:17px;
}

.mt15 {
	margin-top:15px;
}

#csr-page #container #contents #main .entry ol {
	font-size: 0.9em;
	margin-top: 0px;
}



/*2column*/

#csr-page .column2{
	width:365px;
	float:left;
}
#csr-page #main .graph2 {
	overflow: hidden;
	width: 725px;
	margin-top: 25px;
	padding-bottom: 15px;
	vertical-align: top;
	clear: left;
}
#csr-page #main .graph2 .float-right {
	margin-left:0px;
}



/* sub indexes buttons and banners */

#main .sub-banners {
	overflow: hidden;
	width: 747px;
	margin-top: 15px;
	vertical-align: top;
	clear: left;
}
#main .subindex {
	overflow: hidden;
	width: 747px;
	margin-top: 25px;
	vertical-align: top;
	clear: left;
}

#main .subindex-bttn {
	float: left;
	display: block;
	padding-left: 14px;
	width: 351px;
}
#main .subindex-bttn2 {
	display: block;
	padding-left: 14px;
	width: 727px;
	overflow: hidden;
}
.subindex dt {
	display: block;
	height: 35px;
}
.subindex dd {
	font-size: 0.9em;
	line-height: 1.4em;
	display: block;
	padding-right: 20px;
	padding-left: 26px;
	overflow: hidden;
}






/*for extra page*/
/*for hse tables*/

#csr-page table.hse {
	margin-top:15px;
	border:1px solid #333;
}
#csr-page table.hse caption {
	font-weight: bold;
	line-height: 2em;
}
#csr-page table.hse th {
	font-size: 0.8em;
	font-weight: bold;
	background-color: #dae9a5;
	text-align: center;
	padding: 5px;
	border:1px solid #333;
	vertical-align: middle;
}
#csr-page table.hse td {
	font-size: 0.8em;
	background-color: #ffffff;
	vertical-align: middle;
	padding: 5px;
	border:1px solid #333;
}
#csr-page table.hse td.bg{/*2010.9.26*/
	background-color: #ebebeb;
}
#csr-page table.hse td.bg2{/*2010.9.26*/
	background-color: #ddd;
}
#csr-page table.hse td.break{/*2010.9.26*/
	border-top:2px solid #333;
}
#csr-page table.td-center td{/*2010.9.26*/
	text-align:center;
}
#csr-page table.td-top td{/*2010.9.26*/
	vertical-align:top;
}
#csr-page table.hse caption{/*2010.9.26*/
	padding-top:1em;
	line-height:1;
}
#csr-page table.hse caption div.small{/*2010.9.26*/
	padding-top:1em;
	padding-bottom:1em;
	font-weight: normal;
	
}
#csr-page table.hse td.num1{/*2010.9.26*/
	border-right-style: none;
	vertical-align: top;
}
#csr-page table.hse td.num2{/*2010.9.26*/
	border-left-style: none;
	vertical-align: top;
}
#csr-page table.hse td.num3{/*2010.9.26*/
	border-right-style: none;
	border-bottom-style: none;
	vertical-align: top;
}
#csr-page table.hse td.num4{/*2010.9.26*/
	border-top-style: none;
	vertical-align: top;
}
#csr-page table.hse td.dark {
	background-color: #eae4d1;
}
#csr-page table.hse ul {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 8px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 8px;
}

/*for guideline tables*/

#csr-page table.guideline {
	width: 723px;
	margin-top:15px;
	border:1px solid #333;
}
#csr-page table.guideline caption {
	font-weight: bold;
	line-height: 2em;
}
#csr-page table.guideline th {
	font-size: 0.8em;
	font-weight: bold;
	background-color: #d9effb;
	text-align: center;
	padding: 5px;
	border:1px solid #333;
	vertical-align: middle;
}
#csr-page table.guideline td {
	font-size: 0.8em;
	background-color: #ffffff;
	vertical-align: middle;
	padding: 5px;
	border:1px solid #333;
}
#csr-page table.guideline td.dark {
	background-color: #c9e6d9;
	font-weight: bold;
}
#csr-page table.guideline td.dark2 {
	background-color: #c9e6d9;
	font-weight: bold;
	font-size: 1em;
}
#csr-page table.guideline ul {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 8px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 8px;
}

/*paging buttons for hse pages*/

#main #pager {
	width: 407px;
	padding-top: 2em;
	padding-left: 170px;
	padding-right: 170px;
	zoom: 1;
	font-size: 85%;
}
#main #pager .previous {
	float: left;
	width: 60px;
}
#main #pager .next {
	float: right;
	width: 60px;
	text-align: right;
}
#main #pager .next a {
	background-image: url(../img/share/bullet_green.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 13px;
	display: inline-block;
	padding-top: 5px;
	padding-bottom: 3px;
}
#main #pager .previous a {
	background-image: url(../img/share/bullet_green_op.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 13px;
	display: inline-block;
	padding-top: 5px;
	padding-bottom: 3px;
}
#main #pager .paging {
	text-align: center;
}
#main #pager .paging a {
	margin-right: 2px;
	margin-left: 2px;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
	border: 1px solid #E1E1E1;
	display: inline-block;
}
#main #pager .paging span {
	margin-right: 2px;
	margin-left: 2px;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
	border: 1px solid #E1E1E1;
	display: inline-block;
	font-weight: bold;
	color: #1F9140;
	background-color: #DAECBE;
}

/*for environment page*/

/*#csr-page .impact-box {
	width: 477px;
	padding:0;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../csr/environment/img/impact_box_base.gif);
	background-repeat: repeat-y;
	overflow:hidden;
	zoom:1;
}*/
#csr-page .impact-box {
	width: 477px;
	padding:0;
	margin-right: auto;
	margin-left: auto;
	overflow:hidden;
	zoom:1;
}
#csr-page .impact-box img {
	display:block;
}
#csr-page .impact-box1a {
	width: 714px;
	margin-right: auto;
	margin-left: auto;
	overflow:hidden;
	height: 356px;
	position: relative;
}
#csr-page .impact-box1a img {
	display:block;
}
#csr-page .impact-box1b {
	width: 714px;
	margin-right: auto;
	margin-left: auto;
	overflow:hidden;
	height: 340px;
	position: relative;
}
#csr-page .impact-box1b img {
	display:block;
}
/*#csr-page .impact-box2 {
	width: 423px;
	padding:0;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../csr/environment/img/impact_box_base2.gif);
	background-repeat: repeat-y;
	overflow:hidden;
	zoom:1;
}*/
#csr-page .impact-box2 {
	width: 423px;
	padding:0;
	margin-right: auto;
	margin-left: auto;
	overflow:hidden;
	zoom:1;
}
#csr-page .impact-box2 img {
	display:block;
}
/*#csr-page .impact-box .inner-box{
	background-image: url(../csr/environment/img/impact_box_end.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 8px;
}
#csr-page .impact-box2 .inner-box{
	background-image: url(../csr/environment/img/impact_box_end2.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 8px;
}*/

#csr-page .impact-box1a .inner-box {
	width: 477px;
	overflow:hidden;
	zoom:1;
	position: absolute;
	z-index: 2;
	left: 118px;
	top: 0px;
}
#csr-page .impact-box1b .inner-box {
	width: 477px;
	overflow:hidden;
	zoom:1;
	position: absolute;
	z-index: 2;
	left: 118px;
	top: 0px;
}
#csr-page .impact-box p,#csr-page .impact-box2 p{padding:18px 16px 0;}
#csr-page .impact-box p.small,#csr-page .impact-box2 p.small{font-size:82%;line-height:140%;}
#csr-page .impact-box div.ph,
#csr-page .impact-box2 div.ph {
	text-align:center;
	/*padding-top:18px;*/
}
#csr-page .input-output {
	text-align:center;
}
#csr-page .input-output img {
	vertical-align:bottom;
}



/*for against warming page2 topics column*/

#csr-page #main .entry .topics {
	zoom: 1;
	background-color: #F5F2E9;
	padding-bottom: 5px;
	overflow: hidden;
	padding-right: 15px;
}
#csr-page #main .entry .topics h5 {
	margin-left: 25px;
}
#csr-page #main .entry .topics p {
	padding-left: 25px;
	padding-top: 5px;
}

/*for safety page column*/

#csr-page #main .entry .safety {
	border: 1px solid #505050;
	padding: 20px;
	width: 400px;
}


/*for CSR download page table*/

#csr-page #main .contents-list {
	width:725px;
	overflow:hidden;
	clear:both;
}
#csr-page #main .contents-list .contents-list2 {
	width:725px;
	margin-top: 12px;
	padding-top:12px;
	border-top: solid 1px #CCCCCC;
	overflow:visible;
	clear:both;
}
#csr-page #main .contents-list .bordertop {
	padding-top:12px;
	border-top: solid 1px #CCCCCC;
}
#csr-page #main .contents-list .contents-list2 h6 {
	font-weight: bold;
	line-height: 1;
}
#csr-page #main .contents-list .left-img {
	float:left;
	width:200px;
	padding-bottom: 15px;
}

#csr-page #main .contents-list .text-r {
	float:right;
	width: 490px;
	padding-bottom: 15px;
}
#csr-page #main .contents-list .text-r table {
	margin-top: 8px;
}
#csr-page #main .contents-list .text-r table tr.separate-border th,
#csr-page #main .contents-list .text-r table tr.separate-border td {
	padding: 8px 0 2px 0;
	border-top: solid 1px #ccc;
}
#csr-page #main .contents-list .text-r table th,
#csr-page #main .contents-list .text-r table td {
	padding: 2px 0;
}
#csr-page #main .contents-list .text-r table th {
	font-weight: bold;
}
#csr-page #main .contents-list2 .text-r table th {
	font-weight: normal;
}
#csr-page #main .contents-list .text-r table td,
#csr-page #main .contents-list2 .text-r table th {
	font-size: 90%;
	vertical-align: bottom;
}
#csr-page #main .contents-list .text-r table p {
	font-size: 95%;
	padding-left:1.5em;
	line-height:1.4;
}

#csr-page #main table.backnumber th,
#csr-page #main table.backnumber td {
	width: 25%;
	text-align:center;
}
#csr-page #main table.backnumber td {
	font-size: 0.8em;
}
	
table.csr-table-csr {
	margin-top: 0.2em;
	margin-bottom: 1em;
	width: 723px;
	border-collapse: separate;
	border-spacing: 0px;
	font-size: 0.8em;
}
table.csr-table-csr caption {
  margin-top: 1em;
  text-align: right;
}
table.csr-table-csr .bg-blue{
  background: #198de4;
	color:#ffffff;
	border-top: 1px solid #8e8e8e;
}
table.csr-table-csr .bg-sky {
  background: #d9effb;
	border-top: 1px solid #8e8e8e;
}

table.csr-table-csr th {
	white-space: nowrap;
	padding: 4px 12px;
	border-bottom: 1px solid #8e8e8e;
}
table.csr-table-csr td {
	padding: 4px 12px;
	border-bottom: 1px solid #8e8e8e;
}
.csr-box{
  background: #dff8dd;
  padding:15px 26px;
  margin-bottom:30px;
 }
.csr-box strong{color:#333333;}
.side-menu-dl .entry p{
	padding-left:18px;
	background-image: url(../img/share/footer_arrow.gif);
	background-repeat: no-repeat;
	background-position: left 0.3em;	
}
.side-menu-dl .entry .csr-box p{
	padding-left:0px;
	background-image: none;
}
.side-menu-dl .text-r a{
	font-weight: bold;
}

/* for CSR Enquete */
#csr-page.side-menu10 #main form th.question {
	background-color: #DFF8DD;
	padding-top: 6px;
	padding-right: 10px;
	padding-bottom: 6px;
	padding-left: 15px;
	border-bottom: 2px solid #FFFFFF;
	border-right: none;
}
#csr-page.side-menu10 #main form td.question {
	background-color: #e6e6e6;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 15px;
}
#csr-page.side-menu10 #main form td.answer {
	background-color: #e6e6e6;
	border-bottom: 2px solid #FFFFFF;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 50px;
}




/* for CSR Enquete */
#csr-page.side-menu10 #main form th.question {
	background-color: #DFF8DD;
	padding-top: 6px;
	padding-right: 10px;
	padding-bottom: 6px;
	padding-left: 15px;
	border-bottom: 2px solid #FFFFFF;
	border-right: none;
}
#csr-page.side-menu10 #main form td.answer {
	background-color: #e6e6e6;
	border-bottom: 2px solid #FFFFFF;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 50px;
}

/* button to enquete */
#csr-page #main .goto-enquete {
	text-align: right;
}


/*20080928_arc
.mr20{margin-right:20px;}


.column3{width:235px;float:left;}
#csr-page .column3 p.comment{
	min-height:6em;
	height: auto !important;
	height: 6em;
}
#csr-page .column3 .entry{margin-bottom:0px;}
#csr-page .box-gray{
	width:322px;
	float:right;
	padding:12px;
	background-color: #E6E6E6;
	margin-top:16px;	
}
#csr-page .box-gray td{
	vertical-align: middle;
}
#csr-page #container #contents .column-bg {
	background-color: #fffdd9;
	padding-bottom: 15px;
	padding-right: 15px;
}
#csr-page #container #contents .column-bg .text {width:460px;}

#csr-page #main table.photo-table {
	margin-top: 2em;
}

#csr-page #main table.photo-table th {
	padding: 2px 6px 2px 0px;
	text-align: left;
}
#csr-page #main table.photo-table td {
	padding-top: 5px;
	padding-right: 6px;
	padding-bottom: 2px;
	padding-left: 0px;
}
*/

#csr-page #main p.none{display:none;}

/*2010.9.27*/
#csr-page #main .entry{
	overflow:hidden;
	zoom:1;
	margin-top:5px;
}
.mb-05em{
	margin-bottom:0.5em;
}

/*2010.9.29*/
#csr-page .resource{
	margin-bottom:2em;
	margin-right:1em;
}
#csr-page .float-right img {
	margin-bottom: 3px;
}

#csr-page .float-left img {
	margin-bottom: 3px;
}




/*2011-10*/
#main h2.title2{
	margin-top:0px;
	margin-bottom:2em
}

#csr-page .goto-enquete{
	padding-top:70px;
}



/*message
---------------------------------------------------------*/
#main .csr-message{
	position: relative;
	width: 747px;
	height:245px;
	margin: -1px;
}
#csr-page #container #contents #main .csr-message h3{
	padding:0;
	font-size: 17px;
	line-height: 25px;
}
#main .csr-message .text{
	position: absolute;
	left: 350px;
	top: 22px;
	width: 400px;
}
#main .csr-message .text .name{
	font-size: 10px;
	line-height: 14px;
	padding-top:12px;
	padding-left:3px;
}
#main .csr-message .text .name strong{
	font-size: 14px;
	line-height: 21px;
	font-weight: bold;
}




/*business
---------------------------------------------------------*/
#main h5{
	display:block;
	clear:both;
}
#main ul.inline {
	display: block;
	clear:both;
}
#main ul.inline li {
	float:left;
	margin-right:3em;
	white-space: nowrap;
}








/*system
---------------------------------------------------------*/
#main .entry .voice {
	zoom: 1;
	overflow: hidden;
	padding: 20px 30px 15px;
	color: #000000;
	background-color: #FCE9D6;
}
#main .entry .voice h5 {
	font-size:115%;
	line-height:24px;
	color:#000000;
	margin-bottom:10px;
	font-weight: bold;
	border-style: none;
	margin-top: 0px;
}
#main .entry .voice h5 img {
	margin-right:0.8em;
	line-height:24px;
	vertical-align: top;
}
#main .entry .voice p {
	padding-left: 25px;
	padding-top: 5px;
}
#main .entry .voice .ph{
	float:left;
	margin:0;
	width:160px;
	font-size:80%;
}
#main .entry .voice .ph img{margin-bottom:5px;}
#main .entry .voice .ph strong{
	font-size:120%;
}
#main .entry .voice .text-div{
	float:right;
	width:480px;
}





/*objectives
---------------------------------------------------------*/

#csr-page table.hse tr.bg td{
	background: #ebebeb;
}
#csr-page table.hse td.num1,
#csr-page table.hse td.num2,
#csr-page table.hse td.num3,
#csr-page table.hse td.num4,
#csr-page table.hse td.num5{
	padding-top:15px;
	padding-bottom:15px;
}






/*feature
---------------------------------------------------------*/
#main h2.feature-title{
	margin-top:0px;
	margin-bottom:2em;
}
#main h4.feature-title{
	font-size:1.2em;
	display:block;
	font-weight: bold;
	background-color: #ebebeb;
	margin-top: 10px;
/*	margin-bottom: 25px;
*/	padding-top: 4px;
	padding-right: 5px;
	padding-left: 11px;
	padding-bottom: 2px;
	border-left: 10px solid #4b66b7;
	clear:both;
}

#main .feature-sub-title{
	color: #4b66b7;
	border: 1px solid #4b66b7;
	overflow:hidden;
	margin-top:10px;
}

#main .feature-sub-title strong{
	color: #ffffff;
	background: #4b66b7;
	padding: 5px 15px;
	margin-right:1em;
}
#main h5.feature-title{
	border-bottom: 1px solid #cccccc;
	margin-top: 10px;
	margin-bottom: 8px;
	font-weight: bold;
	color: #4b66b7;
}
body.feature00 #main .name{
	font-weight: bold;
	color: #000000;
	padding-right:1em;
}

/*feature10*/
.popup5-page {
	font-size: 14px;
}
.popup5-page strong {
	font-weight: bold;
}
.popup5-page p{
	margin-top:10px;
	margin-bottom:15px;
	margin-left:50px;
	margin-right:10px;
}
.popup5-page div.title{
	padding-top:20px;
}
.popup5-box {
	padding:20px 40px;
	border: 5px double #4b66b7;
	width: 590px;
	margin: 25px auto;
}
.popup5-box strong {
	font-size:16px;
	font-weight: bold;
}

.popup5 {
	text-align:right;
}
.goto-feature11 a:hover img, 
.popup5 a:hover img{
	opacity:0.7;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=70 )";
}
#csr-page #main .goto-feature11{
	text-align:right;
}


/*feature20*/
ul.feature-btn{
	list-style:none;
	margin-left:0;
	padding-left:0;
}
ul.feature-btn li{
	list-style:none;
	float:left;
	width:355px;
	display:block;
	margin-left:0;
	padding-left:0;
	margin-bottom:2em;
}
ul.feature-btn li a:hover img,
div.feature-btn a:hover img,
div.backnumber a:hover img {
	opacity:0.7;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=70 )";
}
#csr-page #main div.feature-btn {
	text-align: right;
	height: 35px;
	margin-bottom:2em;
}





/*safty
---------------------------------------------------------*/

/*plate*/
body.safe00 #main .plate{
	background: #ffffff url(../csr/safety/img/plate_safety_o.gif) no-repeat left top;
	width:747px;
}
body.safe00 #main .plate-voice{
	background: #ffffff url(../csr/safety/img/plate_employees_o.jpg) no-repeat left top;
	width:747px;
}


/*h4*/
body.safe00 #main h4{
	/*background-color: transparent;*/
	border-left: none;
	padding:0;
	margin: 0;
	cursor:pointer;
	width:747px;
	display:block;
}
body.safe00 #main .plate h4 span{
	display:block;
	width:712px;
	height:47px;
	padding:0 0 20px 35px;
	border-left: none;
	margin: 0;
}


/*隠れている部分*/
body.safe00 #main .safety_text{
	margin:25px 30px 60px 35px;
	overflow:hidden;
	zoom:1;
	width:682px;
}

/*h4初期*/
.plate .ttl_off{
	background: #ffffff url(../csr/safety/img/plate_safety.gif) no-repeat left top;
}

/*h4オープン時*/
.plate .ttl_on{
	background: #ffffff url(../csr/safety/img/plate_safety_o.gif) no-repeat left top;
}

/*h4ホバー時*/
.plate h4.ttl_off span.hover{
 background: #ffffff url(../csr/safety/img/plate_safety.gif) no-repeat left bottom;
}


/*h4従業員の声*/
body.safe00 #main .plate-voice h4 span{
	display:block;
	width:712px;
	height:67px;
	padding:0 0 20px 35px;
	border-left: none;
	margin: 0;
}

/*h4従業員の声の初期*/
.plate-voice .ttl_off{
	background: #ffffff url(../csr/safety/img/plate_employees.jpg) no-repeat left top;
}

/*h4従業員の声のオープン時*/
.plate-voice .ttl_on{
	background: #ffffff url(../csr/safety/img/plate_employees_o.jpg) no-repeat left top;
}

/*h4従業員の声のホバー時*/
.plate-voice h4.ttl_off span.hover{
 background: #ffffff url(../csr/safety/img/plate_employees.jpg) no-repeat left bottom;
}


/*従業員の声のコンテンツ*/
.plate-voice .voice {
	background-color: #DFF1FB;
	padding: 15px 30px;
	width:622px;
	zoom: 1;
	overflow: hidden;
}
.pb30{padding-bottom:30px;}
#main .plate-voice .voice h5 {
	font-size:115%;
	line-height:24px;
	color:#15b3ea;
	margin-bottom:10px;
	font-weight: bold;
	border-style: none;
	margin-top: 0px;
	text-indent: -110px;
	padding-left: 110px;
}
.plate-voice .voice h5 img {
	margin-right:10px;
	line-height:24px;
	vertical-align: top;
}
.plate-voice .voice .ph{
	float:left;
	margin:0;
	width:115px;
	font-size:80%;
	padding-right:15px
}
.plate-voice .voice .ph img{margin-bottom:5px;}
.plate-voice .voice .ph strong{
	font-size:120%;
}
.plate-voice .voice .text-div{
	float:right;
	width:490px;
}





/*social
---------------------------------------------------------*/
body.soc00 #main h3{
	color: #ec7b00;
	border-left: 10px solid #fac800;
	padding-left:11px;
	font-size:1.4em;
	margin-bottom:20px;
	line-height:1;
}
body.soc00 #main h4{
	border-left: 10px solid #fac800;
}

body.soc00 #main h5{
	color: #ec7b00;
}
ul.news-list{
	font-size:0.9em;
	display:block;
	width:725px;
	margin:0;
	padding:0;
	list-style: none;
}
ul.news-list li{
	padding:5px 0;
	clear:both;
	display:block;
	border-bottom: 1px dotted #cccccc;
	font-size: 95%;
}
ul.news-list li span.date{
	float:left;
	width:6.5em;
	font-weight: normal;
}
ul.news-list li span.txt {
	_height: 1%; /* Hack for Win IE6 */
	margin:0 0 0 7.5em;
	display:block;
}



/*top page*/
/*リード*/
body.soc00 #main .top-lead{
	margin:0 80px 55px 70px;
}


/*3個並びコラム*/
body.soc00 #main .top-column3{
	width:747px;
	overflow:hidden;
	zoom:1;
	position: relative;
	margin-bottom:48px;
}
body.soc00 #main .top-column3 .column{
	width:215px;
	padding:0 15px 50px 15px;
	float:left;
	padding-bottom:50px;
	background: url(../csr/social/img/plate_social1.gif) no-repeat left top;
	text-align: justify;
}
body.soc00 #main .top-column3 .mr{
	margin-right:6px;
}

/*3個並びコラムのタイトル*/
body.soc00 #main .top-column3 .column h3{
	height:85px;
	border-left: none;
	padding-left:0px;
	margin: 0px;
}

/*3個並びコラムの写真*/
body.soc00 #main .top-column3 .column img.float-left{
	margin-right: 10px;
	margin-bottom: 10px;
}


/*3個並びコラムのリンク*/
body.soc00 #main .top-column3 .link1{
	text-align:right;
	width:200px;
	position: absolute;
	right: 520px;
	bottom: 0px;
}
body.soc00 #main .top-column3 .link2{
	text-align:right;
	width:200px;
	position: absolute;
	right: 270px;
	bottom: 0px;
}
body.soc00 #main .top-column3 .link3{
	text-align:right;
	width:200px;
	position: absolute;
	right: 20px;
	bottom: 0px;
}
body.soc00 #main .top-column3 .link1 a,
body.soc00 #main .top-column3 .link2 a,
body.soc00 #main .top-column3 .link3 a {
	padding-left: 15px;
	background: url(../csr/social/img/arrow_social.gif) no-repeat left center;
	font-size:90%;
}


/*MAPコラム*/
body.soc00 #main .top-map{
	width:716px;
	padding:0 0 60px 31px;
	background: url(../csr/social/img/plate_social2.gif) no-repeat left top;
	overflow:hidden;
	zoom:1;
}

/*MAPコラムのタイトル*/
body.soc00 #main .top-map h3{
	height:56px;
	border-left: none;
	padding-left:4px;
	margin: 0px;
}

/*MAPコラムのリード*/
body.soc00 #main .top-map .top-lead{
	margin:0 23px 15px 4px;
}

body.soc00 #main .top-map h4{
	border-left: none;
	color: #00a63c;
	background-color:transparent;
}

body.soc00 #main .entry .voice {
	background-color: #FFF6D7;
}



ul.tabs {
	margin: 0;
	margin-top:-6px;
	padding: 0;
	float: left;
	list-style: none;
	height: 37px;
	width: 747px;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	width:342px;
	overflow: hidden;
	position: relative;
}
ul.tabs li span.tabs1 {
	display:block;
	width:342px;
	height:37px;
	background-image: url(../csr/social/img/tab_world.gif);
	background-position: left top;
	background-repeat: no-repeat;
}
ul.tabs li span.tabs2 {
	display:block;
	width:342px;
	height:37px;
	background-image: url(../csr/social/img/tab_japan.gif);
	background-position: left top;
	background-repeat: no-repeat;
}
ul.tabs li span a {
	display:block;
	width:342px;
	height:0px;
	padding-top:37px;
	overflow:hidden;
	outline: none;
}
ul.tabs li span.tabs1 a:link,
ul.tabs li span.tabs1 a:visited {
	background-image: url(../csr/social/img/tab_world.gif);
	background-position: left top;
	background-repeat: no-repeat;
}
ul.tabs li span.tabs1 a:hover,
ul.tabs li span.tabs1 a:active {
	background-image: url(../csr/social/img/tab_world_r.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

ul.tabs li span.tabs2 a:link,
ul.tabs li span.tabs2 a:visited {
	background-image: url(../csr/social/img/tab_japan.gif);
	background-position: left top;
	background-repeat: no-repeat;
}
ul.tabs li span.tabs2 a:hover,
ul.tabs li span.tabs2 a:active {
	background-image: url(../csr/social/img/tab_japan_r.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

html ul.tabs li.active span.tabs1 a{
	background-image: url(../csr/social/img/tab_world.gif);
	background-position: left top;
	background-repeat: no-repeat;
}
html ul.tabs li.active span.tabs2 a{
	background-image: url(../csr/social/img/tab_japan.gif);
	background-position: left top;
	background-repeat: no-repeat;
}



.tab_container {
	clear: both;
	float: left; 
	width: 684px;
}
.tab_content {
	padding: 50px;
	width: 586px;
}
.tab_content ul,
.tab_content li{
	padding-left:0;
	margin-left:0;
	list-style: none;
}
.tab_content li span{
	font-size:85%;
}
.world{
	background-color:#f8fbe9;
}
.japan{
	background-color:#fdf3f4;
}
body.soc00 #main .tab_container .world h4{
	color:#00a63c;
	padding-left:0;
}
body.soc00 #main .tab_container .japan h4{
	color:#EC4700;
	padding-left:0;
}
body.soc00 #main .tab_container .japan a:hover,
body.soc00 #main .tab_container .japan a:active{
	color:#ff4848;
}
body.soc04b #main .entry2 dl{
	margin-left:40px;
}
body.soc04b #main .entry2 dt{
	color:#ec7b00;
	font-weight: bold;
	font-size:90%;
}
body.soc04b #main .entry2 li{
	font-size:90%;
}
body.soc04b #main .entry2 li span,
body.soc04b #main .entry h5 span {
	font-size:85%;
}




/*environment
---------------------------------------------------------*/


/*top page*/
/*リード*/
body.env00 #main .top-lead{
	margin:0 80px 55px 70px;
}


/*3個並びコラム*/
body.env00 #main .top-column3{
	width:747px;
	overflow:hidden;
	zoom:1;
	position: relative;
	margin-bottom:48px;
}
body.env00 #main .top-column3 .column{
	width:215px;
	padding:0 15px 50px 15px;
	float:left;
	padding-bottom:50px;
	background: url(../csr/environment/img/plate_environ.gif) no-repeat left top;
	text-align: justify;
}
body.env00 #main .top-column3 .mr{
	margin-right:6px;
}

/*3個並びコラムのタイトル*/
body.env00 #main .top-column3 .column h3{
	height:85px;
	border-left: none;
	padding-left:0px;
	margin: 0px;
}

/*3個並びコラムの写真*/
body.env00 #main .top-column3 .column img.float-left{
	margin-right: 10px;
	margin-bottom: 10px;
}


/*3個並びコラムのリンク*/
body.env00 #main .top-column3 .link1{
	text-align:right;
	width:200px;
	position: absolute;
	right: 520px;
	bottom: 0px;
}
body.env00 #main .top-column3 .link2{
	text-align:right;
	width:200px;
	position: absolute;
	right: 270px;
	bottom: 0px;
}
body.env00 #main .top-column3 .link3{
	text-align:right;
	width:200px;
	position: absolute;
	right: 20px;
	bottom: 0px;
}
body.env00 #main .top-column3 .link1 a,
body.env00 #main .top-column3 .link2 a,
body.env00 #main .top-column3 .link3 a {
	padding-left: 15px;
	background: url(../csr/environment/img/arrow_environ.gif) no-repeat left center;
	font-size:90%;
}




body.env00 #main h3{
	color: #8ac43f;
	border-left: 10px solid #009140;
	padding-left:11px;
	font-size:1.4em;
	margin-bottom:20px;
	line-height:1;
}
body.env00 #main .chart{
	width:714px;
	margin:0 auto;
	line-height:1;
}
body.env00 #main .chart div img{
	vertical-align: top;
}
body.env00 #main .chart div{
	margin:0;
	padding:0;
}

body.env00 #main .entry .voice {
	background: #EBF4E1;
}

body.env00 #main h4{
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #8AC43E;
}


/*popup
---------------------------------------------------------*/
/*INPEXグループのCSR活動とは？部分*/
.stakeholder-page{
	width:746px;
	margin:0 auto;
	background-color:#ffffff;
	font-size: 14px;
}
.stakeholder-page h1{
	margin-bottom:15px;
}
.stakeholder-page h2.title1{
	margin:0 0 20px 16px;
}
.stakeholder-page h2.title2{
	margin:0 0 9px 16px;
}
.stakeholder-page p{
	margin:0 39px 40px 34px;
}
.stakeholder-page .contents-bg{
	background-image: url(../csr/img/stakeholder_bg.gif);
	background-repeat: no-repeat;
	margin-bottom:60px;
	padding-top:1px;
}
.stakeholder-page .contents-bg h3{
	margin-left:16px;
	margin-bottom:33px;
}
.stakeholder-page .contents-bg dl{
	width:693px;
	display:block;
	margin-left:35px;
	margin-bottom:31px;
	padding:0 0 11px 15px;
	background-image: url(../csr/img/stakeholder_bg2.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	overflow:hidden;
}
.stakeholder-page .contents-bg dl dt{
	float:left;
	width:160px;
	margin-right: 20px;
}
.stakeholder-page .contents-bg dl dd{
	float:left;
	width:513px;
	padding-top:9px;
	font-size:95%;
	color: #000
}
.stakeholder-page .contents-bg dl dd strong{
	font-weight: bold;
	color: #4866af;
	font-size:110%;
	margin-bottom:12px;
}


/*INPEXグループのCSR活動 その他のコンテンツはこちら部分*/
.popup-list{
	padding-top:19px;
	padding-bottom:17px;
	background-color: #d9f2e2;
	font-size: 14px;
	margin-bottom:25px;
}
.popup-list ul{
	width:751px;
	display:block;
	margin:0 auto;
	padding: 0px;
	list-style: none;
	overflow:hidden;
}
.popup-list ul li{
	width:184px;
	height:184px;
	float:left;
	margin: 0px 5px 0px 0px;
	padding: 0px;
	list-style: none;
	background-color: #ffffff;
}
.popup-list ul li.end{
	margin-right:0;
}
.popup-list ul li img{
	vertical-align:top;
}
.popup-list a:hover img {
	opacity:0.7;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=70 )";
}

#popup .goto-enquete {
	text-align: right;
}
#popup #copyright {
	font-size: 10px;
	text-align:right;
	padding:20px 0;
}




/*INDEX PR BOX
---------------------------------------------------------*/
h1.top-page,h2.top-page{display:block;width:747px;height:0;overflow:hidden;}


/*---------PR BOX-----------*/
*{outline: none;}
img {border: 0;}

.pr-box {
	height:247px;
	background-color: #cccccc;
}
/*--Main Container--*/
.main_view {
	/*float: left;*/
	position: relative;width: 747px;
}
/*--Window/Masking Styles--*/
.window {
	height:243px;	width: 747px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
}
.image_reel {
	position: absolute;
	top: 0; left: 0;
}
.image_reel img {float: left;}

/*--Paging Styles--*/
.prpaging {
	position: absolute;
	bottom: 1px; left: 10px;
	width: 139px; height:23px;
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: center;
	line-height: 23px;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
}
.prpaging a {
	padding: 2px 7px;
	text-decoration: none !important;
	color: #00a63c !important;
	background: #ffffff;
	border: 1px solid #d9ebbc;
	font-weight: bold;
	outline: 0;
}
.prpaging a.active {
	background: #d9ebbc;
}
.prpaging a:hover {background: #d9ebbc;}



/*---------TOPICS-----------*/
#top-topics{
	width:724px;
	height:161px;
	padding:0 0 0 23px;
	margin-bottom:20px;
	margin-top:14px;
	background-image: url(../csr/img/top_topics_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	font-size:13px;
}
#top-topics h3.top-title{
	padding:0;
	margin:0;
	height:60px;
}
#top-topics #topics{
	overflow:auto;
	overflow-x: hidden;
	width:700px;
	height:100px;
	border-style: none;
	margin-left:15px;
}
#top-topics #topics ul{
	display:block;
	list-style:none;
	width:675px;
	font-size:13px;
	padding:0;
	margin:0;
}
#top-topics #topics ul li{
	clear:both;
	display:block;
	width:675px;
}
#top-topics #topics ul li span.date{
	float:left;
	width:6.5em;
	font-weight: normal;
}
#top-topics #topics ul li span.txt {
	_height: 1%; /* Hack for Win IE6 */
	margin:0 0 0 7.5em;
	display:block;
}



/*---------CSR-----------*/
#top-csr{
	width:724px;
	height:269px;
	padding:0 0 0 23px;
	margin-bottom:14px;
	margin-top:14px;
	background-image: url(../csr/img/top_csr_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	font-size:13px;
	overflow:hidden;
}
#top-csr h3.top-title{
	padding:0;
	margin:0;
	height:60px;
}
#top-csr p{
	padding-left:15px;
	height:29px;
}
#top-csr .list{
	width:724px;
	position: relative;
	overflow:hidden;
}
#top-csr .list div{
	width:230px;
	height:156px;
}
#top-csr .list .list1{
	list-style:none;
	margin:0;
	padding-left:0;
	padding-top:13px;
	border-right: 1px solid #e6e6e6;
	position: absolute;
	width: 260px;
	height:127px;
	left: 205px;
	top: 15px;
}
#top-csr .list .list1 li{
	list-style:none;
	background-image: url(../csr/img/arrow_blue.gif);
	background-repeat: no-repeat;
	background-position: left center;
	margin-bottom: 13px;
	padding-left: 17px;
}

#top-csr .list .list2{
	margin:0;
	padding-left:15px;
	padding-top:13px;
	position: absolute;
	width: 230px;
	height:127px;
	left: 475px;
	top: 15px;
}
#top-csr .list .list2 dt,
#top-csr .list .list2 dd,
#top-csr .list .list2 ul{
	margin:0;
	padding:0;
	display:block;
}
#top-csr .list .list2 dt{
	font-size:14px;
	font-weight: bold;
	color: #ed820d;
	height: 28px;
}
#top-csr .list .list2 li{
	list-style:none;
	background-image: url(../csr/img/arrow_orange.gif);
	background-repeat: no-repeat;
	background-position: left center;
	margin-bottom: 13px;
	padding-left: 17px;
}


/*---------top-column3-----------*/
body.csr00 .top-column3{
	clear:both;
	width:747px;
	overflow:hidden;
}
body.csr00 .top-column3 ul{
	list-style:none;
	margin:0;
	padding:0;
	padding-top:7px;
	width: 218px;
}
body.csr00 .top-column3 ul li{
	list-style:none;
	margin-bottom: 8px;
	padding-left: 21px;
}


/*---------ENV-----------*/
#top-env{
	float:left;
	width:218px;
	padding:0 0 0 27px;
	margin-right:6px;
	background-image: url(../csr/img/top_env_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	font-size:13px;
	overflow:hidden;
}
#top-env h3.top-title{
	padding:0;
	margin:0;
	height:50px;
	line-height:1;
}
#top-env ul li{
	background-image: url(../csr/img/arrow_green.gif);
	background-repeat: no-repeat;
	background-position: 4px center;
}



/*---------SAFE-----------*/
#top-safe{
	float:left;
	width:218px;
	height:270px;
	padding:0 0 0 27px;
	margin-right:6px;
	background-image: url(../csr/img/top_safe_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	font-size:13px;
	overflow:hidden;
}
#top-safe h3.top-title{
	padding:0;
	margin:0;
	height:50px;
	line-height:1;
}
#top-safe ul li{
	background-image: url(../csr/img/arrow_sky.gif);
	background-repeat: no-repeat;
	background-position: 4px center;
}


/*---------SOC-----------*/
#top-soc{
	float:left;
	width:218px;
	padding:0 0 0 27px;
	background-image: url(../csr/img/top_soc_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	font-size:13px;
	overflow:hidden;
}
#top-soc h3.top-title{
	padding:0;
	margin:0;
	height:50px;
	line-height:1;
}
#top-soc ul li{
	background-image: url(../csr/img/arrow_yellow.gif);
	background-repeat: no-repeat;
	background-position: 4px 2px;
}
#top-soc .btn{
	padding-left:20px;
}
#top-soc .btn a:hover img {
	opacity:0.7;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=70 )";
}