@charset "utf-8";



/* --------コンテンツ部分用CSS　※全体で共通のもの-------- */



/* -------- ジャンル （横並びのリスト）-------- */

#mainArea .genre {

	overflow: auto;

	margin-bottom: 4px;

}



#mainArea .genre li {

	list-style: none;

	background: url(/img/common/ico_genre.gif) no-repeat top left;

	float: left;

	font-size: 84.5%;

	padding: 0px 28px 5px 18px;

      word-break: keep-all;

}



/* --------メインエリア（リストページ）-------- */

#mainArea #listBox {

	width: 620px;

}



#mainArea #listBox .sttl {

	color: #FFFFFF;

	background: #A0A0A0;

	display: inline;

	font-weight: bold;

	font-size: 84.5%;

	padding: 3px 3px 2px 3px;

}



/* -------- リストページのシリーズ紹介 -------- */

h3.list span {

	font-size: 88.58%;

	font-weight: normal;

	line-height: 1.2;

	font-weight: bold;

	position: absolute;

	right: 0;

	margin-top: 2px;

}



h3.list span a {

	background: url(/img/common/ico_arrow.gif) no-repeat center left;

	padding: 2px 0px 0px 16px;

}



/* -------- シリーズトップにおけるオフィシャルサイトへのリンク- ------- */

#mainArea .officialsite {

	display: block;

	font-size: 88.58%;

	font-weight: normal;

	text-align: right;

	line-height: 1;

	font-weight: bold;

	margin-bottom: 15px;

}



#mainArea .officialsite a {

	background: url(/img/common/ico_blank.gif) no-repeat top left;

	padding: 1px 0px 0px 18px;

}





/* -------- 一覧ページのテーブル制御-------- */

#mainArea #listBox .listTable {

	width: 620px;

	font-size: 100%;

	border: 0;

}



#mainArea #listBox .listTable td {

	width: 122px;

	padding-bottom: 17px;

}



#mainArea #listBox .listTable p {

	font-size: 84.5%;

	font-weight: bold;

	width: 94px;

	_width: 122px;

	padding-right: 28px;

	line-height: 1.2;

}



#mainArea #listBox .listTable img {

	margin-bottom: 7px;

}



#mainArea #listBox .listTable span {

	font-weight: normal;

	display: block;

}



/* --------　シリーズトップページのテーブル制御-------- */

#mainArea .sereisList .listTable {

	width: 620px;

	font-size: 100%;

	border: 0;

}



#mainArea .sereisList .listTable td.l {

	width: 295px;

	padding-bottom: 17px;

	padding-right: 30px;

}



#mainArea .sereisList .listTable td.r {

	padding-bottom: 17px;

	width: 295px;

}



#mainArea .sereisList .listTable img {

	float: left;

}



#mainArea .sereisList .listTable p {

	font-size: 84.5%;

	width: 182px;/*190から変更*/

	line-height: 1.2;

	float: right;

}



/* Mac IE  \*//*/

#mainArea .sereisList .listTable p {

	float: none;

	margin-left: 106px;

}

/* Mac IE */



#mainArea .sereisList .listTable span,

#mainArea .sereisList .listTable strong {

	display: block;

}



#mainArea .sereisList .listTable span {

	padding-top: 10px;

}



/* -------- シリーズトップページの近刊のお知らせ-------- */

#mainArea .sereisList ul li {

	padding-bottom: 5px;

	margin-bottom: 7px;

/*	font-size: 84.5%;*/

	border-bottom: solid #EEEEEE 1px;

	list-style: none;

}



/* -------- 最下部の詳細検索リンク -------- */

#mainArea .detailSearch {

	background: url(/img/common/sidebar_search_detailBg.gif) no-repeat center left;

	padding: 3px 0px 3px 30px;

	line-height: 1.4;

}



/* -------- 詳細ページエリア指定 -------- */



#mainArea #detailBox {

	width: 620px;

}



/* -------- 詳細ページ：サイドA -------- */

#mainArea #detailBox #sideA {

	width: 180px;

	float: left;

}



/* --- ここから 20080215追加 /--- */



#mainArea #detailBox #sideA .copyright {

	font-size: 84.5%;

	margin-top: -5px;

	line-height: 1;

	margin-bottom: 5px;

}



/* ---/ 20080215追加　ここまで --- */



