/*novel*/

h2 {
	background:#00649D;
}


#textlink {
	margin:15px 15px 0 15px;
	padding-bottom:15px;
	border-bottom:2px solid #CCC;
	display:none;
}

#textlink li {
	width:440px;
	float:left;
	margin:2px 0 2px 25px;
}

#textlink li a {
	color:#000;
}

#textlink li strong {
	font-weight:bold;
}

hr {
	margin:0 15px;
	clear:both;
}



.book {
	width:440px;
	display:inline-block;
	margin:5px 0 20px 25px;
	vertical-align:top;
}

.book h3 {
	font-size:18px;
	font-weight:bold;
	color:#000080;
	padding:8px 0;
}

.book h3 a {
	color:#000080;
}

.book .bookl {
	float:left;
	position:relative;
}

.book .bookl img.bookimg {
	border:1px solid #999;
}

.book .bookl img.icon_new {
	position:absolute;
	top:194px;
	left:0;
}

.book .bookl img.icon_taisho {
	position:absolute;
	top:251px;
	left:1px;
}



.book p.name {
	font-weight:bold;
	color:#000080;
	margin-left:220px;
	padding:3px 0;
}

.book p.code {
	font-size:11px;
	line-height:1.4;
	color:#0064AA;
	margin-left:220px;
	padding:3px 0;
}

.book p.copy {
	font-weight:bold;
	margin-left:220px;
	padding:3px 0;
}

.book p.detail {
	margin-left:220px;
	padding:3px 0;
}

.book p.btn {
	clear:left;
	width:200px;
	text-align:center;
	margin-top:10px;
}




#comic {
}

#comic h2 {
	background:#dc2e00;
	margin-top:60px;
}

#comic h2:first-child {
	background:#dc2e00;
	margin-top:5px;
}

#comic .book {
	width:440px;
	display:inline-block;
	margin:5px 0 20px 25px;
	vertical-align:top;
}

#comic .book h3 {
	font-size:18px;
	font-weight:bold;
	color:#dc2e00;
	padding:8px 0;
}

#comic .book h3 a {
	color:#dc2e00;
}

#comic .book .bookl {
	float:left;
}

#comic .book .bookl img.bookimg {
	border:1px solid #dd2f00;
}



#comic .book p.name {
	font-weight:bold;
	color:#dc2e00;
	margin-left:220px;
	padding:3px 0;
}

#comic .book p.code {
	font-size:11px;
	line-height:1.4;
	color:#ff8900;
	margin-left:220px;
	padding:3px 0;
}

#comic .book p.copy {
	font-weight:bold;
	margin-left:220px;
	padding:3px 0;
}

#comic .book p.detail {
	margin-left:220px;
	padding:3px 0;
}

#comic .book p.btn {
	clear:left;
	width:200px;
	text-align:center;
	margin-top:10px;
}


#gasyu {
}

#gasyu h2 {
	background:#cc0000;
	margin-top:60px;
}

#gasyu h2:first-child {
	background:#cc0000;
	margin-top:5px;
}

#gasyu .book {
	width:440px;
	display:inline-block;
	margin:5px 0 20px 25px;
	vertical-align:top;
}

#gasyu .book h3 {
	font-size:18px;
	font-weight:bold;
	color:#cc0000;
	padding:8px 0;
}

#gasyu .book h3 a {
	color:#cc0000;
}

#gasyu .book .bookl {
	float:left;
}

#gasyu .book .bookl img.bookimg {
	border:1px solid #cc0000;
}



#gasyu .book p.name {
	font-weight:bold;
	color:#cc0000;
	margin-left:220px;
	padding:3px 0;
}

#gasyu .book p.code {
	font-size:11px;
	line-height:1.4;
	color:#ff8900;
	margin-left:220px;
	padding:3px 0;
}

#gasyu .book p.copy {
	font-weight:bold;
	margin-left:220px;
	padding:3px 0;
}

#gasyu .book p.detail {
	margin-left:220px;
	padding:3px 0;
}

#gasyu .book p.btn {
	clear:left;
	width:200px;
	text-align:center;
	margin-top:10px;
}


#ganovel {
}

#ganovel h2 {
	background:#cc0000;
	margin-top:60px;
}

#ganovel h2:first-child {
	background:#cc0000;
	margin-top:5px;
}

#ganovel .book {
	width:440px;
	display:inline-block;
	margin:5px 0 20px 25px;
	vertical-align:top;
}

#ganovel .book h3 {
	font-size:18px;
	font-weight:bold;
	color:#cc0000;
	padding:8px 0;
}

#ganovel .book h3 a {
	color:#cc0000;
}

#ganovel .book .bookl {
	float:left;
}

#ganovel .book .bookl img.bookimg {
	border:1px solid #cc0000;
}



#ganovel .book p.name {
	font-weight:bold;
	color:#cc0000;
	margin-left:220px;
	padding:3px 0;
}

#ganovel .book p.code {
	font-size:11px;
	line-height:1.4;
	color:#ff8900;
	margin-left:220px;
	padding:3px 0;
}

#ganovel .book p.copy {
	font-weight:bold;
	margin-left:220px;
	padding:3px 0;
}

#ganovel .book p.detail {
	margin-left:220px;
	padding:3px 0;
}

#ganovel .book p.btn {
	clear:left;
	width:200px;
	text-align:center;
	margin-top:10px;
}

#ganovel .book .bookl img.icon_new {
	position:absolute;
	top:auto;
	bottom:65px;
	left:0;
}



/*list*/

.textlist {
	margin:15px 25px 25px 25px;
}

.textlist h3 {
	font-weight:bold;
	font-size:16px;
	border-bottom:2px solid #CCC;
	color:#000080;
	padding:2px 5px;
}

.textlist ul {
	margin:8px;
}

.textlist ul li {
	padding:2px;
	list-style-type:disc;
	margin-left:20px;
}

.textlist ul li a,
.textlist ul li strong {
	font-weight:bold;
}



@media screen and (max-width: 600px){



.book,
#ganovel .book {
	width:94%;
	margin:0 3%;
	border-bottom:1px solid #CCC;
	padding-bottom:15px;
}

.book .bookl img.bookimg,
#ganovel .book .bookl img.bookimg {
	width:120px;
	border:1px solid #999;
}

.book p.btn,
#ganovel .book p.btn {
	width:120px;
	margin-top:5px;
}

.book p.btn img,
#ganovel .book p.btn img {
	margin-top:5px;
}

.book .bookl img.icon_new,
#ganovel .book .bookl img.icon_new {
	top:94px;
	width:80px;
}

.book .bookl,
#ganovel .book .bookl {
}



.book p.name,
.book p.code,
.book p.copy,
.book p.detail,
#ganovel .book p.name,
#ganovel .book p.code,
#ganovel .book p.copy,
#ganovel .book p.detail {
	margin-left:135px;
}

p#headlink {
	float:none;
	padding:10px 5px 5px;
	margin:0;
	text-align:center;
}

p#headlink a {
	display:none;
}

}