/*
----------------------------------------------------
FOR www.cqpub.co.jp
クロスメディア部で追加した
updated: Aug. 6, 2012
---------------------------------------------------- */

/* ページ内レイアウトの基本構造 */

/* ページ全幅用（div#wrapper-innerの代替） */
div#wrapper-inner0{
	float: left;
	width: 804px;
	*width: 799px;
	height: auto;
	margin: 0 50px;
}

/* 右柱設置用（div#wrapper-innerの代替） */
div#wrapper-inner2{
	float: left;
	width: 670px;
	*width: 665px;
	height: auto;
	margin: 0 auto 50px auto;
}

/* コンテンツを区切るdiv（ページ全幅用） */
div.module0{
	width: 764px;
	*width: 760px;
	margin: 10px 20px 20px;
	clear:both;
}

/* コンテンツを区切るdiv（右柱設置用） */
div.module{
	width: 660px;
	*width: 655px;
	margin: 10px 5px 20px;
	clear:both;
}

/* 2段組の場合（右柱設置用） */
.module div.left {
	float: left;
	width: 330px;
	*width: 325px;
	height: auto;
}

.module div.right {
	float: left;
	width: 330px;
	*width: 325px;
	height: auto;
}

/* 表示装飾用クラス */

/* 水平線を引くhr */
hr.line {
    display: block;
    margin: 1em 2em 0.5em;
    height: 2px;
    border: #999 1px solid;
}

/* tableを代替するdiv（本文用，実線囲い） */
div.tablelike {
	margin: 10px;
	position: center;
	width: 600px;
	height: auto;
	border: 1px solid #666666;
}
/* tableを代替するdiv（右柱用，点線囲い） */
div.tablelike-dot {
	margin: 5px;
	position: center;
	width: 210px;
	height: auto;
	border: 1px dotted #666666;
}

/* 等幅フォントとするdiv */
div.monospace {
	font-family: monospace;
	font-size: 1.4em;
}

/* ページの中心コンテンツの装飾 */
/* 影響範囲を限定 */
h2.pagetitle{
	margin: 10px;
	padding: 5px;
	text-align: center;
	font-family: Verdana, Arial, "ヒラギノ角ゴPro W3", Osaka, "MS Pゴシック", verdana, arial, sans-serif;
	line-height: 1.5;
	font-size: 2.4em;
	color: #9f003f;
}

div.book_detail h2.pagetitle{
	line-height: 1.2;
}

div#wrapper-inner0 h3,
div#wrapper-inner2 h3{
	margin: 5px;
	padding: 0;
	font-family: Verdana, Arial, "ヒラギノ角ゴPro W3", Osaka, "MS Pゴシック", verdana, arial, sans-serif;
	line-height: 1.2;
	font-size: 1.6em;
	font-size: 1.6rem; /* FireFox14.0.1は対応，IE9はremに未対応？（対応のはずだが効いてない）★ */
	color: #9f0000;
}

div#wrapper-inner0 h4,
div#wrapper-inner2 h4{
	margin: 3px;
	padding: 0;
	font-family: Verdana, Arial, "ヒラギノ角ゴPro W3", Osaka, "MS Pゴシック", verdana, arial, sans-serif;
	line-height: 1.0;
	font-size: 1.4em;
	color: #3f0000;
}

div#wrapper-inner0 h5,
div#wrapper-inner2 h5{
	margin: 3px;
	padding: 0;
	font-family: Verdana, Arial, "ヒラギノ角ゴPro W3", Osaka, "MS Pゴシック", verdana, arial, sans-serif;
	line-height: 1.0;
	font-size: 0.9em;
	color: #ff0000;
}

div#wrapper-inner0 p,
div#wrapper-inner2 p{
	margin: 5px;
	padding: 5px;
	font-family: Verdana, Arial, "ヒラギノ角ゴPro W3", Osaka, "MS Pゴシック", verdana, arial, sans-serif;
	line-height: 1.2;
	font-size: 1.4em;
}

div#wrapper-inner0 ul,
div#wrapper-inner2 ul{
	margin: 12px;
	padding: 5px;
}

.tablelike-dot ul{
	margin: 5px;
	padding: 5px;
}

div#wrapper-inner0 li.honbun,
div#wrapper-inner2 li.honbun{
	list-style-type: square;
	line-height: 1.8;
	font-size: 1.2em;
}

div#wrapper-inner0 li.list,
div#wrapper-inner2 li.list{
	list-style-type: disc;
	line-height: 1.2;
	font-size: 1.4em;
}

.tablelike-dot li.mini{
	list-style-type: none;
	line-height: 1.6;
	font-size: 1.0em;
}

