/* all
----------------------------------------------- */
body{
background:url(../../images/eco/back.png) repeat-x;
}

div#stage{
padding:0 0 50px 0;
background: url(../../images/eco/stage_bg.png) repeat-y;
}

.clr{
clear:both;
}

h1 span{
display:block;
text-indent:-9999px;
}
/* main
----------------------------------------------- */
#main{
position:relative;
line-height:140%;
}

#top #main{
line-height:120%;
}


/* menu (top)
----------------------------------------------- */
#menu{
padding:0 30px;
font-size:90%;
}

#menu h2, .col-box{
clear:both;
}

.col-l, .col-c, .col-r{
margin:0 12px 0 0 !important;
width:278px;
min-height:130px;
background:url(../../images/eco/menu-back.jpg) no-repeat;
float:left;
}

.ad-min{
min-height:80px !important;
}

.col-r{
margin:0 !important;
}

.col-l div, .col-c div, .col-r div{
margin:20px 0 0 0 !important;
width:278px;
background:url(../../images/eco/menu-back.jpg) no-repeat;
}

#menu h3{
padding:15px 0 0 0 !important;
}

#menu ul{
margin:5px 0 0 25px;
padding:0;
}

#menu li{
margin:0 0 3px 0;
}

div#footer{
position:static;
margin:0;
padding:0;
background:#cdc177 url(../../images/eco/footer-back.jpg) repeat-x !important;
}

#footer address{
font-style:normal;
color:#6B5F11;
}

#csr{
position:absolute;
top:413px;
right:20px;
}

#eco-pamph{
position:absolute;
top:413px;
right:180px;
}

#eco-pamph a{
display:block;
width:154px;
height:60px;
background:url(../../images/eco/bnr-eco.jpg) no-repeat;
text-indent:-9999px;
overflow:hidden;
}

#eco-pamph a:hover{
background:url(../../images/eco/bnr-eco.jpg) no-repeat 0 -60px;
}

/* detail
----------------------------------------------- */
#contents{
padding:0 20px;
}

.box{
position:relative;
margin:5px 0 20px 0;
padding:15px 20px;
background:url(../../images/eco/detail/box-back.jpg) no-repeat;
}

.no-bg{
background:none;
border-top:1px dotted #999999;
}

.no-bgbdr{
background:none !important;
}

.box h4.no-bgbdr{
padding:0 !important;
}

.box h3{
margin:0 0 8px 0;
font-weight:bold;
color:#4d933b;
font-size:120%;
}

.box h3 span{
display:block;
font-size:90%;
color:#4d933b;
letter-spacing:0;
line-height:130%;
}

.box h3 span.near{
margin:0 0 15px 0;
}

.box h4{
margin:0 0 4px 0;
padding:0 0 0 10px !important;
font-size:110%;
font-weight:bold;
background:url(../../images/eco/detail/list-square.gif) no-repeat 0 5px;
}

.box h4.pro-name{
margin:0 0 5px 0 !important;
padding:0 0 0 0.4em !important;
font-size:120%;
font-weight:bold;
border-left:5px solid #4d933b;
text-indent:0;
background:none;
}


.box h5{
font-size:100%;
font-weight:bold;
}

.pro-name img{
margin:0 0 0 5px;
}

.ver-bot{
vertical-align:bottom;
}

.box p{
margin:0 0 1em 0;
}

.disc{
margin:0 0 2em 2em !important;
list-style:disc;
}

.box ul.no-list{
list-style:none;
margin:0.5em 0 2em 0;
}

.box ul, .box ol{
margin:0.5em 0 2em 2em;
padding:0;
}

.box li{
margin:0 0 0.2em 0;
}

.box ul ul{
margin:5px 0 1em 1.5em;
padding:0;
}

.col-box{
clear:both;
margin:0 0 10px 0;
background:url(../../images/eco/detail/v-line.gif) repeat-y center;
}

.flt-box{
clear:both;
margin:0 0 10px 0;
}

.col-2{
padding:0 10px;
width:400px;
float:left;
}

.flt-left{
padding:0 10px;
float:left;
}

.flt-right{
padding:0 10px;
float:right;
}

.w20per{
width:20%;
}

.w30per{
width:30%;
}

.w25per{
width:25%;
}

.w35per{
width:35%;
}

.w45per{
width:45%;
}

.w55per{
width:55%;
}

.w60per{
width:60%;
}

.fig{
text-align:center;
}

.note{
font-size:80%;
}

.img-left{
margin:0 10px 10px 0;
float:left;
}

.img-right{
margin:0 0 10px 10px;
float:right;
}

a.eco-arrow{
padding:2px 24px 2px 0;
background:url(../../images/eco/detail/eco-arrow.gif) no-repeat right;
}