#mainArea #detailBox #sideA .btnBox {

	width: 180px;

	border-top: solid #DDDDDD 1px;

	border-bottom: solid #DDDDDD 1px;

	padding: 15px 0px 13px 0px;

	margin: 10px 0px 15px 0px;

}



#mainArea #detailBox #sideA .btnBox img {

	margin-bottom: 4px;

}



/* -------- 詳細ページ：サイドAの囲みBOX -------- */

#mainArea #detailBox #sideA .sideBox {

	background: url(/img/common/sideA_boxBg.gif) no-repeat bottom left;

	width: 160px;

	_width: 180px;

	padding: 10px 10px 8px 10px;

}



#mainArea #detailBox #sideA .sideBox {

	background: url(/img/common/sideA_boxBg.gif) no-repeat bottom left;

	width: 160px;

	_width: 180px;

	padding: 10px 10px 8px 10px;

}



/* -------- 詳細ページ：サイドA?の好評おすすめ本 -------- */

#mainArea #detailBox #sideA .sideBox dl.kanren {

	border-top: #EEEEEE 1px solid;

	padding-top: 6px;

	margin-top: 4px;

	font-size: 84.5%;

	width: 162px;

}





/* -------- 詳細ページ：サイドAのおすすめ本 -------- */

#mainArea #detailBox #sideA .sideBox dl {

	border-top: #EEEEEE 1px solid;

	padding-top: 6px;

	margin-top: 4px;

	font-size: 84.5%;

	width: 170px;

}



#mainArea #detailBox #sideA .sideBox dl:after {

	content: ".";

	display: block;

	height: 0;

	clear: both;

	visibility: hidden;

}



#mainArea #detailBox #sideA .sideBox dl.no1 {

	border-top: none;

	margin-top: -6px;

}



#mainArea #detailBox #sideA .sideBox dt {

	width: 52px;

	float: left;

}



#mainArea #detailBox #sideA .sideBox dd {

	font-weight: bold;

	line-height: 1.2;

	width: 110px;

	float: left;

}



#mainArea #detailBox #sideA .sideBox dd span {

	font-weight: normal;

	display: block;

	padding-bottom: 5px;

}



/* -------- 詳細ページ：サイドB -------- */

#mainArea #detailBox #sideB {

	width: 410px;

	float: right;

}



#mainArea #detailBox #sideB font {

	font-size: 100%;

}



/* -------- 詳細ページ：サイドB ((特大))-------- */

#mainArea #detailBox #sideB .XL {

	font-size: 150%;

	font-weight: bold;

}



/* -------- 詳細ページ：サイドB ((大))-------- */

#mainArea #detailBox #sideB .L {

	font-size: 140%;

	font-weight: bold;

}



/* -------- 詳細ページ：サイドB ((小))-------- */

#mainArea #detailBox #sideB .S {

	font-size: 84.5%;

}



/* -------- 詳細ページ：サイドB ((テーブル))-------- */

#mainArea #detailBox #sideB table {

	font-size: 100%;

	border: 0;

	border-collapse:collapse;

}



/* -------- 詳細ページ：サイドB ((テーブル))-------- */

#mainArea #detailBox #sideB td {

	font-size: 100%;

	padding-right: 10px;

	white-space: normal;

	_line-height: 1.4;

	padding: 0;

	border: 0

}

/* -------- 詳細ページ：サイドB ((罫線))-------- */

#mainArea #detailBox #sideB hr {

	color: #DDDDDD;

	border: 0;

	padding: 0px;

	margin: 5px 0px 5px 0px;

	height: 1px;

	background: #DDDDDD;

	line-height: 1;

	width: 100%;

}

/* -------- 詳細ページ：サイドB ((リストタグ))-------- */

#mainArea #detailBox #sideB ol,

#mainArea #detailBox #sideB ul {

	padding: 10px 0px 10px 0px;

}

/* -------- 詳細ページ：サイドB ((リストタグ))-------- */

#mainArea #detailBox #sideB ol li {

	margin: 0px 0px 2px 30px;

}

/* -------- 詳細ページ：サイドB ((リストタグ))-------- */

#mainArea #detailBox #sideB ul li {

	margin: 0px 0px 2px 24px;

}



/* -------- アドエリア -------- */



#mainArea #adArea li, 

#sideArea #adArea li {

	list-style: none;

	margin-bottom: 10px;

}



#mainArea #adArea .line, 

#sideArea #adArea .line {

	border-top: solid #DDDDDD 1px;

	padding-top: 10px;

}



/* ------------------------------------------------------------------------------------------------ */

