@charset "utf-8";
/* CSS Document */

/*
==============================================

 series.html
 genre.html

==============================================
*/

/*各ページのトップタイトル h1*/

.title_list_series, .title_list_genre, .title_list_author{
	width: 129px;
	height: 22px;
	margin: 9px 0 0 0;
	text-indent: -9999px;
	font-size: xx-small;}

.title_list_series{
	background: url(img/top-title_seriesList.gif) no-repeat;}

.title_list_genre{
	background: url(img/top-title_genreList.gif) no-repeat;}

.title_list_author{
	background: url(img/top-title_authorList.gif) no-repeat;}




/*各ページのサブタイトル h2*/

.list-title_bg {
	width: 713px;
	height: 34px;
	background: url(img/title_list_bg.jpg) no-repeat;
	clear: both;
	margin:10px 0 12px 0;
}

p.pub_series{
	text-align:right;
	margin:15px 5px 0 0;}

.starmark{
	color:#818058;}

.overseas, .japanese,
.occult, .art,
.history, .lang,
.budd, .shinto,
.nature, .economy{
	width: 713px;
	height: 34px;
	text-indent: -9999px;
	font-size: xx-small;}

.overseas{
	background:url(img/overseas.gif) 50% 30% no-repeat;}
.japanese{background:url(img/japanese.gif) 50% 30% no-repeat;}
.occult{background: url(img/occult.gif) 50% 30% no-repeat;}
.art{background: url(img/art.gif) 50% 30% no-repeat;}
.history{background: url(img/history.gif) 50% 30% no-repeat;}
.lang{background: url(img/lang.gif) 50% 30% no-repeat;}
.budd{background: url(img/budd.gif) 50% 30% no-repeat;}
.shinto{background: url(img/shinto.gif) 50% 30% no-repeat;}
.nature{background: url(img/nature.gif) 50% 30% no-repeat;}
.economy{background: url(img/economy.gif) 50% 30% no-repeat;}



/* subSeriesMenu
--------------------*/
#subSeries .subSeriesMenu{
	width: 700px;
	clear: both;
	text-align:left;
	margin:10px 0 0 0;
}
#subSeries .subSeriesMenu li {
	display: inline;
}

#subSeries .subSeriesMenu li img {
	float:left;
	display: inline;
}


.listW{
	margin-bottom:25px;
	}


.listL{
	width:350px;
	float:left;
	}

.listR{
	width:350px;
	float:right;}

.listN{
	width:350px;
	clear:both;
	padding-top:1px;
	}

ul.list01{
	float:left;
	margin-left:0px;
	width:350px;}

ul.list03{
	float:left;
	margin-left:0px;}



/*各カテゴリのジャンル h3*/

.list-genre_bg{
	width: 350px;
	height: 26px;
	background-color:#C2C19E;
	clear: both;
	margin:0 0 12px 0;
}

.series_101, .series_102, .series_103, .series_104, .series_105, .series_107, .series_108, .series_109, .series_110, .series_111, .series_112, .series_113, .series_114, .series_118,
.series_201, .series_203, .series_204, .series_205, .series_206, .series_207, .series_208, .series_210, .series_212,
.series_301,
.series_401, .series_402, .series_405, .series_406, .series_408, .series_409, .series_410, .series_414,
.series_501, .series_502, .series_503, .series_504, .series_505, .series_506, .series_507, .series_509, .series_510, .series_511, .series_512, .series_513, .series_514, .series_516, .series_517,
.series_601, .series_602, .series_603, .series_606, .series_609,
.series_702, .series_704, .series_705, .series_706, .series_710, .series_711, .series_713,
.series_805,
.series_1002{
	width: 350px;
	height: 26px;
	text-indent: -9999px;
	font-size: xx-small;}

