@charset "utf-8";
/* -------------------------------------------------------
    book.asahi.com css
    last update 2017.02
----------------------------------------------------------
	 base
	 layout
	 header
	 footer
	 sidebar
	 contents
	 いち本              （body#book）
	 検索結果            （body#search）
	 書評・コラムを読む  （body#review）
	 本に出あう          （body#book）
	 本のニュース        （body#news）
	 案内・お知らせ      （body#info）
	 トップページ        （body#home）
------------------------------------------------------ */


/* ---------------------------------------
   base
--------------------------------------- */
* {
	margin: 0;
	font-size: 100%;
}
body {
	font-size: 12px;
	font-family: "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", sans-serif;
	line-height: 1.5;
	color: #504638;
}
p {
	margin: 0;
	padding: 0;
}
ul {
	margin: 0;
	padding: 0;
}
li {
	margin: 0;
	padding: 0;
	list-style: none;
}
dt {
	font-weight: bold;
}
table {
	border-collapse: collapse;
}
th, td {
	line-height: 1.5;
}
td, embed, object {
	vertical-align: top;
}
fieldset, img {
	border: none;
}
em {
	font-style: normal;
	font-weight: bold;
}
hr {
	display: none;
}
input[type="button"] {
 background-color: transparent;
 border: none;
 cursor: pointer;
 outline: none;
 appearance: none;
 color:#fff;
}
/* link
------------------------------------*/
a:link {
	color: #504638;
	text-decoration: underline;
}
a:visited {
	color: #504638;
}
a:hover, a:active {
	color: #504638;
}
a:focus {
	color: #429F9F;
}
/* common styles
------------------------------------*/
.hide {
	position: absolute;
	left: -999px;
	width: 999px;
}
.clearfix:after {
	display: block;
	clear: both;
	content: "";
}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}
#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color: #666666;
}
#TB_window a:link {
	color: #666666;
}
#TB_window a:visited {
	color: #666666;
}
#TB_window a:hover {
	color: #000;
}
#TB_window a:active {
	color: #666666;
}
#TB_window a:focus {
	color: #666666;
}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index: 100;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
}
.TB_overlayBG {
	background-color: #000;
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}
* html #TB_overlay { /* ie6 hack */
	position: absolute;
 height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color: #000000;
	display: none;
	border: 4px solid #525252;
	text-align: left;
	top: 50%;
	left: 50%;
}
* html #TB_window { /* ie6 hack */
	position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {
	display: block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}
#TB_caption {
	height: 25px;
	padding: 7px 30px 10px 25px;
	float: left;
}
#TB_closeWindow {
	height: 25px;
	padding: 11px 25px 10px 0;
	float: right;
}
#TB_closeAjaxWindow {
	padding: 7px 10px 5px 0;
	margin-bottom: 1px;
	text-align: right;
	float: right;
}
#TB_ajaxWindowTitle {
	float: left;
	padding: 7px 0 5px 10px;
	margin-bottom: 1px;
}
#TB_title {
	background-color: #e8e8e8;
	height: 27px;
}
#TB_ajaxContent {
	clear: both;
	padding: 2px 15px 15px 15px;
	overflow: auto;
	text-align: left;
	line-height: 1.4em;
}
#TB_ajaxContent.TB_modal {
	padding: 15px;
}
#TB_ajaxContent p {
	padding: 5px 0px 5px 0px;
}
#TB_load {
	position: fixed;
	display: none;
	height: 13px;
	width: 208px;
	z-index: 103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}
* html #TB_load { /* ie6 hack */
	position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect {
	z-index: 99;
	position: fixed;
	top: 0;
	left: 0;
	background-color: #fff;
	border: none;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height: 100%;
	width: 100%;
}
* html #TB_HideSelect { /* ie6 hack */
	position: absolute;
 height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent {
	clear: both;
	border: none;
	margin-bottom: -1px;
	margin-top: 1px;
	_margin-bottom: 1px;
}
/* ---------------------------------------
   layout
--------------------------------------- */
body {
	text-align: center;
}
#header #headerInner {
	width: 1120px;
	margin: 0 auto;
	text-align: left;
}
#container {
	background: #fff;
	padding-top: 10px;
}
body#home #container {
	padding-top: 0;
}
#container #containerInner {
	width: 1120px;
	margin: 0 auto;
	text-align: left;
	overflow: hidden;
	_overflow: visible;
	zoom: 1;
}
#contents {
	float: left;
	width: 790px;
}
#contents:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
/* ---------------------------------------
   header
--------------------------------------- */
#header {
	background: #f0e9e0;
	border-top: none;
	border-bottom: 3px solid #504638;
	height: 135px;
	position: relative;
	z-index: 999;
}
#header p.logo {
	float: left;
	padding: 20px 0;
}
#header p.logo img {
	width: 369px;
}
#header p.logo a:hover {
	opacity: 0.6;
	transition-duration: 0.2s;
}
#header a {
	text-decoration: none;
}
#header div#headerSearch {
	clear: right;
	float: right;
	width: 550px;
	padding: 32px 0;
}
#header div#headerSearch input {
	vertical-align: middle;
}
#header div#headerSearch form {
	float: right;
	padding: 0;
	border-radius: 4px;			/* CSS3草案 */
 -webkit-border-radius: 4px	/* Safari,Google Chrome用 */
 -moz-border-radius: 4px;	/* Firefox用 */
}
#header div#headerSearch form span {
	margin: 0 10px 0 0;
}
#header div#headerSearch form span input {
	vertical-align: text-bottom;
}
#header div#headerSearch form input.txt {
	background: #fff url(/static/pc/images/common/icon_search_keyword.png) no-repeat 6px center;
	border: 2px solid #e5e5e5;
	height: 26px;
	line-height: 24px;
	padding: 0 0 0 26px;
	width: 270px;
}
#header div#headerSearch form input.btn {
	background: #504638;
	border: none;
	border-radius: 3px;
	color: #fff;
	font-size: 133.3%;
	margin: 0 0 0 1px;
	width: 90px;
	height: 30px;
	line-height: 1.7;
}
/* 【header】グローバルナビ
------------------------------------*/
#gnav {
	width: 1120px;
	height: 28px;
	margin: 0 auto;
}
#gnav #dropmenu li a {
	display: block;
	height: 28px;
}
#gnav #dropmenu li a:hover {
	opacity: 0.6;
	transition-duration: 0.2s;
}
#dropmenu {
	list-style-type: none;
	padding: 0;
}
#dropmenu li {
	position: relative;
	float: left;
	border-left: 1px solid #504638;
}
#dropmenu li:last-child {
	border-right: 1px solid #504638;
}
#dropmenu li a {
	display: block;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}
#dropmenu li ul {
	list-style: none;
	position: absolute;
	top: 44px;
	left: 0;
	margin: 0;
	padding: 0;
}
#dropmenu li ul li {
	background:#504638;
	overflow: hidden;
	width: 100%;
	height: 0;
	color: #fff;
	-moz-transition: .2s;
	-webkit-transition: .2s;
	-o-transition: .2s;
	-ms-transition: .2s;
	transition: .2s;
}
#dropmenu li ul.submenu li {
	border-left: none;
	box-shadow: 0 1px #fff inset;
}
#dropmenu li ul.submenu li:first-child {
	box-shadow: none;
}
#dropmenu li ul.submenu li:last-child {
	border-right: none;
}
#dropmenu li ul li a {
	display: block;
	text-align: center;
	font-size: 133.3%;
	font-weight: normal;
	padding: 8px 0 12px;
}
#dropmenu li:hover ul li {
	overflow: visible;
	height: 38px;
}
#dropmenu li:hover ul li:last-child {
	border-bottom: none;
}
#dropmenu li a.menu1, #dropmenu li a.menu1:hover {
	background: url(/static/pc/images/common/nav_review.png) no-repeat 79px 4px;
	background-size: 65px;
	width: 223px;
	text-indent: -9999px;
}
#dropmenu li a.menu2, #dropmenu li a.menu2:hover {
	background: url(/static/pc/images/common/nav_column.png) no-repeat 71px 4px;
	background-size: 81px;
	width: 223px;
	text-indent: -9999px;
}
#dropmenu li a.menu3, #dropmenu li a.menu3:hover {
	background: url(/static/pc/images/common/nav_article.png) no-repeat 62px 4px;
	background-size: 99px;
	width: 223px;
	text-indent: -9999px;
}
#dropmenu li a.menu4, #dropmenu li a.menu4:hover {
	background: url(/static/pc/images/common/nav_info.png) no-repeat 49px 4px;
	background-size: 124px;
	width: 222px;
	text-indent: -9999px;
}
#dropmenu li a.menu5, #dropmenu li a.menu5:hover {
	background: url(/static/pc/images/common/nav_news.png) no-repeat 45px 4px;
	background-size: 133px;
	width: 223px;
	text-indent: -9999px;
}
/* ---------------------------------------
   footer
--------------------------------------- */

