/* ***************************************************
* CSS file For nexta.co.jp
	FileName: service.css
	data:2009/5/2 koyama

■目次 ==========================================
■[00]:自然を大切に
■[01]:自然を大切に 詳細ページ1
**************************************************** */

/*-----------------------------------------------------------
■[00]:自然を大切に
------------------------------------------------------------*/
div.serviceBox div.marktext{
	font-weight: bold;
	background: url(/img/common/index_point.gif) no-repeat 0px 8px;
	padding-left: 14px;
	line-height: 24px;
	margin-top : 10px;
}

div.serviceBox img{
	display:block;
}

div.serviceDetail div.serviceBox p.imageText{
	float: left;
	width: 610px;
}

div.serviceDetail div.serviceBox p.imageText img{
	float: left;
	margin: 0px 10px 10px 0px;
}

/* 緑化の工程 */
div.serviceDetail div.serviceBox div.earthFlow{ width: 610px; float: left;}
div.serviceDetail div.serviceBox div.earthFlow p{ padding: 15px 0 5px 0;}
div.earthFlow dl{
	float: left;
	width: 144px;
	padding: 14px 14px 25px 14px;
	border-top: 1px solid #4f3f2e;
	display:inline;
}
div.earthFlow dl.flow1{ background: url(/img/service/earth/index/bg_flow1.gif) repeat left bottom; }
div.earthFlow dl.flow2{ background: url(/img/service/earth/index/bg_flow2.gif) repeat left bottom; }
div.earthFlow dl.flow3{ background: url(/img/service/earth/index/bg_flow3.gif) repeat left bottom; }

div.earthFlow dl dt img{ display:block; margin-bottom: 5px;}

div.earthFlow dl dd{
	color: #333333;
	font-size: 10px;
	width: 143px;
	line-height: 18px;
}

div.earthFlow dl dd span{
	color: #333333;
	font-weight: bold;
}

div.earthFlow div.arrow{
	background: url(/img/service/earth/index/arrow.gif) no-repeat 0px 100px;
	float: left;
	width: 47px;
	height: 140px;
	display:inline;
}

