@charset "UTF-8";

/****** index *******/

.bookIndex #contentsHeader {
	background:url(../img/bg2.jpg) no-repeat right;
}
@media screen and (max-width: 600px) {
	.bookIndex #contentsHeader {
		background:none;
	}
}
.bookIndex #mainContents #newTitles ul {
	list-style:none;
	/zoom:1;
}
.bookIndex #mainContents #newTitles ul:after {
	content:'';
	display:block;
	clear:both;
}
.bookIndex #mainContents #newTitles ul li {
	float:left;
	height:190px;
	overflow:hidden;
	margin:0 10px 10px 0;
}
.bookIndex #mainContents #newTitles ul li a {
	position:relative;
	display:block;
	color:#ffffff;
	text-decoration:none;
}
.bookIndex #mainContents #newTitles ul li img {
	border:solid 1px #cccccc;
}
.bookIndex #mainContents #newTitles ul li .text {
	position:absolute;
	top:0;
	left:0;
	width:122px;
	height:54px;
	overflow:hidden;
	margin-top:127px;
	background:#333333;
	background-color:rgba(0, 0, 0, 0.7);
}
.bookIndex #mainContents #newTitles ul li .text p {
	margin:5px;
	font-size:70%;
	line-height:120%;
}
.bookIndex #mainContents #futureTitles {
	float:left;
	width:62%;
}
.bookIndex #mainContents #futureTitles section {
	margin-bottom:5px;
	padding-bottom:5px;
	border-bottom:1px dashed #aaaaaa;
}
.bookIndex #mainContents #futureTitles section a {
	display:block;
	text-decoration:none;
}
.bookIndex #mainContents #futureTitles section a h4 {
	font-weight:normal;
	text-decoration:underline;
}
.bookIndex #mainContents #futureTitles section a p {
	font-size:80%;
	color:#333333;
}
.bookIndex #mainContents .otherMenu {
	float:right;
	width:35%;
}
.bookIndex #mainContents #authorIndex,
.bookIndex #mainContents #monthIndex,
.bookIndex #mainContents #metaData,
.bookIndex #mainContents #bestSeller {
	width:100%;
}
.bookIndex #mainContents #authorIndex p a {
	padding-left:15px;
	background:url(../img/arrow.gif) no-repeat center left;
}
.bookIndex #mainContents #authorIndex ol {
	margin:10px 0 0 10px;
	list-style:none;
	font-size:90%;
}
.bookIndex #mainContents #monthIndex ul {
	list-style:none;
}
.bookIndex #mainContents #bestSeller ol {
	list-style:none;
}
.bookIndex #mainContents #bestSeller li {
	margin-bottom:10px;
	list-style:none;
	font-size:80%;
	line-height:120%;
	/zoom:1;
}
.bookIndex #mainContents #bestSeller li:after {
	content:'';
	display:block;
	clear:both;
}
.bookIndex #mainContents #bestSeller li a {
	display:block;
	text-decoration:none;
}
.bookIndex #mainContents #bestSeller li figure {
	float:left;
	width:80px;
}
.bookIndex #mainContents #bestSeller li figure img {
	border:solid 1px #cccccc;
}
.bookIndex #mainContents #bestSeller li p.rank {
	margin-bottom:0.5em;
	color:#333333;
}
.bookIndex #mainContents #bestSeller li p.title {
	margin-bottom:0.5em;
	text-decoration:underline;
}
.bookIndex #mainContents #bestSeller li p.author {
	color:#333333;
}
@media screen and (max-width: 480px) {
	.bookIndex #mainContents #futureTitles {
		float:none;
		width:100%;
	}
	.bookIndex #mainContents .otherMenu {
		float:none;
		width:100%;
	}
}

/****** list *******/

.bookList #contentsHeader {
	background:url(../img/bg2.jpg) no-repeat right;
}
@media screen and (max-width: 600px) {
	.bookList #contentsHeader {
		background:none;
	}
}
.bookList #mainContents .beforeAfter {
	margin-bottom:20px;
	border:1px dotted #cccccc;
}
.bookList #mainContents .beforeAfter ul {
	margin:10px;
	/zoom:1;
}
.bookList #mainContents .beforeAfter ul:after {
	content:'';
	display:block;
	clear:both;
}
.bookList #mainContents .beforeAfter ul .prev {
	float:left;
}
.bookList #mainContents .beforeAfter ul .prev a {
	padding-left:15px;
	background:url(../img/arrowL.gif) no-repeat center left;
}
.bookList #mainContents .beforeAfter ul .next {
	float:right;
}
.bookList #mainContents .beforeAfter ul .next a {
	padding-right:15px;
	background:url(../img/arrow.gif) no-repeat center right;
}
.bookList #mainContents #list section {
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:1px dashed #aaaaaa;
}
.bookList #mainContents #list section a {
	display:block;
	text-decoration:none;
}
.bookList #mainContents #list section a:hover,
.bookList #mainContents #list section a:active {
	background:url(../img/lightArrow.png) no-repeat 90% 50%;
}
.bookList #mainContents #list section a figure {
	float:left;
	width:64px;
}
.bookList #mainContents #list section a figure img {
	border:1px solid #cccccc;
}
.bookList #mainContents #list section a h4 {
	margin-left:64px;
	font-weight:normal;
	text-decoration:underline;
}
.bookList #mainContents #list section a p.forReview {
	margin-left:64px;
	text-decoration:underline;
}
.bookList #mainContents #list section a p.publish {
	margin:10px 0 10px 64px;
	color:#333333;
}
.bookList #mainContents #list section a p.publish .asin {
	font-size:80%;
	color:#aaaaaa;
}
.bookList #mainContents #list section a blockquote {
	min-height:4em;
	margin-left:64px;
	padding-left:50px;
	font-size:90%;
	color:#333333;
	background:url(../img/blockquote.gif) no-repeat;
}
.bookList #mainContents #list section a .forReview {
	padding-left:15px;
	background:url(../img/arrow.gif) no-repeat center left;
}
.bookList #mainContents #otherLink ul {
	list-style:none;
}
.bookList #mainContents #otherLink a {
	padding-left:15px;
	background:url(../img/arrow.gif) no-repeat center left;
}
@media screen and (max-width: 600px) {
	.bookList #mainContents #list section a blockquote {
		min-height:4em;
		margin-left:0;
		padding-left:50px;
	}
}