/* 【footer】pagetopボタン
------------------------------------*/
#pagetopNav {
	background: #fff;
	padding: 20px 0 0;
}
#pagetopNav p {
	width: 1120px;
	margin: 0 auto;
	overflow: hidden;
	zoom: 1;
}
#pagetopNav a {
	background: url(/static/pc/images/common/pagetop.png);
	background-size: 84px;
	display: block;
	float: right;
	text-indent: -7777px;
	width: 84px;
	height: 73px;
}
/* 【footer】サイトマップ
------------------------------------*/
#footerSitemap {
	padding: 20px;
	background: #f8f5f0;
	border-top: 2px solid #F0E9E0;
	font-size: 112%;
}
#footerSitemap #footerSitemapInner {
	width: 1120px;
	margin: 0 auto;
	text-align: left;
}
#footerSitemap ul li {
	float: left;
	font-weight: bold;
	margin-right: 40px;
}
#footerSitemap ul li ul {
	margin: 5px 0 0 5px;
}
#footerSitemap ul li ul li {
	font-weight: normal;
	margin-right: 0;
	float: none;
}
#footerSitemap ul li a {
	text-decoration: none;
}
#footerSitemap ul li.menu1 {
	width: 126px;
}
#footerSitemap ul li.menu2 {
	width: 113px;
}
#footerSitemap ul li.menu3, #footerSitemap ul li.menu4 {
	width: 100px;
}
#footerSitemap ul li.menu5, #footerSitemap ul li.menu6 {
	width: 140px;
}
/* 【footer】朝日新聞DIGITAL
------------------------------------*/
#footer #footerInner01 {
	background: #F0E9E0;
	padding: 20px 0 25px;
	font-size: 116%;
}
#footer #footerInner01 .inner-box {
	width: 1120px;
	margin: 0 auto;
	text-align: left;
}
#footer #footerInner01 .footernav-box {
	float: left;
}
#footer #footerInner01 .footerNav {
	float: left;
	color: #504638;
	margin-top: 20px;
	overflow: hidden;
	zoom: 1;
}
#footer ul li {
	float: left;
	font-weight: bold;
}
#footer ul.footerNav li a {
	border-right: 1px solid #504638;
	color: #504638;
	font-weight: normal;
	text-decoration: none;
	padding: 0 8px;
}
#footer ul.footerNav li:first-child a {
	padding: 0 8px 0 0;
}
#footer ul.footerNav li:last-child a {
	border-right: none;
}
#footer .footerNav li.last {
	border: none;
	margin: 0;
	padding: 0;
}
#footer #footerInner01 .logo {
	float: right;
}
/* 【footer】コピーライト
------------------------------------*/
#footer p.copyright {
	text-align: center;
	padding: 10px 0;
}
/* ---------------------------------------
   sidebar
--------------------------------------- */
#sidebar {
	float: right;
	width: 300px;
	overflow: hidden;
}
#sidebar h2 {
	font-size: 117%;
	color: #FFF;
	padding: 5px 10px 5px 25px;
}
/* 【sidebar】広告
------------------------------------*/
#sidebar div.sidebarAd {
	margin: 0 0 15px;
	padding: 55px 0 0;
}
body#home #sidebar div.sidebarAd {
	padding: 66px 0 0;
}
#sidebar div.sidebarAd div.block {
	background: none;
	margin: 0 0 10px;
}
#sidebar div.sidebarAd h2 {
	background: none;
}
/* 【sidebar】アクセスランキング
------------------------------------*/
#sidebar .ranking {
	border: 2px solid #a0bb58;
	margin-top: 20px;
}
#sidebar .ranking h4 {
	background: #a0bb58;
	height: 34px;
	position: relative;
}
#sidebar .ranking h4 img {
	position: absolute;
	top: -11px;
	left: 10px;
}
#sidebar .ranking ul {
	padding: 10px;
}
#sidebar .ranking ul li {
	position: relative;
}
#sidebar .ranking ul li:nth-child(-n+2) {
	margin-bottom: 10px;
}
#sidebar .ranking ul li span.number {
	position: absolute;
	left: 0;
}
#sidebar .ranking p.img-thumb {
	border: 1px solid #ccc;
	flex: none;
	-webkit-flex: none;
	-moz-flex: none;
	-webkit-box-flex: none;
	width: 76px;
	height: 76px;
	position: relative;
	overflow: hidden;
	margin-right: 10px;
	float: left;
}
#sidebar .ranking p.img-thumb img {
	width: auto;
	height: auto;
	max-width: 100px;
	top: -100%;
	left: -100%;
	right: -100%;
	bottom: -100%;
	margin-top: auto;
	margin-bottom: auto;
	margin-left: auto;
	margin-right: auto;
}
#sidebar .ranking .ttl {
	width: 180px;
	float: right;
	font-size: 116.6%;
	line-height: 1.4;
	margin: 4px 0;
	text-decoration: underline;
	/*行数制限*/
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
#sidebar .ranking p.date {
	float: right;
	width: 180px;
}
/* 【sidebar】書評掲載日別一覧
------------------------------------*/
#sidebar div.reviewList div.blockInner {
	padding: 5px 10px;
	background: #FFF;
}
#sidebar div.reviewList h3 {
	color: #504638;
	margin: 5px 0;
	padding: 0 0 0 15px;
	background: url(/static/pc/images/common/icon_arrow_b.png) no-repeat 5px 0.4em;
	cursor: pointer;
}
#sidebar div.reviewList table {
	width: 220px;
	margin: 0 0 10px 30px;
}
#sidebar div.reviewList td {
	width: 20%;
	line-height: 1.8;
}
/* 【sidebar】書評委員別一覧
------------------------------------*/
#sidebar div.reviewer ul {
	padding: 5px 10px;
	background: #FFF;
}
#sidebar div.reviewer ul p.year {
	color: #504638;
	margin: 5px 0;
	padding: 0 0 0 15px;
	background: url(/static/pc/images/common/icon_arrow_b.png) no-repeat 5px 0.4em;
	cursor: pointer;
}
#sidebar div.reviewer ul ul {
	margin: 0 0 10px;
	padding: 10px 5px 10px 0;
	overflow: hidden;
	zoom: 1;
}
#sidebar div.reviewer ul ul li {
	float: left;
	display: block;
	line-height: 2;
	padding: 0 0 0 10px;
}
#sidebar div.reviewer ul ul li a {
	white-space: nowrap;
}
/* 【sidebar】ジャンル別に読む
------------------------------------*/
#sidebar div.genreList li {
	margin: 5px 0;
	padding: 0 0 0 15px;
	background: url(/static/pc/images/common/icon_arrow_b.png) no-repeat 5px 0.4em;
}
/* 【sidebar】アコーディオン
------------------------------------*/
.accordion dl {
	margin-bottom: 12px;
}
.accordion dt {
	color: #fff;
	cursor: pointer;
	position: relative;
	background: #504638;
	font-weight: normal;
	font-size: 150%;
	padding: 10px;
	text-align: center;
}
.accordion dt .ico-down {
	display: block;
	width: 20px;
	height: 8px;
	position: absolute;
	top: 56%;
	right: 1em;
	margin-top: -6px;
}
.ico-down {
	background: url(/static/pc/images/common/arrow_open.png);
	background-repeat: no-repeat;
	background-size: 18px;
}
.accordion dt.active .ico-down {
	background: url(/static/pc/images/common/arrow_close.png);
	background-repeat: no-repeat;
	background-size: 18px;
}
.accordion dd {
	border: 2px solid #504638;
	display: none;
	padding: 20px;
	text-align: left;
}
#sidebar div.reviewer ul, #sidebar div.genreList ul, #sidebar div .reviewList ul {
	padding: 0;
}
#sidebar div.reviewer ul li p, #sidebar div.genreList dd, #sidebar div .reviewList dd {
	font-size: 133.3%;
}
#sidebar div.reviewer ul ul {
	background: #f6f2ec;
}
/* 【sidebar】twitter、facebook
------------------------------------*/
#sidebar div.twitter-tl {
	border: 1px solid #eee;
	margin: 10px 0;
}
#sidebar div.facebook-tl{
	margin:10px 0;
}
/*サイドバナー*/
#sidebar p.banner-bac{
	margin-bottom: 10px;
}
#sidebar ul.banner{
	margin-top:15px;
}
body#home #sidebar ul.banner{
	margin-top:10px;
}
#sidebar ul.banner li.dokusho{
	float: left;
}
#sidebar ul.banner li.bookstore{
	float: right;
}
/* ---------------------------------------
   contents
--------------------------------------- */
#contents {
	padding: 0;
}
#contents h1 {
	font-size: 200%;
 line-height: 1..4;
	margin: 0;
	padding: 0 0 0 10px;
	border-left: 6px solid #777E41;
}
#contents h1.mine {
	border-left: 5px solid #FA8A1B;
}
#contents h1 span.follow img {
	margin: 0 0 5px;
}
#contents h3 {
	font-size: 117%;
	font-weight: normal;
	margin: 0 0 5px;
	padding: 18px 0 0;
}
#contents p.breadcrumb {
	font-size: 116.6%;
	color: #504638;
	margin: 10px 0 30px;
}
#contents p.breadcrumb a {
	color: #504638;
}
#contents p.breadcrumb span {
	padding-left: 5px;
}
#contents p.titleImage {
	margin: -15px 0 15px;
}
#contents div.pageTitle {
	margin-left: 30px;
}
#contents #genreList div.pageTitle {
	margin-left: 0;
}
#contents #genreList div.review {
	background-image: none;
}
#contents div.pageTitle h1 {
	border-left: 6px solid #777E41;
	font-size: 200%;
	line-height: 1.4;
	padding: 0px 0 0px 10px;
}
#contents div.pageTitle p {
	margin: 0;
}
#contents div.pageTitle img {
	vertical-align: middle;
}
#contents div.pageTitle p.auther img {
	border: 1px solid #CCC;
}
#contents div.pageTitle div.intro {
	margin: 15px 0 0;
	padding: 5px 10px;
	background: #F4F2DF;
}
#contents div.pageTitle div.intro p {
	margin: 0;
	padding: 0;
	border: none;
}
#contents div.pageTitle .book-detail {
	margin-top: 20px;
	width: 610px;
}
#contents div.pageTitle .booktext {
	float: left;
	font-size: 133.3%;
	width: 408px;
	margin-right: 20px;
}
#contents div.pageTitle .bookimg {
	float: right;
	border: 1px solid #CCC;
}
#contents div.pageTitle .booktext .commenter {
	float: left;
	margin-right: 15px;
}
#contents div.pageTitleLink {
	float: right;
}
#contents div.pageTitleLink li {
	float: left;
	margin: 3px 0 0;
	padding: 0;
	background: none;
}
#contents div.pageTitleLink li.btnReviewNextweek a {
	display: block;
	background: url(/static/pc/images/common/btn_review_nextweek.png);
	background-size: 124px;
	width: 124px;
	height: 30px;
	text-indent: -7777px;
}
#contents div.pageTitleSortNav {
	float: right;
	padding: 8px 0 0;
}
#contents div.block {
	margin: 0 0 20px;
	background: #FFF;
	zoom: 1;
}
#contents div.block:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
#contents img.icon {
	margin: 0 3px 0 0;
	vertical-align: text-bottom;
}
#contents span.follow {
	margin: 0 0 0 10px;
}
#contents span.follow img {
	vertical-align: middle;
}
/* 【contents】購入リンク
------------------------------------*/
#contents div.buyPaperNav ul li {
	margin: 0 0 3px;
}
#contents div.buyPaperNav ul li a {
	font-weight: normal !important;
}
#contents div.buyPaperNavOpen {
	margin: 20px 0 0;
}
#contents div.buyPaperNavOpen ul {
	line-height: 1.8;
	overflow: hidden;
	zoom: 1;
}
#contents div.buyPaperNavOpen ul li {
	display: block;
	min-height: 18px;
	_height: 18px;
	margin: 1px 5px;
}
#contents div.buyPaperNavOpen ul li.amazon {
	background: url(/static/pc/images/common/icon_amazon.png) no-repeat left center;
	background-size: contain;
	padding: 0 0 0 30px;
}
#contents div.buyPaperNavOpen ul li.boox {
	background: url(/static/pc/images/common/icon_boox.png) no-repeat left center;
	background-size: contain;
	padding: 0 0 0 30px;
}
#contents div.buyPaperNavOpen ul li.rakuten {
	background: url(/static/pc/images/common/icon_rakuten.png) no-repeat left center;
	background-size: contain;
	padding: 0 0 0 30px;
}
#contents div.buyPaperNavOpen ul li.kinokuniya {
	background: url(/static/pc/images/common/icon_kinokuniya.png) no-repeat left center;
	background-size: contain;
	padding: 0 0 0 30px;
}
#contents div.buyPaperNavOpen ul li.tsutaya {
	background: url(/static/pc/images/common/icon_tsutaya.png) no-repeat left center;
	background-size: contain;
	padding: 0 0 0 30px;
}
#contents div.buyPaperNavOpen ul li a {
	font-weight: normal !important;
	white-space: nowrap;
}
#contents table.ThmbColTb div.buyPaperNavOpen {
	width: 177px;
	_width: 179px;
}
#contents div.listMode div.buyPaperNavOpen {
	_width: 340px;
}
#contents div#bookmaUserList div.buyPaperNavOpen, #contents div#userReviewList div.buyPaperNavOpen {
	margin-right: 10px;
}
/* 【contents】ソーシャルリンク
------------------------------------*/
#contents div.socialLink {
	margin: 0;
	padding: 20px 0 0;
	overflow: hidden;
	zoom: 1;
}
#contents div.socialLink p {
	margin: 0;
	overflow: hidden;
}
#contents div.socialLink p.twitter {
	margin-right: 20px;
	overflow: visible;
	float: left;
	width: auto;
	height: 21px;
}
#contents div.socialLink p.facebook {
	float: left;
	width: 105px;
	height: 21px;
}
#contents div.socialLink p.mixi {
	float: left;
	width: auto;
	height: 21px;
}
#contents div.socialLink p.plusone {
	float: left;
	width: 90px;
	height: 21px;
}
/* 【contents】関連書籍
------------------------------------*/
#contents .related-list li {
	background: none;
	margin: 0;
	padding: 0;
}
#relatedBook ul.related-list li {
	margin-right: 26px;
}
#relatedBook ul.related-list li:last-child{
	margin-right: 0;
}
#relatedBook .related-list li {
	background: #f6f2ec;
	float: left;
	width: 246px;
	margin-top: 20px;
}
body#review #contents #relatedBook div#article h2, body#book #contents #relatedBook h2 {
	margin: 20px 0 0;
}
#contents div.bookVer2 {
	padding: 20px 0;
}
#contents div.bookVer2 div.cover {
	float: none;
	width: 98px;
	margin: 0 auto;
}
#contents div.bookVer2 div.cover p {
	width: 98px;
}
#contents div.bookVer2 div.bookinfo {
	width: 214px;
	margin: 0 auto;
}
/* (次回の読書面) */
#contents div.buyPaper, #contents div.buyPaper {
	background: none;
	margin-top: 10px;
	padding: 0;
}
#contents div.buyPaper ul, #contents div.buyPaper ul {
	margin: 0;
}
#contents div.buyPaper ul li {
	float: left;
	margin: 0;
	padding: 0;
	width: 36px;
}
#contents div.buyPaper ul li img {
	width: 36px;
}
/* 【contents】関連記事
------------------------------------*/
body#review #contents #relatedArticle h2, body#book #contents #relatedArticle h2 {
	margin: 20px 0 0;
}
body#review #contents div#relatedArticle ul, body#book #contents div#relatedArticle ul {
	margin: 20px 0 0;
}
#relatedArticle .related-list li {
	font-size: 116.6%;
	float: left;
	width: 246px;
}
#relatedArticle ul.related-list li:nth-child(-n+2) {
	margin-right: 26px;
}
#relatedArticle .img-thumb {
	border: 1px solid #ccc;
	flex: none;
	-webkit-flex: none;
	-moz-flex: none;
	-webkit-box-flex: none;
	width: 244px;
	height: 190px;
	position: relative;
	overflow: hidden;
}
#relatedArticle .img-thumb img {
	width: 100%;
	height: auto;
	max-width: 246px;
	top: -100%;
	left: -100%;
	right: -100%;
	bottom: -100%;
	margin-top: auto;
	margin-bottom: auto;
	margin-left: auto;
	margin-right: auto;
}
#relatedArticle .related-list li .ttl {
	margin-top: 10px;
	/*行数制限*/
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
/* 【contents】書評一覧表示
------------------------------------*/
#contents div.review {
	background-image: linear-gradient(to right, #d4cec7, #d4cec7 2px, transparent 2px, transparent 4px);
	background-size: 5px 2px;
	background-position: bottom;
	background-repeat: repeat-x;
	padding: 20px;
	overflow: hidden;
	_overflow: visible;
	zoom: 1;
}
#contents div.review p.img {
	float: left;
	text-align: center;
	overflow: hidden;
}
#contents div.review p.img img {
	border: 1px solid #CCC;
	width: 108px;
}
#contents div.review div.txt {
	float: right;
	width: 600px;
	overflow: hidden;
}
#contents div.review div.txt dt {
	font-size: 133%;
	margin: 0 0 5px;
}
#contents div.review div.txt dd p {
	font-size: 117%;
	margin: 0 0 5px;
}
body#review #contents div#reviewerList div.review div.txt {
	width: 600px;
}
/* 【contents】書籍一覧表示
------------------------------------*/
#contents div.book p.cover {
	float: left;
	width: 100px;
	text-align: center;
}
#contents div.book p.cover img {
	border: 1px solid #CCC;
}
#contents div.book div.bookinfo {
	text-align: left;
	overflow: hidden;
	_overflow: visible;
	zoom: 1;
}
#contents div.book div.bookinfo p {
	line-height: 1.7;
}
#contents div.book div.bookinfo p img {
	margin: 3px 0;
	vertical-align: middle;
}
#contents div.book div.bookinfo p.title {
	font-weight: bold;
}
#contents div.book div.bookinfo span.stars {
	margin: 0 10px 0 0;
}
#contents div.book div.bookinfo span.stars strong {
	color: #F69;
}
#contents div.book div.bookinfo span.ebookSite {
	color: #999;
	margin: 0 0 0 10px;
	padding: 2px 8px;
	background: #eee;
	border-left: 4px solid #86c9c4;
	white-space: nowrap;
}
#contents div.book div.bookinfo div.buyPaperNav {
	float: left;
	margin: 0 10px 0 0;
}
#contents div.book div.bookinfo p.buyDigital {
	float: left;
}
#contents div.book div.bookinfo p.more {
	clear: both;
	padding: 10px 0 0;
}
#contents div.book div.reviewinfo {
	text-align: left;
	overflow: hidden;
	_overflow: visible;
	zoom: 1;
}
#contents div.book div.reviewinfo p {
	line-height: 1.7;
}
#contents div.book div.reviewinfo p img {
	margin: 3px 0;
	vertical-align: middle;
}
#contents div.book div.reviewinfo p.title {
	font-weight: bold;
}
#contents div.book div.reviewinfo div.bookinfo {
	clear: both;
	padding: 10px;
	background: #F4F2DF;
}
/* 【contents】一覧表示 Ver.2
------------------------------------*/
#contents div.bookVer2 div.cover p.img img {
	margin: 0 0 5px;
	border: 1px solid #CCC;
}
#contents div.bookVer2 div.bookinfo {
	text-align: left;
	overflow: hidden;
	_overflow: visible;
	zoom: 1;
}
#contents div.bookVer2 div.bookinfo p {
	line-height: 1.7;
}
#contents div.bookVer2 div.bookinfo p img {
	margin: 3px 0;
	vertical-align: middle;
}
#contents div.bookVer2 div.bookinfo p.title span.bookTitle {
	font-size: 133%;
	font-weight: bold;
}
#contents div.bookVer2 div.bookinfo p.title span.more {
	white-space: nowrap;
}
#contents div.bookVer2 div.bookinfo p.detail {
	color: #9D968C;
	margin: 0 0 5px;
}
#contents div.bookVer2 div.bookinfo p.review {
	line-height: 1;
	margin: 0 0 10px;
}
#contents div.bookVer2 div.bookinfo span.stars {
	margin: 0 5px 0 0;
	white-space: nowrap;
}
#contents div.bookVer2 div.bookinfo span.stars strong {
	color: #F69;
}
#contents div.bookVer2 div.bookinfo span.bookma a {
	color: #635846;
	text-decoration: none;
}
#contents div.bookVer2 div.bookinfo span.userReview a {
	color: #635846;
	text-decoration: none;
}
#contents div.bookVer2 div.bookinfo span.asahiReview a {
	color: #FFF;
	text-decoration: none;
}
#contents div.bookVer2 div.bookinfo span.zero {
	color: #999 !important;
	background-color: #EEE !important;
}
#contents div.bookVer2 div.bookinfo span.zero a {
	color: #999 !important;
}
#contents div.bookVer2 div.bookinfo div.buyPaper ul li {
	float: left;
	display: block;
	min-height: 18px;
	_height: 18px;
}
#contents div.bookVer2 div.bookinfo div.buyPaper ul li a {
	white-space: nowrap;
}
#contents div.bookVer2 div.bookinfo div.buyDigital ul {
	margin: 0 0 0 10px;
	overflow: hidden;
	zoom: 1;
}
#contents div.bookVer2 div.bookinfo div.buyDigital ul li {
	float: left;
	display: block;
	min-height: 18px;
	_height: 18px;
	margin: 3px 20px 3px 0;
	padding: 0;
	background-image: none;
}
#contents div.reviewVer2 {
	padding: 15px 0 15px 10px;
	background-image: linear-gradient(to right, #d4cec7, #d4cec7 2px, transparent 2px, transparent 4px);
	background-size: 5px 2px;
	background-position: bottom;
	background-repeat: repeat-x;
	padding: 12px 0 10px 5px;
	overflow: hidden;
	_overflow: visible;
	zoom: 1;
}
#contents div.reviewVer2 div.bookinfo {
	float: right;
	width: 280px;
	margin: 0 0 0 10px;
	padding: 10px 0;
	background: #F4F2DF;
	overflow: hidden;
	zoom: 1;
}
#contents div.reviewVer2 div.bookinfo p {
	margin: 0 0 3px 80px;
	overflow: hidden;
	zoom: 1;
}
#contents div.reviewVer2 div.bookinfo p.cover {
	float: left;
	width: 80px;
	margin: 0;
	text-align: center;
}
#contents div.reviewVer2 div.bookinfo p.cover img {
	border: 1px solid #CCC;
}
#contents div.reviewVer2 div.bookinfo p.title {
	font-weight: bold;
	margin: 3px 0;
}
#contents div.reviewVer2 div.bookinfo p.bookma img {
	vertical-align: middle;
}
#contents div.reviewVer2 div.bookinfo p.title, #contents div.reviewVer2 div.bookinfo p.detail, #contents div.reviewVer2 div.bookinfo p.bookma {
	width: 190px;
}
#contents div.reviewVer2 div.guide {
	overflow: hidden;
	zoom: 1;
}
#contents div.reviewVer2 div.guide p.stars {
	float: right;
}
#contents div.reviewVer2 div.guide p.meta {
	font-size: 112%;
	color: #999999;
	margin: 0 0 5px;
}
#contents div.reviewVer2 div.guide p.title {
	font-size: 133%;
	font-weight: bold;
	margin: 0 0 8px;
}
#contents div.reviewVer2 div.guide p.title span.goodCount {
	display: block;
}
#contents div.reviewVer2 div.guide p.txt {
	font-size: 117%;
}
#contents div.reviewVer2 div.guide p.auther {
	margin: 3px 0 0;
}
#contents div.reviewVer2 div.guide p.auther img {
	border: 1px solid #CCC;
	vertical-align: middle;
	_vertical-align: text-bottom;
}
#contents div.bookshelfListVer2 {
	padding: 15px 0;
	border-bottom: 1px dashed #C2B69C;
	overflow: hidden;
	zoom: 1;
}
#contents div.bookshelfListVer2 div.bookshelfL {
	float: left;
	width: 130px;
}
#contents div.bookshelfListVer2 div.bookshelfL p {
	text-align: center;
}
#contents div.bookshelfListVer2 div.bookshelfL p.img img {
	margin: 0 0 5px;
	border: 1px solid #CCC;
}
#contents div.bookshelfListVer2 div.bookshelfR {
	text-align: left;
	overflow: hidden;
	_overflow: visible;
	zoom: 1;
}
#contents div.bookshelfListVer2 div.bookshelfR p.name {
	font-size: 116%;
	font-weight: bold;
	margin: 0 0 5px;
}
#contents div.bookshelfListVer2 div.bookshelfR div.main {
	margin: 0 0 8px;
	padding: 15px;
	background: #F4F2DF;
}
#contents div.bookshelfListVer2 div.bookshelfR div.main p.comment {
	margin: 0 0 8px;
}
#contents div.bookshelfListVer2 div.bookshelfR div.main ul.books {
	margin: 0 0 10px;
	padding: 10px 0 1px 22px;
	background: #FFF;
	overflow: hidden;
	zoom: 1;
}
#contents div.bookshelfListVer2 div.bookshelfR div.main ul.books li img {
	position: absolute;
	bottom: 10px;
}
#contents div.bookshelfListVer2 div.bookshelfR div.main p.more {
	float: right;
	margin: 3px 0 0;
}
#contents div.bookshelfListVer2 div.bookshelfR div.main ul.tag {
	overflow: hidden;
	zoom: 1;
}
#contents div.bookshelfListVer2 div.bookshelfR div.main ul.tag li {
	float: left;
	margin: 0 4px 0 0;
	padding: 1px 8px;
	background-image: none;
	background-color: #FFF;
}
#contents div.bookshelfListVer2 div.bookshelfR div.main ul.books li img {
	border: 1px solid #CCC;
}
#contents div.bookshelfListVer2 div.bookshelfR ul.status {
	overflow: hidden;
	zoom: 1;
}
#contents div.bookshelfListVer2 div.bookshelfR ul.status li {
	float: left;
	margin: 0 10px 0 0;
	padding: 0 10px 0 0;
	background-image: none;
	border-right: 1px dotted #635847;
}
#contents div.bookshelfListVer2 div.bookshelfR ul.status li.follower {
	margin: 0;
	padding: 0;
	border: none;
}
#contents div.bookshelfListVer2 div.bookshelfR ul.status li a {
	font-weight: bold;
}
/* 【contents】ページナビ
------------------------------------*/
#contents div.pageNav, #contents div.pager {
	margin: -1px 0 0;
	padding: 20px 0;
	text-align: center;
}
#contents div.pageNav li, #contents div.pager li {
	display: inline;
	font-size: 125%;
	padding: 0 5px;
}
#contents div.pageNav li.back {
	margin: 0 5px 0 0;
	padding: 0 10px 0 0;
	border-right: 1px solid #443337;
}
#contents div.pageNav li.next {
	margin: 0 0 0 5px;
	padding: 0 0 0 10px;
	border-left: 1px solid #443337;
}
/* 前の週へ / 次の週へ*/
#contents div.pageNav li.back a {
	padding-right: 5px;
	background: url(/static/pc/images/common/btn_arrow_l.png) no-repeat;
	background-size: 86px;
	margin-right: 5px;
	text-indent: -9999px;
}
#contents div.pageNav li.next a {
	padding-left: 8px;
	background: url(/static/pc/images/common/btn_arrow_r.png) no-repeat;
	background-size: 86px;
	margin-left: 5px;
	text-indent: -9999px;
}
#contents div.pageNav li.back a, #contents div.pageNav li.next a {
	display: inline-block;
	width: 86px;
	height: 30px;
	line-height: 30px;
	color: #635846;
	vertical-align: middle;
	overflow: hidden;
	padding: 0;
}
#contents div.pageNav li.current, #contents div.pageNav li.current a {
	font-weight: bold;
	color: #777E41;
}
/* 前へ / 次へ*/
#contents div.pager li.back {
	padding: 0 10px 0 0;
}
#contents div.pager li.next {
	padding: 0 0 0 10px;
}
#contents div.pager li.back a, #contents div.pager li.next a {
	display: inline-block;
	width: 62px;
	height: 32px;
	line-height: 30px;
	color: #635846;
	vertical-align: middle;
	overflow: hidden;
	padding: 0;
}
#contents div.pager li.back a {
	padding-right: 5px;
	background: url(/static/pc/images/common/btn_arrow_back.png) no-repeat;
	background-size: 62px;
	margin-right: 5px;
	text-indent: -9999px;
}
#contents div.pager li.next a {
	padding-left: 8px;
	background: url(/static/pc/images/common/btn_arrow_next.png) no-repeat;
	background-size: 62px;
	margin-left: 5px;
	text-indent: -9999px;
}
#contents div.pager li.current {
	font-weight: bold;
	color: #777E41;
}
/* 【contents】検索結果ページナビ
------------------------------------*/
#contents div.searchPageNav {
	margin: -1px 0 0;
	overflow: hidden;
	zoom: 1;
}
#contents div.searchPageNav ul, #contents div.searchPageNav p {
	padding: 15px 10px;
}
#contents div.searchPageNav p.status {
	position: absolute;
}
#contents div.searchPageNav li {
	display: inline;
	padding: 0 3px;
	background: none;
}
#contents div.searchPageNav li.back {
	margin: 0 5px 0 0;
	padding: 0 10px 0 0;
	border-right: 1px solid #443337;
}
#contents div.searchPageNav li.next {
	margin: 0 0 0 5px;
	padding: 0 0 0 10px;
	border-left: 1px solid #443337;
}
#contents div.searchPageNav li.current {
	font-weight: bold;
	color: #CC6600;
}
/* ---------------------------------------
   いち本（body#book）
--------------------------------------- */
body#book #contents div.bookma {
	position: relative;
}
body#book #contents div.bookma p {
	position: absolute;
	right: 5px;
	top: -5px;
}
body#book #contents div.pageTitle h1 {
	margin-right: 60px;
}
/* 【いち本】表紙と内容紹介
------------------------------------*/
body#book #contents div.bookCoverDetail {
	margin: 20px 0 0;
	zoom: 1;
}
body#book #contents div.bookCoverDetail:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
body#book #contents div.bookCover {
	float: left;
	width: 200px;
	text-align: center;
	overflow: hidden;
}
body#book #contents div.bookCover p {
	margin: 0;
}
body#book #contents div.bookCover img {
	border: 1px solid #CCC;
}
body#book #contents div.bookDetail {
	float: right;
	width: 390px;
}
body#book #contents div.bookDetail a {
	font-weight: bold;
}
body#book #contents div.bookDetail p {
	margin: 0 0 8px;
}
body#book #contents div.bookDetail p.line {
	padding: 0 0 8px;
	border-bottom: 1px dotted #635847;
}
body#book #contents div.bookDetail strong {
	color: #F69;
}
body#book #contents div.bookDetail img {
	vertical-align: middle;
}
body#book #contents div.bookDetail div.socialLink {
	margin: 0 0 8px;
	padding: 0 0 8px;
	border-bottom: 1px dotted #635847;
}
body#book #contents div.bookDetail div.socialLink p {
	margin: 0;
}
/* 【いち本】購入ボタン
------------------------------------*/
body#book #contents div.bookDetail div.buyPaperNav {
	float: left;
	margin: 0 10px 0 0;
}
body#book #contents div.bookDetail div.buyPaperNav p {
	margin: 0;
}
body#book #contents div.bookDetail div.buyPaperNav img {
	vertical-align: bottom;
}
body#book #contents div.bookDetail div.buyPaperNav div {
	margin: -5px 0 0 -3px;
}
body#book #contents div.bookDetail p.buyDigital {
	margin: 5px 0;
}
body#book #contents div.bookDetail p.buyDigital img {
	vertical-align: bottom;
}
/* 【いち本】書評、コラム、インタビュー、関連記事、出版社のレビュー
------------------------------------*/
body#book #contents div.asahiBookInfo h2, body#book #contents div.bookAutherDB h2, body#book #contents div.interview h2, body#book #contents div.relatedArticle h2, body#book #contents div.relatedSpecial h2 {
	margin: 0 0 5px;
	padding: 0;
}
body#book #contents div.subInfo {
	margin: 10px 0 0;
	padding: 10px 0 0;
	border-top: 1px dotted #635847;
}
body#book #contents div.asahiBookReview h2 {
	margin: 20px 0 0;
	padding: 3px 6px;
	background: #FFBE7D;
}
body#book #contents div.asahiBookReview p {
	margin: 0;
}
body#book #contents div.asahiBookReview p.auther {
	margin: 0 0 5px;
	padding: 3px 6px;
	background: #FFDFBF;
}
body#book #contents div.asahiColumn h2 {
	margin: 20px 0 10px;
	padding: 3px 6px;
	background: #FFBE7D;
}
body#book #contents div.publisherReviews h2 {
	color: #FFF;
	margin: 20px 0 10px;
	padding: 3px 6px;
	background: #8E935E;
}
/* ---------------------------------------
   検索結果（body#search）
--------------------------------------- */
body#search #contents div.searchCriteria {
	margin: 15px 0 0;
	padding: 10px;
	background: #F4F2DF;
}
body#search #contents div.searchCriteria strong {
	color: #9AA552;
}
#searchOptionSubmenu span.label {
	font-size: 116%;
}
#searchOptionSubmenu .sub {
	padding: 15px 0;
}
body#search #contents div#searchOption {
	margin: 15px 0 20px;
}
body#search #contents div#searchOption div.tab {
	border-bottom: 4px solid #777e41;
}
body#search #contents div#searchOption div.tab li {
	float: left;
	width: 147px;
	height: 31px;
	margin: 0 4px 0 0;
	padding: 0;
	background-image: none;
	overflow: hidden;
}
body#search #contents div#searchOption div.tab li.tab4 {
	margin: 0;
}
body#search #contents div#searchOption div.tab li a {
	display: block;
	height: 31px;
	text-indent: -777px;
	overflow: hidden;
}
body#search #contents div#searchOption div.tab li.active a {
	display: none;
}
body#search #contents div#searchOption div.criteria {
	background: #F6F2EC;
}
body#search #contents div#searchOption div.criteria p {
	overflow: hidden;
	zoom: 1;
}
body#search #contents div#searchOption div.criteria div.main {
	padding: 15px 30px 0;
	overflow: hidden;
	zoom: 1;
}
body#search #contents div#searchOption div.criteria div.main p.txt {
	font-size: 112%;
	margin: 0 0 10px;
}
body#search #contents div#searchOption div.criteria div.main p#openSubmenu, body#search #contents div#searchOption div.criteria div.main p#closeSubmenu {
	float: right;
	font-size:116%;
	font-weight: bold;
	color: #504638;
	margin: 4px 0 0;
	padding: 0 20px 0 0;
	text-decoration: underline;
	cursor: pointer;
}
body#search #contents div#searchOption div.criteria div.main p.keyword {
	float: left;
	width: 250px;
}
body#search #contents div#searchOption div.criteria div.main p.keyword input {
	width: 240px;
	height: 22px;
	line-height: 20px;
	padding: 0 0 0 2px;
	border: 1px solid #c2b69c;
}
body#search #contents div#searchOption div.criteria div.main p.select {
	float: left;
	width: 156px;
}
body#search #contents div#searchOption div.criteria div.main p.select select {
	width: 150px;
	height: 24px;
	line-height: 16px;
	padding: 2px;
	border: 1px solid #c2b69c;
	vertical-align: middle;
}
body#search #contents div#searchOption div.criteria div.main p.btn {
	float: left;
	background: #504638;
	border-radius: 3px;
	color: #fff;
	font-size: 116%;
	width: 60px;
	height: 24px;
	line-height: 1.8;
	text-align: center;
}
body#search #contents div#searchOption div.criteria div.sub p {
	line-height: 1.7;
	height: 40px;
}
body#search #contents div#searchOption div.criteria div.sub p.txt {
	font-size: 118%;
	font-weight: bold;
	padding-left: 30px;
	height: auto;
	margin-bottom: 5px;
}
body#search #contents div#searchOption div.criteria div.sub p span.label {
	float: left;
	display: block;
	font-weight: bold;
	margin: 0 5px 0 0;
	text-align: left;
}
body#search #contents div#searchOption div.criteria div.sub p span.form {
	float: left;
	display: block;
	width: 200px;
	overflow: hidden;
	zoom: 1;
}
body#search #contents div#searchOption div.criteria div.sub p span.note {
	display: block;
	font-size: 83%;
	color: #7F7765;
}
body#search #contents div#searchOption div.criteria div.sub p span.form input {
	width: 170px;
	height: 18px;
	padding: 2px;
	border: 1px solid #c2b69c;
}
body#search #contents div#searchOption div.criteria div.sub p span.form select {
	width: 185px;
	height: 24px;
	border: 1px solid #c2b69c;
}
body#search #contents div#searchOption div.criteria div.sub p.title, body#search #contents div#searchOption div.criteria div.sub p.auther, body#search #contents div#searchOption div.criteria div.sub p.tag, body#search #contents div#searchOption div.criteria div.sub p.name, body#search #contents div#searchOption div.criteria div.sub p.sex {
	clear: both;
	float: left;
	width: 310px;
}
body#search #contents div#searchOption div.criteria div.sub p.title {
	padding-left: 30px;
}
body#search #contents div#searchOption div.criteria div.sub p.date {
	clear: both;
	width: auto;
	padding-left: 30px;
}
body#search #contents div#searchOption div.criteria div.sub p.date span.form {
	width: auto;
}
body#search #contents div#searchOption div.criteria div.sub p.date span.form select {
	width: auto;
}
body#search #contents div#searchOption div.btn {
	text-align: center;
}
body#search #contents div#searchOptionSubmenu div.btn {
	text-align: center;
	background: #504638 url(/static/pc/images/common/icon_search_keyword.png) no-repeat 36px 10px;
	background-size:14px;
	border-radius: 5px;
	color: #fff;
	width: 160px;
	height: 28px;
	margin: 0 auto;
	padding-top: 6px;
}
body#search #contents div#searchOptionSubmenu div.btn input[type="button"] {
 padding-left:20px;
}
body#search #contents div#searchTitle {
	margin: 0 0 0 10px;
	overflow: hidden;
	zoom: 1;
}
body#search #contents div#searchTitle p.title {
	float: left;
	width: 340px;
	font-size: 117%;
	font-weight: bold;
	margin: 2px 0 0;
}
body#search #contents div#searchTitle div.sort {
	float: right;
	text-align: right;
}
body#search #contents div#searchTitle div.sort span.label {
	font-weight: bold;
	margin: 0 5px 0 0;
}
body#search #contents div#searchTitle div.sort select {
	padding: 1px;
	border: 1px solid #c2b69c;
}
/* ---------------------------------------
   書評・コラムを読む（body#review）
--------------------------------------- */
body#review #contents div#reviewListIndex .update {
	font-size: 116%;
	margin: 10px 0;
	padding: 0;
}
body#review #contents div#reviewListIndex .update p {
	padding-top: 5px;
}
body#review #contents div#reviewListIndex h2 {
	font-size: 117%;
	font-weight: bold;
	margin-top: 10px;
	padding: 5px 10px;
	background: #F6F2EC;
}
body#review #contents div#reviewListIndex div.review {
	border-top: none;
}
body#review #contents div#reviewList div.review {
	border-top: none;
}
body#review #contents div#reviewerProfile, body#review #contents div.column-category {
	margin: 10px 0;
	padding: 20px 30px;
	background: #F6F2EC;
	overflow: hidden;
	zoom: 1;
}
/*----- 修正 -----*/
body#review #contents div#reviewerProfile p.img {
	float:left;
	display: inline-block;
	width: 80px;
	vertical-align: middle;
	overflow: hidden;
}
body#review #contents div#reviewerProfile div.txt {
	float:right;
	font-size: 117%;
	display: inline-block;
	margin-left: 26px;
	width: 620px;
	vertical-align: middle;
	overflow: hidden;
}
/*-------------------*/
body#review #contents div#reviewerProfile div.txt dt {
	font-size: 117%;
	margin: 0 0 5px;
}
body#review #contents div#reviewerProfile div.txt dt span.label {
	display: block;
	font-size: 100%;
	color: #777E3F;
}
body#review #contents div#reviewerProfile div.txt dd p {
	margin: 0 0 5px;
}
body#review #contents div.column-category #columnTitleImage img {
	background: #fff;
}
/* 【書評・コラムを読む】ジャンル別に読む
------------------------------------*/
body#review #contents div#genreList div.genreIndex {
	min-height: 42px;
	_height: 42px;
	margin: 15px 0;
}
body#review #contents div#genreList div.genreIndex ul {
	overflow: hidden;
	zoom: 1;
}
body#review #contents div#genreList div.genreIndex li {
	float: left;
	margin: 2px 0;
	padding: 0 10px 0 0;
	background: none;
}
body#review #contents div#genreList div.genreIndex li a {
	white-space: nowrap;
}
body#review #contents div#genreList h2 {
	font-size: 133.3%;
	font-weight: bold;
	margin-top: 10px;
	padding: 5px 10px 5px 25px;
	background: #F6F2EC url(/static/pc/images/common/icon_arrow_b.png) no-repeat 10px 10px;
}
body#review #contents div#genreList h2 a {
	display: block;
}
body#review #contents div#genreList div.review {
	border: none;
}
/* 【書評・コラムを読む】コラム別に読む
------------------------------------*/
body#review #contents .box div.column-category {
	margin: 10px 0 0;
}
body#review #contents .box div.review p.img img {
	width: 90px;
}
body#review #contents .box div.review div.txt {
	width: 620px;
}
body#review #contents div#columnList div.columnBox {
	padding: 15px;
	background-image: linear-gradient(to right, #d4cec7, #d4cec7 2px, transparent 2px, transparent 4px);
	background-size: 5px 2px;
	background-position: bottom;
	background-repeat: repeat-x;
	overflow: hidden;
	_overflow: visible;
	zoom: 1;
}
body#review #contents div#columnList div.columnBox div.info {
	float: left;
	width: 340px;
}
body#review #contents div#columnList div.columnBox div.info p.columnTitleImage {
	margin-bottom: 5px;
}
body#review #contents div#columnList div.columnBox p.title {
	font-size: 133.3%;
	font-weight: bold;
	margin-bottom: 15px;
	padding: 5px 10px 5px 25px;
	background: #F6F2EC url(/static/pc/images/common/icon_arrow_b.png) no-repeat 10px 10px;
}
body#review #contents div#columnList div.columnBox div.info p.txt {
	clear: both;
	font-size: 117%;
}
body#review #contents div#columnList div.columnBox div.new {
	float: right;
	width: 380px;
	padding: 10px;
	background: #f7f4ef;
}
body#review #contents div#columnList div.columnBox div.new p.img {
	float: left;
	margin: 0 10px 0 0;
}
body#review #contents div#columnList div.columnBox div.new p.img img {
	border: 1px solid #CCC;
}
body#review #contents div#columnList div.columnBox div.new p.title {
	font-weight: bold;
	background: none;
	font-size: 100%;
	margin-top: 0;
	margin-bottom: 5px;
	padding: 0;
	zoom: 1;
}
body#review #contents div#columnList div.columnBox div.new p.txt {
	margin: 0 0 3px 70px;
	zoom: 1;
}
body#review #contents div#columnList div.columnBox div.new p.sub {
	margin: 0 0 0 70px;
	zoom: 1;
}
body#review #contents div#columnList div.backNumberNav ul {
	margin-top: 10px;
	overflow: hidden;
	zoom: 1;
}
body#review #contents div#columnList div.backNumberNav li {
	float: right;
}
/* 【書評・コラムを読む】いち記事
------------------------------------*/
/*----- 修正 -----*/
body#review #contents p#columnTitleImage {
	float:left;
	display: inline-block;
	margin: 0 10px 0 0;
	vertical-align: middle;
}
/*-------------------*/
body#review #contents.columnlist div#columnInfo {
	float: right;
	overflow: hidden;
	width: 520px;
	zoom: 1;
}
body#review #contents div#columnInfo .title {
	margin-bottom: 10px;
}
/*----- 修正 -----*/
body#review #contents .column-category div#columnInfo {
	float:right;
	font-size: 117%;
	display: inline-block;
	width: 526px;
	vertical-align: middle;
}
/*-------------------*/
body#review #contents .column-category div#columnInfo .title {
	font-size: 117%;
	font-weight: bold;
	margin-bottom: 0;
}
body#review #contents div#columnBackNumber {
	margin: -5px 0 10px;
	text-align: right;
}
body#review #contents div#article div.articleArea {
	border-top: 1px solid #f0e9e0;
	margin: 30px 0 0;
	padding-top: 30px;
	overflow: hidden;
	zoom: 1;
}
body#review #contents div#article div.articleArea p {
	font-size: 117%;
	line-height: 1.7;
	margin: 0 0 20px;
}
body#review #contents div#article div.articleArea p strong {
	font-size: 133%;
}
body#review #contents div#article div.articleArea table.ThmbColTb {
	float: left;
	width: 182px;
	margin: 0 20px 20px 0;
}
body#review #contents div#article div.articleArea table.ThmbColTb p {
	font-size: 100%;
	margin: 0 0 5px;
}
body#review #contents div#article div.articleArea table.ThmbColTb span {
	display: block;
	text-align: center;
}
body#review #contents div#article div.articleArea table.ThmbColTb span img {
	margin: 0 auto 5px;
	border: 1px solid #CCC;
}
body#review #contents div#article div.articleArea table.ThmbColTb small {
	font-size: 100%;
	color: #8C7F73;
}
body#review #contents div#article div.articleArea table.ThmbColTb .ThmbZoomBtn {
	float: right;
	margin: 0 0 10px 5px;
}
body#review #contents div#article div.articleArea table.ThmbColTb2 {
	float: left;
	width: 182px;
	margin: 20px 20px 0 0;
}
body#review #contents div#article div.articleArea table.ThmbColTb2 p {
	font-size: 100%;
	margin: 0 0 10px;
}
body#review #contents div#article div.articleArea table.ThmbColTb2 span {
	display: block;
	text-align: center;
}
body#review #contents div#article div.articleArea table.ThmbColTb2 span img {
	margin: 0 auto 5px;
	border: 1px solid #CCC;
}
body#review #contents div#article div.articleArea table.ThmbColTb2 small {
	font-size: 100%;
	color: #8C7F73;
}
body#review #contents div#article div.articleArea table.ThmbColTb2 .ThmbZoomBtn {
	float: right;
	margin: 0 0 10px 5px;
}
body#review #contents div#article div.articleArea div.Box3 h2 {
	margin: 0;
	background: #8E935E;
}
body#review #contents div#article div.articleArea div.Box3 p {
	margin: 0;
}
body#review #contents div#article div.articleArea div.Box3Inner {
	padding: 10px;
	background: #FFF;
	overflow: hidden;
	zoom: 1;
}
body#review #contents div#article div.articleArea div.Box3 p.ThmbCol {
	float: left;
	margin: 0 10px 0 0;
}
body#review #contents div#article div.articleArea div.Box3 p.ThmbCol img {
	border: 1px solid #CCC;
}
body#review #contents div#article div.articleArea div.Box3 dt {
	font-size: 117%;
}
body#review #contents div#relatedBook div.book {
	border-top: none;
}
body#review #contents div#article p.backnumber {
	margin: -1px 0 0;
	padding: 15px 0 0;
	text-align: right;
}
/* 【書評・コラムを読む】次回の読書面
------------------------------------*/
body#review #contents.next-week .intro {
	font-size: 116%;
	margin: 10px 0;
}
body#review #contents.next-week .intro .socialLink {
	padding: 15px 0 0;
}
#contents div#nextReview div.book {
	clear: both;
	padding: 20px;
	background-image: linear-gradient(to right, #d4cec7, #d4cec7 2px, transparent 2px, transparent 4px);
	background-size: 5px 2px;
	background-position: bottom;
	background-repeat: repeat-x;
	padding: 20px;
	overflow: hidden;
	_overflow: visible;
	zoom: 1;
}
#contents div#nextReview div.book p.cover {
	width: 110px;
}
#contents div#nextReview div.book p.cover img {
	width: 108px;
}
#contents div#nextReview div.book div.bookinfo {
	width: 600px;
	float: right;
}
#contents div#nextReview div.book p.title {
	font-size: 133%;
}
#contents div#nextReview div.book div.buyPaperNavOpen {
	margin: 5px 0 0;
}
body#review #contents #nextReview ul.related-list li {
	background: #F6F2EC;
	float: left;
	width: 246px;
	margin-top: 20px;
}
body#review #contents.next-week #nextReview .related-list li{
	margin-right:26px;
}
body#review #contents.next-week #nextReview .related-list li:last-child{
	margin-right:0;
}
body#review #contents.next-week #nextReview .related-list li .buyPaper li:nth-child(-n+4){
	margin-right: 8px;
}
/* ---------------------------------------
   本に出あう（body#book）
--------------------------------------- */
body#book #contents div#special p.pageTitle {
	font-size: 133%;
	font-weight: bold;
	line-height: 1.5;
	margin: 0 0 15px;
	padding: 5px 0 5px 10px;
	border-left: 5px solid #777E41;
}
/* 【本に出あう】特集
------------------------------------*/
body#book #contents div#special div.intro h1 {
	padding: 0;
	border: none;
}
body#book #contents div#special div.intro p {
	font-size: 117%;
	margin: 15px 10px;
}
body#book #contents div#special div.intro div.Box3, body#book #contents div#special div.intro div.Box3Book {
	margin: 10px 0;
	padding: 1px 0 0;
	background: #FFFFFF;
	border: 5px solid #D8DEDD;
}
body#book #contents div#special div.intro div.Box3Inner {
	padding: 6px 11px;
}
body#book #contents div#special div.intro div.Box3 h2, body#book #contents div#special div.intro div.Box3Book h2 {
	font-weight: bold;
	background: #EEE;
	margin: 0 1px 1px;
	padding: 5px 10px;
}
body#book #contents div#special div.intro div.Box3 h2 a#Profile {
	background-image: none !important;
}
body#book #contents div#special div.intro .Box3 div.H2Box:after {
	clear: both;
	content: ".";
	display: block;
	font-size: 0.1em;
	height: 0.1px;
	line-height: 0;
	visibility: hidden;
}
:first-child + html body#book #contents div#special div.intro .Box3 div.H2Box {
	min-height: 1px;
}
* html body#book #contents div#special div.intro .Box3 div.H2Box {
	height: 1px;
}
body#book #contents div#special div.intro .Box3 div.H2Box {
	background: #E1E6E6;
	margin: 0 1px 1px;
	padding: 5px 10px;
}
body#book #contents div#special div.intro .Box3 div.H2Box h2 {
	background: none repeat scroll 0 0 transparent;
	float: left;
	margin: 0;
	padding: 0;
}
body#book #contents div#special div.intro .Box3 div.H2Box ul {
	background: none repeat scroll 0 0 transparent;
	margin: 0;
	padding: 3px 0 0;
}
body#book #contents div#special div.intro .Box3 div.H2Box ul.FollowLnk li {
	border: medium none;
	float: right;
	margin: 0 0 0 10px;
	padding: 0 0 0 10px;
}
body#book #contents div#special div.intro .Box3 div.H2Box ul.FollowLnk li a {
	white-space: nowrap;
}
body#book #contents div#special div.intro div.Box3 Table.ColSet td h2 {
	margin: 0 0 1px;
}
body#book #contents div#special div.intro div.Box3 .ImgRight {
	text-align: right;
}
body#book #contents div#special div.intro ul.Flat1:after, body#book #contents div#special div.intro ul.Flat2:after, body#book #contents div#special div.intro ul.Flat3:after {
	clear: both;
	content: ".";
	display: block;
	font-size: 0.1em;
	height: 0.1px;
	line-height: 0;
	visibility: hidden;
}
body#book #contents div#special div.intro ul.Flat1, body#book #contents div#special div.intro ul.Flat2, body#book #contents div#special div.intro ul.Flat3 {
	margin: -5px 0 0;
}
* html body#book #contents div#special div.intro ul.Flat1 li, * html body#book #contents div#special div.intro ul.Flat2 li, * html body#book #contents div#special div.intro ul.Flat3 li {
	float: none;
}
body#book #contents div#special div.intro .FloatR {
	text-align: right;
}
body#book #contents div#special div.picup div.book p.cover {
	width: 115px;
	text-align: left;
}
body#book #contents div#special div.picup div.book p.cover img {
	border: 1px solid #CCC;
}
body#book #contents div#special div.picup div.book div.guide {
	float: left;
	width: 205px;
}
body#book #contents div#special div.picup div.book div.guide p.title {
	font-size: 117%;
	font-weight: bold;
	margin: 0 0 5px;
}
body#book #contents div#special div.picup div.book div.bookinfo {
	float: right;
	width: 200px;
}
body#book #contents div#special div.picup div.book div.bookinfo span.asahiReview, body#book #contents div#special div.picup div.book div.bookinfo span.userReview {
	display: block;
}
body#book #contents div#special p.fbTitle {
	font-size: 117%;
	font-weight: bold;
	color: #FFF;
	margin: 30px 0 15px;
	padding: 5px 10px;
	background: #3B5998;
}
body#review #contents.feature-article .column-category div#columnInfo {
	width: 416px;
}
/* 【本に出あう】特集一覧
------------------------------------*/
body#book #contents div#specialIndex div.special {
	padding: 15px 0;
	background-image: linear-gradient(to right, #d4cec7, #d4cec7 2px, transparent 2px, transparent 4px);
	background-size: 5px 2px;
	background-position: bottom;
	background-repeat: repeat-x;
	overflow: hidden;
	_overflow: visible;
	zoom: 1;
}
body#book #contents div#specialIndex div.special p.img {
	float: left;
	width: 240px;
}
body#book #contents div#specialIndex div.special p.img img {
	border: 1px solid #CCC;
}
body#book #contents div#specialIndex div.special div.txt {
	float: right;
	width: 540px;
	overflow: hidden;
	zoom: 1;
}
body#book #contents div#specialIndex div.special div.txt dt {
	font-size: 133%;
	margin: 0 0 5px;
}
body#book #contents div#specialIndex div.special div.txt dd {
	font-size: 117%;
}
body#book #contents div#specialIndex div.title h2 {
	font-weight: bold;
	padding: 5px 10px;
	background: #F4F2DF;
}
body#book #contents div#specialIndex ul {
	margin: 10px 5px 20px;
}
/* 【本に出あう】今がわかる本棚
------------------------------------*/
body#book #contents div#bookshelfMenu p.title {
	font-size: 117%;
	font-weight: bold;
	color: #FFF;
	padding: 5px 10px;
	background: #777E41;
}
body#book #contents div#bookshelfMenu div.menu {
	padding: 5px;
	background: #EDEBDA;
}
body#book #contents div#bookshelfMenu div.menu li, body#book #contents div#bookshelfMenu div.menu p {
	margin: 8px 0;
}
body#book #contents div#bookshelfMenu div.menu li.active {
	font-weight: bold;
}
body#book #contents div#bookshelfMenu div.menu div#menuMore {
	display: none;
}
body#book #contents div#bookshelfMenu div.menu p#menuMoreOpen, body#book #contents div#bookshelfMenu div.menu p#menuMoreClose {
	color: #777E40;
	text-decoration: underline;
	text-align: right;
}
body#book #contents div#bookshelfMenu div.menu p#menuMoreOpen:hover, body#book #contents div#bookshelfMenu div.menu p#menuMoreClose:hover {
	color: #429F9F;
}
body#book #contents div#bookshelf div.pageTitle {
	margin: 0 0 15px;
}
body#review #contents.globe p.txt, body#book #contents.book-shelf p.txt {
	font-size: 116%;
	margin: 10px 0;
}
body#book #contents.book-shelf div.book p.cover {
	float: none;
	margin: 0 auto 5px;
}
body#book #contents.book-shelf ul.book-list {
	margin-bottom: 10px;
}
body#book #contents.book-shelf ul.book-list li {
	float: left;
	width: 246px;
}
body#book #contents.book-shelf ul.book-list li:(-n+2) {
 margin-right: 26px;
}
body#book #contents.book-shelf div.book div.bookinfo {
	text-align: center;
}
body#book #contents.book-shelf #relatedBook ul.related-list li, body#review #contents.next-week #nextReview ul.related-list li {
	background: #F6F2EC;
}
#contents div.buyPaper ul li:last-child {
	margin-right: 0;
}
body#review #contents #nextReview ul.related-list .buyPaper li {
	width: 36px;
}
#contents div.buyPaper ul li {
	margin-right: 8px;
	margin-top: 0;
	width: 36px;
}
/**/
#contents.book-shelf #genreList {
	overflow: hidden;
}
#contents.book-shelf #genreList .review {
	float: left;
	width: 380px;
	padding: 0;
}
#contents.book-shelf #genreList .review:nth-child(2n+1) {
	margin-right: 30px;
}
body#review #contents.book-shelf div#genreList h2 {
	margin: 20px 0 15px;
}
body#review #contents.book-shelf div#genreList div.review:nth-child(-n+2) h2 {
	margin: 10px 0 15px;
}
#contents.book-shelf #genreList div.review div.txt {
	margin-left: 15px;
	width: 250px;
}
/* ---------------------------------------
   本のニュース（body#news）
--------------------------------------- */

