/* ***************************************************
* CSS file For nexta.co.jp
	FileName: initiatives.css
	data:2009/7/24 kinoshita

■目次 ==========================================
■[01]:ネクスタの取り組み TOP
■[02]:ISO
■[03]:環境保護
■[20]:
■[30]:
■[40]:
■[50]:
■[60]:
■[80]:
■[90]:
■[91]:
**************************************************** */



/*-----------------------------------------------------------
■[01]:ネクスタの取り組み TOP
------------------------------------------------------------*/
div#initiativesData	{ width: 646px; padding: 15px 0px 0px; float: left; }
div#initiativesData div{
	border-top: 2px solid #FFF;
	background: url(/img/initiatives/earth.gif) no-repeat left top;
	padding: 10px 18px 0px 320px;
	height: 310px;
}

div#initiativesData div p{
	width: 305px;
	float: right;
}


div#initiativesData div a img{
	margin-top : 10px;
}

/*-----------------------------------------------------------
■[02]:ISO
------------------------------------------------------------*/
div#isoData	{ width: 646px; padding: 15px 0px 0px; float: left; }
div#isoData h2	{ width: 53px; height: 26px; font-size: 0px; line-height: 0px; padding: 0px 0px 10px; display: block; }

div.isoDetail{
	float: left;
	background: url(/img/common/bg_line.gif) repeat-y left top;
	border-top: 3px solid #dad4cf;
	border-bottom: 3px solid #dad4cf;
	margin : 10px 0 0;
	width: 646px;
}

div.isoDetail dl{
	float: left;
	margin: 15px;
	width: 616px;
	display:inline;
}

div.isoDetail dl dt{
	float: left;
	width: 67px;
}

div.isoDetail dl dd{
	float: left;
	padding-left: 10px;
	width: 538px;
}

div.isoDetail dl dd div.link{ margin-top : 8px; }

div.isoDetail dl dd div.link a,div.isoDetail dl dd div.link span{
	font-weight: bold;
	color: #009966;
}

div.isoDetail a:link {color: #009966; text-decoration: none;}
div.isoDetail a:visited {color: #009966; text-decoration: none;}
div.isoDetail a:hover {color: #009966; text-decoration: underline;}

div.isoDetail div.image{
	padding: 0px 0px 5px 18px;
	float: left;
}

div.isoDetail div.image img{
	float: left;
	margin-right : 5px;
}

div.isoDetail p{
	float: left;
	padding: 6px 18px;
	width: 592px;
}
/* これ以降Mac IE 5のみに適用される \*//*/
div.isoDetail p { width: 598px;}
/* これ以降Mac IE 5以外にも適用される */

div.isoDetail div.nexta{
	float: left;
	margin:0 18px;
	width: 610px;
	background: url(/img/initiatives/bg_nexta.gif) no-repeat left top;
	display:inline;
}
div.isoDetail div.nexta div{
	margin: 10px 0 15px 140px;
	letter-spacing: 1px;
}
/* これ以降Mac IE 5のみに適用される \*//
div.isoDetail div.nexta { width: 460px; }
/* これ以降Mac IE 5以外にも適用される



/*-----------------------------------------------------------
■[03]:環境保護
------------------------------------------------------------*/
div#enviData	{ width: 646px; padding: 15px 0px 0px; float: left; }
div#enviData h2	{ width: 53px; height: 26px; font-size: 0px; line-height: 0px; display: block; }

div.enviDetail{
	float: left;
	background: url(/img/common/bg_line.gif) repeat-y left top;
	border-top: 3px solid #dad4cf;
	margin : 10px 0 0;
	width: 646px;
}

div.enviDetail div.enviBox{
	border-bottom: 3px solid #dad4cf;
	padding: 18px;
	width: 610px;
	display:block;
	float: left;
}

div.enviDetail div span.marktext{
	display: block;
	font-weight: bold;
	background: url(/img/common/index_point.gif) no-repeat 0px 8px;
	padding-left: 14px;
	line-height: 24px;
	margin-top : 10px;
}

div.enviDetail div span.markdtl{
	display: block;
	padding-left: 14px;
}


div.enviDetail div.enviBox dl{
	width: 610px;
	float: left;
}


div.enviDetail div.enviBox dl dt{
	margin-right: 10px;
	float: left;
}
div.enviDetail div.enviBox dl.envi1 dt{ width: 322px; }
div.enviDetail div.enviBox dl.envi1 dd{ width: 278px; }
div.enviDetail div.enviBox dl.envi2 dt{ width: 394px; }
div.enviDetail div.enviBox dl.envi2 dd{ width: 206px; }

div.enviDetail div.enviBox dl.envi1 dt a{
	font-weight: bold;
	color: #669933;
	line-height: 28px;
}
div.enviDetail div.enviBox dl.envi1 dt a:link {color: #669933; text-decoration: underline;}
div.enviDetail div.enviBox dl.envi1 dt a:visited {color: #669933; text-decoration: underline;}
div.enviDetail div.enviBox dl.envi1 dt a:hover {color: #99cc66; text-decoration: underline;}

div.enviDetail div.enviBox dl dd{
	float: right;
}

div.enviDetail div.enviBox dl.envi1 dd span{
	display:block;
	text-align: center;
	font-size: 10px;
}

div.enviDetail div.enviBox div.enviProducts{
	width: 610px;
	float: left;
	margin-top : 6px;
}

div.enviDetail div.enviBox div.enviProducts div{
	float: left;
	padding: 5px 0;
	background-color: #f4f2f1;
	border-top: 2px solid #eae7e3;
	border-bottom: 2px solid #eae7e3;
	text-align: center;
	font-size: 10px;
	line-height: 15px;
	margin-top : 2px;
}
div.enviDetail div.enviBox div.enviProducts div.w162{ width: 162px; background: url(/img/initiatives/bg_en_products1.gif) repeat-y left top; margin-right : 10px; }
div.enviDetail div.enviBox div.enviProducts div.w266{ width: 266px; background: url(/img/initiatives/bg_en_products2.gif) repeat-y left top; float: right; }

div.enviDetail div.enviBox div.enviProducts div p{ font-weight: bold; }
div.enviDetail div.enviBox div.enviProducts div p.text1{ padding: 8px 0 7px 0; }
div.enviDetail div.enviBox div.enviProducts div img{ margin: 4px 0; }
div.enviDetail div.enviBox div.enviProducts div span{ line-height: 30px; }