.series_101, .series_201{ background: url(img/series_101.gif) 50% 50% no-repeat;}
.series_102{ background: url(img/series_102.gif) 50% 50% no-repeat;}
.series_103{ background: url(img/series_103.gif) 50% 50% no-repeat;}
.series_104{ background: url(img/series_104.gif) 50% 50% no-repeat;}
.series_105{ background: url(img/series_105.gif) 50% 50% no-repeat;}
.series_107{ background: url(img/series_107.gif) 50% 50% no-repeat;}
.series_108{ background: url(img/series_108.gif) 50% 50% no-repeat;}
.series_109{ background: url(img/series_109.gif) 50% 50% no-repeat;}
.series_110{ background: url(img/series_110.gif) 50% 50% no-repeat;}
.series_111{ background: url(img/series_111.gif) 50% 50% no-repeat;}
.series_112{ background: url(img/series_112.gif) 50% 50% no-repeat;}
.series_113{ background: url(img/series_113.gif) 50% 50% no-repeat;}
.series_114{ background: url(img/series_114.gif) 50% 50% no-repeat;}
.series_203{ background: url(img/series_203.gif) 50% 50% no-repeat;}
.series_204{ background: url(img/series_204.gif) 50% 50% no-repeat;}
.series_205{ background: url(img/series_205.gif) 50% 50% no-repeat;}
.series_206{ background: url(img/series_206.gif) 50% 50% no-repeat;}
.series_207{ background: url(img/series_207.gif) 50% 50% no-repeat;}
.series_208{ background: url(img/series_208.gif) 50% 50% no-repeat;}
.series_210{ background: url(img/series_210.gif) 50% 50% no-repeat;}
.series_212, .series_118, .series_512{ background: url(img/series_212.gif) 50% 50% no-repeat;}
.series_301{ background: url(img/series_301.gif) 50% 50% no-repeat;}
.series_401{ background: url(img/series_401.gif) 50% 50% no-repeat;}
.series_402{ background: url(img/series_402.gif) 50% 50% no-repeat;}
.series_405{ background: url(img/series_405.gif) 50% 50% no-repeat;}
.series_406{ background: url(img/series_406.gif) 50% 50% no-repeat;}
.series_408{ background: url(img/series_408.gif) 50% 50% no-repeat;}
.series_409{ background: url(img/series_409.gif) 50% 50% no-repeat;}
.series_410{ background: url(img/series_410.gif) 50% 50% no-repeat;}
.series_414{ background: url(img/series_414.gif) 50% 50% no-repeat;}
.series_501{ background: url(img/series_501.gif) 50% 50% no-repeat;}
.series_502{ background: url(img/series_502.gif) 50% 50% no-repeat;}
.series_503{ background: url(img/series_503.gif) 50% 50% no-repeat;}
.series_504{ background: url(img/series_504.gif) 50% 50% no-repeat;}
.series_505{ background: url(img/series_505.gif) 50% 50% no-repeat;}
.series_506{ background: url(img/series_506.gif) 50% 50% no-repeat;}
.series_507{ background: url(img/series_507.gif) 50% 50% no-repeat;}
.series_509{ background: url(img/series_509.gif) 50% 50% no-repeat;}
.series_510{ background: url(img/series_510.gif) 50% 50% no-repeat;}
.series_511{ background: url(img/series_511.gif) 50% 50% no-repeat;}
.series_513{ background: url(img/series_513.gif) 50% 50% no-repeat;}
.series_514{ background: url(img/series_514.gif) 50% 50% no-repeat;}
.series_516{ background: url(img/series_516.gif) 50% 50% no-repeat;}
.series_517{ background: url(img/series_517.gif) 50% 50% no-repeat;}
.series_601{ background: url(img/series_601.gif) 50% 50% no-repeat;}
.series_602{ background: url(img/series_602.gif) 50% 50% no-repeat;}
.series_603{ background: url(img/series_603.gif) 50% 50% no-repeat;}
.series_606{ background: url(img/series_606.gif) 50% 50% no-repeat;}
.series_609{ background: url(img/series_609.gif) 50% 50% no-repeat;}
.series_702{ background: url(img/series_702.gif) 50% 50% no-repeat;}
.series_704{ background: url(img/series_704.gif) 50% 50% no-repeat;}
.series_705{ background: url(img/series_705.gif) 50% 50% no-repeat;}
.series_706{ background: url(img/series_706.gif) 50% 50% no-repeat;}
.series_710{ background: url(img/series_710.gif) 50% 50% no-repeat;}
.series_711{ background: url(img/series_711.gif) 50% 50% no-repeat;}
.series_713{ background: url(img/series_713.gif) 50% 50% no-repeat;}
.series_805{ background: url(img/series_805.gif) 50% 50% no-repeat;}
.series_1002{ background: url(img/series_1002.gif) 50% 50% no-repeat;}



/*ジャンル一覧・シリーズ一覧　リスト */

#main .genre li{
	float:left;
	display:inline;
	width:223px;
	margin-left:14px;
}

ul.wide li{
	float:left;
	display:inline;
	width:342px;
	margin-left:14px;
}

ul.sideL li{
	margin-left:14px;
}

ul.sideR li{
	margin-left:7px;
}

ul.sideL, ul.sideR{
	padding-bottom:20px;
}

/*著者一覧 */

#subSeries .subSeriesMenu ul#indexKana{
	margin:15px 0 20px 20px;
	overflow:hidden;
}


#main ul.author li{
	float:left;
	display:inline;
	width:210px;
	margin-left:14px;
}

#main ul.author{
	margin-left:30px;
}

.author-title_bg {
	width: 713px;
	height: 24px;
	border-bottom:dotted 1px #333;
	clear: both;
	margin:15px 0 12px 0;
}

.title_index01, .title_index02,
.title_index03, .title_index04,
.title_index05, .title_index06,
.title_index07, .title_index08,
.title_index09, .title_index10,
.title_index11{
	width: 713px;
	height: 24px;
	text-indent: -9999px;
	font-size: xx-small;}

.title_index01{
	background: url(img/kana01.gif) top left no-repeat;}
.title_index02{
	background: url(img/kana02.gif) top left no-repeat;}
.title_index03{
	background: url(img/kana03.gif) top left no-repeat;}
.title_index04{
	background: url(img/kana04.gif) top left no-repeat;}
.title_index05{
	background: url(img/kana05.gif) top left no-repeat;}
.title_index06{
	background: url(img/kana06.gif) top left no-repeat;}
.title_index07{
	background: url(img/kana07.gif) top left no-repeat;}
.title_index08{
	background: url(img/kana08.gif) top left no-repeat;}
.title_index09{
	background: url(img/kana09.gif) top left no-repeat;}
.title_index10{
	background: url(img/kana10.gif) top left no-repeat;}
.title_index11{
	background: url(img/kana11.gif) top left no-repeat;}



/* pagetop
--------------------*/
#main .pagetop {
	width: 128px;
	height: 14px;
	margin-top:20px;
	margin-bottom: 25px;
    float: right;
	background: url(img/pagetop.jpg) no-repeat;
	text-indent: -9999px;
}
#main .pagetop a {
	width: 128px;
	height: 14px;
	display: block;
	outline: none;
}