/****** detail *******/

.bookDetail #contentsHeader {
	background:url(../img/bg2.jpg) no-repeat right;
}
@media screen and (max-width: 600px) {
	.bookDetail #contentsHeader {
		background:none;
	}
}
.bookDetail #mainContents #bookData #bookLink {
	float:left;
	width:142px;
	margin-bottom:10px;
}
.bookDetail #mainContents #bookData #bookLink img {
	border:1px solid #cccccc;
}
.bookDetail #mainContents #bookData #bookLink a {
	display:block;
	font-size:80%;
}
.bookDetail #mainContents #bookData #bookLink a p {
	padding-left:15px;
	background:url(../img/arrow.gif) no-repeat center left;
}
.bookDetail #mainContents #bookData .publish {
	margin-left:142px;
}
.bookDetail #mainContents #bookData .asin {
	margin-left:142px;
	font-size:80%;
	color:#aaaaaa;
}
.bookDetail #mainContents #bookData blockquote {
	margin:20px 0 0 142px;
	min-height:4em;
	padding-left:50px;
	font-size:90%;
	color:#333333;
	background:url(../img/blockquote.gif) no-repeat;
}
.bookDetail #mainContents #bookData blockquote footer {
	text-align:right;
}
.bookDetail #mainContents #bookData blockquote footer cite {
	font-style:normal;
}
@media screen and (max-width: 400px) {
	.bookDetail #mainContents #bookData #bookLink {
		float:none;
		width:100%;
	}
	.bookDetail #mainContents #bookData .publish {
		margin-left:0;
	}
	.bookDetail #mainContents #bookData .asin {
		margin-left:0;
	}
	.bookDetail #mainContents #bookData blockquote {
		margin:20px 0 0 0;
	}
}
.bookDetail #mainContents #otherLink ul {
	margin-bottom:10px;
	list-style:none;
}
.bookDetail #mainContents #otherLink a {
	padding-left:15px;
	background:url(../img/arrow.gif) no-repeat center left;
}
.bookDetail #mainContents #related ul {
	list-style:none;
	border-top:1px solid #cccccc;
	border-left:1px solid #cccccc;
	/zoom:1;
}
.bookDetail #mainContents #related ul:after {
	content:'';
	display:block;
	clear:both;
}
.bookDetail #mainContents #related li {
	float:left;
	width:33.333333%;
}
.bookDetail #mainContents #related li a {
	display:block;
	padding:5px;
	height:6em;
	overflow:hidden;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	font-size:90%;
	/zoom:1;
}
.bookDetail #mainContents #related li a:after {
	content:'';
	display:block;
	clear:both;
}
.bookDetail #mainContents #related li a:hover,
.bookDetail #mainContents #related li a:active {
	background:url(../img/otherWindow.png) no-repeat 90% 50%;
}
.bookDetail #mainContents #related li a figure {
	float:left;
	width:62px;
}
.bookDetail #mainContents #related li a figure img {
	border:1px solid #cccccc;
}
@media screen and (max-width: 600px) {
	.bookDetail #mainContents #related li {
		width:50%;
	}
}
@media screen and (max-width: 400px) {
	.bookDetail #mainContents #related li {
		float:none;
		width:100%;
	}
	.bookDetail #mainContents #related li a {
		height:auto;
	}
}

/****** author *******/

.bookAuthor #contentsHeader {
	background:url(../img/bg2.jpg) no-repeat right;
}
@media screen and (max-width: 600px) {
	.bookAuthor #contentsHeader {
		background:none;
	}
}
.bookAuthor #mainContents #authors ul {
	list-style:none;
	line-height:200%;
}
.bookAuthor #mainContents #authors .author-head {
	clear:both;
	margin-bottom:30px;
}
.bookAuthor #mainContents #authors .author-head ul {
	margin:10px 0 0 20px;
	padding-bottom:10px;
	border-bottom:1px dashed #aaaaaa;
	/zoom:1;
}
.bookAuthor #mainContents #authors .author-head ul:after {
	content:'';
	display:block;
	clear:both;
}
.bookAuthor #mainContents #authors .author-head li {
	float:left;
	margin-right:1em;
}