@charset "UTF-8";
/* **************************************************

Name: csr_2015_pc.css

Description: CSR site (2015) specific modules (for PC)

Create: 2015.06.22

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

/* content===========================================

[-] for 768px -

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

/* for 768px -
=========================================================================================== */
/* ------ body ------ */
body{
	color:#575757;
}

strong{
	color:#575757;
}


/* ------ /csr/activity/ specific Heading and Text ------ */
body.CSR2015Governance h1,
body.CSR2015Governance h4,
body.CSR2015Governance p.SubTitle strong{
	color:#036ecf;
}

body.CSR2015Society h1,
body.CSR2015Society h4,
body.CSR2015Society p.SubTitle strong{
	color:#d44100;
}

body.CSR2015Environment h1,
body.CSR2015Environment h4,
body.CSR2015Environment p.SubTitle strong{
	color:#448100;
}


/* ------ Page Title (Responsive) ------ */
/* copied from responsive.css */
.PageTitleStyle3 a {
	position: relative;
	display: block;
}

.PageTitleStyle3 .ImgText {
	position: absolute;
	top: 0;
	left: 0;
}

.PageTitleStyle3 .ResponsiveText {display: none;}


/* ------ Page Title ------ */
.CSR2015PageTitle1{
	margin-top:20px;
	margin-bottom:0;
	padding:30px 0 30px 0;
	border-top:1px solid #000;
}

.CSR2015PageTitle2{
	margin-top:20px;
	margin-bottom:0;
	padding:30px 0 30px 0;
	border-top:1px solid #000;
}

.CSR2015PageTitle1 h1,
.CSR2015PageTitle2 h1,
.CSR2015PageTitle2 p.SubTitle strong{
	color:#010000;
}

.CSR2015PageTitle1 h1,
.CSR2015PageTitle2 h1{
	font-size:200%;
}

.CSR2015PageTitle2 p.SubTitle,
.JS .CSR2015PageTitle2 p.SubTitle{
	font-size:188%;
}

.CSR2015PageTitle1 h1 a:hover,
.CSR2015PageTitle2 h1 a:hover{
	color:inherit;
}


/* ------ Page Sub Title ------ */
.CSR2015PageSubTitle h2{
	margin-bottom:1.4em;
	padding:0;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	background:none;
	font-size:113%;
	font-weight:bold;
}

.CSR2015PageSubTitle h2 span{
	background:none;
	background-color:#fff; /* BUG: Android 4.x */
	color:#010000;
	padding-left:0;
	padding-right:0;
}

.CSR2015PageSubTitle h2 span a{
	color:#010000;
	display:block;
}


/* ------ Sub Title h3 ------ */
h3.CSR2015H3{
	font-weight:bold;
	margin-top:1.4em;
	position:relative;
	padding-left:1.5em;
}

h3.CSR2015H3:before{
	content:"";
	width:0.8em;
	height:0.8em;
	background-color:#575757;
	border:1px solid #575757;
	display:block;
	float:left;
	position:absolute;
	top:0;
	left:0;
	margin-top:0.1em;
}


/* ------ Image title ------ */
.CSR2015Environment .CSR2015PageTitle1,
.CSR2015Society .CSR2015PageTitle1,
.CSR2015Governance .CSR2015PageTitle1{
	height:3em;
	position:relative;
	display:table;
	table-layout:inherit;
	padding-bottom:69px;
	width:100%;
}

.CSR2015Environment h1,
.CSR2015Society h1,
.CSR2015Governance h1{
	padding-right:150px;
	display:table-cell;
	vertical-align:middle;
	white-space:nowrap;
	font-size:188%;
}

.CSR2015Environment p.SubTitle,
.CSR2015Society p.SubTitle,
.CSR2015Governance p.SubTitle{
	display:table-cell;
	vertical-align:middle;
}

.CSR2015Environment p.SubTitle strong,
.CSR2015Society p.SubTitle strong,
.CSR2015Governance p.SubTitle strong{
	font-size:138%;
	padding-right:170px;
}

.CSR2015Environment .CSR2015PageTitle1:after,
.CSR2015Society .CSR2015PageTitle1:after,
.CSR2015Governance .CSR2015PageTitle1:after{
	display:block;
	float:right;
	top:-10%;
	right:0%;
	position:absolute;
}