/* 【本のニュース】いち記事
------------------------------------*/
/* 本の記事 > ニュース */
body#review #contents.news-detail div#article {
	margin-top: 10px;
}
#contents.news-detail div#article .socialLink {
	float: left;
	margin-bottom: 20px;
	padding: 0;
}
#contents.news-detail div#article .date {
	float: right;
	font-size: 116%;
}
body#review #contents.news-detail div#article div.articleArea {
	border-top: none;
	margin: 10px 0 0;
	padding: 0;
}
body#review #contents.news-detail div#article .articleArea div.buyPaperNavOpen {
	margin: 10px 0 0;
}
#contents.news-detail .buy-book .buy-book-inner01 {
	float: left;
	width: 600px;
}
#contents.news-detail .buy-book .buy-book-inner01 p a {
	font-size: 116%;
	font-weight: bold;
}
#contents.news-detail .buy-book .buy-book-inner01 .buyPaperNavOpen {
	font-size: 116%;
}
#contents.news-detail .buy-book .buy-book-inner01 .buyPaperNavOpen ul {
	width: 440px;
}
#contents.news-detail .buy-book .buy-book-inner01 .buyPaperNavOpen ul li {
	float: left;
	margin: 3px 0;
	width: 180px;
}
#contents.news-detail .buy-book .buy-book-inner01 .buyPaperNavOpen table td {
	margin: 5px 0 5px 0;
	float: left;
}
#contents.news-detail .buy-book .buy-book-inner02 {
	float: right;
}
#contents.news-detail .buy-book .buy-book-inner02 img {
	border: 1px solid #eee;
}
body#review #contents.news-detail div#article div.articleArea .buy-book p {
	margin: 0;
}
#contents.news-detail .buy-book {
	background: #F6F2EC;
	margin-bottom: 20px;
	padding: 15px 20px;
}
/* /本の記事 > ニュース */

