@charset "shift_jis";
 
/* =========================================================

	company styles
	
========================================================= */

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

	CSR

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

/* --------------------------------------------------------
	common
-------------------------------------------------------- */
body#company div#main div.subSection h3.kankyou {
	margin: 0;
	padding: 0;
	border: none;
}
body#company div#main h4.jinzai {
	min-height: 13px;
	margin-top: 20px;
	margin-left: 20px;
	padding-left: 20px;
	background: url(../../images/kankyou_ic007.gif) no-repeat 0 0.25em;
	_background: url(../../images/kankyou_ic007.gif) no-repeat 0 0.1em;
}
body#company div#main h4.kankyou {
	min-height: 13px;
	margin-top: 20px;
	padding-left: 20px;
	background: url(../../images/kankyou_ic007.gif) no-repeat 0 0.25em;
}
body#company div#main h4.kouken {
	min-height: 11px;
	margin-top: 35px;
	padding-left: 20px;
	background: url(../../images/kouken_ic001.gif) no-repeat 0 0.35em;
}
body#company div#main div.section {
	width: 520px;
	margin-top: 30px;
}
body#company div#main div.subSection {
	margin-top: 20px;
}
body#company div#main div.indent20 {
	margin-left: 20px;
}
body#company div#main div.indent40 {
	margin-left: 40px;
}
body#company div#main div.leftBox {
	float: left;
	width: 260px;
}
body#company div#main div.rightBox {
	float: right;
	width: 240px;
}

/* 	pageLinkBox  */
body#company div#main div.pageLinkBox {
	width: 520px;
	text-align: center;
}
body#company div#main div.pageLinkBox ul {
	margin: 35px auto 0;
}
body#company div#main div.pageLinkBox ul li {
	float: left;
	width: 10.5em;
	padding: 0 1em;
	border-right: #333333 1px solid;
}
body#company div#main div.pageLinkBox ul li.lastChild {
	border: none;
}
body#company div#main div.pageLinkBox ul li em {
	font-style: normal;
	font-weight: bold;
}

/* 	table  */
body#company div#main div.section table.basic {
	margin-bottom: 0;
}

/* 	pageup  */
body#company div#main div.section .uplink_hr2 {
	margin-bottom: 0;
}



/* --------------------------------------------------------
	index.html
-------------------------------------------------------- */
/* unique */

body#company div#main h1.unique {
	margin-bottom: 0;
}
body#company div#main h2.unique {
	clear: both;
    background:none;
    padding:0;
}

/* 	programBox  */
body#company div#main div.programBox {
	padding: 0 14px 14px 18px;
}
body#company div#main div.programBox .btArea {
	float: left;
	width: 80px;
}
body#company div#main div.programBox .textArea {
	float: right;
	width: 408px;
	padding-top: 10px;
}
* html body#company div#main div.programBox .textArea {
	width: 410px;
}
body#company div#main div.programBox .textArea p {
	margin-top: 0px;
}

/* 	compBox  */
body#company div#main div.compBox {
	width: 480px;
	margin: 0 auto;
	background: url(../../images/index_bg002.gif) repeat-y 0 0;
}
body#company div#main div.compBox-inner {
	background: url(../../images/index_bg003.gif) no-repeat 0% 100%;
	padding-bottom: 15px;
}
body#company div#main div.compBox p {
	width: 420px;
	margin: 15px auto 0;
}
body#company div#main div.compBox p.leadText {
	padding-top: 15px;
	_padding-top: 0;
	font-size: 120%;
	font-weight: bold
}
*:first-child+html body#company div#main div.compBox p.leadText { /* for IE7 */
	padding-top: 0px;
}

/*3column*/
body#company div#main div.three-column{
	clear:both;
	width:520px;
	margin:20px 0 0 0;
}
body#company div#main div.three01{
	width:148px;
	float:left;
	margin:0 0 0 20px;

}
* html body#company div#main div.three01{/* for IE6 */
	margin:0 0 0 9px;
}
body#company div#main div.three02{
	width:148px;
	float:left;
	margin:0 18px;
}
* html body#company div#main div.three02{/* for IE6 */
	margin:0 0 0 20px;
}

body#company div#main div.three03{
	width:148px;
	float:right;
	margin:0 20px 0 0;
}
* html body#company div#main div.three03{/* for IE6 */
	margin:0 10px 0 0;
}
body#company div#main p.csrIllust{
padding-left:20px;
}

/* --------------------------------------------------------
	kankyou.html
-------------------------------------------------------- */

body#company div#main .indent20 p {
	margin-top: 5px;
}


/* 	manifestoList  */
body#company div#main ul#manifestoList {
	padding-bottom: 10px;
}
body#company div#main ul#manifestoList li {
	float: left;
	margin-right: 12px;
}
body#company div#main ul#manifestoList li.lastChild {
	margin: 0;
}


