@charset "UTF-8";
/*入口*/

/* doc-title */
.page-earthkps #wrapper #main #document .doc-title { margin-bottom: 18px; }
/* title */
.page-earthkps #wrapper #main #document .doc-title h2 {
width: 403px;
padding-top: 28px;
background: transparent url(../images/title_category.gif) no-repeat 0 0;
}
/* ecoaction by kataya 091007  */
#box-eco { margin:0px; }
/* index of ecoaction-------------------------------------------------
------------------------------------------------------------------- */
#box-eco .box-eco1 {
float: left;
height: auto;
width: 235px;
margin:0px;
}
#box-eco .box-eco2 {
float: left;
height: auto;
width: 235px;
margin:0 0 0 10px;
}
#box-eco .box-eco3 {
float: left;
height: auto;
width: 235px;
margin:0 0 0 10px;
}
#box-eco .box-eco1 a, #box-eco .box-eco1 a:visited, #box-eco .box-eco2 a, #box-eco .box-eco2 a:visited, #box-eco .box-eco3 a, #box-eco .box-eco3 a:visited {
color: #333;
text-decoration: none;
display: block;
margin: 0px;
padding: 0px;
height: auto;
width: 235px;
}
#box-eco .box-eco1 a:hover, #box-eco .box-eco1 a:active, #box-eco .box-eco2 a:hover, #box-eco .box-eco2 a:active, #box-eco .box-eco3 a:hover, #box-eco .box-eco3 a:active {
color: #8EBE17;
text-decoration: underline;
}
#box-eco .box-eco1 a div {
font-size: 1px;
line-height: 1px;
background-image: url(../images/index_paper1.jpg);
background-repeat: no-repeat;
background-position: left top;
text-indent: -1000em;
height: 250px;
width: 235px;
overflow: hidden;
}
#box-eco .box-eco2 a div {
font-size: 1px;
line-height: 1px;
background-image: url(../images/index_paper2.jpg);
background-repeat: no-repeat;
background-position: left top;
text-indent: -1000em;
height: 250px;
width: 235px;
overflow: hidden;
}
#box-eco .box-eco3 a div {
font-size: 1px;
line-height: 1px;
background-image: url(../images/index_paper3.jpg);
background-repeat: no-repeat;
background-position: left top;
text-indent: -1000em;
height: 250px;
width: 235px;
overflow: hidden;
}
#box-eco .box-eco1 a:hover div, #box-eco .box-eco2 a:hover div, #box-eco .box-eco3 a:hover div { background-position: left bottom; }
#box-eco a h3 {
font-size: 1px;
line-height: 1px;
background-repeat: no-repeat;
background-position: left top;
text-indent: -1000em;
display: block;
margin: 0px;
padding: 0px;
height: 55px;
width: 235px;
overflow: hidden;
}
#box-eco .box-eco1 a h3 { background-image: url(../images/index_name1.gif); }
#box-eco .box-eco2 a h3 { background-image: url(../images/index_name2.gif); }
#box-eco .box-eco3 a h3 { background-image: url(../images/index_name3.gif); }
#box-eco .box-eco1 a p, #box-eco .box-eco2 a p, #box-eco .box-eco3 a p {
margin: 0px auto;
padding: 0px 20px;
height: auto;
width: auto;
display:block;
text-align: left;
}
/* navigation of ecoaction-------------------------------------------------
------------------------------------------------------------------- */
#box-eco #navi-eco { margin:0 0 20px 0; }
#box-eco #navi-eco2 { margin:10px 0 0 0; }
#box-eco #navi-eco ul, #box-eco #navi-eco2 ul {
margin: 0px;
padding: 0px;
}
#box-eco #navi-eco li, #box-eco #navi-eco2 li {
display: block;
height: 60px;
width: 241px;
list-style-type: none;
float:left;
margin:0 0 0 1px;
}
#box-eco #navi-eco li a, #box-eco #navi-eco2 li a {
font-size: 1px;
line-height: 1px;
background-repeat: no-repeat;
background-position: left top;
text-indent: -1000em;
display: block;
height: 60px;
width: 241px;
overflow: hidden;
}
#box-eco #navi-eco li a:hover, #box-eco #navi-eco2 li a:hover { background-position: left center; }
#box-eco #navi-eco li a.thispage, #box-eco #navi-eco2 li a.thispage { background-position: left bottom; }
#box-eco #navi-eco li.sm1, #box-eco #navi-eco2 li.sm1 { margin:0px; }
#box-eco #navi-eco li.sm1 a, #box-eco #navi-eco2 li.sm1 a { background-image: url(../images/submenu1.gif); }
#box-eco #navi-eco li.sm2 a, #box-eco #navi-eco2 li.sm2 a { background-image: url(../images/submenu2.gif); }
#box-eco #navi-eco li.sm3 a, #box-eco #navi-eco2 li.sm3 a { background-image: url(../images/submenu3.gif); }
/* focus of ecoaction-------------------------------------------------
------------------------------------------------------------------- */
#box-eco #focus {
background-repeat: no-repeat;
background-position: center center;
height: 440px;
width: 725px;
position: relative;
margin:0 0 40px 0;
}
#box-eco .image-home { background-image: url(../images/mainicon_home.gif); }
#box-eco .image-out { background-image: url(../images/mainicon_out.gif); }
#box-eco .image-idea { background-image: url(../images/mainicon_idea.gif); }
#box-eco #focus div {
width:120px;
height:120px;
position: absolute;
}
#box-eco #focus .btn {
width:79px;
height:20px;
right: 0px;
top: 0px;
}
#box-eco #focus .btn a{
width:79px;
height:20px;
background-image: url(../images/btn_more.gif);
background-repeat: no-repeat;
background-position: left top;
display: block;
overflow: hidden;
font-size: 1px;
line-height: 1px;
text-indent: -1000em;
}
#box-eco #focus .btn a:hover{
background-position: left bottom;
}

