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

/*book list for TOP,BOOK,NEW,SERCH
-----------------------------------*/
.book:after {/*clear-fix*/
	clear: both;
	content: ".";
	display: block;
	height: 1px;
	visibility: hidden;
}
.book {
	display: inline-block;
	min-height: 1%;
}
* html .book {
	height: 1%;
}
.book{
	display: block;
	margin:0 -10px;
	border-bottom:2px solid #DFDFD0;
	padding:20px 10px;
}
.book:first-child{ border-top:none; padding-top:15px;}
.book:last-child{ padding-bottom:15px; border-bottom:none;}

div.category02, div.category03, div.category04, div.category05, div.category06{
	margin-top:20px;
}
.newCategory{
	margin-left:-7px;
	margin-top:20px;
	padding-bottom:5px;
}
.cateTitle{
	margin-left:-18px;
	margin-top:20px;
}
.book .floatL{
	width:200px;
}
.book .floatL p{
	margin-bottom:10px;
}
.book .floatL img{
	width:200px;
}
.btn01{
	background:url(../images/common/fg_bookBtn.gif) no-repeat left bottom;
}
.btn01 div{
	background:url(../images/common/hg_bookBtn.gif) no-repeat right top;
	padding:3px;
	text-align:center;
}
.btn01 a{
	border-left:1px solid #CCC;
	margin-left:10px;
}
.btn01 a:first-child{
	border-left:none;
	margin-left:0;
}
.btn01 .zoom{
	background:url(../images/common/ico_zoom.gif) no-repeat left center;
	padding-left:20px;
}
.btn01 .read{
	background:url(../images/common/ico_read.gif) no-repeat 10px center;
	padding-left:33px;
}
.book .floatR{
	width:415px;
}
.book .floatR h2{
	font-size:16px;
	margin:10px 0 5px;
}

*:first-child+html .book .floatR h2{ font-size:16px;}
*+html .book .floatR h2{ font-size:16px;}

.book .floatR h2 a{ color:#0063AC;}
.book .floatR h2 a:hover{ color:#09F;}

/*.book .floatR .writer{
	background:url(../images/common/ico_arrow01.gif) no-repeat left center;
	padding-left:0.6em;
}*/
.book .floatR span a{ text-decoration:underline;}
.book .floatR span a:hover{	color:#999;}

.book .floatR .bookTxt{
	margin:15px 0 15px;
}
.book .floatR ul{
	margin-bottom:15px;
	text-align:right;
}
.book .floatR li{
	float:right;
	margin-right:8px;
	/*display:inline;*/
}
.book .floatR li:first-child{
	margin-right:0;
}
.book .floatR .bookDetail{
	clear:both;
	background:#E7E7DA;
	border:1px solid #D5D5BD;
	padding:5px;
}
/*210611追記
-----------------------------------*/
.book h3.tiTag{
	position: static;
	margin: 10px 0 5px;
	font-weight: bold;
}

/*flow for NEW
-----------------------------------*/
.flowNew h2{
	font-weight:bold;
	float:left;
	width:250px;
	margin-bottom:15px;
}
.flowNew h2 span{
	font-family: Georgia, "Times New Roman", Times, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size:180%;
	color:#CC2883;
	padding-right:3px;
}
.flowNew ul{
	float:right;
	text-align:right;
	width:350px;
}
.flowNew ul li{
	display:inline;
	padding:0px 10px;
	border-left:1px #333 solid;
}
.flowNew ul li:first-child{ border-left:none;}

.flowNew ul li.prev a{
	background:url(../images/common/ico_arrow05.gif) no-repeat left 0.5em;
	padding-left:20px;
}
.flowNew ul li.next a{
	background:url(../images/common/ico_arrow04.gif) no-repeat right 0.5em;
	padding-right:20px;
}

/*book detail for BOOK,PICKUP
-----------------------------------*/
#mainCon .bookCon{
	padding:25px 20px;
}
.bookCon h3{
	position:relative;
	margin:20px 0 15px -7px;
	clear:both;
}
.bookCon .bookTitle{
	margin-bottom:35px;
	overflow:hidden;
}
.bookCon .bookTitle .floatL{
	width:260px;
}
.bookCon .floatL p{
	margin-bottom:10px;
}
.bookCon .floatL p img{
	width:260px;
}
.bookTitle{
	margin-top:15px;
}
.bookTitle .btn01{
	width:200px;
	margin-left:30px;
}
.bookCon .floatR{
	width:350px;
}
.bookCon .floatR h2{
	font-size:16px;
	margin:10px 0 5px;
}
.bookCon .writer{
	background:url(../images/common/ico_arrow01.gif) no-repeat left center;
	padding-left:0.6em;
}
*:first-child+html .bookCon .floatR h2{ font-size:16px;}
*+html .bookCon .floatR h2{ font-size:16px;}

.bookCon .floatR table{
	width:100%;
	margin-top:10px;
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
}
.bookCon .floatR th{
	width:35%;
	padding:10px;
	font-weight:normal;
	text-align:left;
	border-bottom:1px solid #CCC;
	border-right:1px solid #CCC;
	background:#E7E7DA;
}
.bookCon .floatR td{
	width:65%;
	padding:10px;
	border-bottom:1px solid #CCC;
	border-right:1px solid #CCC;
}
.bookCon .floatR .download{
	margin-top:10px;
	border:1px solid #CCC;
	background:#EEE;
	padding:8px;
	overflow:hidden;
}
.bookCon .floatR .download dt{
	float:left;
	width:105px;
}
.bookCon .floatR .download dd{
	float:right;
	width:215px;
}
.bookCon .floatR .download a{
	color:#B92578;
	padding-left:10px;
	background:url(../images/common/ico_arrow02.gif) no-repeat left center;
}
.bookCon .floatR .download a:hover{ color:#DD559F;}

.bookCon .onlineShop ul, .bookCon .digitalBook ul{
	overflow:hidden;
	margin-left:-13px;
}
.bookCon .onlineShop li, .bookCon .digitalBook li{
	float:left;
	margin:0 0 10px 13px;
}
.bookCon .detailTxt, .bookCon .relatedBooks ul{
	overflow:hidden;
}
.bookCon .bookDetail p{
	margin-bottom:15px;
}
.bookCon .relatedBooks li{
	float:left;
	margin:0 0 10px 17px;
	width:145px;
}
.bookCon .relatedBooks li:first-child{
	margin-left:0;
}
.bookCon .relatedBooks li img{
	display:block;
	margin-bottom:8px;
	width:145px;
}

/*read for BOOK
-----------------------------------*/
.bookCon .pageIndex{
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px dashed #DFDFD0;
}

/*pickupCon*/
.pickupCon .pickupTit{
/*	margin-left:-17px;*/
	margin-bottom:10px;
}

.bookCon .bookTitle .floatR a{ text-decoration:underline;}
.bookCon .bookTitle .floatR a:hover{ color:#999;}

.bookCon .bookTitle .floatR h2 a{ text-decoration:none;}
.bookCon .bookTitle .floatR h2 a:hover{ text-decoration:underline;}


/*210611追記
-----------------------------------*/
.bookCon h3.tiTag{
	position: static;
	margin: 10px 0 5px;
	font-weight: bold;
}