@charset "utf-8";
@import "base.css";

div#container {
}

div#main {
    overflow: hidden;
}
	ul.extra-recommend {
	list-style-type: none;
	overflow: hidden;
	}
	ul.extra-recommend li {
	float: left;
	width:385px;
	padding:10px;
	}
	ul.extra-recommend li span {
	color: #CC0000;
	}
	ul.extra-recommendsub {
	list-style-type: none;
	overflow: hidden;
	}
	ul.extra-recommendsub li {
	float: left;
	width:385px;
	padding:10px;
	}
	ul.extra-recommendsub li span {
	color: #CC0000;
	}

div#header {
    z-index: 0;
}

#topimage {
	background:#000;
	margin:0 auto;
	width:850px;
    z-index: 10;
}

div.recommend-menu {
    margin: 10px 0 0 5px;
    width: 400px;
    height: 300px;
    background: url(../images/bg_recommend_menu.png) top left no-repeat;
    float: left;
    position: relative;
    display: inline;
}
div.recommend-menu h3 {
    position: absolute;
    top: 30px;
    left: 50px;
    color: #C00;
    font-size: 1.4em;
}
div.recommend-menu p {
    position: absolute;
    top: 70px;
    right: 10px;
    color: #C00;
}
div.recommend-menu ul {
    position: absolute;
    top: 70px;
    left: 30px;
    list-style-type: none;
}
div.recommend-menu ul li {
}

div.recommend-menu2 ul {
	position: absolute;
	top: 140px;
	left: 210px;
	list-style-type: none;
	width: 165px;
}
div.recommend-menu2 ul li {
}

p#recommend-menu-notice {
    text-align: right;
    color: #F00;
}

div.recommend-menuDX {
    margin: 10px 0 0 5px;
    width: 800px;
    height: 330px;
    background: url(../images/bg_recommend_menu_800.png) top left no-repeat;
    float: left;
    position: relative;
    display: inline;
}
div.notext {
    height: 262px;
    background: url(../images/bg_recommend_menu_notext_80.png) top left no-repeat;
}

div.recommend-menuDX h3 {
    position: absolute;
    top: 31px;
    left: 30px;
    color: #C00;
    font-size: 1.4em;
}
div.recommend-menuDX p {
    position: absolute;
    top: 256px;
    right: 70px;
    color: #C00;
}
div.recommend-menuDX ul {
	position: absolute;
	top: 255px;
	left: 59px;
	list-style-type: none;
	width: 430px;
}
div.recommend-menuDX ul li {
}


span.bold {
	font-weight:bold;
	font-size:14px;
    color: #F00;
}

div.news, div.blog, div.banners {
    margin: 10px 0 0 5px;
    width: 260px;
    float: left;
}
div.news p, div.blog p {
    margin: 5px 0px 0px 0px;
}

div.banners dl {
    overflow: hidden;
}
div.banners dl dt {
    width: 85px;
    float: left;
}
div.banners dl dd {
    margin: 10px 0 0;
    width: 150px;
    float: left;
}
div.banners p{
    margin: 0 0 5px;
}