@charset "Shift_JIS";

/* CSR‹¤’ÁE---------------------------------------------------------------------------- */

.main_csr01 {
    height: 40px;
	background: url(../../csr/img/main_csr01.gif) no-repeat top center;
}

.main_csr02 {
    height: 40px;
	background: url(../../csr/img/main_csr02.gif) no-repeat top center;
}

.main_csr03 {
    height: 40px;
	background: url(../../csr/img/main_csr03.gif) no-repeat top center;
}

.main_csr04 {
    height: 40px;
	background: url(../../csr/img/main_csr04.gif) no-repeat top center;
}

.main_csr06 {
    height: 40px;
	background: url(../../csr/img/main_csr06.gif) no-repeat top center;
}

.main_csr07 {
    height: 40px;
	background: url(../../csr/img/main_csr07.gif) no-repeat top center;
}

.main_csr08 {
    height: 40px;
	background: url(../../csr/img/main_csr08.gif) no-repeat top center;
}

.main_csr09 {
    height: 40px;
	background: url(../../csr/img/main_csr09.gif) no-repeat top center;
}

.main_csr10 {
    height: 132px;
	background: url(../../csr/img/main_csr10.gif) no-repeat top center;
}

.main_csr11 {
    height: 40px;
	background: url(../../csr/img/main_csr11.gif) no-repeat top center;
}

.main_csr12 {
    height: 40px;
	background: url(../../csr/img/main_csr12.gif) no-repeat top center;
}

.main_csr13 {
    height: 40px;
	background: url(../../csr/img/main_csr13.gif) no-repeat top center;
}
.main_csr14 {
    height: 40px;
	background: url(../../csr/img/main_csr14.gif) no-repeat top center;
}

.main_csr15 {
    height: 40px;
	background: url(../../csr/img/main_csr15.gif) no-repeat top center;
}

/* SP */
@media only screen and (max-width: 480px){

.main_csr01, .main_csr02, .main_csr03, .main_csr04, .main_csr05, .main_csr06, .main_csr07, .main_csr08, .main_csr09, .main_csr10, .main_csr11, .main_csr12, .main_csr13, .main_csr14, .main_csr15 {
    height: auto;
	background: none;
	padding: 0 0 10px 15px;
	font-size: 95%;
}
}


.menu_csr {
	clear: both;
	width: 245px;
	margin: 0 0 30px 0;
}

.menu_csr ul#tab {
	margin: 0;
	padding: 0;
	width: 245px;
}

.menu_csr ul#tab li {
	margin: 0;
	padding: 0;
	}

.menu_csr ul#tab li#sub_menu01 a {
	width: 245px;
	height: 50px;
	display: block;
	text-indent:-9999px;
	background:url(../../csr/img/menu_csr.png) no-repeat top left;
	outline: none;
}

.menu_csr ul#tab li#sub_menu02 a {
	width: 245px;
	height: 48px;
	display: block;
	text-indent:-9999px;
	background:url(../../csr/img/menu_csr.png) no-repeat top left;
	outline: none;
	background-position: 0 -50px;
}

.menu_csr ul#tab li#sub_menu03 a {
	width: 245px;
	height: 48px;
	display: block;
	text-indent:-9999px;
	background:url(../../csr/img/menu_csr.png) no-repeat top left;
	outline: none;
	background-position: 0 -98px;
}

.menu_csr ul#tab li#sub_menu09 a {
	width: 245px;
	height: 48px;
	display: block;
	text-indent:-9999px;
	background:url(../../csr/img/menu_csr.png) no-repeat top left;
	outline: none;
	background-position: 0 -146px;
}

.menu_csr ul#tab li#sub_menu10 a {
	width: 245px;
	height: 48px;
	display: block;
	text-indent:-9999px;
	background:url(../../csr/img/menu_csr.png) no-repeat top left;
	outline: none;
	background-position: 0 -194px;
}

.menu_csr ul#tab li#sub_menu04 a {
	width: 245px;
	height: 48px;
	display: block;
	text-indent:-9999px;
	background:url(../../csr/img/menu_csr.png) no-repeat top left;
	outline: none;
	background-position: 0 -242px;
}

.menu_csr ul#tab li#sub_menu05 a {
	width: 245px;
	height: 48px;
	display: block;
	text-indent:-9999px;
	background:url(../../csr/img/menu_csr.png) no-repeat top left;
	outline: none;
	background-position: 0 -290px;
}

.menu_csr ul#tab li#sub_menu06 a {
	width: 245px;
	height: 48px;
	display: block;
	text-indent:-9999px;
	background:url(../../csr/img/menu_csr.png) no-repeat top left;
	outline: none;
	background-position: 0 -338px;
}

