@charset "shift_jis";

/*
===== CONTENTS =========================================

 // Site Outline //

	Site Name:  “Œ‹ž‘nŒ³ŽÐ
	URL:  http://www.tsogen.co.jp/


 // Font-size Adjustment //

	71% = 10px
	86% = 12px
	100% = 14px
	114% = 16px
	129% = 18px


 // CSS Index //

	1: banner and flash
	2: navi and contents and sub
	3: bunko and tanko
	4: bookWrapper
		:bookWrapper01
		:bookWrapper02
	5: presslist
	6: ranklist


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

/*------------------------------
 // 1: banner and flash
------------------------------ */
#top #main .bannerL,
#top #main .flash,
#top #main .bannerR {
	float: left;
}

#top #main .bannerL {
	width: 160px;
}

#top #main .bannerL p {
	margin-bottom: 2px;
}

#top #main .flash {
	width: 640px;
}

#top #main .bannerR {
	width: 140px;
	padding-bottom: 10px;
	background-color: #ca0d07;
}

#top #main .bannerR .covermysteries,
#top #main .bannerR .teikilink {
	float: left;
}

#top #main .bannerR .covermysteries {
	padding-left: 10px;
}

#top #main .bannerR .covermysteries img {
	border: 1px solid #ccc5c4;
}






/*------------------------------
 // 2: navi and contents and sub
------------------------------ */
#top #main .mainNavi,
#top #main .mainContents,
#top #main .mainSub {
	margin-top: 20px;
	float: left;
}

#top #main .mainNavi {
	width: 240px;
}

#top #main .mainContents {
	width: 480px;
	background: none;
}

#top #main .mainSub {
	width: 220px;
}

/*------------------------------
 // 3: bunko and tanko
------------------------------ */
#top #main .bunkotitleBox,
#top #main .tankotitleBox {
	width: 440px;
	margin-bottom: 20px;
	padding: 10px;
}

#top #main .bunkotitleBox {
	border-top: 6px solid #ff8225;
	background-color: #fffaef;
	position: relative;
}

#top #main .tankotitleBox {
	border-top: 6px solid #25acff;
	background-color: #eff5ff;
	position: relative;
	clear: both;
}

#top #main .bunkotitleBox ul.newlist,
#top #main .tankotitleBox ul.newlist,
#top #main .bunkotitleBox ul.comelist,
#top #main .tankotitleBox ul.comelist{
	position: absolute;
	top: 5px;
}

#top #main .bunkotitleBox ul.newlist,
#top #main .tankotitleBox ul.newlist {
	left: 170px;
}

#top #main .bunkotitleBox ul.comelist,
#top #main .tankotitleBox ul.comelist {
	left: 320px;
}

#top #main .newlist li.morelist {
	padding-left: 5px;
	line-height: 0;
	position: absolute;
	top: 5px;
	left: 5px;
	background: url(img/vline.gif) no-repeat;
}

#top #main .newlist li.rss01 {
	position: absolute;
	line-height: 0;
	top: 5px;
	left: 105px;
}

#top #main .comelist li.morelist {
	padding-left: 5px;
	line-height: 0;
	position: absolute;
	top: 5px;
	left: 5px;
	background: url(img/vline.gif) no-repeat;
}

#top #main .comelist li.rss01 {
	line-height: 0;
	position: absolute;
	top: 5px;
	left: 90px;
}


/*------------------------------
 // 4: bookWrapper
------------------------------ */
/* bookWrapper01
--------------------*/
#top #main .bookWrapper01 {
	clear: both;
}

#top #main .bookWrapper01 .bookdataL,
#top #main .bookWrapper01 .bookdataR {
	width: 220px;
	float: left;
}

html>/**/body .bookdataL,
html>/**/body .bookdataR {
	width: 220px;
	margin-bottom: 20px;
}

#top #main .bookWrapper01 .bookdataL {
	margin-right: 20px;
}

#top #main .bookWrapper01 .genre {
	margin-bottom: 10px;
}

#top #main .bookWrapper01 .cover {
	width: 110px;
	float: left;
}

#top #main .bookWrapper01 .bookdata {
	width: 110px;
	float: left;
}

#top #main .lineGray {
	width: 460px;
	height: 6px;
	background-color: #cdcdcd;
	clear: both;
}

#top #main .lineGray hr {
	display:none;
}

/* bookWrapper02
--------------------*/
#top #main .bookWrapper02 {
	width: 430px;
	margin-top: 20px;
	padding: 10px;
	border: 5px solid #eee;
	position: relative;
}

#top #main .bookWrapper02 .pickuptitle {
	margin-bottom: 20px;
}

#top #main .bookWrapper02 .morebacknum {
	position: absolute;
	top: 10px;
	left: 340px;
}

#top #main .bookWrapper02 .cover {
	width: 150px;
	float: left;
}

#top #main .bookWrapper02 .bookdata {
	width: 260px;
	float: left;
}

#top #main .bookWrapper02 .bookdata li {
	padding-bottom: 10px;
}

#top #main .bookWrapper02 .bookdata li a {
	padding-left: 20px;
	background: url(img/arrow04.gif) 0 0.15em no-repeat;
	display: block;
}

#top #main .bookWrapper02 .bookdata li a:hover {
	padding-left: 20px;
	background: url(img/arrow04_on.gif) 0 0.15em no-repeat;
	display: block;
}

#top #main .morebtn {
	text-align: right;
	clear: both;
}

#top #main .bookWrapper02 .pickupbox {
	margin-top: 20px;
	margin-bottom: 20px;
}

#top #main .bookWrapper02 .pickupcoverbox {
	width: 150px;
	float: left;
}

#top #main .bookWrapper02 .pickupcoverbox .cover {
	width: 138px;
	margin-bottom: 5px;
	text-align: left;
}

#top #main .bookWrapper02 .pickupcoverbox .detailbtn {
	width: 138px;
	text-align: center;
}

#top #main .pickupmorebtn {
	margin-top: 10px;
	text-align: right;
	clear: both;
}



/*------------------------------
 // 5: presslist
------------------------------ */
#top #main .presslist dt {
	margin-top: 10px;
	padding-left: 20px;
	background: url(img/arrow01.gif) no-repeat;	
}

#top #main .presslist dd {
	padding-bottom: 10px;
	padding-left: 20px;
	background: url(img/top-line200px.gif) bottom no-repeat;	
}

#top #main .webmlogo {
	margin-top: 10px;
	padding-bottom: 5px;
	background: url(img/line.gif) bottom no-repeat;	
}

/*------------------------------
 // 6: ranklist
------------------------------ */
#top #main .rankgenre,
#top #main .rankgenre02 {
	margin-top: 5px;
	padding-bottom: 5px;
	background: url(img/line.gif) bottom no-repeat;
}

#top #main .rankgenre02 {
	margin-top: 15px;
}

#top #main dl.ranklist  {
	padding-top: 3px;
	padding-bottom: 5px;
	background: url(img/line.gif) bottom no-repeat;
}

#top #main .ranklist dt {
	width: 15%;
	padding-right: 5px;
	float: left;
}

#top #main .ranklist dd {
	width: 80%;
	float: left;
}

#top #main .ranklist dd a {
	padding-right: 5px;
}

#top .advertise {
        border: #CCC solid 1px;
        margin: 5px 0;
        padding-top: 5px;
        padding-left: 5px;
}