@charset "utf-8";

/* skin.css update */
#container { line-height: 1.6; }

/* h3 update */
h3.envTTL { margin-bottom: 0; }

/* csr gray box *used group */
.grayCsr {
	background-color: #eeeff1;
	padding: 15px 15px 5px 15px;
}
.grayCsr p.ttl {
	font-size: 16px;
	font-weight: bold;
	color: #008bd2;
	margin-bottom: 10px;
}

/* csr dl *used basic */
dl.dlList { margin-bottom: 30px; }
dl.dlList dt { border-bottom: dotted 1px #000; }
dl.dlList dd { padding-top: 8px; }

/* csr zoom *used activity */
div.zoom { position: relative; width: 690px; height: 379px; }
div.zoom.h587 { position: relative; width: 720px; height:587px; }
div.zoom p.image { position: absolute; top: 0; left: 0; z-index: 1; }
div.zoom p.icn { position: absolute; bottom: 10px; right: 10px; z-index: 10; }

.colorbox{
	display:none;
}
.colorbox-inner{
	padding:15px 15px 0 15px;
	background:#FFF;
}

/* csr border gray *used diversity */
.grayBorder {
	border: solid 1px #666;
	padding: 15px;
}

/* grayBox */
.grayCsrBox {
 border: 1px solid #dfe1e5;
 padding: 1px;
}
.grayCsrBox .grayInner {
 background: #f9f9f9;
 padding: 10px 16px;
}

/* dl */
dl.workplace dt {
	margin-bottom: 5px;
}
dl.workplace dd {
	padding-left: 1em;
}

/* ul */
ul.astCsr {
	margin-bottom:20px;
}
ul.astCsr li {
 padding-left: 1em;
 text-indent: -1em;
 font-size: 12px;
 line-height: 1.4;
}

/* indent */
.indentTxt {
 padding-left: 1em;
 text-indent: -1em;
}

/* float */
.csrBlockTxt { float: left; width: 350px; }

/* table used pollution */
table.csrTbl {
	width: 500px;
	border: solid 1px #666;
}
table.csrTbl2 {
	width: 100%;
	border: solid 1px #666;
}
table.csrTbl3 {
	width: 300px;
	border: solid 1px #666;
}
table.csrTbl4 {
	width: 400px;
	border: solid 1px #666;
}
.csrTbl3.csrFr {
	float: right;
	width: 300px;
	border: solid 1px #666;
}
.csrTbl th,
.csrTbl td,
.csrTbl2 th,
.csrTbl2 td,
.csrTbl3 th,
.csrTbl3 td,
.csrTbl4 th,
.csrTbl4 td {
	border-right: solid 1px #666;
	border-bottom: solid 1px #666;
}


/* csr Q&A *used improvement */
.visitorBlock { margin-bottom: 20px; }
.visitorBlock .visitor {
	float: left;
	width: 61px;
	padding: 10px 0 0 9px;
}
.visitorBlock .visitorCnt {
	float: right;
	width: 620px;
}
.visitorBlock .visitorCnt .cntT,
.visitorBlock .visitorCnt .cntB {
	width: 620px;
	height: 10px;
	margin: 0;
	padding: 0;
	font-size: 0;
	line-height: 0;
}
.visitorBlock .visitorCnt .cnt {
	background-color: #ffefef;
	padding: 0 10px;
}
.improvementTop {
	width: 620px;
	height: 40px;
	margin: 0;
	padding: 0;
}
.improvementCont {
	background-color: #ecf7fc;
	padding: 25px 15px 10px 15px;
}
.improvementBtm {
	width: 620px;
}