#box-eco #focus div.paper1 {
left: 290px;
top: 0px;
}
#box-eco #focus div.paper2 {
left: 160px;
top: 20px;
}
#box-eco #focus div.paper3 {
left: 30px;
top: 90px;
}
#box-eco #focus div.paper4 {
left: 30px;
top: 220px;
}
#box-eco #focus div.paper5 {
left: 160px;
top: 320px;
}
#box-eco #focus div.paper6 {
left: 290px;
top: 340px;
}
#box-eco #focus div.paper7 {
left: 420px;
top: 320px;
}
#box-eco #focus div.paper8 {
left: 550px;
top: 220px;
}
#box-eco #focus div.paper9 {
left: 550px;
top: 90px;
}
#box-eco #focus div.paper10 {
left: 420px;
top: 20px;
}
/* 吹き出し */
#box-eco #focus .fukidashi {
color: #FFF;
line-height: 1.5em;
background-image: url(../images/fukidashi_top.gif);
background-repeat: no-repeat;
background-position: left top;
padding: 15px 0 0 0;
height: auto;
width: 350px;
z-index: 999;
}
#box-eco #focus .fukidashi div {
position: relative;
height:auto;
}
#box-eco #focus .fukidashi .wrap {
background-image: url(../images/fukidashi_bottom.gif);
background-repeat: no-repeat;
background-position: left bottom;
padding: 0 0 40px 0;
width: 350px;
}
#box-eco #focus .fukidashi .package {
background-color: #063;
width: 350px;
overflow:hidden;
/* background-image: url(../images/line_green.gif);
background-repeat: repeat-y;
background-position: 89px top; */
}
/* #box-eco #focus .fukidashi .package .left {
margin: 0px;
padding: 0 0 0 10px;
float: left;
width: 80px;
}
#box-eco #focus .fukidashi .package .left p{
 margin:0 0 5px 0;
} */
#box-eco #focus .fukidashi .package .right {
margin: 0 auto;
padding: 0px;
width: 310px;
}
/* each popup */
#pop1,#pop2,#pop3,#pop4,#pop5,#pop6,#pop7,#pop8,#pop9,#pop10{
 visibility:hidden;
}

/* list of ecoaction-------------------------------------------------
------------------------------------------------------------------- */
#box-eco table {
margin: 0px;
padding: 0px;
width: 100%;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #838A91;
}
#box-eco th {
padding: 5px 0;
width: 80px;
text-align: left;
vertical-align: top;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #838A91;
}
#box-eco td {
padding: 5px 0;
width: auto;
text-align: left;
vertical-align: top;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #838A91;
}
#box-eco td.prof { width: 60px; }
#box-eco td h6 {
font-size: 12px;
font-weight: bold;
color: #000;
margin: 0 0 5px 0;
padding: 0px;
}