@charset "utf-8";

/*
--------------------------------------------------------
layout
--------------------------------------------------------
*/
div#wrapper{
background:url(../img/season/index_wrapper_background.jpg) no-repeat 0 0;
}
div#body{
padding:0;
height:680px !important;
}
div#contents_navigation{
padding:60px 0 0 0;
}
div#contents_navigation dl dd.search{
height:105px;
}


/*
--------------------------------------------------------
contents
--------------------------------------------------------
*/
div#body{
position:relative;
}
div#body p.topimage{
width:390px;
padding:10px 0 0 10px;
}
div#body ul.navigation{
width:190px;
position:absolute;
top:50px;
right:0;
list-style:none;
padding:0;
}
div#body ul.navigation li{
padding:0;
margin:0 0 6px 0;
}
div#body ul.navigation li.beetle{
position:absolute;
left:-230px;
top:-60px;
}
div#body ul.navigation li.debut{
position:absolute;
left:-120px;
top:15px;
}
div#body ul.navigation li.beetleid{
position:absolute;
left:-221px;
top:110px;
}
div#body ul.navigation li.elbeet{
position:absolute;
left:-105px;
top:245px;
}
div#body ul.navigation li.natural{
position:absolute;
left:-220px;
top:360px;
}
div#body ul.navigation li.control{
position:absolute;
right:0;
top:380px;
}


/* blog */
div.blog{
/*display:block;
overflow:visible;
position:absolute;
top:580px;
left:10px;*/
margin:0 0 0 50px;
width:330px !important;
height:80px !important;
padding:0;
background:none;
color:#fff;
font-size:84%;
}
div.blog h2{
position:absolute;
left:430px;
bottom:50px;
margin:0;
padding:0;
background:none;
border:none;
}
div.blog ul{
list-style:none;
margin:0;
padding:18px 0 0 0;
}
div.blog ul li{
width:330px;
height:60px;
overflow:none;
padding:0;
background:none;
}
div.blog ul li a,
div.blog ul li a:link,
div.blog ul li a:visited,
div.blog ul li a:hover,
div.blog ul li a:active{
color:#fff;
}
div.blog ul li a:hover{
text-decoration:none;
}
#prevBtn,
#nextBtn{
display:block;
position:absolute;
bottom:55px;
left:20px;
width:15px;
height:15px;
margin:0;
padding:0;
overflow:hidden;
text-indent:-9999px;
}
#nextBtn{
left:400px;
}
#prevBtn a,
#nextBtn a{
display:block;
width:15px;
height:15px;
background:url(../img/index_blog_prev.gif) no-repeat 0 0;	
}
#nextBtn a{ 
background:url(../img/index_blog_next.gif) no-repeat 0 0;	
}