@charset "utf-8";

header h2{font-size:0; line-height:0; position:absolute; top:267px; left:50%; margin-left:-440px;}
@media screen and (max-width: 640px) {
header h2{font-size:10px; line-height:1; position:relative; top:auto; left:auto; margin:-5em 0 0;}
}

div#eco_wrapper{background:#fff; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; border-radius:10px; behavior:url(/common/js/PIE.htc); position:relative;}
div.inner{padding:30px 20px 10px; border-bottom:2px dotted #d1c9c2;}
div.none{border:none;}
div.inner h3{font-size:0; line-height:0; padding:0 0 15px 15px; margin-bottom:25px; background:url(./img/line.png) bottom repeat-x;}
div.inner dl.typeB{margin:0 20px 20px; border:2px solid #e1dcd7; background:#f5f3f2; padding:15px 20px 10px;}
div.inner dl.typeB dt{font-size:16px; font-weight:bold; color:#6e6054; padding:0 5px 2px; margin-bottom:10px; border-bottom:1px solid #e1dcd7;}
div.inner dl.typeB dd p{font-size:16px; margin-bottom:5px; padding:0 5px;}
div.inner dl.typeB dd div.typeA{padding:0 5px 20px;}
div.inner dl.typeB dd div.typeA img{float:left;}
div.inner dl.typeB dd div.typeA p{width:325px; float:right;}
div.inner dl.typeB dd p.arrow{padding:10px 5px 30px; margin-bottom:10px; background:url(./img/arrow.gif) bottom center no-repeat;}
div.inner dl.typeB dd div.typeB{padding:0 5px 20px;}
div.inner dl.typeB dd div.typeB img{float:right;}
div.inner dl.typeB dd div.typeB p{width:325px; float:left;}
div.inner dl.typeB dd div.typeB p span{color:#f58623;}
div.inner dl.typeB dd p.center{color:#f58623; font-weight:bold; text-align:center; margin-bottom:10px;}
div.inner dl.typeB dd ol{list-style:none; padding-bottom:1px;}
div.inner dl.typeB dd ol li{padding-bottom:10px;}
div.inner dl.typeB dd ol li img{float:left;}
div.inner dl.typeB dd ol li p{padding:5px 0 0 65px; font-size:14px;}
div.inner dl.typeB dd ol li p strong{font-size:16px;}
div.inner dl.typeB dd p.caution{font-size:14px;}
div.inner dl.typeB dd ul{list-style:none; padding:10px;}
div.inner dl.typeB dd ul li{font-size:0; line-height:0; float:left;}
div.inner dl.typeB dd ul li.even{float:right;}
ul.def{margin:0 20px 0 40px;}
ul.def li{font-size:16px; margin-bottom:5px;}
div.inner p.txt{font-size:16px; margin:0 20px 10px;}
div.inner p.image{font-size:0; line-height:0; text-align:center; margin-bottom:10px;}
@media screen and (max-width: 640px) {
div.inner{padding:20px 15px 10px;}
div.inner h3{padding:0 0 10px 10px; margin-bottom:20px;}
div.inner dl.typeB{margin:0 0 15px; padding:10px 10px 5px;}
div.inner dl.typeB dt{font-size:13px;}
div.inner dl.typeB dd p{font-size:13px;}
div.inner dl.typeB dd div.typeA{padding:0 5px 10px; text-align:center;}
div.inner dl.typeB dd div.typeA img{float:none; margin-bottom:10px;}
div.inner dl.typeB dd div.typeA p{width:auto; float:none;}
div.inner dl.typeB dd div.typeB{padding:0 5px 10px; text-align:center;}
div.inner dl.typeB dd div.typeB img{float:none; margin-bottom:10px;}
div.inner dl.typeB dd div.typeB p{width:auto; float:none;}
div.inner dl.typeB dd ol li p{font-size:13px;}
div.inner dl.typeB dd ol li p strong{font-size:14px;}
div.inner dl.typeB dd p.caution{font-size:12px;}
div.inner dl.typeB dd ul li{float:none; text-align:center;}
div.inner dl.typeB dd ul li.even{float:none;}
ul.def{margin:0 0 0 20px;}
ul.def li{font-size:13px; margin-bottom:5px;}
div.inner p.txt{font-size:13px; margin:0 0 5px;}
}