/* -------- サイドエリア -------- */

/* ------------------------------------------------------------------------------------------------ */



#sideArea {

	width: 210px;

	margin-top: 30px;

	float: right;

}



#sideArea #navi {

	margin-bottom: 26px;

}



/* -------- サイドナビリスト(アロー) -------- */

#sideArea #navi li {

	list-style: none;

	background: url(/img/common/sNaviBgArrow.gif) no-repeat center left;

	border-bottom: solid #E6E6E6 1px;

	line-height: 1.2;

	padding: 8px 0px 8px 20px;

	_padding-top: 12px;

}



/* -------- サイドナビリスト(スクエア) -------- */

#sideArea #navi .listTtl {

	list-style: none;

	background: url(/img/common/sNaviBgSquare.gif) no-repeat center left;

	border-bottom: solid #CCCCCC 1px;

	font-weight: bold;

	line-height: 1.2;

	padding: 10px 0px 10px 20px;

	_padding-top: 12px;

}



/* -------- サイドナビリスト(アロー)※内側にズレるもの -------- */

#sideArea #navi .in {

	list-style: none;

	background: url(/img/common/sNaviBgArrow_in.gif) no-repeat center left;

	border-bottom: solid #E6E6E6 1px;

	line-height: 1.2;

	padding: 8px 0px 8px 30px;

	_padding-top: 12px;

}



/* -------- サイドナビ(囲みのBOX) -------- */

#sideArea .sideBox {

	background: url(/img/common/sideBoxBg.gif) no-repeat bottom left;

	width: 190px;

	_width: 210px;

	padding: 10px 10px 6px 10px;

	_padding: 10px 10px 8px 10px;

	margin-bottom: 15px;

}



#sideArea .sideBox select {

	width: 100%;

	font-size: 1em;

	font-size: 12px;

	margin: 0px 0px 3px 0px;

}



#sideArea .sideBox .seachField1 {

	width: 188px;

	padding: 0px;

	margin: 0px 0px 2px 0px;

}



#sideArea .sideBox .seachField2 {

	width: 82px;

	padding: 0px;

	margin: 2px 0px 2px 0px;

}



#sideArea .sideBox .seachField3 {

	width: 40px;

	padding: 0px;

	margin: 2px 0px 2px 0px;

}



#sideArea .sideBox .season {

	width: 190px;

	border-top: solid #EEEEEE 1px;

	padding: 5px 0px 2px 0px;

	margin: 3px 0px 0px 0px;

}



#sideArea .sideBox .season img {

	vertical-align: top;

}



#sideArea .sideBox .searchArea {

	border-top: solid #EEEEEE 1px;

	padding: 8px 0px 0px 0px;

	margin: 3px 0px 0px 0px;

	width: 190px;

}



#sideArea .sideBox .detailSearch {

	background: url(/img/common/sidebar_search_detailBg.gif) no-repeat top left;

	height: 22px;

	font-size: 84.5%;

	padding: 5px 0px 0px 32px;

	margin: -23px 0px 0px 50px;

	_margin: -24px 0px 0px 50px;

}



/* for safari \*/

html*#sideArea .sideBox .detailSearch {

	[padding: 5px 0px 0px 32px;

	padding: 2px 0px 0px 32px;

	]padding: 5px 0px 0px 32px;

}/**/

* html #sideArea .sideBox .detailSearch {

	padding: 5px 0px 0px 32px;

}



/* -------- サイドナビ（ランキング）---- */

#sideArea .sideBox dl {

	border-top: #EEEEEE 1px solid;

	font-size: 84.5%;

	margin-top: 4px;

	margin-bottom: 1px;

	clear: both;

}



#sideArea .sideBox dl:after {

	content: ".";

	display: block;

	height: 0;

	clear: both;

	visibility: hidden;

}



/* -------- サイドナビ（ランキング）-（順位一番最初）---- */

#sideArea .sideBox dl.no1 {

	border-top: none;

	font-size: 84.5%;

}



#sideArea .sideBox dt {

	width: 30px;

	text-align: center;

	background-color: #EEEEEE;

	color: #333333;

	line-height: 1;

	padding: 2px 0px 2px 0px;

	float: left;

	margin-top: 6px;

}



#sideArea .sideBox dd {

	font-weight: bold;

	line-height: 1.2;

	float: right;

	width: 150px;

	margin-top: 6px;

}