body#news #contents p.txt {
	font-size: 116%;
	margin: 10px 0 0;
}
body#news #contents p#columnTitleImage {
	float: left;
	margin: 0 10px 0 0;
}
body#news #contents div#columnInfo {
	margin: 0 0 15px;
	padding: 10px;
	background: #F4F2DF;
	overflow: hidden;
	zoom: 1;
}
body#news #contents div#columnInfo .title {
	font-size: 117%;
	font-weight: bold;
	margin: 0;
	padding: 0 0 0 20px;
	border: none;
}
body#news #contents div#columnInfo .txt {
	margin: 5px 0 0;
}
body#news #contents div#article div.articleArea {
	margin: 20px 0 0;
	overflow: hidden;
	zoom: 1;
}
body#news #contents div#article div.articleArea p {
	font-size: 117%;
	line-height: 1.7;
	margin: 0 0 20px;
}
body#news #contents div#article div.articleArea p strong {
	font-size: 133%;
}
body#news #contents div#article div.articleArea table.ThmbColTb {
	float: right;
	width: 182px;
	margin: 0 0 20px 20px;
}
body#news #contents div#article div.articleArea table.ThmbColTb p {
	font-size: 100%;
	margin: 0 0 10px;
}
body#news #contents div#article div.articleArea table.ThmbColTb span {
	display: block;
	text-align: center;
}
body#news #contents div#article div.articleArea table.ThmbColTb span img {
	margin: 0 auto 5px;
	border: 1px solid #CCC;
}
body#news #contents div#article div.articleArea table.ThmbColTb small {
	font-size: 100%;
	color: #8C7F73;
}
body#news #contents div#article div.articleArea table.ThmbColTb .ThmbZoomBtn {
	float: right;
	margin: 0 0 10px 5px;
}
body#news #contents div#article h2 {
	font-size: 117%;
	font-weight: bold;
	color: #FFF;
	margin: 20px 0 0;
	padding: 5px 10px;
	background: #807765;
}
body#news #contents div#relatedBook div.book {
	border-top: none;
}
body#news #contents div#relatedArticle ul {
	margin: 15px 10px;
}
/* 出版情報 */
body#news #contents.book-news div.review div.txt dt {
	font-size: 150%;
	border-bottom: 1px solid #eee;
	margin-bottom: 15px;
	padding-bottom: 5px;
}
body#news #contents.book-news div.review div.txt p.sub {
	font-size: 116%;
	margin-bottom: 5px;
}
body#news #contents.book-news div.review p.img img {
	width: 118px;
}
/* イベント
------------------------------------*/
#contents.event #reviewList .review .txt .date, #contents.event-list #reviewList .review .txt .date {
	font-size: 116%;
}
body#review #contents.event div#article {
	margin-top: 10px;
}
#contents.event .socialLink {
	float: left;
	margin-bottom: 20px;
	padding: 0;
}
#contents.event .date {
	float: right;
	font-size: 116%;
}
body#review #contents.event div#article div.articleArea {
	border-top: none;
	margin: 10px 0 0;
	padding: 0;
}
#contents .link-back {
	float: right;
}
/* トップ画像スライダー
------------------------------------*/
body#home #wide {
	border-bottom:1px solid #eee;
}
/* 下層画像スライダー
------------------------------------*/
body#review #contents #thumb-h{
	margin-bottom: 30px;
}
body#review #contents #article div.articleArea  #thumb-h p{
	margin:0;
}
body#review #contents #thumb-h .sp-arrow{
	height: 40px;
}
#contents .sp-selected-thumbnail{
	border:2px solid #767E42;
}
.sp-buttons{
	display:none;
}
.slider-pro img.sp-image{
	width:auto;
	height:100%;
}
/* ---------------------------------------
   案内・お知らせ（body#info）
--------------------------------------- */