.menu_csr ul#tab li#sub_menu07 a {
	width: 245px;
	height: 48px;
	display: block;
	text-indent:-9999px;
	background:url(../../csr/img/menu_csr.png) no-repeat top left;
	outline: none;
	background-position: 0 -386px;
}

.menu_csr ul#tab li#sub_menu08 a {
	width: 245px;
	height: 55px;
	display: block;
	text-indent:-9999px;
	background:url(../../csr/img/menu_csr.png) no-repeat top left;
	outline: none;
	background-position: 0 -434px;
}




.menu_csr ul#tab li#sub_menu01 a:hover { background-position: -245px 0;}
.menu_csr ul#tab li#sub_menu02 a:hover { background-position: -245px -50px;}
.menu_csr ul#tab li#sub_menu03 a:hover { background-position: -245px -98px;}
.menu_csr ul#tab li#sub_menu09 a:hover { background-position: -245px -146px;}
.menu_csr ul#tab li#sub_menu10 a:hover { background-position: -245px -194px;}
.menu_csr ul#tab li#sub_menu04 a:hover { background-position: -245px -242px;}
.menu_csr ul#tab li#sub_menu05 a:hover { background-position: -245px -290px;}
.menu_csr ul#tab li#sub_menu06 a:hover { background-position: -245px -338px;}
.menu_csr ul#tab li#sub_menu07 a:hover { background-position: -245px -386px;}
.menu_csr ul#tab li#sub_menu08 a:hover { background-position: -245px -434px;}

.menu_csr ul#tab li#sub_menu01 a.selected { background-position: -245px 0!important;}
.menu_csr ul#tab li#sub_menu02 a.selected { background-position: -245px -50px!important;}
.menu_csr ul#tab li#sub_menu03 a.selected { background-position: -245px -98px!important;}
.menu_csr ul#tab li#sub_menu09 a.selected { background-position: -245px -146px!important;}
.menu_csr ul#tab li#sub_menu10 a.selected { background-position: -245px -194px!important;}
.menu_csr ul#tab li#sub_menu04 a.selected { background-position: -245px -242px!important;}
.menu_csr ul#tab li#sub_menu05 a.selected { background-position: -245px -290px!important;}
.menu_csr ul#tab li#sub_menu06 a.selected { background-position: -245px -338px!important;}
.menu_csr ul#tab li#sub_menu07 a.selected { background-position: -245px -386px!important;}
.menu_csr ul#tab li#sub_menu08 a.selected { background-position: -245px -434px!important;}


/* CSRƒgƒbƒv
---------------------------------------------------------------------------- */

.csr_top01 {
	clear: both;
	position: relative;
	width: 670px;
	height: 388px;
	background: url(../../csr/img/bg_csr01.jpg) no-repeat top center;
}

.csr_top01_l_01 {
	position: absolute;
	width: 190px;
	height: 190px;
	top: 162px;
	left: 30px;
}

.csr_top01_l_02 {
	position: absolute;
	width: 190px;
	height: 190px;
	top: 162px;
	left: 240px;	
}

.csr_top01_r {
	position: absolute;
	width: 190px;
	height: 190px;
	top: 162px;
	right: 30px;	
}

.csr_top02 {
	clear: both;
	width: 610px;
	margin: 0 auto;
	margin-top: 20px;
}

.csr_top02_last {
	clear: both;
	width: 610px;
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 50px;
}


.csr_top02In {
	clear: both;
	width: 610px;
	height: 41px;
	background: url(../../csr/img/bg_csr02.jpg) no-repeat top center;
	margin: 0 auto;
}

/* SP */
@media only screen and (max-width: 480px){
.csr_top02In {
	height: auto;
	background:  url(../../csr/img/bg_csr02.jpg) no-repeat top center;
}

}

.csr_top02In ul {
	text-align: center;
	padding: 12px 0 0 0;
}

.csr_top02In ul li {
	font-size: 12px;
	padding: 0 20px 0 0;
	display: inline-block;
}

/* SP */
@media only screen and (max-width: 480px){
.csr_top02In ul li {
	zoom: 0.45;
}

}


/* HOYA‚̍l‚¦•û
---------------------------------------------------------------------------- */

.company_thinking {
	clear: both;
	width: 670px;
	overflow: hidden;
	background:url(../../csr/img/bg_thinking.gif) no-repeat top center;
}

.company_thinking_l {
	float: left;
	width: 120px;
	padding: 15px 0 0 0;
}