a:hover.eco-arrow{
background:url(../../images/eco/detail/eco-arrow-hover.gif) no-repeat right;
}

/* mark
----------------------------------------------- */
#tv #chap01 .eco-mark{
position:absolute;
left:380px;
top:8px;
}

#tv #chap02 .eco-mark{
position:absolute;
left:520px;
top:8px;
}

#tv #chap03 .eco-mark{
position:absolute;
left:350px;
top:8px;
}

#tv #chap04 .eco-mark{
position:absolute;
left:550px;
top:20px;
}

#car #chap01 .eco-mark{
position:absolute;
left:330px;
top:8px;
}

#car #chap02 .eco-mark{
position:absolute;
left:330px;
top:8px;
}

#car #chap03 .eco-mark{
position:absolute;
left:390px;
top:8px;
}

#car #chap04 .eco-mark01{
position:absolute;
left:400px;
top:220px;
}

#car #chap04 .eco-mark02{
position:absolute;
left:410px;
top:736px;
}

#av #chap01 .eco-mark{
position:absolute;
left:240px;
top:305px;
}

#av #chap02 .eco-mark01{
position:absolute;
left:440px;
top:240px;
}

#av #chap02 .eco-mark02{
position:absolute;
left:389px;
top:410px;
}

#av #chap02 .eco-mark03{
position:absolute;
right:55px;
top:410px;
}

#av #chap03 .eco-mark{
position:absolute;
left:600px;
top:260px;
}

#av #chap04 .eco-mark{
position:absolute;
left:400px;
top:80px;
}

#av #chap05 .eco-mark{
position:absolute;
left:420px;
top:100px;
}

#port #chap01 .eco-mark{
position:absolute;
right:120px;
top:575px;
}

#port #chap02 .eco-mark{
position:absolute;
right:216px;
top:500px;
}

#port #chap03 .eco-mark{
position:absolute;
right:260px;
top:120px;
}

#port #chap03 .down-img{
position:absolute;
right:160px;
top:290px;
}

#port #chap04 .eco-mark{
position:absolute;
left:450px;
top:400px;
}

#port #chap05 .eco-mark{
position:absolute;
left:200px;
top:60px;
}

#tv .arm-mark{
position:absolute;
left:460px;
top:30px;
}

#car .arm-mark, #av .arm-mark{
position:absolute;
right:15px;
top:10px;
}

#dsc #chap01 .down-img01{
position:absolute;
left:365px;
top:260px;
}

#dsc #chap01 .down-img02{
position:absolute;
left:365px;
top:550px;
}

#dsc #chap02 .eco-mark{
position:absolute;
left:470px;
top:60px;
}

#dsc #chap03 .eco-mark{
position:absolute;
left:400px;
top:30px;
}

#oa #chap02 .eco-mark01{
position:absolute;
right:60px;
top:220px;
}

#oa #chap02 .eco-mark02{
position:absolute;
left:370px;
top:405px;
}

#led #chap01 .eco-mark{
position:absolute;
right:285px;
top:60px;
}

#solar #chap01 .eco-mark{
position:absolute;
left:220px;
top:35px;
}

#inverter #chap01 .eco-mark{
position:absolute;
left:410px;
top:350px;
}

#power #chap01 .eco-mark01{
position:absolute;
left:390px;
top:50px;
}

#power #chap01 .eco-mark02{
position:absolute;
left:335px;
top:245px;
}

#power #chap02 .eco-mark{
position:absolute;
right:20px;
top:85px;
}

#discrete #chap01 .eco-mark{
position:absolute;
left:300px;
top:160px;
}

#discrete #chap02 .eco-mark{
position:absolute;
left:260px;
top:35px;
}

#sensor #chap01 .eco-mark{
position:absolute;
left:470px;
top:15px;
}

#sensor #chap02 .eco-mark{
position:absolute;
left:400px;
top:330px;
}

#sensor #chap03 .eco-mark{
position:absolute;
left:240px;
top:40px;
}

#board #chap01 .eco-mark{
position:absolute;
right:190px;
top:190px;
}

#board #chap02 .eco-mark{
position:absolute;
left:420px;
top:8px;
}

#board #chap03 .eco-mark{
position:absolute;
left:20px;
top:375px;
}

/* table
----------------------------------------------- */
table{
margin:0 0 10px 0;
width:100%;
border:2px solid #677741;
border-collapse:collapse;
font-size:90%;
}

caption{
margin:0 0 2px 0;
font-size:110%;
font-weight:bold;
text-align:left;
}

th{
padding:6px;
color:#ffffff;
background:#677741;
text-align:center;
border:1px solid #ffffff;
}

td{
padding:6px;
border:1px solid #677741;
}

.bg-yb{
background:#EFEDE0;
}

.bg-sp{
background:#fbdac8;
}

