@charset "shift_jis";

html { /* Firefoxでswfファイル等を縦100%で表示 */
  height:100%;
}

html>/**/body { /* Firefoxで縦スクロールバーの領域を表示 */
  overflow:-moz-scrollbars-vertical;
}

html:first-child body { /* Opera用 padding-bottomはケースバイケースで */
  min-height:100%;
  padding-bottom:1px;
}

body { /* 制作するサイトやページ独自のものを指定 */
	/* marginやpaddingや文字色や背景等を */
	background-color: #000;
}

a:link { color: #0066CC; }
a:visited { color: #0066CC; }
a:hover { color: #0066CC; text-decoration:none; }
a:active { color: #0066CC; } 

#contents, #header, #footer {
	width: 668px;
	margin: 0 auto;
	background: url(/statics/pc/book/bg_2008best.gif);
}

#contents {
	padding-bottom: 1em;
}

#header{
	text-align: center;
}

#header img{
	margin: 0 0 1em 0;	
}

h1 {
	background-color: #eee;
	text-align: left;
	font-size: 12px;
	background: url(/statics/pc/share/gflag_middle.gif) no-repeat;
	height: 39px;
	text-indent: 34px;
	position: relative;
	top: 6px;
	left: 20px;
}

h1 a:link {
	text-decoration: none;
	color: #CC0000;
}

h1 a:hover {
	color: #CC0000;
	text-decoration: underline;
}

.red_top, .red_bottom {
	height: 6px;
	width: 628px;
}

.red_top {
	background: url(/statics/pc/book/red_top_628.gif);
}

.red_bottom {
	background: url(/statics/pc/book/red_bottom_628.gif);

}

.white_top {
	background: url(/statics/pc/book/white_top_498.gif);
}

.white_bottom {
	background: url(/statics/pc/book/white_bottom_498.gif);
}

.white_top, .white_bottom {
	width: 498px;
	height: 6px;
	margin: 0 0 0 120px;
}

.white_top {
	margin-top: 6px;
}

.friendship, .nonfiction, .love, .fantasy,
.mystery, .poem, .fairytail, .comedy,
.literature, .tl, .sf, .comic, .essay,
.bl, .history, .explore, .horror, .howto {
	width: 628px;
	margin: 0 auto 1em auto;
	background-color: #C60000;
	position: relative;
}

#contents dl {
	background-color: #FFF;
	width: 498px;
	margin: 0 0 0 120px;
}

.friendship .cate_badge, .nonfiction .cate_badge, .love .cate_badge, .fantasy .cate_badge,
.mystery .cate_badge, .poem .cate_badge, .fairytail .cate_badge, .comedy .cate_badge,
.literature .cate_badge, .tl .cate_badge, .sf .cate_badge, .comic .cate_badge, .essay .cate_badge,
.bl .cate_badge, .history .cate_badge, .explore .cate_badge, .horror .cate_badge, .howto .cate_badge {
	width: 120px;
	height: 121px;
	position: absolute;
	top: 0;
	left: 0;
}
	
dl{
	min-height:1px;
	position: relative;
}

dl:after {
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}

dl { display:inline-table; }

* html dl { height:1px; }
dl { display:block; }

dt, dd {
	float: left;
}

dd {
	width: 316px;
}

dt img {
	margin: 0 0.6em 0 1em;
}

.criticise {
	color: #fff;
	padding: 0.6em 1em 0.6em 5.6em;
	background: url(/statics/pc/book/robo_souseki.gif) no-repeat 1em;
	line-height: 1.4;
}

.criticise a{
	color: #FFCC00;
}

.criticise a:hover{
	color: #FFF;
}

img.kodansha, img.gocco, img.paco {
	position: absolute;
	top: 0;
	right: 0.4em;
}

a.gototop {
	display: block;
	text-align: right;
	padding: 0 2em 0 0;
}

#footer {
	text-align: center;
	padding: 0 0 2em 0;
}

#footer p a {
	color: #000;
	text-decoration: none;
}