@charset "utf-8";

#contbox{
		width: 710px;
		margin: 0 120px 10px;
		padding-top: 10px;
}

#contbox p{
		font-size: 13px;
		line-height: 15px;
		padding: 0 10px;
		margin-bottom: 10px;
}

#h1box{
		width: 690px;
		margin: 0 10px;
}

#h1box h1{
		width: 690px;
		height: 100px;
		text-indent: -999em;
		display: block;
		padding: 0;
		margin-bottom: 10px;
		border: none;
		background: url("/edit/eco/img/top_bn.gif") 0 0 no-repeat;
}

#h1box p{
		margin-bottom: 30px;
}

#column{
		width: 710px;
		background: url("/edit/eco/img/bf_dot.gif") 0 0 repeat-y;
}

#column:after{
		content: "";
		display: block;
		height: 0;
		overflow: hidden;
		clear: both;
}

/*---------- left ----------*/
#column #left{
		float: left;
		width: 350px;
		margin-right: 5px;
}

#column #left h2{
		width: 350px;
		height: 68px;
		text-indent: -999em;
		display: block;
		padding: 0;
		border: none;
		margin-bottom: 20px;
		background: url("/edit/eco/img/off_001.gif") 0 0 no-repeat;
}

#column #left h3,#column #right h3{
		display: none;
}

#column #left #system{
		width: 316px;
		height: 352px;
		padding: 45px 17px 0;
		margin-top: 20px;
		background: url("/edit/eco/img/off_002.gif") 0 0 no-repeat;
}

#column #left #system p{
		font-weight: bold;
		line-height: 16px;
}

#column #left #action{
		margin-bottom: 30px;
}

#column #left #action h4{
		width: 350px;
		height: 21px;
		text-indent: -999em;
		display: block;
		padding: 0;
		border: none;
		background: url("/edit/eco/img/off_003.gif") 0 0 no-repeat;
}

#column #left #action p{
		padding: 0 40px;
}

#column #left #action div{
		padding: 0;
		margin-bottom: 10px;
}

#column #left #attention{
		margin-bottom: 20px;
}

#column #left #attention h4,#column #right #attention h4{
		display: block;
		font-weight: bold;
		padding-left: 10px;
}

#column #left #eco{
		width: 330px;
		height: 692px;
		padding: 50px 10px 0;
		background: url("/edit/eco/img/off_004bg.gif") 0 0 no-repeat;
}

#column #left #eco h4{
		display: none;
}

#column #left #eco p.btext{
		font-weight: bold;
}

#column #left #eco #course{
		padding-top: 47px;
}

#column #left #eco #course div{
		height: 47px;
		margin-bottom: 60px;
}

#column #left #eco #course div.bottom{
		height: 47px;
		margin-bottom: 15px;
}


/*---------- right ----------*/

#column #right{
		float: right;
		width: 350px;
		margin-left: 5px;
}

#column #right h2{
		width: 350px;
		height: 68px;
		text-indent: -999em;
		display: block;
		padding: 0;
		border: none;
		margin-bottom: 20px;
		background: url("/edit/eco/img/eco_001.gif") 0 0 no-repeat;
}

#column #right #system{
		width: 340px;
		height: 147px;
		margin: 27px 0 20px;
		padding: 153px 0 0 10px;
		background: url("/edit/eco/img/eco_002.gif") 0 0 no-repeat;
}

#column #right #system #flow{

}

#column #right #system #flow:after{
		content: "";
		display: block;
		height: 0;
		overflow: hidden;
		clear: both;
}

#column #right #system #flow div.left{
		float: left;
		width: 90px;
		height: 125px;
		padding: 3px;
		margin-right: 20px;
		background: #c7fafa;
}

#column #right #system #flow div.right{
		float: left;
		width: 90px;
		height: 125px;
		padding: 3px;
		background: #c7fafa;
}

#column #right #system strong{
		font-weight: bold;
}

#column #right #info{
		width: 350px;
		margin-bottom: 20px;
}

#column #right #info h3{
		width: 350px;
		height: 192px;
		text-indent: -999em;
		display: block;
		padding: 0;
		border: none;
		background: url("/edit/eco/img/eco_003.gif") 0 0 no-repeat;
}

#column #right #info p{
		display: none;
}

#column #right #info div a{
		width: 350px;
		height: 61px;
		text-indent: -999em;
		display: block;
		padding: 0;
		border: none;
		background: url("/edit/eco/img/eco_bt01.gif") 0 0 no-repeat;

}

#column #right #attention{
		margin-bottom: 30px;
}

#column #right #collect{
		margin-top: 20px;
}

#column #right #collect h3{
		width: 350px;
		height: 40px;
		text-indent: -999em;
		display: block;
		padding: 0;
		border: none;
		background: url("/edit/eco/img/eco_004.gif") 0 0 no-repeat;
}

#column #right #collect h4.misashi1{
		width: 320px;
		height: 40px;
		text-indent: -999em;
		display: block;
		padding: 0;
		border: none;
		margin: 0 15px;
		background: url("/edit/eco/img/eco_004_1.gif") 0 0 no-repeat;
}

#column #right #collect h4.misashi2{
		width: 320px;
		height: 40px;
		text-indent: -999em;
		display: block;
		padding: 0;
		border: none;
		margin: 0 15px;
		background: url("/edit/eco/img/eco_004_2.gif") 0 0 no-repeat;
}

#column #right #collect h4.misashi3{
		width: 320px;
		height: 40px;
		text-indent: -999em;
		display: block;
		padding: 0;
		border: none;
		margin: 0 15px;
		background: url("/edit/eco/img/eco_004_3.gif") 0 0 no-repeat;
}


#column #right #collect p{
		margin: 0 5px 10px;
}
/*---------- text ----------*/

.or{
		font-weight: bold;
		color: #ff8800;
}