@charset "utf-8";

/*--default
--------------------------------------------------*/

body#eco
{
	margin:0;
	padding:0;
	background-color:#EDEEEF;
	font-family:"ＭＳ Ｐゴシック",
				Osaka,
				"ヒラギノ角ゴ Pro W3",
				arial,
				helvetica,
				verdana,
				"times new roman",
				sans-serif;
}


h1, h2, h3, p, ul, li
{
	margin:0;
	padding:0;
}


#eco img
{
	border:0;
	vertical-align:bottom;
}

p
{
	color:#666666;
	font-size:13px;
	line-height:160%;
}

p.txt_b
{
	color:#2F5B41;
	font-weight:bold;
	
}

.txt_red
{
	color:#990000;
}

.txt_b_red
{
	color:#990000;
	font-weight:bold;
}


p.txt_s_g
{
	color:#666666;
	font-size:11px;
	line-height:135%;
	margin-left:3px;
}

p.txt_s_r
{
	color:#990000;
	font-size:10px;
	line-height:135%;
	
}

.ac
{
	text-align:center;
}


h2
{
	margin-bottom:10px;

}

a img.trans
{
	filter: alpha(opacity=100);
	-moz-opacity:1;
 	opacity:1;
}

a:hover img.trans
{
	filter: alpha(opacity=60);
	-moz-opacity:0.6;
 	opacity:0.6;
}

/*--margin
--------------------------------------------------*/

#eco .ml3
{
	margin-left:3px;
}

#eco .ml33
{
	margin-left:33px;
}


#eco .mb10
{
	margin-bottom:10px;
}


#eco .mb15
{
	margin-bottom:15px;
}

#eco .mb20
{
	margin-bottom:20px;
}

#eco .mb25
{
	margin-bottom:25px;
}

#eco .mb30
{
	margin-bottom:30px;
}

#eco .mb35
{
	margin-bottom:35px;
}

#eco .mb40
{
	margin-bottom:40px;
}

#eco .mb45
{
	margin-bottom:45px;
}

#eco .mb50
{
	margin-bottom:50px;
}

#eco .mb60
{
	margin-bottom:60px;
}


/*--index
********************************************************/


#eco #container
{
	width:760px;
	margin:0 auto;
	padding:0;
	background:url(../images/eco_bg.jpg) repeat-y;
}


#eco #container #main
{
	margin:0 0 0 4px;
	padding:0;
	width:750px;
}

#eco #container .unit
{
	margin:0 auto;
	padding:0;
	width:714px;
}


#eco .wrapper
{
	height:130px;
	position:relative;
}

#eco p.btn1
{
	width:224px;
	height:61px;
	position:absolute;
	top:0;
	left:70px;
}

#eco p.btn2
{
	width:194px;
	height:42px;
	position:absolute;
	top:10px;
	left:450px;
}

#eco .indentText
{
	margin-left:1em;
	padding:0;
}

#eco .indentText p
{
	text-indent:-1em;

}

#eco .wrapper2
{
	height:130px;
	position:relative;
	border-bottom:solid 4px #EDEEEF;
}

#eco .wrapper2 .bunner
{
	position:absolute;
	top:0;
	left:170px;

}

#eco .wrapper2 .txt
{
	width:264px;
	position:absolute;
	top:0;
	left:300px;

}


#eco #footer
{
	margin:0;
	padding:0;
}


/*--index02
********************************************************/

#eco #container .step1,
#eco #container .step2,
#eco #container .step3,
#eco #container .step4
{
	margin:0 auto;
	padding:0;
	width:714px;
	
}

#eco #container .step1
{
	height:370px;
	background:url(../images/eco2_arrow.jpg) no-repeat center bottom;
}

#eco #container .step2
{
	height:300px;
	background:url(../images/eco2_arrow.jpg) no-repeat center bottom;
}


#eco #container .step3
{
	height:300px;
	background:url(../images/eco2_arrow.jpg) no-repeat center bottom;
}

#eco #container .step4
{
	height:300px;
}


#eco #container .wrapper_step
{
	position:relative;
	padding-bottom:20px;
}

#eco #container .wrapper_step .leftBox
{
	position:absolute;
	width:396px;
	top:0;
	left:0;
}

#eco #container .wrapper_step .rightBox
{
	position:absolute;
	top:0;
	left:424px;
}

#eco #container #caution
{
	padding-top:15px;
	margin-bottom:10px;
	background:url(../images/eco2_bg_head.gif) no-repeat center top;
}

#eco #container #caution p
{
	width:675px;
	margin-left:21px;
}

#eco #container #caution #caution_list
{
	padding:0 0 15px 0;
	background:url(../images/eco2_bg_foot.gif) no-repeat center bottom;
}

#eco #container #caution #btn
{
	position:relative;
}

#eco #container #btn .wrapper
{
	height:130px;
	*height:150px;
}



#eco #container #btn .wrapper #btn_appli
{
	margin-top:30px;
	text-align:center;
}




/*--special
********************************************************/

#eco #container #parts_list
{
	height:885px;
	margin:0 auto;
	padding:0;
	width:714px;
	clear:left;
}


#eco #container #parts_list li
{
	float:left;
	list-style:none;
}