@charset "utf-8";

/* ===== import basic style ===== */
@import "base.css";
@import "common.css";
@import "navi.css";
@import "font.css";

/* enhance setting */
@import "local.css";



/* ===== category style ===== */
.area_main {}

.area_main .section {}
.area_main .section h2 {display: none;}

.contents h1 {margin-bottom: 16px;}



/* ----- month navigation ----- */
#genrenavi {
	margin: 0px 0px 24px;
	height: 32px;
	background: url(../img/links/navi_bg.gif) left bottom no-repeat;
	zoom: 1;
}
#genrenavi:after {
	content: ".";
	display: block;
	clear: both;
	height: 0px;
	visibility: hidden;
}/* for modern browser */
#genrenavi li {float: left; margin: 0px 1px 0px 0px; width: 80px; height: 27px;}

#genrenavi li a {
	display: block;
	width: 80px;
	height: 27px;
	text-decoration: none;
	text-indent: -10000px;
	overflow: hidden;
	background: url(../img/links/navi.png) 0px 5px no-repeat;
}
	#genrenavi li a:hover {background-position: 0px -22px;}
		.now-all#genrenavi li a,
		.now-all#genrenavi li a:hover {background-position: 0px -49px;}

	#genrenavi li.genre1 a {background-position: -80px 5px;}
		#genrenavi li.genre1 a:hover {background-position: -80px -22px;}
			.now1#genrenavi li.genre1 a,
			.now1#genrenavi li.genre1 a:hover {background-position: -80px -49px;}
	#genrenavi li.genre2 a {background-position: -160px 5px;}
		#genrenavi li.genre2 a:hover {background-position: -160px -22px;}
			.now2#genrenavi li.genre2 a,
			.now2#genrenavi li.genre2 a:hover {background-position: -160px -49px;}
	#genrenavi li.genre3 a {background-position: -320px 5px;}
		#genrenavi li.genre3 a:hover {background-position: -320px -22px;}
			.now3#genrenavi li.genre3 a,
			.now3#genrenavi li.genre3 a:hover {background-position: -320px -49px;}
	#genrenavi li.genre4 a {background-position: -400px 5px;}
		#genrenavi li.genre4 a:hover {background-position: -400px -22px;}
			.now4#genrenavi li.genre4 a,
			.now4#genrenavi li.genre4 a:hover {background-position: -400px -49px;}
	#genrenavi li.genre5 a {background-position: -480px 5px;}
		#genrenavi li.genre5 a:hover {background-position: -480px -22px;}
			.now5#genrenavi li.genre5 a,
			.now5#genrenavi li.genre5a:hover {background-position: -480px -49px;}
	#genrenavi li.genre6 a {background-position: -240px 5px;}
		#genrenavi li.genre6 a:hover {background-position: -240px -22px;}
			.now6#genrenavi li.genre6 a,
			.now6#genrenavi li.genre6 a:hover {background-position: -240px -49px;}



/* ----- link sites list ----- */
#sitelist {}

#sitelist dl {margin: 0px 2px;}
#sitelist dl dt {margin: 0px 0px 5px; font-weight: bold;}
#sitelist dl dd {margin: 0px 0px 5px; font-size: 13px;}
	#sitelist dl dd.url {margin: 0px 0px 18px; color: #009933;}