@charset "iso-8859-1";


dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,p,img{

padding:0;
margin:0;
border:0;
}

/*top*/

#maincontents{
width:768px;
height:457px;
border:1px solid #CCCCCC;
border-bottom:none;
background:url(../img/bg_top.jpg) no-repeat top;
font-size:12px;
color:#4F4F4F;
line-height:140%;

}

#maintitlearea{
width:371px;
float:left;
padding:100px 0 0 40px;
}

#newsarea{
width:281px;
float:right;
padding:150px 32px 0 0;
}

#maintitlearea h1{
padding:0 0 0 49px;
}

#maintitlearea .ecoideaimg{
padding:12px 0 12px 78px;
}
#maintitlearea .ecoideacap{
font-weight:bold;
width:371px;
text-align:center;
}



#newsarea .newstxt{
overflow:visible;
width:281px;
height:113px;
background:url(../img/bg_news.jpg) no-repeat center top;

}

#newsarea .newstxt .txt{
padding:10px 20px 0 25px;
line-height:135%;
color:#FFFFFF;
}

#newsarea .newstxt .moreinfo{
padding:5px 0 0 0;
text-align:center;
}

#newsarea .newsbottom{
width:251px;
height:30px;
background:url(../img/img_newsbottom.jpg) no-repeat left top;

}
#gnavi{
background:url(../img/bg_navi.jpg) center top;
list-style:none;
width:759px;
height:56px;
border:1px solid #CCCCCC;
padding:0 0 0 9px;
border-top:none;
margin-bottom:25px;





}
#gnavi li{
width:150px;
float:left;
}


/*middle*/



#middle #maincontents{
background:url(../event_info/img/bg.jpg) no-repeat top;
}

#middle #maincontents .lefttitle{
width:161px;
height:30px;
padding:16px 0 0 20px;
float:left;
}

#middle #maincontents .righttitle{
width:129px;
height:22px;
padding:20px 0 0 365px;
float:left;
}

#middle #maincontents .rightlogo{
width:72px;
height:48px;
padding:7px 0 0 0;
float:left;
}

#middle #maincontents h1{
clear:both;
width:727px;
padding:6px 0 0 20px;
margin:0;

}

#contentsleave{
width:658px;
height:286px;
padding:30px 55px 0 55px;
}

/*event info*/


#contentsleave .textarea02{
width:380px;
float:left;
}

#contentsleave .textarea02 h2{
font-size:26px;
color:#188712;

line-height:1.2em;
}

#contentsleave .textarea02 .h2cap{
font-size:18px;
color:#4E4A49;
padding-bottom:10px;
}


#contentsleave .imgarea{
width:244px;
float:right;
}

#contentsleave .infobutton {
list-style:none;
padding-top:15px;
padding-right:12px;
}

#contentsleave .infobutton li{
width:103px;
height:21px;
padding-left:10px;
float:right;
}

/*eco links*/


#middle #maincontents .clear02{
clear:both;
padding:6px 0 0 0;

}

#middle #maincontents .linkscap{

width:691px;
height:48px;
background:url(../eco_links/img/bg_cap.jpg) center top;
font-size:14px;
font-weight:bold;
color:#FFFFFF;
margin:0 0 0 20px;
padding:13px 0 0 36px;

}


#contentsleave .links{
width:288px;

}

#contentsleave .links h2{
font-size:18px;
font-weight:bold;
padding-bottom:3px;
color:#188712;
}

#contentsleave .links p{

padding:0 0 20px 10px;

}

#contentsleave .links p a{
display:block;
padding:0 0 0 18px;
background:url(../eco_links/img/nw.jpg) no-repeat center left;
text-decoration:none;
color:#919191;
}

#contentsleave .links p a:hover{
text-decoration:underline;
}

#contentsleave .l{
float:left;
}
#contentsleave .r{
float:right;
padding-right:20px;
}


#middle .uc_tec{


width:768px;
height:457px;
border:1px solid #CCCCCC;
border-bottom:none;
background-color:#CCCCCC;
background:url(../eco_technology/img/dummytitle.jpg) no-repeat center top #CCCCCC;
text-align:center;

}

#middle .uc_quiz{


width:768px;
height:457px;
border:1px solid #CCCCCC;
border-bottom:none;
background:url(../eco_quiz/img/dummytitle.jpg) no-repeat center top #CCCCCC;
text-align:center;

}


/*technology*/

#middle #maincontents02{
width:768px;
height:457px;
border:1px solid #CCCCCC;
border-bottom:none;
background:url(../eco_technology/img/bg.jpg) no-repeat top;
font-size:12px;
color:#4F4F4F;
line-height:140%;



}