.company_thinking_r {
	float: right;
	width: 550px;
	padding: 15px 0 0 0;
}

.company_img_thinking_box {
	width: 540px;
	padding: 0 5px 20px 5px;
	margin: 0 0 35px 0;
}

.company_thinking_box {
	width: 540px;
	border-bottom:1px solid #c8c8c8;
	padding: 0 5px 20px 5px;
	margin: 0 0 20px 0;
}

.company_thinking_box_last {
	width: 540px;
	border-bottom:1px solid #c8c8c8;
	padding: 0 5px 20px 5px;
	margin: 0 0 50px 0;
}

.thinking01{
	font-size: 12px;
}

.company_thinking_detail {
	background: #ececec;
	padding: 20px 20px 10px 20px;
	margin: 15px 0 15px 0;
}

.ico_thinking01 a {
	margin: 0 0 0 1em;
	padding: 0 0 0 15px;	
	background:url(../../csr/img/ico_thinking01_no.png) no-repeat 0 47%;
}

.ico_thinking01 a:hover {
	margin: 0 0 0 1em;
	padding: 0 0 0 15px;
	background:url(../../csr/img/ico_thinking01_on.png) no-repeat 0 47%;
}

/* ƒR[ƒ|ƒŒ[ƒgƒKƒoƒiƒ“ƒX
---------------------------------------------------------------------------- */

table.governance {
	width: 670px;
	border-collapse: collapse;
	margin: 0;
}

table.governance td {
	vertical-align: top;
	line-height: 1.8em;
}


table.stock_option {
	width: 670px;
	border-collapse: collapse;
	margin: 20px 0 0 0;
	font-size:80%;
	border-bottom: 1px solid #808080;
}

table.stock_option th {
	background: #e9f1f8;
	font-weight: bold;
	padding: 3px;
	line-height: 1.25em;
	border-top: 1px solid #808080;
	text-align:center;
}

table.stock_option th.ttl {
	background: #a7c8e3;
}

table.stock_option td {
	padding: 10px;
	border-top: 1px solid #808080;
	text-align: center;
}



/* ŠÂ‹«•Û‘SŠˆ“®
---------------------------------------------------------------------------- */

.environment_box{
  width: 670px;
  overflow: hidden;
  margin: 0 0 20px 0;
}

.environment_box_l{
  float: left;
  width: 400px;
}

.environment_box_r{
  float: right;
  width: 240px;
  margin: 10px 0 0 0;
}

.environment_box2{
  margin: 0 0 0 1.35em;
}

.environment_box3{
  margin: 0 0 0 1.35em;
  width: 670px;
  overflow: hidden;
}

.environment_box3_l{
  float: left;
  width: 400px;
}

.environment_box3_r{
  float: right;
  width: 240px;
  margin: 10px 0 0 0;
}

table.environment {
	width: 670px;
	border-collapse: collapse;
	margin: 0 0 10px 0;
}

/* SP */
@media only screen and (max-width: 480px){
table.environment {
	zoom:0.45;
	width: 100%;
}

}


table.environment th {
	background: #8996be;
	color: #fff;
	font-weight: normal;
	padding: 5px;
	line-height: 1.25em;
	border: 1px solid #c8c8c8;
	width:25%;
}

table.environment td {
	padding: 5px;
	background: #ececec;
	border: 1px solid #c8c8c8;
	text-align: right;
}

table.environment td.ttl {
	text-align: center;
}

.environment_box3 img{
	float:right;
}

.environment_box3:after{
	content:'';
	clear:both;
	display:block;
}



/* ˜J“­ˆÀ‘S‰q¶Šˆ“®
---------------------------------------------------------------------------- */

.lavor_box{
  width: 670px;
  overflow: hidden;
  margin: 0 0 20px 0;
}

.lavor_box_l{
  float: left;
  width: 400px;
}

.lavor_box_r{
  float: right;
  width: 240px;
  margin: 10px 0 0 0;
}

.lavor_box2{
  float: left;
  width: 670px;
  overflow: hidden;
  margin: 0 0 50px 0;
}

.lavor_box2_l{
  float: left;
  width: 400px;
}

.lavor_box2_r{
  float: right;
  width: 240px;
  margin: 5px 0 0 0;
}

.lavor_box3{
}

/* SP */
@media only screen and (max-width: 480px){
.lavor_box3{
	margin-bottom: 50px;
}

}


/* Œ’NE�iŠˆ“®
---------------------------------------------------------------------------- */

.health_box{
  width: 670px;
  overflow: hidden;
  margin: 0 0 50px 0;
}

