/* はじめまして、エコ村ですページ */

@import url("base.css");
@import url("first.css");

/* ページタイトル
----------------------------------------------------------------------------- */
h2{
font-size: 0px;
text-indent: -9999px;
margin: 0px;
padding: 0px;
display: none;
}



/* 森になる
----------------------------------------------------------------------------- */
div.mori{
text-align: center;
margin-bottom: 38px;
height: 508px;
width: 855px;
background-image: url('../intro/img/top/bk.gif');
background-repeat: repeat;
}


.mori p{
font-size: 90%;
color: #666666;
line-height: 160%;
margin-top: 40px;
}



/* エコ村憲章
----------------------------------------------------------------------------- */
div.kensho{
margin-bottom: 40px;
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
float: left;
width: 567px;
background-image: url('../intro/img/top/kensho_bk.gif');
background-repeat: repeat;
}


.kensho h3{
text-indent: -9999px;
float: left;
height: 186px;
width: 160px;
background-image: url('../intro/img/top/kensho_title.gif');
background-repeat: no-repeat;
}

.kensho ul{
margin-bottom: 10px;
float: left;
}

.kensho li{
font-size: 98%;
color: #330000;
margin-bottom: 5px;
list-style-position: inside;
list-style-image: url('../intro/img/top/icon.gif');
}

.kensho p{
margin-top: 15px;
font-size: 85%;
text-align: right;
}

.kensho div {
margin: 10px 0px 20px 15px;
padding: 10px;
border-width: 1px;
border-color: #CC9933;
border-style: solid;
background-color: #F5F1E9;
}


/* 暮らし方をイメージしよう
----------------------------------------------------------------------------- */
div.kurashi{
padding: 8px 8px 35px;
border-width: 1px;
border-color: #BB9F8F;
border-style: dotted;
float: right;
width: 225px;
background-image: url('../intro/img/top/kurashi_bk.gif');
background-repeat: no-repeat;
background-position: center bottom;
}

.kurashi h3{
text-indent: -9999px;
margin-right: auto;
margin-left: auto;
height: 19px;
width: 209px;
background-image: url('../intro/img/top/kurashi_titile.gif');
background-repeat: no-repeat;
}

.kurashi ul{
margin-top: 10px;
padding-left: 10px;
}

.kurashi li,.kurashi li a{
text-indent: -9999px;
margin-top: 10px;
list-style-type: none;
height: 68px;
width: 202px;
background-repeat: no-repeat;
display: block;
}

.kurashi_concept{
background-image: url('../intro/img/top/kurashi_concept.gif');
}

.kurashi_repotrt{
background-image: url('../intro/img/top/kurashi_report.gif');
}



/* エコ村の成り立ちとこれから
----------------------------------------------------------------------------- */
.history .g01 h3{
text-indent: -9999px;
margin-bottom: 20px;
height: 32px;
width: 350px;
background-image: url('../intro/img/top/history_title.gif');
background-repeat: no-repeat;
}

.history .g02 h3{
text-indent: -9999px;
margin-bottom: 20px;
height: 32px;
width: 300px;
background-image: url('../intro/img/top/nakama_title.gif');
background-repeat: no-repeat;
}


.history table{
color: #666666;
float: left;
}

.history .midashi{
color: #FFFFFF;
background-color: #CAA486;
}

.history .bk{
background-color: #FFFFCC;
}

.history table dd,.history table dt{
margin: 0px;
padding: 0px;
float: left;
}

.history table dt{
width: 40px;
}

.history table dd{
width: 300px;
}

div.group{
margin: 0px;
padding: 0px;
width: 388px;
background-image: url('../intro/img/top/group_bk.gif');
background-repeat: repeat-y;
}

.group p{
line-height: 150%;
margin: 0px 15px;
padding: 0px;
}

.group strong{
color: #97B83F;
}

.group .dantai{
font-size: 85%;
line-height: 180%;
}

.group a{
color: #97B83F;
text-decoration: none;
}

.group a:hover{
color: #97B83F;
text-decoration: underline;
}

.history .g01{
float: left;
}

.history .g02{
margin-left: 23px;
float: right;
}

table{
border-top: 1px solid #FFFFFF;
border-left: 1px solid #FFFFFF;
}

th,td{
border-right: 1px solid #FFFFFF;
border-bottom: 1px solid #FFFFFF;
}