/* 【案内・お知らせ】お知らせ
------------------------------------*/
body#info #contents div#newsIndex ul {
	margin: 10px 0 0;
}
body#info #contents div#newsIndex ul li {
	background-image: linear-gradient(to right, #d4cec7, #d4cec7 2px, transparent 2px, transparent 4px);
	background-size: 5px 2px;
	background-position: bottom;
	background-repeat: repeat-x;
	padding: 12px 0 10px 5px;
	overflow: hidden;
	_overflow: visible;
	zoom: 1;
}
body#info #contents div#newsIndex ul li:first-child {
	padding: 0 0 10px 5px;
}
body#info #contents div#newsIndex ul li a {
	font-size: 133%;
	font-weight: bold;
	padding: 10px 0 8px 5px;
}
body#info #contents div#newsIndex ul li span.date {
	font-size: 116%;
	white-space: nowrap;
}
body#info #contents div#newsArticle {
	margin: 10px 0 0;
}
body#info #contents div#newsArticle p {
	font-size: 133%;
	line-height: 1.7;
}
body#info #contents div#newsArticle p.date {
	font-size: 116%;
	float: right;
	margin-bottom: 10px;
}
body#info #contents div#newsArticle p.date span.txt {
	display: block;
	width: 130px;
	font-weight: bold;
	color: #FFF;
	margin: 0 0 0 415px;
	padding: 10px 0 0;
	text-align: center;
}
body#info #contents div#newsArticle p.link {
	margin: 5px 0 0;
	text-align: right;
}
body#info #contents div#newsArticle p.link a {
	padding: 0 0 0 20px;
}
body#info #contents div#newsArticle div.socialLink {
	float: left;
	margin-bottom: 20px;
	padding: 0;
}
/* 【案内・お知らせ】利用規約
------------------------------------*/
body#info #contents div#infoTerms div.intro {
	margin: 15px 0 0;
}
body#info #contents div#infoTerms div.intro div.kuma p {
	font-size: 117%;
	line-height: 1.5;
}
body#info #contents div#infoTerms div.intro div.kuma strong {
	color: #993300;
}
body#info #contents div#infoTerms div.intro div.nickname {
	padding: 5px 10px;
	background: #ffd9b4;
	border: 3px solid #993300;
}
body#info #contents div#infoTerms div.intro div.nickname p {
	padding: 1px 0;
}
body#info #contents div#infoTerms div.intro div.nickname input.name {
	width: 300px;
	font-size: 117%;
	border: 1px solid #b3aaa3;
}
body#info #contents div#infoTerms div.intro div.nickname p.title {
	font-weight: bold;
	color: #993300;
}
body#info #contents div#infoTerms div.intro div.nickname p.sub {
	color: #795835;
}
body#info #contents div#infoTerms div.terms {
	border: 1px solid #eee;
	font-size: 116%;
	height: 130px;
	margin: 15px 0 0;
	padding: 20px;
	overflow: auto;
}
body#info #contents div#infoTerms div.terms h2 {
	font-size: 117%;
	font-weight: bold;
	padding: 8px 0;
	margin-bottom: 10px;
}
body#info #contents div#infoTerms div.terms p {
	line-height: 1.6;
	margin: 10px 5px;
}
body#info #contents div#infoTerms div.terms p.right {
	text-align: right;
}
body#info #contents div#infoTerms ul.submit {
	padding: 20px 0 10px;
	text-align: center;
}
body#info #contents div#infoTerms ul.submit li {
	display: inline;
	padding: 0 10px;
	background: none;
}
/* 【案内・お知らせ】ネット書店のご紹介
------------------------------------*/
body#info #contents div#infoBookstore dl {
	background-image: linear-gradient(to right, #d4cec7, #d4cec7 2px, transparent 2px, transparent 4px);
	background-size: 5px 2px;
	background-position: bottom;
	background-repeat: repeat-x;
	padding: 12px 0 10px 5px;
	overflow: hidden;
	_overflow: visible;
	zoom: 1;
	width: 785px;
}
body#info #contents div#infoBookstore dl dt {
	float: left;
	width: 275px;
}
body#info #contents div#infoBookstore dl dt a {
	display: block;
	width: 260px;
	border: 1px solid #e6e6e6;
	text-align: center;
}
body#info #contents div#infoBookstore dl dd {
	float: right;
	font-size: 116%;
	overflow: hidden;
	width: 500px;
}
body#info #contents div#infoBookstore dl dd p.link {
	margin: 5px 0 0;
	text-align: right;
}
/* 【案内・お知らせ】サイトのご案内
------------------------------------*/
body#info #contents div#guideHeader p.titleBanner {
	padding: 10px 0;
	text-align: center;
}
body#info #contents div#guideHeader p.guideNav {
	font-size: 92%;
	color: #877654;
	margin: 0 0 15px;
	padding: 5px 0;
	background: #635847;
	text-align: center;
}
body#info #contents div#guideHeader p.guideNav a {
	color: #FFF;
}
body#info #contents div#guideIndex {
	margin: 20px 10px 0;
}
body#info #contents div#guideIndex p {
	margin: 0 0 20px;
}
body#info #contents div#guideIndex div.line {
	overflow: hidden;
	zoom: 1;
}
body#info #contents div#guideIndex div.line p.left {
	float: left;
}
body#info #contents div#guideIndex div.line p.right {
	float: right;
}
body#info #contents div#guideMain {
	font-size: 117%;
	padding: 5px 10px;
}
body#info #contents div#guideMain h2 {
	font-weight: bold;
	margin: 10px 0;
	padding: 0;
}
body#info #contents div#guideMain h2.topline {
	margin: 15px 0 10px;
	padding: 15px 0 0;
}
body#info #contents div#guideMain ul {
	margin: 10px 0;
}
body#info #contents div#guideMain p {
	margin: 10px 0;
}
body#info #contents div#guideMain p img {
	vertical-align: text-bottom;
}
body#info #contents div#guideMain p a {
	font-weight: bold;
}
body#info #contents div#guideMain p.fig {
	margin: 15px -10px;
	text-align: center;
}
body#info #contents div#guideMain div.greenBox {
	margin: 15px 0;
	padding: 10px;
	background: #F4F2DF;
}
body#info #contents div#guideMain div.greenBox ul, body#info #contents div#guideMain div.greenBox p {
	margin: 0;
}
body#info #contents div#guideMain div.orangeBox {
	margin: 15px 0;
	padding: 10px;
	background: #FDEED7;
	border: 1px solid #FFE3B9;
}
body#info #contents div#guideMain div.orangeBox h2 {
	font-size: 100%;
	color: #CC3300;
	margin: 0;
	padding: 0;
}
body#info #contents div#guideMain div.orangeBox ul, body#info #contents div#guideMain div.orangeBox p {
	margin: 0;
}
body#info #contents div#guideMain div.orangeBox a {
	color: #635846;
}
/* ---------------------------------------
   トップページ（body#home）
--------------------------------------- */
body#home #container #contents {
	margin-top:70px;
}
/*ボタン*/
body#home #contents .popular-book,
body#home #contents .new-column,
body#home #contents .new-review,
body#home #contents .book-article,
body#home #contents .publisher-info,
body#home #contents .bookstore-news{
	position: relative;
	margin-bottom: 30px;
}
body#home #contents .o-btn{
	background:#ef8724 url(/static/pc/images/common/icon_arrow_w.png) no-repeat 32px;
	font-size: 133%;
	border-radius: 5px;
	width: 148px;
	height:30px;
	position: absolute;
	top:5px;
	right: 5px;
	line-height: 1.3;
}
body#home #contents .new-review .o-btn{
	top:6px;
}
body#home #contents .new-column .o-btn{
	background:#ef8724 url(/static/pc/images/common/icon_arrow_w.png) no-repeat 28px;
	top:-41px;
}
body#home #contents .bookstore-news .o-btn{
	background:#ef8724 url(/static/pc/images/common/icon_arrow_w.png) no-repeat 12px;
}
body#home #contents .o-btn a{
	color: #fff;
	display: block;
	text-decoration: none;
	text-align: center;
	padding:5px 5px 5px 20px;
}
/* 【トップページ】売れてる本、新着コラム
------------------------------------*/
body#home #contents .popular-book .inner,
body#home #contents .new-column .inner{
	background: #f3efea;
	padding: 25px 20px;
}
body#home #contents .popular-book p.title img{
	position: absolute;
	top:-50px;
	left: 0;
}
body#home #contents .new-column p.title img{
	position: absolute;
	top:-45px;
	left: 0;
}
body#home #contents .popular-book .inner ul,
body#home #contents .new-column .inner ul{
	width:750px;
}
body#home #contents .popular-book .inner ul li,
body#home #contents .new-column .inner ul li{
	background: #fff;
	width:365px;
	margin: 0;
	padding: 0;
}
body#home #contents .popular-book .inner ul li:first-child,
body#home #contents .new-column .inner ul li:first-child{
	float: left;
}
body#home #contents .popular-book .inner ul li:last-child,
body#home #contents .new-column .inner ul li:last-child{
	float: right;
}
body#home #contents .popular-book .inner ul li .heading{
	background:#92b753 url(/static/pc/images/common/icon_arrow_w.png) no-repeat 15px;
	color: #fff;
	font-size: 150%;
	padding:4px 0 3px 32px; 
}
body#home #contents .popular-book .inner ul li dl,
body#home #contents .new-column .inner ul li dl{
	padding:20px 15px;
}
body#home #contents .popular-book .inner ul li dd,
body#home #contents .new-column .inner ul li dd{
	width: 220px;
	float: right;
}
body#home #contents .popular-book .inner ul li dd p.title,
body#home #contents .popular-book .inner ul li dd p.txt,
body#home #contents .new-column .inner ul li dd p.title,
body#home #contents .new-column .inner ul li dd p.txt{
	font-size: 116%;
	margin-top: 2px;
}
/* 【トップページ】新着書評
------------------------------------*/
body#home #contents .new-review{
	margin-bottom: 68px;
}
body#home #contents .new-review li{
	background: #f6f2ec;
	float:left;
	width: 246px;
	margin-right:26px;
}
body#home #contents .new-review li:nth-child(3),
body#home #contents .new-review li:nth-child(6){
	margin-right: 0;
}
body#home #contents .new-review li:nth-child(-n+3){
	margin-bottom: 26px;
}
body#home #contents .new-review li img{
	width: 98px;
	border: 1px solid #eee;
}
body#home #contents .new-review li p.title{
	font-size:116%;
	text-decoration:underline;
	text-align: left;
}
body#home #contents .new-review li p.description{
	font-size:108%;
	text-align: left;
	padding-top: 38px;
	text-decoration: none;
	/*行数制限*/
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 7;
}

