@charset "UTF-8";

/* ==============================
  css-products-ground_ecology-index
=================================
ground-ecology-top
---------------------------------
ground-ecology
---------------------------------
section
============================== */

/* ------------------------------
  ground-ecology-top
------------------------------ */
#ground-ecology-top {
	width: 650px;
}

#ground-ecology-top h4#top-h4 {
	height: auto;
	color: #0292de;
	font-size: 133%;
	line-height: 1.5;
	font-weight: normal;
	text-indent: 0;
	background: none;
	padding-left: 0;
	margin-bottom: 15px;
}

/* ------------------------------
  ground-ecology
------------------------------ */
#ground-ecology {
	width: 650px;
}

/* ------------------------------
  ground-ecology-top box + ground-ecology box
------------------------------ */
#ground-ecology-top .box,
#ground-ecology .box {
	width: 650px;
}

#ground-ecology-top .box-l {
	width: 365px;
	float: left;
}

#ground-ecology .box-l {
	width: 377px;
	padding-left: 18px;
	float: left;
}

#ground-ecology-top .box-l p,
#ground-ecology .box-l p {
	line-height: 1.7;
}

#ground-ecology .box-r {
	width: 224px;
	float: right;
}
#ground-ecology .box-l p a.button span {
	padding-left: 33px;
	padding-right: 13px;
}

dl.specification {
	line-height: 1.7;
}
dl.specification dt {
	color: #2d417c;
}
.deep-blue {
	color: #2d417c;
}


/* ------------------------------
  top-bnr
------------------------------ */
#top-bnr {
	width: 614px;
	padding-left: 18px;
}
#top-bnr ul {
	width: 614px;
}
#top-bnr li {
	width: 300px;
	height: 70px;
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px;
	float: left;
}
#top-bnr li#bnr1 {
	padding-right: 10px;
	padding-bottom: 10px;
}
#top-bnr li#bnr2 {
	padding-bottom: 10px;
}
#top-bnr li#bnr3 {
	padding-right: 10px;
	padding-bottom: 10px;
}
#top-bnr li#bnr4 {
	padding-bottom: 10px;
}
#top-bnr li#bnr5 {
	padding-right: 10px;
}
#top-bnr li a {
	width: 300px;
	height: 70px;
	background-repeat: no-repeat;
	display: block;
	text-decoration: none;
	outline: none;
}
#top-bnr li#bnr1 a {
	background-image: url(../img/products/bnr_eco_top01.gif);
}
#top-bnr li#bnr2 a {
	background-image: url(../img/products/bnr_eco_top02.gif);
}
#top-bnr li#bnr3 a {
	background-image: url(../img/products/bnr_eco_top03.gif);
}
#top-bnr li#bnr4 a {
	background-image: url(../img/products/bnr_eco_top04.gif);
}
#top-bnr li#bnr5 a {
	background-image: url(../img/products/bnr_eco_top05.gif);
}
#top-bnr li a:hover {
	background-position: 0 -70px;
}


/* ------------------------------
  section
------------------------------ */
#ground-ecology .section {
	width: 614px;
	padding-left: 18px;
	overflow: hidden;
}
#ground-ecology .section p {
	line-height: 1.7;
}

#ground-ecology .section .sec-l {
	width: 280px;
	float: left;
}
#ground-ecology .section .sec-r {
	width: 280px;
	float: right;
}

#ground-ecology .section table#compare {
	width: 612px;
	border-top: 1px solid #c9c9c9;
	border-left: 1px solid #c9c9c9;
}
#ground-ecology .section table#compare th {
	width: 285px;
	border-right: 1px solid #c9c9c9;
	border-bottom: 1px solid #c9c9c9;
	background-color: #f8fcee;
	font-size: 14px;
	color: #8fb72f;
	padding: 5px 10px;
}
#ground-ecology .section table#compare td {
	width: 285px;
	border-right: 1px solid #c9c9c9;
	border-bottom: 1px solid #c9c9c9;
	font-size: 12px;
	padding: 15px 10px;
}
#ground-ecology .section table#compare dl {
	line-height: 1.7;
}
#ground-ecology .section table#compare dt {
	color: #0292de;
}
#ground-ecology .section table#compare dd {
	margin-bottom: 20px;
}

#ground-ecology .section table.byfar {
	width: 612px;
	border-top: 1px solid #c9c9c9;
	border-left: 1px solid #c9c9c9;
	line-height: 1.7;
}
#ground-ecology .section table.byfar tr.tr-green {
	background-color: #f8fcee;
}
#ground-ecology .section table.byfar th {
	border-right: 1px solid #c9c9c9;
	border-bottom: 1px solid #c9c9c9;
	font-size: 14px;
	color: #8fb72f;
	font-weight: normal;
	padding: 5px 10px;
}
#ground-ecology .section table.byfar td {
	border-right: 1px solid #c9c9c9;
	border-bottom: 1px solid #c9c9c9;
	font-size: 12px;
	padding: 5px 10px;
}
#ground-ecology .section table.byfar td.txt-blue {
	color: #0292de;
}

#ground-ecology .section h6.title-byfar {
	font-size: 14px;
	color: #8fb72f;
	font-weight: normal;
	margin-bottom: 5px;
}

#ground-ecology .section .btn-aria {
	padding-left: 0px;
}
#ground-ecology .section .btn-aria p#btn-1 a.button-h span {
	padding-left: 43px;
	padding-right: 23px;
}
#ground-ecology .section .btn-aria p#btn-2 a.button-h span {
	padding-left: 28px;
	padding-right: 8px;
}
