@charset "utf-8";

@-ms-viewport {
  width: device-width;
}

@viewport {
  width: device-width;
}

* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/*header
----------------------------------------------------*/
header{
	position:absolute;
	width:100%;
	background:url(../img/common/bg_header.png) no-repeat;
	background-position:center top;
	z-index:9999;
}

.box_head{
	width:980px;
	height:70px;
	margin:0 auto;
}

.box_head h1,
.box_head p{
	float:left;
	width:245px;
	padding-top:25px;
	line-height:1.0;
}

.box_head ul{
	float:right;
	width:225px;
	padding:20px 0 0 15px;
}

.box_head ul li{
	float:left;
	margin-left:5px;
}

#google{
	float:right;
	padding-top:20px;
}

#google_top{
	float:left;
	height:25px;
	border:1px solid #CCC;
}

#btn_search{
	margin:0;
	padding:0;
}


/*navigation
----------------------------------------------------*/
#nav{
	width:100%;
	background:#FFF;
}

#nav ul{
	width:980px;
	height:50px;
	margin:0 auto;
	background:url(../img/common/nav_border.png) no-repeat;
	background-position:left center;
	clear:both;
}

#nav ul li{
	float:left;
	background:url(../img/common/nav_border.png) no-repeat;
	background-position:right center;
}

#nav ul li a{
	width:196px;
	height:50px;
	padding-top:13px;
	text-align:center;
	display:block;
}

#nav ul li a:hover,
#nav ul li a.on{
	background:#EAF7EE;
	text-decoration:none;
}

#nav ul li ul {
  position: absolute;
  top: 121px;/*親メニューの高さと同じにする*/
  width: 230px;
  background:none;
  z-index: 100;
}

#nav ul li ul li {
  visibility: hidden;
  overflow: hidden;
  width: 230px;/*サブメニューの幅*/
  height: 0;
  background:#E5F1F2;/*サブメニューの背景色*/
  border-bottom:1px solid #007582;
  font-size:12px;
}

#nav ul li ul li a{
	width:230px;
	height:auto;
	padding:5px;
	padding-left:10px;
	text-align:left;
	display:block;
}

#nav ul li ul li.noBoader{
	border-bottom:1px solid #FFF!important;
}


#nav ul li ul li a:hover,
.menu ul li ul li a:hover {
  background:#FFF!important;
}

#nav ul li:hover ul li,
.menu ul li a:hover ul li{
  visibility: visible;
  overflow: visible;
  height:auto;
  z-index: 10;
}




#nav ul li ul li ul {
  position:absolute;
  top: 200px;
  left:326px;
  width: 276px;
  height:40px!important;
  background:none;
  z-index: 100;
}

#nav ul li ul li ul li {
  visibility: hidden!important;
  overflow: hidden!important;
  width: 276px;/*サブメニューの幅*/
  height:40px!important;
  background:#E5F1F2;/*サブメニューの背景色*/
  border:1px solid #007582;
}

#nav ul li ul li ul li:first-child{
	border-bottom:0;
}

#nav ul li ul li ul li a{
	width:274px;
	height:40px!important;
	padding-top:8px;
	text-align:center;
	display:block;
}

#nav ul li ul li ul li a:hover{
	width:274px;
	height:38px!important;
}

#nav ul li ul li ul li a:hover,
.menu ul li ul li ul li a:hover {
  background:#FFF!important;
}

#nav ul li ul li:hover ul li,
.menu ul li ul li a:hover ul li{
  visibility: visible!important;
  overflow: visible!important;
  height:40px;
  z-index: 10;
}


/*Contents layout
----------------------------------------------------*/
section{
	width:100%;
	padding:0 0 50px 0;
	display:block;
	clear:both;
}

section:after {
	visibility: hidden;
	display: block;
	font-size: 0px;
	content: " ";
	clear: both;
	height: 0;
}

.contents{
	width:980px;
	margin:0 auto;
}

.path{
	width:100%;
	margin:0 auto 30px auto;
	padding:10px 0;
	border-bottom:1px solid #DDD;
	display:block;
	clear:both;
	font-size:12px;
}

.path ul{
	width:980px;
	margin:0 auto;
	display:block;
}

.path ul li{
	display:inline;
}

.path ul li a{
	margin-right:5px;
	padding-right:15px;
	background:url(../img/common/icon_link_green_s.png) no-repeat;
	background-position:right center;
	line-height:28px;
}

.path ul li.btn_policy{
	float:right;
}

.path ul li.btn_policy a{
	margin:0;
	padding:0;
	background:none;
}


/*main
----------------------------------------------------*/

/*top
------------------------------------*/
.slider{
	height:370px;
	margin-bottom:50px;
}

.slider .contents{
	position:relative;
}

.slider .btn_policy{
	position:absolute;
	width:134pxpx;
	top:380px;
	left:846px;
	background:#00CCFF;
	display:block;
	z-index:999;
}

.bxslider2 li{
	width:100%;
	height:370px;
	background-size:cover;
}

.slide01{
	background:url(../img/slider01.png);
	background-position:center;
}

.slide02{
	background:url(../img/slider02.png);
	background-position:center;
}

.slide03{
	background:url(../img/slider03.png);
	background-position:center;
}

.slide04{
	background:url(../img/slider04.png);
	background-position:center;
}

.bxslider2 li a{
	width:100%;
	height:370px;
	text-indent:-9999px;
	display:block;
}

.bx-custom-pager{
	position:absolute;
	margin-bottom:60px;
	background:#045594;
	z-index:0!important;
}