/*
----------------------------------------------------
FOR www.cqpub.co.jp
書籍情報表示用
updated: Aug. 6, 2012
---------------------------------------------------- */

/* ページ内レイアウトの基本構造 */

/* 書籍一覧用（汎用） */
div.book{
	margin: 20px 0 ;
	clear: both;
	height: 105px ;
}

/* 画像表示用 */
div.image{
	margin-left : auto ; margin-right : auto ;
	text-align : center ;
}

/* div.book内で左右に「書籍画像」と「内容紹介」を配置 */
.book div.image{
	float: left;
	width: 160px;
	height: auto;
}

.book div.contents{
	float: left;
	width: 500px;
	*width: 495px;
	height: auto;
}

/* 表示装飾用クラス */

/* 表紙画像には枠を付ける */
img.book{
	border: 1px solid #999999;
}

/* 【未使用】独自のリンク色を設定（使うなら色合いを要調整）
#wrapper-inner2 .book a:link{
	color: #FF9999;
}
*/

/* 内容の詳細項目のフォント定義 */
.book div.series{
	font-size: 1.2em;
	margin: 2px 0;
}

.book div.subtitle1{
	font-weight: bold;
	font-size: 1.4em;
	color: #008080;
	margin: 2px 0;
}

.book div.subtitle2{
	font-weight: bold;
	font-size: 1.8em;
	color: #000000;
	margin: 2px 0;
}

.book div.title{
	font-weight: bold;
	font-size: 2.0em;
	margin: 0 0 2px;
}

.book div.price_JAN{
	font-weight: bold;
	font-size: 1.2em;
	margin: 0 0 5px;
}

.book div.abstract{
	font-size: 1.4em;
}

/* 新刊・近刊案内用 */

div#upcoming,
div#recent{
	margin: 0 0 30px;
	clear: both;
}

div.release_day,
div.month{
	font-weight: bold;
	color: #006600;
	font-size: 1.4em;
	margin: 16px 0 8px;
	clear: both;
}

.book span.day_price{
	font-size: 0.6em;
}

/* 個別書籍表示用 */

div.book_detail{
}

/* div.book_detail内で左右に「概要紹介」と「書籍画像」を配置 */
.book_detail div.outline{
	float: left;
	width: 505px;
	height: auto;
}

.book_detail div.image{
	float: left;
	width: 259px;
	*width: 254px;
	height: auto;
}

/* 概要紹介内のタイトル（ページ・タイトル）を左寄せにする */
div#wrapper .book_detail .outline h2{
	margin: 0 0 30px;
	padding: 0 ;
	text-align: left;
}

/* 内容の詳細項目のフォント定義 */
.book_detail div.series{
	font-size: 1.4em;
	margin: 10px 0 ;
}

.book_detail div.author,
.book_detail div.size,
.book_detail div.attach,
.book_detail div.JAN{
	font-size: 1.6em;
	line-height: 1.2em;
	margin: 0 0 5px;
}

.book_detail div.price{
	font-size: 1.6em;
	line-height: 1.2em;
	color: #000080;
	margin: 0 0 5px;
}

.book_detail div.publish_day{
	font-size: 1.2em;
	line-height: 1.0em;
	color: #ff9fff;
	margin: 0 0 20px;
}

.book_detail div.status{
	font-size: 1.6em;
	font-weight: bold;
	line-height: 1.6em;
	color: #FF009F;
	margin: 0 0 20px;
}

.book_detail div.sample{
	font-size: 1.6em;
	margin: 0 0 5px;
/* 「内容見本」の画像の右側の文字を「内容見本」の天地中央寄せに配置したいが，正しく設定できていない★ */
	display: inline;
	height: 40px;
	line-height: 40px;
}

/* 上記同様，「内容見本」の画像の右側の文字を「内容見本」の天地中央寄せに配置したいためspanも記述してみたが，正しく設定できていない★ */
.book_detail .sample span.sample{
	display: inline;
	vertical-align: middle;
}

/* 概要説明や手書きリンクなどの表示用（領域背景に無地を敷いている） */
.book_detail div.contents{
	margin: 10px 0 0;
	padding:15px;
	background-color: #fffff0;
	font-family: Verdana, Arial, "ヒラギノ角ゴPro W3", Osaka, "MS Pゴシック", verdana, arial, sans-serif;
	line-height: 1.2;
	font-size: 1.4em;
}

/* 入れ子のせい？でフォントが大きくなっていると思うのだが，直せない．下記のようなコードで対応可能？★
.book_detail .contents h3{
	font-size: 0.7em;
}
*/