#middle #maincontents02 .lefttitle{
width:324px;
height:35px;
padding:16px 0 0 20px;
float:left;
}

#middle #maincontents02 .righttitle{
width:129px;
height:22px;
padding:20px 0 0 201px;
float:left;
}

#middle #maincontents02 .rightlogo{
width:72px;
height:48px;
padding:7px 0 0 0;
float:left;
}


#middle #maincontents02 #technology_top{
clear:both;
height:395px;
padding:6px 0 0 0;
}


#middle #maincontents02 #technology_top .leftcaption{
width:377px;
padding:257px 0 0 20px;
float:left;
}

#middle #maincontents02 #technology_top .rightnavi{
list-style:none;
width:301px;
padding:170px 49px 0 0;
float:right;

}

#middle #maincontents02 #technology_top .rightnavi li{
height:31px;
padding:0 0 15px 0;

}

#middle #maincontents02 #technology_top .uvcap{
clear:both;
padding:17px 0 0 400px;
height: 0px;


}


#middle #maincontents03{
width:768px;
height:457px;
border:1px solid #CCCCCC;
border-bottom:none;
background:url(../eco_technology/img/bg02.jpg) no-repeat top;
font-size:12px;
color:#4F4F4F;
line-height:140%;



}

#middle #maincontents03 .lefttitle{
width:324px;
height:35px;
padding:16px 0 0 20px;
float:left;
}

#middle #maincontents03 .righttitle{
width:129px;
height:22px;
padding:20px 0 0 201px;
float:left;
}

#middle #maincontents03 .rightlogo{
width:72px;
height:48px;
padding:7px 0 0 0;
float:left;
}


#middle #maincontents03 #technology_top{
clear:both;
height:395px;
padding:6px 0 0 0;
}

#middle #maincontents03 #technology_top .leftcaption{
width:431px;
padding:23px 0 0 20px;
float:left;
}

#middle #maincontents03 #technology_top .rightnavi{
list-style:none;
width:242px;
padding:20px 30px 0 0;
float:right;

}

#middle #maincontents03 #technology_top .rightnavi li{
height:27px;
padding:32px 0 2px 0;
float:left;
}



#middle #maincontents03 #technology_top .imgbox{
clear:both;
width:718px;
padding:10px 0 0 26px;
}

#middle #maincontents03 #technology_top .imgbox_l{

float:left;
}

#middle #maincontents03 #technology_top .imgbox_r{
float:right;
}

#middle #maincontents03 #technology_top .uvcap{
clear:both;
padding:0;
height: 0px;
}


/*ecoglobe*/


#middle #maincontents05{
width:768px;
height:457px;
border:1px solid #CCCCCC;
border-bottom:none;
background:url(../eco_globe/img/bg.jpg) no-repeat top;
font-size:12px;
color:#4F4F4F;
line-height:140%;

}

#middle #maincontents05 .lefttitle{
width:314px;
height:30px;
padding:16px 0 0 20px;
float:left;
}

#middle #maincontents05 .righttitle{
width:129px;
height:22px;
padding:20px 0 0 210px;
float:left;
}

#middle #maincontents05 .rightlogo{
width:72px;
height:48px;
padding:7px 0 0 0;
float:left;
}

#middle #maincontents05 #ecoglobe{
clear:both;
height:395px;
padding:6px 0 0 0;

}

#middle #maincontents05 #ecoglobe .getflash{
height:249px;
padding:146px 0 0 0;
background:url(../eco_globe/img/bg02.jpg) no-repeat center top;
}

#middle #maincontents05 #ecoglobe .getflash p{
text-align:center;
padding-bottom:10px;
}



/*ecoquiz*/

#middle #maincontents04{
width:768px;
height:457px;
border:1px solid #CCCCCC;
border-bottom:none;
background:url(../eco_quiz/img/bg.jpg) no-repeat center top;
font-size:12px;
color:#4F4F4F;
line-height:140%;

}

#middle #maincontents04 .lefttitle{
width:161px;
height:32px;
padding:16px 0 0 20px;
float:left;
}

#middle #maincontents04 .righttitle{
width:129px;
height:22px;
padding:20px 0 0 364px;
float:left;
}

#middle #maincontents04 .rightlogo{
width:72px;
height:48px;
padding:7px 0 0 0;
float:left;
}

#middle #maincontents04 #ecoquiz{
clear:both;
height:395px;
padding:6px 0 0 0;
}



#middle #maincontents04 #ecoquiz .getflash{
height:249px;
padding:146px 0 0 0;
background:url(../eco_quiz/img/bg02.jpg) no-repeat center top;
}

#middle #maincontents04 #ecoquiz .getflash p{
text-align:center;
padding-bottom:10px;
}