/* 設備の一例 */
div.serviceDetail div.serviceBox div.earthExample{ width: 610px; float: left; background-color: #f5f5f5;}
div.serviceDetail div.serviceBox div.earthExample p{ padding: 15px 0 5px 0; background-color: #fff;}
div.earthExample dl{
	float: left;
	width: 293px;
	padding: 6px 6px 0px 6px;
	display:inline;
}
div.earthExample dl dt{
	float: left;
	width: 121px;
	display:block;
}
div.earthExample dl dd{
	color: #333333;
	float: left;
	font-size: 10px;
	width: 160px;
	line-height: 18px;
	padding: 0 0 0 10px;
}

div.earthExample dl dd span{
	color: #333333;
	font-weight: bold;
}

/* ネクスタのブランド商品 */
div.serviceDetail div.serviceBox div.earthProduct{
	width: 610px;
	float: left;
	padding: 0 0 15px 0;
	margin-top : 10px;
	background: url(/img/service/earth/index/dot_line.gif) repeat-x left bottom;
}
div.serviceDetail div.serviceBox div.earthProduct p.image{
	float: left;
	padding: 0px;
	width: 194px;
}
div.earthProduct dl{
	float: left;
	width: 406px;
	display:inline;
	margin-left : 5px;
}

div.earthProduct dl dt{
	background: url(/img/service/earth/index/bg_dot_title.gif) no-repeat left top;
	color: #4f3f2e;
	font-weight: bold;
	padding: 13px 0 6px 0;
	text-indent: 10px;
}

div.earthProduct dl dd{
	background: url(/img/service/earth/index/bg_dot.gif) repeat-x left bottom #f5f5f5;
	padding: 8px 0px 9px 10px;
}

div.earthProduct dl a{
	float: right;
	display:inline;
	margin-right : 5px;
	margin-top : 8px;
}


div.earthProduct dl dd.Btn{
	background: none;
	padding: 0;
}


/*-----------------------------------------------------------
■[01]:自然を大切に 詳細ページ1
------------------------------------------------------------*/
div.serviceDetail div.serviceBox div.earthDetailTitle{
	float: left;
	width: 610px;
	margin-top : -5px;
}
div.serviceDetail div.serviceBox div.earthDetailTitle img{ float: left; }
div.serviceDetail div.serviceBox div.earthDetailTitle a img{ float: right; }

div.serviceDetail div.serviceBox p.earthDetailSubTitle{
	background: url(/img/service/earth/bg_title.gif) repeat-x left top;
	float: left;
	margin-top : 10px;
	color: #4f3f2e;
	font-size: 14px;
	font-weight: bold;
	text-indent:15px;
	padding: 14px 0 6px 0;
}

div.serviceDetail div.serviceBox dl.earthDetailBox{
	float: left;
	margin-top : 10px;
	width: 610px;
	background: url(/img/service/earth/bg_a.gif) no-repeat right bottom;
}

div.serviceDetail div.serviceBox dl.earthDetailBox dt{
	float: left;
	width: 237px;
}

div.serviceDetail div.serviceBox dl.earthDetailBox dt img{ margin-bottom : 10px; }

div.serviceDetail div.serviceBox dl.earthDetailBox dd{
	float: right;
	width: 360px;
	padding: 0 0 0 10px;
	display:inline;
}

div.serviceDetail div.serviceBox dl.earthDetailBox dd span{
	color: #333333;
	display:block;
	text-indent:50px;
	margin-bottom : 10px;
	background: url(/img/service/earth/point.gif) no-repeat 0px 2px;
}

div.serviceDetail div.serviceBox dl.earthDetailBox dd img{
	margin: 12px 0 0 163px;
}

/* 使用例 */
div.serviceDetail div.serviceBox div.earthExampleDetail{
	background: url(/img/service/earth/dot_line.gif) repeat;
	float: left;
	width: 610px;
}

div.serviceDetail div.serviceBox div.earthExampleDetail p{
	background-color: #fff;
}

div.serviceDetail div.serviceBox div.earthExampleDetail div{
	float: left;
	padding: 10px 0 6px 0;
	margin-left : 34px;
	display:inline;
	width: 110px;
}

div.serviceDetail div.serviceBox div.earthExampleDetail div span{
	color: #333333;
	display:block;
	font-size: 10px;
	text-align: center;
	font-weight: normal;
	width: 110px;
}

/* 使用例2 */
div.serviceDetail div.serviceBox div.earthExampleDetail2{ width: 610px; float: left; }
div.serviceDetail div.serviceBox div.earthExampleDetail2 dl{
	background: url(/img/service/earth/dot_line.gif) repeat;
	float: left;
	width: 300px;
	display:inline;
	padding: 10px 0 0 0;
}

div.serviceDetail div.serviceBox div.earthExampleDetail2 dl.h172{ height: 172px; }
div.serviceDetail div.serviceBox div.earthExampleDetail2 dl.h112{ height: 112px; }
/* IE6のみに適用させる */
* html div.serviceDetail div.serviceBox div.earthExampleDetail2 dl.h172 { height: 182px;}
* html div.serviceDetail div.serviceBox div.earthExampleDetail2 dl.h112 { height: 122px;}

div.serviceDetail div.serviceBox div.earthExampleDetail2 dl.mr10{ margin-right : 10px; }
div.serviceDetail div.serviceBox div.earthExampleDetail2 dl.mb10{ margin-bottom : 10px; }

div.serviceDetail div.serviceBox div.earthExampleDetail2 dl dt{
	float: left;
	width: 136px;
	display:inline;
	padding: 0 0 0 10px;
}

div.serviceDetail div.serviceBox div.earthExampleDetail2 dl dd{
	float: right;
	width: 136px;
	display:inline;
	padding:0 10px 0 0;
	font-size: 10px;
}

div.serviceDetail div.serviceBox div.earthExampleDetail2 dl dd span{
	font-size: 12px;
	color: #333333;
	display:block;
}