/* 	actionPlan  */
body#company div#main ol.actionPlan {
	width: 500px;
	padding-top: 10px;
}
body#company div#main div.leftBox ol.actionPlan {
	width: 260px;
}
body#company div#main ol.actionPlan li {
	min-height: 18px;
	padding: 3px 0 3px 25px;
	background: url(../../images/kankyou_ic001.gif) no-repeat 0 0.25em;
}
body#company div#main ol.actionPlan .second {
	background: url(../../images/kankyou_ic002.gif) no-repeat 0 0.25em;
}
body#company div#main ol.actionPlan .third {
	background: url(../../images/kankyou_ic003.gif) no-repeat 0 0.25em;
}
body#company div#main ol.actionPlan .fourth {
	background: url(../../images/kankyou_ic004.gif) no-repeat 0 0.25em;
}
body#company div#main ol.actionPlan .fifth {
	background: url(../../images/kankyou_ic005.gif) no-repeat 0 0.25em;
}
body#company div#main ol.actionPlan .sixth {
	background: url(../../images/kankyou_ic006.gif) no-repeat 0 0.25em;
}

body#company div#main ol.actionPlan li dl {
	width: 475px;
}
body#company div#main ol.actionPlan li dl dt {
	float: left;
	width: 10em;
}
body#company div#main ol.actionPlan li dl dd {
	margin-left: 10em;
	zoom: 1;
}
body#company div#main div.rightBox p.illust{
	margin-top: 40px;
	text-align: center;
}


/* 	environmentBox  */
body#company div#main div.environmentBox {
	width: 480px;
	margin: 35px auto 0;
	background: url(../../images/index_bg002.gif) repeat-y 0 0;
}
body#company div#main div.environmentBox-inner {
	background: url(../../images/index_bg003.gif) no-repeat 0% 100%;
	padding-bottom: 15px;
}
body#company div#main div.environmentBox div.leftBox {
	width: 380px;
}
body#company div#main div.environmentBox div.rightBox {
	width: 100px;
}
body#company div#main div.environmentBox p {
	margin: 15px 0 0 28px;
}
body#company div#main div.environmentBox p.leadText {
	font-size: 120%;
	font-weight: bold
}
body#company div#main div.environmentBox div.rightBox p.ecomark {
	margin: 0;
	padding-top: 25px;
	text-align: center;
}

/* 	coolBox  */
body#company div#main div.coolBox {
	width: 480px;
	margin: 35px auto 0;
	background: url(../../images/index_bg002.gif) repeat-y 0 0;
}
body#company div#main div.coolBox-inner {
	background: url(../../images/index_bg003.gif) no-repeat 0% 100%;
	padding-bottom: 15px;
}
body#company div#main div.coolBox p {
	width: 420px;
	margin: 15px auto 0;
}
body#company div#main div.coolBox p.coolmark {
	width: 420px;
	margin: 8px auto 0;
}
body#company div#main div.coolBox p.leadText {
	padding-top: 15px;
	_padding-top: 0;
	font-size: 120%;
	font-weight: bold
}
*:first-child+html body#company div#main div.coolBox p.leadText { /* for IE7 */
	padding-top: 0px;
}

/* --------------------------------------------------------
	kouken.html
-------------------------------------------------------- */
body#company div#main div.section h3 {
	margin-top: 35px;
}

body#company div#main div.col-2 div.leftBox {
	float: left;
	width: 240px;
	margin:0 10px 0 20px;
}
* html body#company div#main div.col-2 div.leftBox {
	float: left;
	width: 240px;
	margin:0 0 0 13px;
}
body#company div#main div.col-2 div.rightBox {
	float: right;
	width: 200px;
	padding:0 10px 0 0;
}

/* --------------------------------------------------------
	clearfix
-------------------------------------------------------- */

body#company div#main div.subSection:after,
body#company div#main div.section:after,
body#company div#main div.col-2:after,
body#company div#main div.pageLinkBox ul:after,
body#company div#main div.environmentBox-inner:after,
body#company div#main ol.actionPlan li dl:after,
body#company div#main div.indent20:after,
body#company div#main ul#manifestoList:after,
body#company div#main div.programBox:after,
body#company div#main div.three-column:after,
body#company div#main div.programBox:after {
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}

body#company div#main div.subSection,
body#company div#main div.section,
body#company div#main div.col-2,
body#company div#main div.pageLinkBox ul,
body#company div#main div.environmentBox-inner,
body#company div#main ol.actionPlan li dl,
body#company div#main div.indent20,
body#company div#main ul#manifestoList,
body#company div#main div.programBox,
body#company div#main div.three-column,
body#company div#main div.programBox {
	display:inline-block;
}