.health_box2{
  width: 670px;
  overflow: hidden;
  margin: 0 0 15px 0;
}

.health_box_l{
  float: left;
  width: 400px;
}

.health_box_r{
  float: right;
  width: 240px;
}


/* ŽÐ‰ïvŒ£Šˆ“®
---------------------------------------------------------------------------- */

.society01 {
	clear: both;
	position: relative;
	width: 670px;
	overflow: hidden;
	background: url(../../csr/img/bg_socialctb01.jpg) no-repeat top center;
}

.society01 p {
	padding: 30px;
	color: #fff;
}

.society01 p.subtit {
	padding: 0 30px 30px;
}


.society01_l_01 {
	position:absolute;
	width: 190px;
	height: 190px;
	top: 197px;
	left: 30px;
}

.society01_l_02 {
	position:absolute;
	width: 190px;
	height: 190px;
	top: 197px;
	left: 240px;
}

.society01_r {
	position:absolute;
	width: 190px;
	height: 190px;
	top: 197px;
	right: 30px;
}

.society02 {
	clear: both;
	width: 608px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0 0 20px 0;
	margin-bottom: 20px;
	border-bottom: 1px dotted #c3c3c3;
}

.society02 p {
	padding: 0;
}

.society02_l {
	float: left;
	width: 100px;
}

.society02_r {
	float: right;
	width: 485px;
}

.society02_r p.date{
	color: #757575;
	font-weight: bold;
	line-height: 1.25em;
}

.society02_last {
	clear: both;
	width: 608px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0 0 20px 0;
	margin-bottom: 50px;
	border-bottom: 1px dotted #c3c3c3;
}

.society02_last p {
	padding: 0;
}

.society02_last_l {
	float: left;
	width: 100px;
}

.society02_last_r {
	float: right;
	width: 485px;
}

.society02_last_r p.date{
	color: #757575;
	font-weight: bold;
}


/* ŽÐ‰ïvŒ£Šˆ“® ƒgƒsƒbƒNƒX
---------------------------------------------------------------------------- */

.topic{
	clear: both;
	width: 608px;
	margin: 0 auto;
}

.topicIn{
	clear: both;
	width: 608px;
	margin: 0 auto;
	border-top: 1px dotted #c3c3c3;
	border-bottom: 1px dotted #c3c3c3;
	margin-top :15px;
	margin-bottom :20px;
	padding: 30px 0;
}

.ttl_topic{
	color: #0067b7;
	text-align: center;
	margin: 30px 0 15px 0;
}

.topic_date{
	color: #757575;
	font-weight: bold;
	text-align: right;
}

/* SP */
@media only screen and (max-width: 480px){
.topic_date{
	font-size: 11px;
}

}

.topic01_r {
	margin: 10px 0 15px 15px;
	width: 230px;
	float: right;
	overflow: hidden;
}

.topic01_r img {
	margin: 0 0 5px 0 !important;
}

.topic01_r img.mt15 {
	margin: 15px 0 5px 0 !important;
}

.topic01_r02 {
	margin: 20px 0 15px 15px;
	width: 230px;
	float: right;
	overflow: hidden;
}



.topic01_r02 img {
	margin: 0 0 5px 0 !important;
}

.topic01 {
	overflow: hidden;
}
	
.topic01 img{
	width: 230;
	margin: 0 0 15px 15px;
}

.topic_back{
	text-align: center;
	margin: 0 0 70px 0;
}


.topic02{
	clear: both;
	width: 608px;
	margin: 0 auto;
	padding-top: 20px;
}

.att{
	font-size: 80%;
}

.topic02 table{
	border-collapse: collapse;
}

.topic02 table td{
	vertical-align: top;
	font-size: 80%;
}

.topic02_box01{
	margin:20px 0 0 0;
	width:100%;
	overflow:hidden;
}

.topic02_box01_r{
	margin:0 0 15px 15px;
	width:230px;
	float:right;
}

.topic02_box01_r img{
	margin-left:0 !important;
}

.topic_imgBox{
	clear: both;
	width: 490px;
	margin: 30px auto 0;
	overflow: hidden;
}

.topic_imgBox .imgBox_L, .topic_imgBox .imgBox_R{
	width: 230px;
	margin: 0;
	float: left;
}

.topic_imgBox .imgBox_L{
	margin-right: 30px !important;
}

.topic_imgBox .imgBox_L img, .topic_imgBox .imgBox_R img{
	width: 230px;
	margin: 0 0 5px;
}

