@charset "utf-8";

.ecowill {
margin-bottom: 40px;
}
#section #entryarea .ecowill p {
margin: 0 0 10px;
font-size: 75%;
}

.ecowill h5 {
clear: both;
margin: 0px 0 10px;
}

.ecowill h6 {
clear: both;
margin: 0px 0 15px;
}

.center {
text-align: center;
}

.clearfloat {
clear: both;
}

.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

.f-left {
float: left;
}
.f-right {
float: right;
}

.mtop10 {
margin-top: 10px!important;
}
.mtop15 {
margin-top: 15px!important;
}
.mtop20 {
margin-top: 20px!important;
}
.mr5 {
margin-right: 5px;
}
.mr10 {
margin-right: 10px;
}
.mr15 {
margin-right: 15px;
}
.mr20 {
margin-right: 20px!important;
}
.mr30 {
margin-right: 30px!important;
}
.mlr10 {
margin-left: 10px;
margin-right: 10px;
}
.mb5 {
margin-bottom: 5px!important;
}
.mb10 {
margin-bottom: 10px!important;
}
.mb15 {
margin-bottom: 15px!important;
}
.mb20 {
margin-bottom: 20px!important;
}
.mb30 {
margin-bottom: 30px!important;
}
.mb40 {
margin-bottom: 40px!important;
}
.ml5 {
margin-left: 5px;
}
.ml10 {
margin-left: 10px;
}
.ml15 {
margin-left: 15px;
}
.ml20 {
margin-left: 20px;
}
.ml30 {
margin-left: 30px;
}
.pb20 {
padding-bottom: 20px;
}


.notes {
font-size: 75%;
padding-left: 2em;
text-indent: -2em;
line-height: 1.2;
}
.notes1 {
font-size: 75%;
padding-left: 1em;
text-indent: -1em;
line-height: 1.2;
}

.page-ecowill {

}
.page-ecowill li {
padding-bottom: 10px;
}
.page-ecowill li.left {
clear: both;
float: left;
}

.page-ecowill li.right {
float: right;
}



.ecowillnavi {
margin: 0;
padding: 0;
width: 630px;
overflow: hidden;
}

.ecowillnavi li {
margin: 0;
padding: 0;
float: left;

width: 210px;
height: 36px;

}
.ecowillnavi a {
display: block;
margin: 0;
padding: 0;
background: url(subimages/ecowillnavi.jpg) no-repeat left top;
width: 210px;
height: 36px;

text-indent: -999px;
overflow: hidden;

}

.ew01 a {
background-position: -210px top;
}
.ew02 a {
background-position: -420px top;
}
.ew03 a {
background-position: -630px top;
}
.ew04 a {
background-position: -840px top;
}
.ew05 a {
background-position: -1050px top;
}
.ew06 a {
background-position: -1260px top;
}
.ew07 a {
background-position: -1470px top;
}
.ew08 a {
background-position: -1680px top;
}

.ew06,
.ew06 a {
height:37px!important;
}
.ew07,
.ew07 a {
height:37px!important;
}
.ew08,
.ew08 a {
height:37px!important;
}


.page-ecowill01 .ew01 a {
background-position: -210px -37px;
}
.page-ecowill02 .ew02 a {
background-position: -420px -37px;
}
.page-ecowill03 .ew03 a {
background-position: -630px -37px;
}
.page-ecowill04 .ew04 a {
background-position: -840px -37px;
}
.page-ecowill05 .ew05 a {
background-position: -1050px -37px;
}
.page-ecowill06 .ew06 a {
background-position: -1260px -37px;
}
.page-ecowill07 .ew07 a {
background-position: -1470px -37px;
}
.page-ecowill08 .ew08 a {
background-position: -1680px -37px;
}


.roundbox-m {
background: url(subimages/roundbox_middle.jpg) repeat-y left top;
color: #7E4714;
line-height: 1.5;
width: 630px;
margin: 15px 0 30px;
padding: 0;
font-size: 16px;
}
#section #entryarea .ecowill  .roundbox-m .outer {
background: url(subimages/roundbox_bottom.jpg) no-repeat left bottom!important;
padding: 0 0 20px!important;
margin: 0;
}
#section #entryarea .ecowill .roundbox-m .inner {
background: url(subimages/roundbox_top.jpg) no-repeat left top!important;
padding: 20px 0 0!important;
margin: 0;
overflow: hidden;
}
#section #entryarea .roundbox-m p {
background: none;
padding: 0px 25px;
margin: 0 auto;
font-size: 100%;
}
#section #entryarea .outer .inner .fs105 {
font-size: 105%;
}
#section #entryarea .outer .inner  .fs95 {
font-size: 95%;
}
#section #entryarea .outer .inner  .pd020 {
padding: 0px 20px;
}
#section #entryarea .outer .inner  .pd030 {
padding: 0px 30px;
}

div.block {
clear: both;
margin-bottom: 30px;
}

h6.blue {
background: url(subimages/ecowill_title_blue.jpg) no-repeat left top;
height: 17px;
font-weight: normal;
color: #006CC9;
padding: 5px 10px 15px;
}
h6.blue2 {
background: url(subimages/ecowill_title_blue2.jpg) no-repeat left top;
height: 17px;
font-weight: normal;
color: #006CC9;
padding: 5px 10px 15px;
}
h6.green {
background: url(subimages/ecowill_title_green.jpg) no-repeat left top;
height: 17px;
font-weight: normal;
color: #39AC6C;
padding: 5px 10px 15px;
}
h6.green2 {
background: url(subimages/ecowill_title_green2.jpg) no-repeat left top;
height: 17px;
font-weight: normal;
color: #009944;
padding: 5px 10px 15px;
}
.ecowill h6.green2 span {
font-size: 60%;
}