/* Mac IE  \*//*/

#sideArea .sideBox dd {

	margin-top: -13px;

}

/* Mac IE */



#sideArea .sideBox dd span {

	font-weight: normal;

	display: block;

}



/* ------------------------------------------------------------------------------------------------ */

/* -------- 各カテゴリーごとのh2やh3の指定 ---- */

/* ------------------------------------------------------------------------------------------------ */



/* -------- h2 list/.series ------- */

#comic_mook h2.list,

#comic_mook h2.series,

#denshishoseki h2 h2,

#shinsho h2.list,

#shinsho h2.series,

#shoseki h2.list,

#shoseki h2.series,

#bunko h2.list,

#bunko h2.series {

	font-size: 125%;

	padding-bottom: 5px;

	font-weight: bold;

	margin-bottom: 12px;

	_margin-top: 8px;

}



/* -------- h2 list/.series 電子書籍用BG -------- */

#denshishoseki h2 {

	background: url(/denshishoseki/img/h2_bg.gif) no-repeat bottom left;

}



/* -------- h2 list/.series コミック、ムック用BG -------- */

#comic_mook h2.list,

#comic_mook h2.series {

	background: url(/img/shelf/category/comic_mook/h2_bg.gif) no-repeat bottom left;

}

/* -------- h2 list/.series 新書用BG -------- */

#shinsho h2.list,

#shinsho h2.series {

	background: url(/img/shelf/category/shinsho/h2_bg.gif) no-repeat bottom left;

}



/* -------- h2 list/.series 文庫用BG -------- */

#bunko h2.list,

#bunko h2.series {

	background: url(/img/shelf/category/bunko/h2_bg.gif) no-repeat bottom left;

}



/* -------- h2 list/series 書籍用BG -------- */

#shoseki h2.list,

#shoseki h2.series {

	background: url(/img/shelf/category/shoseki/h2_bg.gif) no-repeat bottom left;

}

/* -------- h3 list ------- */

#denshishoseki h3,

#comic_mook h3.list,

#shinsho h3.list,

#bunko h3.list,

#shoseki h3.list {

	font-size: 110%;

	padding-top: 1px;

	padding-bottom: 6px;

	padding-left: 14px;

	font-weight: bold;

	margin-bottom: 8px;

	margin-top: 8px;

	color: #333333;

	height: 25px;

	clear: both;

}

/* --------電子書籍用BG-------- */

#denshishoseki h3 {

	background: url(/denshishoseki/img/h3_bg.jpg) no-repeat top left;

}

/* --------コミック、ムックほか用BG-------- */

#comic_mook h3.list {

	background: url(/img/shelf/category/comic_mook/h3_bg.jpg) no-repeat top left;

}

/* --------新書用BG-------- */

#shinsho h3.list {

	background: url(/img/shelf/category/shinsho/h3_bg.jpg) no-repeat top left;

}

/* --------書籍用BG-------- */

#shoseki h3.list {

	background: url(/img/shelf/category/shoseki/h3_bg.jpg) no-repeat top left;

}

/* --------文庫用BG-------- */

#bunko h3.list {

	background: url(/img/shelf/category/bunko/h3_bg.jpg) no-repeat top left;

}

/* -------- h2 detail ------- */

#comic_mook h2.detail,

#shinsho h2.detail,

#bunko h2.detail,

#shoseki h2.detail {

	font-size: 125%;

	padding-bottom: 5px;

	font-weight: bold;

	margin-bottom: 12px;

}



/* -------- h2 detail コミック、ムック用BG -------- */

#comic_mook h2.detail {

	background: url(/img/shelf/category/comic_mook/h2_bg.gif) no-repeat bottom left;

}

/* -------- h2 detail 新書用BG -------- */

#shinsho h2.detail {

	background: url(/img/shelf/category/shinsho/h2_bg.gif) no-repeat bottom left;

}

/* -------- h2 detail 書籍用BG -------- */

#shoseki h2.detail {

	background: url(/img/shelf/category/shoseki/h2_bg.gif) no-repeat bottom left;

}

/* -------- h2 detail 文庫用BG -------- */

#bunko h2.detail {

	background: url(/img/shelf/category/bunko/h2_bg.gif) no-repeat bottom left;

}

/* -------- サブタイトル　-------- */

#comic_mook h2.detail span,

#shinsho h2.detail span,

#bunko h2.detail span,

#shoseki h2.detail span {

	display: block;

	font-size: 80.58%;

	font-weight: normal;

}