/* HOYAƒOƒ‹[ƒvŠÂ‹«—”O
---------------------------------------------------------------------------- */
.ttl_groupPhilosophy{
	padding:0 0 20px 0;
	border-bottom:solid 1px #c1c1c1;
	text-align:center;
	width:670px;
}

#list_groupPhilosophy{
	background: url(../../csr/img/bg_groupPhilosophy01.jpg) no-repeat top center;
	width:589px;
	height:215px;
	margin:0 auto 50px;
	position:static;
}

#list_health {
	background: url(../../csr/img/bg_health01.jpg) no-repeat top center;
	width:295px;
	height:215px;
	margin:0 auto 50px;
	position:static;
}


.list_groupPhilosophy_l{
	width:295px;
	float:left;
}

.list_groupPhilosophy_r{
	width:294px;
	float:right;
}

#clickA{
	position:relative;
	top:162px;
	left:32px;
	font-size:12px;
	width:110px;
}

/* SP */
@media only screen and (max-width: 480px){
#clickA{
	top:82px;
	font-size:10px;
}

}

#clickA_img{
	position:relative;
	top:3px;
	left:160px;
	width:111px;
	height:158px;
}

#clickB{
	position:relative;
	top:162px;
	left:7px;
	font-size:12px;
	width:110px;
}
/* SP */
@media only screen and (max-width: 480px){
#clickB{
	top:82px;
	font-size:10px;
}

}

#clickB_img{
	position:relative;
	top:3px;
	left:141px;
	width:111px;
	height:158px;
}


#layer{
position:fixed;	
left:0;
top:0;	
width:100%;
height:100%;
z-index:999;
background: url(../../csr/img/bg_doc.png) repeat;
}

#img_expand{
position:absolute;
top:50%;
left:50%;		
background:#FFF;
z-index:1000;
}

#img_expand img{
width:100%;
height:100%;		
margin:-70% 0 0 -50%;
}



/* topic04
---------------------------------------------------------------------------- */
.topic04{
margin:0 0 0 31px;
}




/* lŒ ‚Ì‘¸d
---------------------------------------------------------------------------- */

table.human_rights {
	width: 670px;
	border-collapse: collapse;
	margin: 0 0 0 0;
}

table.human_rights th {
	background: #8996be;
	color: #fff;
	font-weight: normal;
	padding: 5px;
	line-height: 1.25em;
	border: 1px solid #c8c8c8;
	text-align:left;
}

table.human_rights td {
	padding: 10px;
	background: #ececec;
	border: 1px solid #c8c8c8;
	text-align: right;
}

table.human_rights td.h_r_left  {
	padding: 10px;
	background: #ececec;
	border: 1px solid #c8c8c8;
	text-align: left;
}

table.human_rights td.ttl {
	text-align: center;
}

ul.human_rights li{
	list-style-type:decimal;
	list-style-position:inside;
}



/* lÞ‚̈琬‚ÁE�­‰»
---------------------------------------------------------------------------- */

table.training {
	width: 670px;
	border-collapse: collapse;
	margin: 0 0 0 0;
}

table.training td {
	padding: 10px;
}


table.training2 {
	width: 670px;
	border-collapse: collapse;
	margin: 0 0 0 0;
}

table.training2 th {
	background: #8996be;
	color: #fff;
	font-weight: normal;
	padding: 5px;
	line-height: 1.25em;
	border: 1px solid #c8c8c8;
	text-align:left;
}

table.training2 td {
	padding: 10px;
	background: #ececec;
	border: 1px solid #c8c8c8;
	text-align: right;
}

table.training2 td.ttl {
	text-align: center;
}

table.training2 th.ttl {
	text-align: center;
}

.boder_blue{
	border-top: 1px solid #0090d1;
	border-bottom: 1px solid #0090d1;
}

h3.blue {
	color: #0090d1;
	font-weight: bold;
	border-top: 1px solid #0090d1;
	border-bottom: 1px solid #0090d1;
	padding: 10px 0 8px 0;
	margin: 30px 0 10px 0;
	font-size: 120%;
}



/* @group 2017_renewal */


/* @group h1_area */

#h1_area.main_csr {
	background: #ecf3f9 url(../../csr/img/h1_back_csr.jpg) no-repeat;	
	background-position: top right;
}

/* @end */


.link_btn3.mt {
	margin-top: 40px;
}

@media screen and (max-width: 480px) {


/* @group h1_area */

#h1_area.main_csr {
	background: #ecf3f9 url(../../csr/img/h1_back_csr_sp.jpg) no-repeat;	
	background-position: top right;
}

.link_btn3.mt {
	margin-top: 0px;
}

/* @end */


}

/* @end */