.rel {
position: relative;
}
.abs {
position: absolute;
}

/*01*/
.ew0103 {
}
.ew0103 .abs {
top:40px;
left:15px;
width:360px;
}
.ew0106 .abs {
right: 0;
top: 130px;
width: 262px;
}
.ew0106 .blue-L {
background: url(subimages/ecowill01_title_L.jpg) no-repeat left top;
height: 55px;
font-weight: normal;
color: #006CC9;
padding: 0px;
position: relative;
}
.blue-L span {
display: block;
line-height: 1.2;
}
.blue-L span.capt {
font-size: 85%;
position: absolute;
left: 30px;
top: 13px;
}
.blue-L span.main {
position: relative;
left: 160px;
top: 10px;
}

.ecowill .large {
font-size: 85%!important;
line-height: 1.3;
}
.ecowill .small {
line-height: 1.2;
}

/*02*/
.ew0204 {
padding-bottom: 30px;
border-bottom: 1px dotted #999;
}
.ew0204 .abs{
top: 60px;
right: 10px;
width: 160px;
line-height: 1.3;
}
.box500 {
width: 500px;
position: relative;
}
.ylbox {
width: 480px;
position: relative;
background:#FEFBC6;
padding: 5px 10px;
}

/*03*/
.ew0302 p.pd15 {
line-height: 1.5;
}

.ew0303 {
margin-bottom: 20px;
}
.ew0303 img {
float: left;
}

h6.green span {
font-size: 65%!important;
}

p.pi {
background: url(subimages/mark_pink.gif) no-repeat 5px 2px;
padding-left: 20px;
}
p.or {
background: url(subimages/mark_orange.gif) no-repeat 5px 2px;
padding-left: 20px;
}


.ecowill table {
width: 100%;
border: none!important;;
}
.ecowill table td{
border: none!important;;
vertical-align: top;
line-height: 1.3;
}
.ecowill table td a {
font-size: 75%;
}


table.samples td,
table.samples td p {
font-size: 105%;
}

#section #entryarea table.samples {
margin-bottom: 10px;
}
#section #entryarea table.samples td {
padding: 0;
}

table.samples .col3 p.pi,
table.samples .col3 p.or {
background-position: left 2px;
padding-left: 15px;
width: 182px;
}

/*04*/
.ew0405 .abs {
right: 20px;
}
.ew0405 .t0501{
width: 150px;
top: 100px;
}
.ew0405 .t0502-1 {
width: 305px;
top: 65px;
}
.ew0405 .t0502-2 {
width: 305px;
top: 135px;
}
.ew0405 .t0502-3 {
width: 305px;
top: 205px;
}
.ew0406 .abs {
right: 20px;
}
.ew0406 .t0601{
width: 150px;
top: 140px;
}
.ew0406 .t0602{
width: 150px;
top: 70px;
}

/*05*/
.ew0504 .rel {
margin: 20px 0 0;
}
.ew0504 .abs {
width: 256px;
top: 35px;
left: 17px;
line-height: 1.4;
}
.ew0504 .abs-full {
position: absolute;
top: 40px;
left: 17px;
}
.ew0504 .notes {
font-size: 75%;
padding-left: 2em;
text-indent: -2em;
line-height: 1.2;
}
.ew0505 .rel {
margin: 20px 0 0;
}
.ew0505 .abs {
width: 210px;
top: 50px;
right: 15px;
line-height: 1.4;
}
.ew0505 .t0301 {
top: 65px;
}
.ew0505 .t0302 {
top: 205px;
}
.ew0506 .abs {
top: 65px;
left: 10px;
}

/*06*/
#section #entryarea .ew0603 table {
margin: 15px 0 20px;
}
.grtxt {
color: #42B25D;
}
#section #entryarea .ecowill .ew0603 .grtxt {
margin-bottom: 15px;
line-height: 1.3;
}

/*07*/
.interviewbox {
width: 631px;
padding: 0;
background: url(subimages/interviewbox_middle.jpg) repeat-y center top;
margin-bottom: 40px;
}
.interviewbox .block {
background: url(subimages/interviewbox_bottom.jpg) no-repeat center bottom;margin-bottom: 0;
}
.interviewbox .top {
position: relative;
}
.interviewbox .top p.abs {
position: absolute;
top: 76px;
right: 20px;
line-height: 1.2;
}
.interviewbox .summary {
color: #7E4714;
padding: 20px;
}
#section #entryarea .interviewbox .summary .title{
color: #EA5550;
border-bottom: 1px dashed #42B25D;
font-size: 95%;
}


/*08*/

#section #entryarea .ecowill .ew0802 {
margin: 15px auto 20px;

}
#section #entryarea .qanda p {
font-size: 90%;
}
.qanda em {
font-style: normal;
}
#section #entryarea .qanda .question {
color: #EA5550;
padding-left: 1.3em;
text-indent: -1.3em;
margin-bottom: 0px;
}
#section #entryarea .qanda .answer {
padding-left: 1.3em;
text-indent: -1.3em;
margin-bottom: 10px;
line-height: 1.4;
}
.qanda .answer em {
color: #009944;
}