/* ------ Image title(Environment) ------ */
.CSR2015Environment .CSR2015PageTitle1{
	border-top:1px solid #5f9e02;
}

.CSR2015Environment .CSR2015PageTitle1:after{
	content:url(/csr/activity/environment/images/h1_environment.png);
}


/* ------ Image title(Society) ------ */
.CSR2015Society .CSR2015PageTitle1{
	border-top:1px solid #d44100;
}

.CSR2015Society .CSR2015PageTitle1:after{
	content:url(/csr/activity/society/images/h1_society.png);
}


/* ------ Image title(Governance) ------ */
.CSR2015Governance .CSR2015PageTitle1{
	border-top:1px solid #036ecf;
}

.CSR2015Governance .CSR2015PageTitle1:after{
	content:url(/csr/activity/governance/images/h1_governance.png);
}

.CSR2015Governance p.SubTitle.SmallSubTitle strong{
	font-size:100%;
}


/* ------ Top Page h2 ------ */
.CSR2015TopH2,
.CSR2015TopH2Img{
	background:none;
	background-color:#fff; /* BUG: Android 4.x */
	width:100%;
}

.CSR2015TopH2 {
	display:table;
}

.CSR2015TopH2Img{
	margin:0;
	padding-bottom:0;
}

.CSR2015TopH2 span,
.CSR2015TopH2Img span{
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	padding-left:0;
	padding-right:0;
	background:none;
	background-color:#fff; /* BUG: Android 4.x */
	width:100%;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	vertical-align:middle;
	font-weight:bold;
	font-size:87%;
	color:#010000;
}

.CSR2015TopH2 span {
	display:table-cell;
}

.CSR2015TopH2Img span{
	display:table;
}

.CSR2015TopH2Img span a{
	display:table-cell;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	vertical-align:middle;
	color:#010000;
}


/* ------ ListStyle ------ */
ul.ListStyle1 li.CSR2015List1,
ul.ListStyle1 li.CSR2015List2,
ul.ListStyle1 li.CSR2015List3{
	list-style:disc;
	list-style-position:inside;
	padding-left:0;
	background:none;
	background-color:#fff; /* BUG: Android 4.x */
}

ul.ListStyle1 li.CSR2015List1{
	color:#d44100;
}

ul.ListStyle1 li.CSR2015List2{
	color:#036ecf;
}

ul.ListStyle1 li.CSR2015List3{
	color:#5f9e02;
}

ul.ListStyle1 li.CSR2015List1 span,
ul.ListStyle1 li.CSR2015List2 span,
ul.ListStyle1 li.CSR2015List3 span{
	color:#575757;
	background-color:#fff; /* BUG: Android 4.x */
}


/* ------ Signature ------ */
.CSR2015SignSet{
	float:right;
}
.CSR2015SignSet:after{
	content:"";
	display:block;
	clear:both;
}

.CSR2015Sign1andHalf{
	float:left;
	width:200px;
	margin:0 0 0 14px;
}

.CSR2015Sign1andHalf p{
	margin-bottom:5px;
}

.CSR2015Sign1andHalf.FirstItem{
	margin:0;
}


/* ------ Column ------ */

/* ------ Column(200px) ------ */
.CSR2015W200.FirstItem,
.JS .Grid3 .CSR2015W200.FirstItem{
	float:left;
	width:200px;
}

.CSR2015W200.LastItem,
.JS .Grid3 .CSR2015W200.LastItem{
	overflow:auto;
}


/* ------ Column(300px) ------ */
.CSR2015W300.FirstItem,
.JS .Grid3 .CSR2015W300.FirstItem{
	float:left;
	width:300px;
}

.CSR2015W300.LastItem,
.JS .Grid3 .CSR2015W300.LastItem{
	overflow:auto;
}


/* ------ Box ------ */
.CSR2015Box h4 strong{
	font-size:130%;
}


/* ------ Border ------ */
.CSR2015Border{
	border-bottom:1px solid #bbbbbb;
}

p.CSR2015Border,
ul.CSR2015Border{
	border-bottom:1px solid #bbbbbb;
	padding-bottom:10px;
}