@charset "UTF-8";

@import "layout.css";


/* #topmain
----------------------------------------------------------------------------- */

#topmain{
background-image:url(../img/top/bk_main.jpg);
background-repeat:repeat-x;
border-bottom-color:#CCCCCC;
border-bottom-style:solid;
border-bottom-width:1px;
}

#topmain div{
width:955px;
margin-left:auto;
margin-right:auto;
}



/* .news
----------------------------------------------------------------------------- */

#contents .news{
width:420px;
background-color:#fbd7d7;
border-color:#F9BFBF;
border-width:1px;
boreder-style:solid;
padding:5px;
margin-top:20px;
float:left;
margin-bottom:20px;
}



#contents .news h3{
background-image:url(../img/top/title_news.jpg);
width:390px;
height:25px;
padding-left:30px;
padding-top:5px;
border:none;
margin-bottom:0px;
color:#333333;
font-size:100%;
font-weight:bold;
}

#contents .news p{
background-image:url(../img/top/btn_list01.gif);
width:49px;
height:16px;
margin-left:auto;
margin-right:10px;
margin-top:-25px;
margin-bottom:10px;
text-indent:-9999px;
}

#contents .news p a{
display:block;
width:49px;
height:16px;
}

#contents .news dl{
widows:640px;
background-color:#FFFFFF;
padding:10px;
overflow:scroll;
height:130px;
}

#contents .news dt{
float:left;
width:70px;
clear:both;
font-size:10px;
}

#contents .news dt,
#contents .news dd{
padding-bottom:5px;
padding-top:5px;

}

#contents .news dd{
border-bottom-color:#CCCCCC;
border-bottom-style:dotted;
border-bottom-width:1px;
font-size:13px;
}

#contents .news dd a{
text-decoration:none;
}



/* #bn
----------------------------------------------------------------------------- */

#topbn{
margin-top:20px;
width:231px;
float:right;
padding-top:10px;
}

#topbn p a{
text-indent:-9999px;
display:block;
width:231px;
margin-left:auto;
margin-right:auto;
margin-bottom:10px;
}

#topbn .first a{
background-image:url(../img/bn_first.jpg);
height:51px;
}

#topbn .eco a{
background-image:url(../img/bn_eco.jpg);
height:51px;
}

#topbn .hoy2009 a{
background-image:url(../img/top/bnr_hoy2009.gif);
height:63px;
}

#topbn .kojyo a{
background-image:url(../img/bn_kojyo.jpg);
height:52px;
}

#topbn .el a{
background-image:url(../img/top/bn_el.jpg);
height:52px;
}

/* .bunjyo
----------------------------------------------------------------------------- */

#contents .bunjyo{
margin-top:30px;
clear:both;
}


*html #contents .bunjyo,
*+html #contents .bunjyo{
margin-top:10px;
}

#contents .bunjyo p{
background-image:url(../img/top/btn_list02.gif);
width:49px;
height:16px;
margin-left:auto;
margin-right:10px;
margin-top:-33px;
margin-bottom:18px;
text-indent:-9999px;
}

#contents .bunjyo p a{
display:block;
width:49px;
height:16px;
}

#contents .bunjyo ul{
margin-top:-10px;
margin-left:10px;
}

#contents .bunjyo li.bk{
background-color:#EBEBEB;
}

#contents .bunjyo li{
height:60px;
margin-top:10px;
float:left;
margin-right:10px;
width:310px;
font-size:12px;
background-color:#EBEBEB;
padding:5px;
height:50px;
}

#contents .bunjyo li .left{
float:left;
width:150px;
}


#contents .bunjyo a{
text-decoration:none;
}

#contents .bunjyo li img{
margin-right:3px;
margin-bottom:3px;
}
#contents .bunjyo li span img{
clear:both;
float:left;
margin-right:10px;
}

/* .product
----------------------------------------------------------------------------- */

#contents .product{
width:320px;
margin-top:30px;
float:left;
margin-right:10px;
margin-bottom:40px;
}

#contents .product h4{
width:320px;
}

#contents .product img{
margin-left:5px;
}

#contents .product h5{
margin-bottom:5px;
margin-top:10px;
}

#contents .product p{
font-size:14px;;
}


/* .otaku
----------------------------------------------------------------------------- */

#contents .otaku{
width:320px;
margin-top:30px;
float:right;
}

#contents .otaku h4{
width:310px;
}

#contents .otaku ul{
margin-left:5px;
}

#contents .otaku li{
border-bottom-color:#CCCCCC;
border-bottom-style:dotted;
border-bottom-width:1px;
padding-bottom:10px;
padding-top:10px;
height:90px;
font-size:14px;
}

#contents .otaku li img{
float:left;
margin-right:10px;
clear:both;
}

#contents .otaku li h5{
font-weight:normal;
margin-bottom:10px;
}

#contents .otaku li  h5 div{
background-image:url(../img/ic_anime.gif);
background-repeat:no-repeat;
height:10px;
width:31px;
text-indent:-9999px;
margin-left:110px;
margin-bottom:5px;
}

*html #contents .otaku li  h5 div{
margin-bottom:0px;
}

#contents .otaku p{
background-image:url(../img/top/btn_list02.gif);
width:49px;
height:16px;
margin-left:auto;
margin-right:10px;
margin-top:-33px;
text-indent:-9999px;
margin-bottom:20px;
}

#contents .otaku p a{
display:block;
width:49px;
height:16px;
}