/* -------- サブタイトル1 -------- */

#comic_mook h2.detail span.sub1,

#shinsho h2.detail span.sub1,

#bunko h2.detail span.sub1,

#shoseki h2.detail span.sub1 {

	font-size: 64.5%;

}



/* -------- サブタイトル2 -------- */

#comic_mook h2.detail span.sub2,

#shinsho h2.detail span.sub2,

#bunko h2.detail span.sub2,

#shoseki h2.detail span.sub2 {

	font-size: 80.58%;

	margin-bottom: 10px;

}



/* -------- 著者名 -------- */

#comic_mook h2.detail span.author,

#shinsho h2.detail span.author,

#bunko h2.detail span.author,

#shoseki h2.detail span.author {

	font-size: 80.58%;

	font-weight: bold;

}



/* -------- h3 detail ------- */

#comic_mook h3.detail, 

#shinsho h3.detail, 

#bunko h3.detail, 

#shoseki h3.detail {

	font-size: 110%;

	padding-top: 1px;

	padding-bottom: 6px;

	padding-left: 14px;

	font-weight: bold;

	margin-bottom: 10px;

	margin-top: 25px;

	color: #333333;

}



/* -------- h3 detail コミック、ムック用BG -------- */

#comic_mook h3.detail {

	background: url(/img/shelf/category/comic_mook/h3_bg.jpg) no-repeat top left;

}

/* -------- h3 detail 新書用BG -------- */

#shinsho h3.detail {

	background: url(/img/shelf/category/shinsho/h3_bg.jpg) no-repeat top left;

}

/* -------- h3 detail 書籍用BG -------- */

#shoseki h3.detail {

	background: url(/img/shelf/category/shoseki/h3_bg.jpg) no-repeat top left;

}

/* -------- h3 detail 文庫用BG -------- */

#bunko h3.detail {

	background: url(/img/shelf/category/bunko/h3_bg.jpg) no-repeat top left;

}

/* --------サイドナビ（ランキング）-（順位一番最初）書籍---- */

#shoseki #sideArea .sideBox dt.no1 {

	color: #FFFFFF;

	background: #61A8A1;

}

/* --------サイドナビ（ランキング）-（順位一番最初）文庫---- */

#bunko #sideArea .sideBox dt.no1 {

	color: #FFFFFF;

	background: #B3A93F;

}

/* --------サイドナビ（ランキング）-（順位一番最初）新書---- */

#shinsho #sideArea .sideBox dt.no1 {

	color: #FFFFFF;

	background: #5E9830;

}



/* --------以下MT管理のページ（採用情報・ニュース＆トピックス・サイン会/キャンペーン情報）---- */





/* --------採用情報ページ用の日付部分-------- */



#mt #mainArea h4 span {

	font-size: 84.5%;

	font-weight: normal;

	display: block;

	text-align: right;

	margin-top: -1.2em;

	line-height: 1;

}



#mt #mainArea .date {

	font-size: 84.5%;

	text-align: right;

	line-height: 1;

	margin-bottom: 10px;

}



#mt #mainArea .entryArea {

	margin-bottom: 25px;

	clear: both;

}



#mt #mainArea .entryArea p {

	margin-bottom: 10px;

	clear: both;

}



#mt #mainArea .entryArea span {

	clear: both;

}



#mt #mainArea .entryArea .mt-image-left {

	float: left;

	margin: 0px 10px 15px 0px!important;

}



#mt #mainArea .entryArea .mt-image-center {

	display: block;

	text-align: center;

	margin-top: 0px!important;

	margin-bottom: 15px!important;

}



#mt #mainArea .entryArea .mt-image-right {

	float: right;

	margin: 0px 0px 15px 10px!important;

}



#mt #mainArea .entryArea ul,

#mt #mainArea .eentryArea ol {

	padding: 0px 0px 0px 0px;

	margin: 0px 0px 15px 0px;

}



#mt #mainArea .entryArea ul li, 

#mt #mainArea .entryArea ol li {

	margin-left: 24px;

	_margin-left: 28px;

	margin-top: 2px;

	margin-bottom: 2px;

	padding: 0px;

}



#mt #mainArea .entryArea blockquote {

	background-color: #F2F2F2;

	padding: 8px;

	margin-top: 10px;

	margin-bottom: 10px;

}



#mt #mainArea .entryArea table {

	margin-top: 10px;

	margin-bottom: 10px;

	font-size:1em;

}