#genre h2 {
	font-size: 30px;
	background: url("../img/list/s_blue.gif") no-repeat left top;
	padding:10px 30px ;
}
#genre div#list_bg {
	overflow: hidden;
	background: url("../img/list/bg_920.gif") no-repeat left top;
	margin: 5px 0 10px 0;
}
#genre div#list_bg_bottom {
	clear: both;
	background: url("../img/list/bg_920.gif") no-repeat left bottom;
	height: 10px;
	text-indent: -9999px;
	
}
#genre ul#top_genre {
	/**
	width: 610px;
	**/
	
	margin: 30px 0 30px 20px;
	list-style: none;
	float: left;
	}
* html #genre ul#top_genre {
	margin: 30px 0 30px 10px;
}
#genre ul#top_genre li {
	width: 270px;
	float: left;
	margin: 0 0 0 0px;
}
* html #genre ul#top_genre li {
	margin: 0 0 0 0px;
}
#genre ul#top_genre li a{
	width: 270px;
	font-weight: bold;
	font-size: 16px;
	display:block;
	background: url("../img/common/list_o_01.gif") no-repeat left center;
	padding:4px 0 4px 25px ;
}
#genre div#list_bg .ads_right {
	margin: 25px 30px 0 10px;
	float: right;
	width: 250px;
}
* html #genre div#list_bg .ads_right {
	margin: 25px 15px 0 10px;
}
#genre #right_genre {
	margin-top:39px ;
	width: 250px;
	float: right;
}
#genre #right_genre ul {
	list-style: none;
}
#genre #right_genre ul li a{
	display: block;
	width: 209px;
	background: url("../img/common/list_o_01.gif") no-repeat left center;
	padding:4px 0 4px 25px ;
	border-bottom: 1px dotted #AAA;
}
#genre #right_genre ul li a:hover {
	background:#EEE url("../img/common/list_o_01.gif") no-repeat left center;
	font-weight: bold;
}

#genre #right_genre ul li.genre_title {
	background:#005871 url("../img/list/bar_bg02.gif") repeat-x left top;
	border-top: 1px solid #878161;
	color: #FFF;
	font-weight: bold;
	padding: 5px 10px;
}
#genre #right_genre .area_link {
	margin:10px 0;
}
#genre #right_genre .area_link a{
	display:block;
	width:230px;
	height:74px;
	overflow:hidden;
	background:url("../img/list/list_side_btn.gif") no-repeat center center;
	border:2px solid #DDD;
	text-indent:-9999px;
}
#genre #right_genre .area_link a:hover{
	border:2px solid #2780c0;
}

#genre dl {
	width: 660px;
}
#genre dl dt {
	font-size: 30px;
	color: #aaaaaa;
	font-weight: bold;
	padding: 10px 0;
}
#genre dl dd {
}
#genre dl dd dl {
	margin-bottom: 10px;
}
#genre dl dd dl dt {
	padding: 5px 10px;
	font-size: 16px;
	color: #333;
	font-weight: bold;
	background: url("../img/list/bar_bg01.gif") repeat-x left top;
	border-top: 1px solid #878161;
}
#genre dl dd dl dt span {
	font-size: 12px;
	color: #999;
	padding-left:10px;
}

#genre dl dd dl dd {
	background: url("../img/list/list02.gif") no-repeat 5px center;
	padding:2px 20px ;
	font-weight: bold;
}
a.r_top {
	text-align: right;
	margin: 0 ;
		margin-top: -8px;
	clear: both;
	font-size: 11px;
	padding: 0 ;
}
/****************profile表示******************/

#html_layer_rear{
	position: fixed;
	_position: absolute;
	z-index: 1000;
	top: 0px;
	left: 0px;
	width: 100%;
	background: #111;
	filter: alpha(opacity=40);
	-moz-opacity: 0.40;
	opacity: 0.40;
}
#html_layer_front{
	position: fixed;
	_position: absolute;
	z-index: 1001;
	overflow-x: hidden;
	overflow-y: auto;
	top: 0px;
	width: 820px;
}

*:first-child+html #html_layer_front {/***IE7 Huck***/
	padding-right: 8px;
}

* html #html_layer_front {/***IE6 Huck***/
	background: #FFF;
	width: 850px;
	padding-left: 10px;
}