body#home #contents .boxgrid {   
    width: 246px;   
    background: #161613;   
    height: 240px;  
    margin-bottom: 20px;   
    overflow: hidden;   
    position: relative;  
}  
body#home #contents .boxgrid dl{   
    position: absolute;   
    top: 0;   
    left: 0;  
}  
body#home #contents .boxgrid p{
	padding-top: 10px;
    font-weight:bold;
	width: 100%;
	margin: 0 auto;
	text-align: center;
}  
body#home #contents .boxcaption{   
    float: left;   
    position: absolute;   
    background:rgba(255,255,255,0.8);
	padding:10px;
	box-sizing:border-box;
    height: 100%;   
    width: 100%;   
    opacity: .8;   
    /* For IE 5-7 */  
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);  
    /* For IE 8 */  
    -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	z-index: 999;
}  
body#home #contents .captionfull .boxcaption {  
    top: 240px;  
    left: 0;
	padding: 10px;
}  
body#home #contents .caption .boxcaption {  
    top: 160px;  
    left: 0;  
}  

/* 【トップページ】本の記事、出版社情報
------------------------------------*/
body#home #contents .book-article ul,
body#home #contents .publisher-info ul{
	margin:10px 0 0 20px;
}
body#home #contents .book-article ul li,
body#home #contents .publisher-info ul li{
	font-size: 133%;
	background-image: linear-gradient(to right, #d4cec7, #d4cec7 2px, transparent 2px, transparent 4px);
	background-size: 5px 2px;
	background-position: bottom;
	background-repeat: repeat-x;
	padding: 8px 0 6px 8px;
	overflow: hidden;
	_overflow: visible;
	zoom: 1;
}
body#home #contents .book-article ul li span.date,
body#home #contents .publisher-info ul li span.date{
	margin-right: 15px;
}