.bx-custom-pager .bx-pager-item{width:19%; margin:0.5% 0.5% 0 0.5%; background:#FFF; z-index:0!important;}
.bx-pager-item .active img{opacity: 0.6}


.toppage h2{
	margin-bottom:30px;
	font-size:30px;
	font-family: "Times New Roman", Times, serif;
	font-weight:normal!important;
	color:#009391;
}

.box_tri{
	float:left;
	width:310px;
	margin:0 25px 25px 0;
}

.box_tri p{
	width:310px;
	height:60px;
	border-bottom:1px solid #CBD9DA;
	display:table-cell;
	vertical-align:middle;
}

.box_tri a{
	display:block;
}

.box_tri_right{
	float:right;
	width:310px;
	margin:0 0 25px 0;
	padding:9px 0;
	border-top:1px solid #CBD9DA;
	border-bottom:1px solid #CBD9DA;
}

.box_tri_right img{
	margin:0 auto;
	display:block;
}

.box_tri_right .txt{
	padding-top:5px;
	font-size:12px;
	color:#333!important;
}

.box_tri .link,
.box_tri_right .link{
	padding-left:15px;
	background:url(../img/common/icon_link_green.png) no-repeat;
	background-position:left center;
}

.box_tetra{
	float:left;
	width:230px;
	margin-right:20px;
}

.box_tetra p{
	padding:20px 0;
	font-size:12px;
	color:#333!important;
}

.box_bana_special img{
	float:left;
}


/*共通設定
------------------------------------*/
.pagetitle{
	padding:70px 0 0 0;
}

.pagetitle h1{
	margin:0;
	padding:0;
	font-size:40px;
	font-weight:bold;
	color:#009391/*#004D59*/;
	line-height:1.0;
}

.pagetitle p{
	margin-left:0;
	padding-top:10px;
	font-family: "Times New Roman", Times, serif;
	font-weight:bold;
	line-height:1.4;
}

h2{
	margin-bottom:15px;
	font-size:30px;
	font-family: "Times New Roman", Times, serif;
	/*font-weight:normal!important;*/
	font-weight:bold;
	color:#009391;
}

h3{
	margin-bottom:15px;
	padding:3px 10px;
	background:#008FA0;
	font-size:18px;
	color:#FFF;
}

h4{
	font-size:15px;
	color:#4470A1;
}

.caption{
	font-weight:bold;
	color:#5D7CA7;
}

.kakomi{
	margin-bottom:30px;
	padding:10px;
	border:10px solid #C3E5E6;
}

.table_normal{
	margin-bottom:30px;
	border:2px solid #999!important;
}

.table_normal th,
.table_normal td{
	padding:5px;
	border:1px solid #999;
	font-weight:normal;
}

.table_normal .th_lv1{
	border:1px solid #FFF;
	background:#666;
	color:#FFF;
}

.table_normal .th_lv2{
	border:1px solid #FFF;
	background:#4EA5B3;
	color:#FFF;
}

.table_normal .th_lv3{
	background:#C3DADF;
	color:#000;
}

.table_normal .th_lv4{
	background:#E6E6E7;
	color:#000;
}

.ul_list{
	margin-bottom:30px;
}

.ul_list li{
	padding-left:20px;
	background:url(../img/common/icon_list.png) no-repeat left 7px;
}

.ul_underline{
	margin-bottom:30px;
}

.ul_underline li{
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:1px dotted #DDD;
}

.link{
	padding-left:12px;
	background:url(../img/common/icon_link_green_s.png) no-repeat;
	background-position:left center;
}

.link_web{
	min-height:25px;
	padding-left:35px;
	background:url(../img/common/icon_web.gif) no-repeat;
	background-position:left center;
}

.box_half_left{
	float:left;
	width:475px;
}

.box_half_right{
	float:right;
	width:475px;
}

.box_1-2_left{
	float:left;
	width:310px;
}

.box_1-2_right{
	float:right;
	width:640px;
}

.box_2-1_left{
	float:left;
	width:640px;
}

.box_2-1_right{
	float:right;
	width:310px;
}

.box_topics .box_2-1_left{
	float:left;
	width:580px;
}
.box_ph_tri{
	float:left;
	width:310px;
	margin-right:25px;
}

.box_ph_tri_right{
	float:right;
	width:310px;
}

.box_ph_tri img,
.box_ph_tri_right img{
	margin-bottom:10px;
}

.box_bana{
	position:relative;
	border:3px solid #B7B7B7;
}

.box_panel{
	position:relative;
	border:3px solid #B7B7B7;
}

.box_panel_governance{background:#6C9BD1;}
.box_panel_safety{background:#AF7C85;}
.box_panel_environment{background:#6ABFBC;}
.box_panel_society{background:#789052;}

.box_panel .box_left{
	float:left;
	width:313px;
}

.box_panel .box_right{
	float:left;
	width:661px;
	/*min-height:345px;*/
	padding:33px 30px 30px 30px;
	background:#FFF;
}

.box_panel .box_right h2 a{
	margin-bottom:20px;
	padding:10px;
	font-size:22px;
	color:#FFF!important;
	line-height:1.0;
	display:block;
}

.box_panel ul{
	float:left;
	width:50%;
}

.governance .box_panel ul li{
	line-height:2.1;
}

.safety .box_panel ul li{
	line-height:2.9;
}

.box_panel ul li .link{
	padding-left:18px;
	background:url(../img/field/icon_link_panel.jpg) no-repeat left center;
}

.box_panel ul li ul li{
	padding-left:1em;
}

.box_topics{
	padding:30px;
	border-radius:20px;
	background:#F5F0E9;
}

.box_topics h2{
	font-family: Arial, Helvetica, sans-serif;
	line-height:1.4;
}

.box_topics h2 span{
	float:left;
	width:80px!important;
	height:80px!important;
	margin-right:1em;
	padding-top:32px!important;
	border:0;
	text-align:center;
	font-size:0.5em;
	color:#FFF;
}

.ttl_data{
	margin-bottom:20px;
	padding:10px;
	border:1px solid #CCC;
	text-align:center;
	font-size:16px;
	color:#333;
}

.ttl_data span{
	font-size:28px;
	font-weight:bold;
	color:#0C9C9F;
}


/*greeting
------------------------------------*/
.pagetitle_greeting{
	height:370px;
	padding:210px 0 30px 0;
	background:url(../img/bg_main_greeting.jpg) no-repeat center bottom;
}

.pagetitle_greeting h1{
	width:12em;
	padding-left:15px;
	border-left:8px solid #388C9F;
	font-size:40px;
	font-weight:bold;
	color:#000;
}

.pagetitle_greeting h1 span{
	margin-top:5px;
	padding:5px 0 0 0.8em;
	border-top:1px solid #388C9F;
	font-size:16px;
	color:#333;
	display:block;
}

.kakomi .box_2-1_right{
	width:280px;
}


/*csr
------------------------------------*/
.pagetitle_csr{
	background:#E7F4F5 url(../img/csr/bg_header_ttl.png) no-repeat center 50px;
}

.pagetitle_csr .contents{
	padding:100px 0 50px 0;
}

.pagetitle_csr h1{
	padding:20px 0;
}

.ttl_dowacsr{
	line-height:1.4;
	color:#333;
}

.ttl_dowacsr span{
	margin-bottom:5px;
	font-size:18px;
	font-weight:normal;
	font-family: Arial, Helvetica, sans-serif;
	display:block;
}

.kakomi_csr{
	position:relative;
	padding:25px 20px 15px 20px;
	border:1px solid #999;
}

.ttl_dowacsr2{
	position:absolute;
	top:-18px;
	left:20px;
	padding:3px 12px;
	font-size:16px;
	display:inline-block;
	background:#666;
}

.bg_table_goverment{
	background:url(../img/csr/bg_goverment.gif) repeat-x;
	background-position:bottom;
	background-size:5px 5px;
}

.bg_table_safety{
	background:url(../img/csr/bg_safety.gif) repeat-x;
	background-position:bottom;
	background-size:5px 5px;
}

.bg_table_environment{
	background:url(../img/csr/bg_environment.gif) repeat-x;
	background-position:bottom;
	background-size:5px 5px;
}

.bg_table_society{
	background:url(../img/csr/bg_society.gif) repeat-x;
	background-position:bottom;
	background-size:5px 5px;
}

ol{
	padding:0;
	counter-reset:my-counter;
	list-style:none;
}

ol li{
	position:relative;
	margin:0 0 10px 0;
	padding-left:2.8em;
}

ol li:before{
	float:left;
	width: 1.8em;
	height: 1.8em;
	margin-left: -3.0em;
	margin-right:0.5em;
	margin-top:0.3em;
	border-radius: 50%;
	content:counter(my-counter);
	counter-increment:my-counter;
	background-color:#F01212;
	color:#FFF;
	font-size:0.8em;
	line-height:1.8;
	text-align:center;
	vertical-align:middle;
	display:block;
}

.box_foreign .color_green li:before{	background-color:#5FA223; }

.box_foreign .color_blue{ counter-reset:my-counter 8; }
.box_foreign .color_blue li:before{ background-color:#5792C5; }

.box_foreign .color_orange{ counter-reset:my-counter 17; }
.box_foreign .color_orange li:before{ background-color:#F18D00; }

.box_foreign .color_brown{ counter-reset:my-counter 24; }
.box_foreign .color_brown li:before{	background-color:#BF9B00; }

.box_foreign .color_black{ counter-reset:my-counter 31; }
.box_foreign .color_black li:before{	background-color:#333; }

.box_japan .color_green li:before{	background-color:#5FA223; }

.box_japan .color_blue{ counter-reset:my-counter 23; }
.box_japan .color_blue li:before{ background-color:#5792C5; }

.box_japan .color_red{ counter-reset:my-counter 33; }
.box_japan .color_red li:before{ background-color:#DE0012 ; }

.box_japan .color_orange{ counter-reset:my-counter 40; }
.box_japan .color_orange li:before{ background-color:#F18D00; }

.box_japan .color_brown{ counter-reset:my-counter 48; }
.box_japan .color_brown li:before{	background-color:#BF9B00; }

.box_japan .color_black{ counter-reset:my-counter 56; }
.box_japan .color_black li:before{	background-color:#333; }


h3.color_green,
h3.color_blue,
h3.color_red,
h3.color_orange,
h3.color_brown,
h3.color_black{
	padding:0;
	background:none;
	font-weight:bold;
}

.ttl_5field_green{
	background: -moz-linear-gradient(left, #00A73C, rgba(255,0,0,0));
	background: -webkit-gradient(linear, left top, right top, from(#00A73C), to(rgba(255,0,0,0)));
}

.ttl_5field_blue{
	background: -moz-linear-gradient(left, #5286C0, rgba(255,0,0,0));
	background: -webkit-gradient(linear, left top, right top, from(#5286C0), to(rgba(255,0,0,0)));
}

.ttl_5field_red{
	background: -moz-linear-gradient(left, #E46053, rgba(255,0,0,0));
	background: -webkit-gradient(linear, left top, right top, from(#E46053), to(rgba(255,0,0,0)));
}

.ttl_5field_orange{
	background: -moz-linear-gradient(left, #F0844A, rgba(255,0,0,0));
	background: -webkit-gradient(linear, left top, right top, from(#F0844A), to(rgba(255,0,0,0)));
}

.ttl_5field_brown{
	background: -moz-linear-gradient(left, #ECA835, rgba(255,0,0,0));
	background: -webkit-gradient(linear, left top, right top, from(#ECA835), to(rgba(255,0,0,0)));
}

.box_5field{
	margin-bottom:30px;
}

.sign01,
.sign02{
	float:left;
	width:150px;
	margin-bottom:10px;
	text-align:center;
}

.sign01{
	margin:0 30px 0 650px;
}

.box_5field .f_right{
	width:360px;
}

.box_5field .f_right img{
	float:left;
	margin-left:30px;
}

.box_5field dl{
	float:left;
	margin-bottom:10px;
	clear:both;
}

.box_5field dl dt{
	float:left;
	width:120px;
	margin-right:15px;
	background:#EFEFEF;
	text-align:center;
}

.box_5field dl dd{
	float:left;
	width:480px;
}


/*special
------------------------------------*/

.pagetitle_special0{
	position:relative;
	height:160px;
	padding:0;
}
.pagetitle_special2{
	position:relative;
	height:495px;
	padding:0;
	background:url(../img/sepcial/bg_special_main.jpg) no-repeat bottom center;
}

.pagetitle_special3{
	position:relative;
	height:495px;
	padding:0;
	background:url(../img/sepcial/bg_special_main2.jpg) no-repeat bottom center;
}

.pagetitle_special2 h1,
.pagetitle_special3 h1{
	padding:140px 0 30px 0;
	text-align:center;
}

.pagetitle_special2 p,
.pagetitle_special3 p{
	position:absolute;
	top:300px;
	width:980px;
	margin:0 auto;
	text-align:right;
}

.box_timeline01{
	margin-bottom:30px;
	background:url(../img/sepcial/bg_special_timeline01.jpg) no-repeat top center;
	text-align:center;
}

.box_timeline02{
	margin-bottom:30px;
	background:url(../img/sepcial/bg_special_timeline02.jpg) no-repeat top center;
	text-align:center;
}

.box_timeline03{
	margin-bottom:30px;
	background:url(../img/sepcial/bg_special_timeline03.jpg) no-repeat top center;
	text-align:center;
}

.special h2{
	margin-bottom:20px;
	font-size:26px;
	line-height:1.4;
	color:#00538D;
}

.special_main img{
	width:100%;
	height:auto;
}

.loupe {
	background-color:#555;
	background:rgba(0, 0, 0, 0.25);
	border:5px solid rgba(0, 0, 0, 0);
}

.ttl_special01{
	background:#E46053;
}

.box_special01{
	margin-bottom:10px;
	border:2px solid #E46053;
}

.box_special01 p{
	padding:15px;
}

.box_special01 h4{
	padding:10px 15px;
	background:#E46053;
	line-height:1.0;
	color:#FFF;
}

.ttl_special02{
	background:#EF844A;
}

.box_special02{
	margin-bottom:10px;
	border:2px solid #EF844A;
}

.box_special02 p{
	padding:15px;
}

.box_special02 h4{
	padding:10px 15px;
	background:#EF844A;
	line-height:1.0;
	color:#FFF;
}

.ttl_special03{
	background:#EEB44F;
}

.box_special03{
	margin-bottom:10px;
	border:2px solid #EEB44F;
}

.box_special03 p{
	padding:15px;
}

.box_special03 h4{
	padding:10px 15px;
	background:#EEB44F;
	line-height:1.0;
	color:#FFF;
}



/*governance
------------------------------------*/
.pagetitle_governance{
	height:350px;
	padding:175px 0 50px 0;
	background:#5792C5 url(../img/field/bg_header_ttl.png) no-repeat center 50px;
}

.pagetitle_governance h1{
	padding-left:0;
	font-size:75px;
	text-shadow:0 0 8px #006699;
	color:#FFF;
	line-height:0.9;
}

.pagetitle_governance h1 span{
    float: left;
    width: 130px;
    height: 120px;
    margin-right: 10px;
    padding: 50px 0 0 0;
    background: #E2E9F5;
    text-shadow: none;
    font-size: 0.2em;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    display: block;
    color: #5792C5;
	
}

.pagetitle_governance p{
	text-shadow:0 0 5px #006699;
	color:#FFF;
}

.governance .box_plan{
    margin-bottom: 30px;
    background: #A3BCDC;
    font-family: "Times New Roman", Times, serif;
    font-size: 24px;
    text-shadow: 1px 1px 2px #000;
    color: #FFF;
}

.governance .box_plan h2{
    width: 10em;
    background: #5792C5;
    text-align: center;
    font-size: 18px;
    color: #FFF;
    display: inline-block;
    font-family: "Times New Roman", Times, serif;
    margin-top: 0;
    margin-right: 20px;
    margin-bottom: 0;
    margin-left: 0;
    line-height: 4em;
}



.governance .box_plan2{
	position:relative;
	background:#A3BCDC;
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight:bold;
	text-shadow: 1px 1px 2px #000;
	color:#FFF;
}

.governance .box_plan2 h2{
	width:9em;
	margin:0 20px 0 0;
	background:#5792C5;
	text-align:center;
	font-size: 22px;
	color:#FFF;
	display:table-cell;
}

.governance .box_plan2 span{
	padding:10px;
	display:table-cell;
}

.governance h2{
	color:#5792C5;
}

.governance h2 span{
	float:left;
	width:55px;
	height:55px;
	margin-right:15px;
	padding-top:13px;
	background:#5792C5;
	border:0;
	text-align:center;
	font-size:0.5em;
	color:#FFF;
}

.governance h3{
	background:#5792C5;
}

.governance .box_progress{
	margin-bottom:50px;
	padding:20px;
	border-left:8px solid #E2E9F5;
	border-right:8px solid #E2E9F5;
	border-bottom:8px solid #E2E9F5;
}

.governance .table_governance{
	margin-bottom:0;
}

.governance .table_governance span{
	width:18em;
	margin:0 20px 0 5px;
	padding-right:30px;
	background:url(../img/field/icon_ar_governance.png) no-repeat right center;
	display:inline-block;
}

.governance .th_lv2{
	border:1px solid #999;
	background:#E2E9F5!important;
	color:#666;
}

.governance .box_topics h2 span{
	background:#5792C5;
}

.box_csrpolicy{
	margin-bottom:50px;
	padding:20px;
	background:#E2E9F5;
}

.box_csrpolicy h2{
	float:left;
	width:160px;
	margin-bottom:0;
	color:#FFF;
	line-height:1;
	text-align:center;
	vertical-align:middle;
	line-height:4em;
	font-size: 150%;
}

.governance .box_csrpolicy h2{
	background:#5792C5;
}

.governance .ul_policy{
	float:left;
	width:760px;
	margin-left:20px;
	color:#333;
}

.governance .ul_policy li{
	padding-left:2em;
	text-indent:-2em;
}

.governance .ul_policy li{
	padding-left:2em;
	text-indent:-2em;
	line-height: 1.35;
	font-size: 100%;
}

.governance .ul_policy li:before{
	content:"● ";
}

.governance .box_panel .box_right h2 a{
	background:#6C9AD0 url(../img/common/icon_link_white.png) no-repeat 98% center;
}

.governance .kakomi_governance{
	margin-bottom:10px;
	padding:20px;
	border-radius:10px;
	border:1px solid #CCC;
	background:#FFF;
	box-shadow:3px 3px 3px #CCC;
}

.governance .kakomi_governance h3{
	border-radius:10px;
	background:#5792C5;
	text-align:center;
	color:#FFF;
}

.governance .kakomi_governance table{
	margin:0 auto;
}

.governance .kakomi_governance table th,
.governance .kakomi_governance table td{
	padding:10px 0;
	font-size:16px!important;
}

.governance .kakomi_governance table th span{
	padding:5px;
	border-radius:10px;
	border:1px solid #5792C5;
	text-align:center;
	color:#5792C5;
	display:block;
	
}

.governance .kakomi_topics{
	padding:20px;
	border-radius:10px;
	border:2px solid #5792C5;
}

.governance .kakomi_topics h3{
	background:none;
	color:#5792C5;
}

.governance .kakomi_topics h3 span{
	margin:0 10px 0 -30px;
	padding:0 25px 0 30px;
	background:#5792C5 url(../img/field/bg_topics_governance.jpg) no-repeat right center;
	color:#FFF;
}

.noBoader{
	border:0!important;
}

.ol_governance li{
	margin:0;
	padding:0 0 0 35px;
	list-style:none;
}

.ol_governance li:before{
	display:none;
}

.ol_governance li.no01{background:url(../img/field/no01_governance.png) no-repeat 10px center;}
.ol_governance li.no02{background:url(../img/field/no02_governance.png) no-repeat 10px center;}
.ol_governance li.no03{background:url(../img/field/no03_governance.png) no-repeat 10px center;}
.ol_governance li.no04{background:url(../img/field/no04_governance.png) no-repeat 10px center;}
.ol_governance li.no05{background:url(../img/field/no05_governance.png) no-repeat 10px center;}
.ol_governance li.no06{background:url(../img/field/no06_governance.png) no-repeat 10px center;}
.ol_governance li.no07{background:url(../img/field/no07_governance.png) no-repeat 10px center;}
.ol_governance li.no08{background:url(../img/field/no08_governance.png) no-repeat 10px center;}
.ol_governance li.no09{background:url(../img/field/no09_governance.png) no-repeat 10px center;}
.ol_governance li.no10{background:url(../img/field/no10_governance.png) no-repeat 10px center;}


/*safety
------------------------------------*/
.pagetitle_safety{
	height:350px;
	padding:175px 0 50px 0;
	background:#EE7D4D url(../img/field/bg_header_ttl.png) no-repeat center 50px;
}

.pagetitle_safety h1{
	padding-left:0;
	font-size:75px;
	text-shadow:0 0 8px #B04111;
	color:#FFF;
	line-height:0.9;
}

.pagetitle_safety h1 span{
    float: left;
    width: 130px;
    height: 120px;
    margin-right: 10px;
    padding: 50px 0 0 0;
    background: #FDEEE4;
    text-shadow: none;
    font-size: 0.2em;
    font-family: "Arial Black", Gadget, sans-serif;
    text-align: center;
    display: block;
    color: #EE7D4D;
	
}

.pagetitle_safety p{
	text-shadow:0 0 5px #B04111;
	color:#FFF;
}

.safety h2{
	color:#EE7D4D;
}

.safety h2 span{
	float:left;
	width:55px;
	height:55px;
	margin-right:15px;
	padding-top:13px;
	background:#EE7D4D;
	border:0;
	text-align:center;
	font-size:0.5em;
	color:#FFF;
}

.safety h3{
	background:#EE7D4D;
}

.safety .box_csrpolicy{
	margin-bottom:50px;
	padding:20px;
	background:#FDEEE4;
}

.safety .box_csrpolicy h2{
	background:#EE7D4D;
	color:#FFF;
}

.safety .ul_policy{
	float:left;
	width:760px;
	margin-left:20px;
	color:#333;
}

.safety .ul_policy li{
    padding-left: 2em;
    text-indent: -2em;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100%;
    line-height: 1.35em;
}

.safety .ul_policy li:before{
	content:"● ";
}

.safety .box_panel .box_right h2 a{
	background:#EE7D4D url(../img/common/icon_link_white.png) no-repeat 98% center;
}

.safety .box_plan{
    margin-bottom: 30px;
    background: #F4A77F;
    font-family: "Times New Roman", Times, serif;
    font-size: 24px;
    text-shadow: 1px 1px 2px #000;
    color: #FFF;
    line-height: 1.5em;
}

.safety .box_plan h2{
    width: 10em;
    background: #EE7D4D;
    text-align: center;
    font-size: 18px;
    color: #FFF;
    display: inline-block;
    font-family: "Times New Roman", Times, serif;
    line-height: 4em;
    margin-top: 0;
    margin-right: 20px;
    margin-bottom: 0;
    margin-left: 0;
}

.safety .box_plan2{
	position:relative;
	background:#F4A77F;
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight:bold;
	text-shadow: 1px 1px 2px #000;
	color:#FFF;
}

.safety .box_plan2 h2{
    width: 9em;
    background: #EE7D4D;
    text-align: center;
    font-size: 22px;
    color: #FFF;
    display: table-cell;
    font-family: "Times New Roman", Times, serif;
    height: 4em;
}

.safety .box_plan2 span{
	padding:10px;
	display:table-cell;
}

.safety .box_progress{
	margin-bottom:50px;
	padding:20px;
	border-left:8px solid #F9CEBC;
	border-right:8px solid #F9CEBC;
	border-bottom:8px solid #F9CEBC;
}

.safety .table_safety{
	margin-bottom:0;
}

.safety .table_safety span{
    float: left;
    width: 22em;
    padding-right: 30px;
    background: url(../img/field/icon_ar_safety.png) no-repeat right center;
    display: block;
    margin-top: 0;
    margin-right: 20px;
    margin-bottom: 0;
    margin-left: 5px;
    font-family: "Times New Roman", Times, serif;
    height: 3.6em;
}

.safety .table_safety div{
	line-height:3.6em;
	display:inline-block;
}

.safety .th_lv2{
	border:1px solid #999;
	background:#FDEEE4!important;
	color:#666;
}

.safety .ttl_caption{
	margin-bottom:15px;
	padding-left:8px;
	border-left:8px solid #EE7D4D;
	font-size:18px;
	font-weight:bold;
	line-height:1.0;
	color:#EE7D4D;
}

.safety .th_lv1{
	background:#F9C99A!important;
	color:#333!important;
}

.safety .box_topics h2 span{
	background:#EE7D4D;
}

/*environment
------------------------------------*/
.pagetitle_environment{
	height:350px;
	padding:175px 0 50px 0;
	background:#77AC5D url(../img/field/bg_header_ttl.png) no-repeat center 50px;
}

.pagetitle_environment h1{
	padding-left:0;
	font-size:75px;
	text-shadow:0 0 8px #537B40;
	color:#FFF;
	line-height:0.9;
}

.pagetitle_environment h1 span{
    float: left;
    width: 130px;
    height: 120px;
    margin-right: 10px;
    padding: 50px 0 0 0;
    background: #EDF5E0;
    text-shadow: none;
    font-size: 0.2em;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    display: block;
    color: #77AC5D;
	
}

.pagetitle_environment p{
	text-shadow:0 0 5px #537B40;
	color:#FFF;
}

.environment .box_plan{
    margin-bottom: 30px;
    background: #93C74C;
    font-family: "Times New Roman", Times, serif;
    font-size: 24px;
    text-shadow: 1px 1px 2px #000;
    color: #FFF;
    line-height: 1.5em;
}

.environment .box_plan h2{
    width: 10em;
    background: #77AC5D;
    text-align: center;
    font-size: 18px;
    color: #FFF;
    display: inline-block;
    font-family: "Times New Roman", Times, serif;
    line-height: 4em;
    margin-top: 0;
    margin-right: 20px;
    margin-bottom: 0;
    margin-left: 0;
}

.environment .box_plan2{
	position:relative;
	background:#ADD271;
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight:bold;
	text-shadow: 1px 1px 2px #000;
	color:#FFF;
}

.environment .box_plan2 h2{
    width: 10em;
    background: #77AC5D;
    text-align: center;
    font-size: 22px;
    color: #FFF;
    display: table-cell;
    font-family: "Times New Roman", Times, serif;
    margin-top: 0;
    margin-right: 20px;
    margin-bottom: 0;
    margin-left: 0;
    height: 4em;
}

.environment .box_plan2 span{
	padding:10px;
	display:table-cell;
}

.environment h2{
	color:#77AC5D;
}

.environment h2 span{
	float:left;
	width:55px;
	height:55px;
	margin-right:15px;
	padding-top:13px;
	background:#77AC5D;
	border:0;
	text-align:center;
	font-size:0.5em;
	color:#FFF;
}

.environment h3{
	background:#77AC5D;
}

.environment .ttl_radius{
	width:240px;
	margin-bottom:10px;
	padding:0;
	border-radius:30px;
	background:#77AC5D;
	text-align:center;
	font-size:15px;
	color:#FFF;
}

.environment .box_progress{
	margin-bottom:50px;
	padding:20px;
	border-left:8px solid #D4E9B7;
	border-right:8px solid #D4E9B7;
	border-bottom:8px solid #D4E9B7;
}

.environment .table_environment{
	margin-bottom:0;
}

.environment .table_environment span{
    float: left;
    width: 25em;
    height: 3.6em;
    padding-right: 30px;
    background: url(../img/field/icon_ar_environment.png) no-repeat right center;
    display: block;
    margin-top: 0;
    margin-right: 20px;
    margin-bottom: 0;
    margin-left: 5px;
}

.environment .table_environment div{
	line-height:3.6em;
	display:inline-block;
}

.environment .th_lv2{
	border:1px solid #999;
	background:#F1F7E8!important;
	color:#666;
}

.environment .th_lv1{
	background:#F9C99A!important;
	color:#333!important;
}

.environment.box_topics h2 span{
	background:#EE7D4D;
}

.environment .box_csrpolicy{
	margin-bottom:50px;
	padding:20px;
	background:#EDF5E0;
}

.environment .box_csrpolicy h2{
	background:#77AC5D;
	color:#FFF;
}

.environment .ul_policy{
	float:left;
	width:760px;
	margin-left:20px;
	color:#333;
}

.environment .ul_policy li{
	padding-left:2em;
	text-indent:-2em;
}

.environment .ul_policy li{
    padding-left: 2em;
    text-indent: -2em;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100%;
    line-height: 1.35em;
}

.environment .ul_policy li:before{
	content:"● ";
}

.environment .box_panel .box_right h2 a{
	background:#77AC5D url(../img/common/icon_link_white.png) no-repeat 98% center;
}

.environment ol li:before{
	background-color:#77AC5D;
}

.environment .ttl_caption{
	margin-bottom:15px;
	padding-left:8px;
	border-left:8px solid #77AC5D;
	font-size:18px;
	font-weight:bold;
	line-height:1.0;
	color:#77AC5D;
}

.environment .kakomi_environment{
	margin-bottom:30px;
	padding:20px;
	background:#77AC5D;
	color:#FFF;
}

.environment .kakomi_environment h3{
	padding:5px 15px;
	border:1px solid #FFF;
	border-radius:10px;
}

.environment .kakomi_environment2{
	margin-bottom:30px;
	padding:20px;
	border:1px solid #77AC5D;
}

.environment .kakomi_environment2 ul li{
	margin-left:20px;
	list-style:disc;
}

.ttl_gray{
	background:#B5B6B6!important;
	font-weight:bold;
	color:#FFF;
}


/*society
------------------------------------*/
.pagetitle_society{
	height:350px;
	padding:175px 0 50px 0;
	background:#4DC1E9 url(../img/field/bg_header_ttl.png) no-repeat center 50px;
}

.pagetitle_society h1{
	padding-left:0;
	font-size:75px;
	text-shadow:0 0 8px #1793BB;
	color:#FFF;
	line-height:0.9;
}

.pagetitle_society h1 span{
    float: left;
    width: 130px;
    height: 120px;
    margin-right: 10px;
    padding: 50px 0 0 0;
    background: #ECF7FD;
    text-shadow: none;
    font-size: 0.2em;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    display: block;
    color: #4DC1E9;
	
}

.pagetitle_society p{
	text-shadow:0 0 5px #1793BB;
	color:#FFF;
}

.society .box_plan{
    margin-bottom: 30px;
    background: #81CEEE;
    font-family: "Times New Roman", Times, serif;
    font-size: 24px;
    text-shadow: 1px 1px 2px #000;
    color: #FFF;
}

.society .box_plan h2{
    width: 10em;
    background: #4DC1E9;
    text-align: center;
    font-size: 18px;
    color: #FFF;
    display: inline-block;
    font-family: "Times New Roman", Times, serif;
    line-height: 4em;
    margin-top: 0;
    margin-right: 20px;
    margin-bottom: 0;
    margin-left: 0;
}

.society .box_plan2{
	position:relative;
	background:#81CEEE;
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight:bold;
	text-shadow: 1px 1px 2px #000;
	color:#FFF;
}

.society .box_plan2 h2{
    width: 9em;
    background: #4DC1E9;
    text-align: center;
    font-size: 22px;
    color: #FFF;
    display: table-cell;
    font-family: "Times New Roman", Times, serif;
    margin-top: 0;
    margin-right: 20px;
    margin-bottom: 0;
    margin-left: 0;
    height: 4em;
}

.society .box_plan2 span{
	padding:10px;
	display:table-cell;
}

.society h2{
	color:#4DC1E9;
}

.society h2 span{
	float:left;
	width:55px;
	height:55px;
	margin-right:15px;
	padding-top:13px;
	background:#4DC1E9;
	border:0;
	text-align:center;
	font-size:0.5em;
	color:#FFF;
}

.society h3{
	background:#4DC1E9;
}

.society .box_progress{
	margin-bottom:50px;
	padding:20px;
	border-left:8px solid #E4F6FC;
	border-right:8px solid #E4F6FC;
	border-bottom:8px solid #E4F6FC;
}

.society .table_society{
	margin-bottom:0;
}

.society .table_society span{
    width: 30em;
    padding-right: 30px;
    background: url(../img/field/icon_ar_society.png) no-repeat right center;
    display: inline-block;
    margin-top: 0;
    margin-right: 20px;
    margin-bottom: 0;
    margin-left: 5px;
}

.society .table_society div{
	display:inline-block;
}

.society .th_lv2{
	border:1px solid #999;
	background:#ECF7FD!important;
	color:#666;
}

.society .box_csrpolicy{
	margin-bottom:50px;
	padding:20px;
	background:#ECF7FD;
}

.society .box_csrpolicy h2{
	background:#4DC1E9;
	color:#FFF;
}

.society .ul_policy{
	float:left;
	width:760px;
	margin-left:20px;
	color:#333;
}

.society .ul_policy li{
	padding-left:2em;
	text-indent:-2em;
}

.society .ul_policy li{
    padding-left: 1.5em;
    text-indent: -1.5em;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100%;
    line-height: 1.35em;
}

.society .ul_policy li:before{
	content:"● ";
}

.society .box_panel .box_right h2 a{
	background:#4DC1E9 url(../img/common/icon_link_white.png) no-repeat 98% center;
}

.society .ttl_radius{
	width:300px;
	margin-bottom:10px;
	padding:0;
	border-radius:30px;
	background:#4DC1E9;
	text-align:center;
	font-size:15px;
	color:#FFF;
}

.society .ttl_caption{
	margin-bottom:15px;
	padding-left:8px;
	border-left:8px solid #4DC1E9;
	font-size:18px;
	font-weight:bold;
	line-height:1.0;
	color:#4DC1E9;
}

.table_society .th_lv1{
	background:#4DC1E9;
}

.table_society .th_lv3{
	background:#F29A6D;
	color:#FFF;
}

.table_society .th_lv1_diagonal1{
	border-right:1px solid #FFF!important;
	background:#4DC1E9 url(../img/field/bg_society_th1.png) no-repeat!important;
	color:#FFF!important;
}

.table_society .th_lv1_diagonal2{
	border-right:1px solid #FFF!important;
	background:#4DC1E9 url(../img/field/bg_society_th2.png) no-repeat!important;
	color:#FFF!important;
}

.kakomi_society{
	margin-bottom:30px;
	padding:20px 20px 5px 20px;
	background:#ECF7FD;
}


/*stakeholder
------------------------------------*/
.pagetitle_opinion .contents{
	padding: 80px 0 35px 0!important;
}

.pagetitle_opinion h2{
	margin-bottom:0!important;
}

.stakeholder .th_lv1{background:#008FA0!important; text-align:center; font-weight:bold;}
.stakeholder .th_lv2{background:#E6E6E6!important; color:#000; text-align:center; font-weight:bold; border: 1px solid #999;}
.stakeholder .th_lv3{background:#D3D3D3!important; color:#000; text-align:center; font-weight:bold; border: 1px solid #999;}
.stakeholder .td_ES{background:#D6EACE!important; color:#00873B; text-align:center; font-weight:bold;}
.stakeholder .td_EL{background:#F9D1D3!important; color:#D0000A; text-align:center; font-weight:bold;}
.stakeholder .td_MM{background:#BAD0EC!important; color:#0062A7; text-align:center; font-weight:bold;}
.stakeholder .td_MT{background:#FAD3BC!important; color:#CF7119; text-align:center; font-weight:bold;}
.stakeholder .td_TH{background:#FFF3C2!important; color:#A19600; text-align:center; font-weight:bold;}
.stakeholder .td_HD{background:#E6E6E7!important; color:#595656; text-align:center; font-weight:bold;}

.stakeholder td.center{
	font-size:0.8em;
	text-align:center;
}

.stakeholder td span{
	margin-right:3px;
	padding:0 3px;
	background:#F2683B;
	border-radius:3px;
	text-align:center;
	font-size:0.8em;
	color:#FFF;
}

.box_opinion_right{
	float:right;
	width:680px;
}

.box_opinion_left{
	float:left;
	width:250px;
}

.box_opinion_left h3{
	margin-bottom:20px;
	padding:0;
	border:0;
	background:none;
	font-size:30px;
	font-family: Arial, Helvetica, sans-serif!important;
	font-weight:bold;
	color:#287F91;
}

.stakeholder h4{
	color:#287F91;
}

.box_kakomi_stakeholder{
	padding:20px;
	border:1px solid #028EA0;
}

.box_kakomi_stakeholder strong{
	padding-left:18px;
	background:url(../img/common/icon_list_circle.png) no-repeat left center;
}

.icon_arrow{
	padding-left:20px;
	background:url(../img/stakeholder/icon_arrow.png) no-repeat left 5px;
}

.opinion h3{
	margin-bottom:10px;
	padding:0;
	border:0;
	background:none;
	font-size:20px;
	font-family: "Times New Roman", Times, serif;
	font-weight:bold;
	color:#287F91;
}


.box_opinion_prof{
	margin-bottom:20px;
	font-family: "Times New Roman", Times, serif;
}

.box_opinion_prof p{
	padding-left:8px;
	color:#333;
}

.box_opinion_prof .ttl_company{
	border-bottom:1px solid #999;
}

.box_opinion_prof strong{
	font-size:22px;
	font-weight:bold;
	line-height:1.2;
}

.opinion .kakomi{
	padding:20px 0;
	border:0;
	border-top:8px solid #DBDBDB;
	border-bottom:8px solid #DBDBDB;
	color:#333;
}


/*sitemap
------------------------------------*/
.sitemap h3{
	font-size: 16px;
}

.sitemap .box_tri_right{
	float:right;
	width:310px;
	margin:0 0 25px 0;
	padding:0;
	border:0;
}

.sitemap ul li ul{
	margin-bottom:0.5em;
}

.sitemap ul li ul li{
	margin-left:1em;
}


/*page navi
--------------------------------------------*/
#page-top {
	position: fixed;
	bottom: 65px;
	right: 25px;
	opacity:0.70;
	filter: alpha(opacity=70);
}
#page-top a {
	width:60px;
	height:60px;
	background:url(../img/common/btn_pagetop.png) no-repeat;
	text-indent:-5000px;
	overflow:hidden;
	display: block;
}
#page-top a:hover {
	opacity:0.50;
	filter: alpha(opacity=50);
}

.pagenavi ul{
	padding:10px 0 50px 0;
	border-top:1px solid #DDD;
}

.pagenavi ul li.next{
	float:right;
}

.pagenavi ul li.prev{
	float:left;
}


/*footer
----------------------------------------------------*/
footer{
	background:#EFEFEF;
	border-top:1px solid #007582;
	font-size:12px;
	line-height:1.2;
	color:#007582;
}

.box_footer_left{
	float:left;
	width:608px;
	padding:10px 0;
}

.box_footer_left img{
	margin:0 25px 10px 0;
}

.box_footer_left a{
	font-size:13px;
	line-height:1.8;
}


footer ul{
	float:left;
	width:372px;
}

footer ul li{
	float:left;
	margin:0 0 0 1px;
}