.bg-yg{
background:#d5ead8;
}

.bg-ora{
background:#f7b24a;
}

.bg-bred{
background:#ab1e23;
color:#ffffff;
font-weight:bold;
}

td ul{
margin:0 0 0 1em !important;
padding:0;
}

.even{
background:#E7F3CA;
}

.txt-center{
text-align:center;
}

.txt-left{
text-align:left;
}

.eco-top{
clear:both;
margin:15px 0 !important;
}

.eco-top a{
display:block;
margin:0 auto;
width:266px;
height:28px;
background:url(../../images/eco/detail/eco-top.gif) no-repeat;
text-indent:-9999px;
overflow:hidden;
}

.eco-top a:hover{
background:url(../../images/eco/detail/eco-top.gif) no-repeat 0 -28px;
}

.eco-link a{
display:inline-block;
margin:0 3px 0 0;
padding:0 8px 0 0;
height:28px;
line-height:28px;
color:#ffffff;
background:url(../../images/eco/detail/eco-link.gif) no-repeat right top;
}

.eco-link a span{
display:block;
padding:0 0 0 30px;
background:url(../../images/eco/detail/eco-link.gif) no-repeat left -28px;
font-size:110%;
font-weight:bold;
}

.eco-link a:hover{
background:url(../../images/eco/detail/eco-link.gif) no-repeat right -56px;
}

.eco-link a:hover span{
background:url(../../images/eco/detail/eco-link.gif) no-repeat 0 -84px;
}

#car #chap03 .eco-link{
position:absolute;
right:20px;
bottom:100px;
}

#car #chap04 .eco-link{
position:absolute;
right:30px;
bottom:50px;
}

#av #chap01 .eco-link{
position:absolute;
right:30px;
bottom:-25px;
}

#av #chap02 .eco-link{
position:absolute;
right:20px;
bottom:60px;
}

#port #chap04 .eco-link{
position:absolute;
right:20px;
bottom:50px;
}

#port #chap04 .eco-top{
margin:50px auto 0 auto !important;
}

#dsc #chap01 .eco-top{
margin:30px auto 0 auto !important;
}

#dsc #chap01 .eco-link{
position:absolute;
left:30px;
top:430px;
}

#oa #chap01 .eco-link{
position:absolute;
right:20px;
top:15px;
}

#inverter #chap01 .eco-top{
margin:40px auto 0 auto !important;
}

#inverter #chap01 .eco-link{
position:absolute;
right:20px;
bottom:40px;
}

#solar #chap01 .eco-top{
margin:50px auto 0 auto !important;
}

#solar #chap01 .eco-link{
position:absolute;
right:20px;
bottom:40px;
}

#power #chap03 .eco-link{
position:absolute;
right:20px;
bottom:50px;
}

#discrete #chap01 .eco-link{
position:absolute;
right:20px;
top:15px;
}

#board #chap04 .eco-link{
position:absolute;
right:20px;
bottom:55px;
}

#board #chap02 .eco-link{
position:absolute;
right:20px;
bottom:55px;
}

#board #chap03 .eco-link{
position:absolute;
right:20px;
bottom:55px;
}

#sensor #chap02 .eco-link{
position:absolute;
right:20px;
bottom:-25px;
}

#sensor #chap03 .eco-link{
position:absolute;
left:30px;
bottom:90px;
}

.w85per{
width:85%;
}


/* localnavi (top)
----------------------------------------------- */
.adjust01{
margin:-25px 0 0 0 !important;
}

.adjust02{
margin:0 0 0 7.2em;
}

.adjust02-2{
margin:0 0 0 7.2em;
font-weight:bold;
color:#cf0000;
}

.adjust03{
margin:0 0 10px -15px;
background:url(../../images/eco/detail/v-line.gif) repeat-y 420px 0;
}

.adjust04{
margin:25px 0 0 0 !important;
}

.adjust05{
margin:0 0 0 12.65em;
}

.adjust06{
margin:0 0 0 4.6em;
}

.adjust07{
padding:0 0 0 8.7em;
text-indent:-8.7em;
}

.adjust08{
position:absolute;
right:30px;
top:560px;
}

.adjust09{
margin:0 0 30px 0;
}

.adjust10{
margin:60px 0 0 0 !important;
}

.adjust11{
margin:0 0 10px 100px;
}

.adjust12{
margin:0 0 70px 0 !important;
}

.let-bld{
font-weight:bold;
}

.let-red{
color:#cf0000;
}

.let-bred{
font-weight:bold;
color:#cf0000;
}

.let-bblue{
color:#1e2188;
font-weight:bold;
}

.let-bl{
color:#000000 !important;
}

sup{
font-size:120%;
}

.let-80{
font-size:80% !important;
}


.area:after, .box:after, .col-box:after, .flt-box:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}