/* 【トップページ】書店ニュース
------------------------------------*/
body#home #contents .bookstore-news p.title{
	margin-bottom: 20px;
}
/* トップ画像スライダー
------------------------------------*/
body#home #wide span.icon-pr{
	background: #92b753;
	color: #fff;
	font-size: 133%;
	padding:4px 0;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 60px;
	height: 22px;
	text-align: center;
}
.sp-bottom-thumbnails .sp-thumbnail-container{
	background:#fff;
}
/* 書評
------------------------------------*/
body#review #contents .book-info{
	margin-top:15px;
}
/* 特集の本棚
------------------------------------*/
#contents.feature-article p#columnTitleImage{
	float:left;
	width:300px;
}
body#review #contents.feature-article .column-category div#columnInfo {
	float:right;
}
body#review #contents.feature-article div#reviewList div.review .txt dd .c-ttl{
	font-weight:bold;
	margin:0;
}
/* コミックブレーク
------------------------------------*/
body#review #contents.comic-break .column-category p#columnTitleImage{
	float: left;
    width: 300px;
}
body#review #contents.comic-break .column-category div.txt {
    float: right;
	width:416px;
}
body#review #contents.comic-break .column-category div.txt dl dt{
	font-size:133%;
	margin:0 0 5px;
}
body#review #contents.comic-break .column-category div.txt dl dd{
	font-size:117%;
}
/* 【トップページ】本の記事、出版社情報
------------------------------------*/
body#home #contents .publisher-info ul li .cate-event,
body#home #contents .publisher-info ul li .cate-special,
body#home #contents .publisher-info ul li .cate-new{
	color: #fff;
	padding: 3px 2px;
	border-radius: 5px;
	box-sizing:border-box;
	display: inline-block;
	margin-right: 10px;
	width: 100px;
	height: 28px;
	text-align: center;
}
body#home #contents .publisher-info ul li .cate-event{
	background:#86cad2;
}
body#home #contents .publisher-info ul li .cate-special{
	background:#7dbf89;
}
body#home #contents .publisher-info ul li .cate-new{
	background:#f6b402;
}
body#home #contents .book-article ul li,
body#home #contents .publisher-info ul li{
	/*行数制限*/
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}
/* 【トップページ】売れてる本、新着コラム
------------------------------------*/
body#home #contents .popular-book .inner ul li dt img{
    border: 1px solid #eee;
    float: left;
    width: 98px;
}
body#home #contents .new-column .inner ul li dl dt{
	float:left;
	width:100px;
}
body#home #contents .new-column .inner ul li dt img{
    border: 1px solid #eee;
	width:98px;
}
.slider-pro img.sp-thumbnail{
	max-height:98px;
}

/* 楽天関係の追加
------------------------------------*/
.Lnk{
	font-size:112%;
	margin: 5px 0;
}
.Lnk li a{
	background:url(/static/pc/images/common/icon_arrow_b.png) no-repeat left center;
	background-size:4px;
	padding-left:10px;
}
.Box3{
	margin-top: 15px;
}
.Box3 h2{
	background:#504638;
	color: #fff;
	font-size:116%;
	padding:5px 10px;
}
.Box3Inner {
	background:#fff;
	border:1px solid #504638;
	overflow: hidden;
	padding:5px 20px 20px;
}
.Box3Inner .Lnk{
	float: left;
	margin: 10px 0 0;
	line-height:1.8;
}
.Box3Inner .ImgRight{
	float:right;
	padding-top:24px;
}
.Box3Inner .ImgRight a{
	display: block;
}