@charset "Shift_JIS";

/* 書籍のコンテンツを格納する領域 */
div#book{
/* width の設計：
 width(div#book) ＝ width(shoseki_annai.png) ＝ 536px （「書籍案内」画像の幅）
                 ＝ width(div#body) − padding-left(div#book) − padding-right(div#book)
                 ＝ width(div#bookphoto) ＋ width(div#bookinfo) ＋ 3px
※IE の float に関するバグ回避のため，3px の余裕を入れておく
*/
	padding: 30px 45px;
	width: 536px;
	margin: 0px 0px 20px;
	clear: left;
}

/* ○○年の本のページで書籍リストを格納する領域 */
div#booklist{
	/* サイズ設計はとりあえず div#book と共通にしておく */
	padding: 30px 45px;
	width: 536px;
	margin: 0px 0px 20px;
	clear: left;
}

/* 天辺のキャッチコピー */
p.catchcopy{
	color: #093;
	text-align: center;
	font-size: medium;
	font-weight: bold;
	margin: 0.5em 0em 1em;
}

/* 左側領域（表紙画像の領域） */
div#bookphoto{
	float: left;
	width: 162px;
}

/* 表紙画像の IMG タグ */
div#bookphoto img{
	border: 1px solid #999;
	margin-top: 20px;
}

/* 右側領域（文章の領域） */
div#bookinfo{
	float: left;
	width: 371px;
}

/* 書籍のタイトル */
h1{
	font-size: 24px;
	line-height: 1.2em;
	font-weight: normal;
	margin: 20px 0px;
}

/* 書籍の副題（<h1> 内で <br> して使う）*/
span.subtitle{
	font-size: small;
}

/* 著者名 */
p.author{
	font-size: medium;
	line-height: 1.4em;
	margin: 10px 0px;
}

/*「著者紹介」などの見出し */
p.midashi{
	font-size: 12px;
	color: #666;
	font-weight: bold;
	margin: 14px 0px 3px;
	padding: 3px 5px;
	border-bottom: 1px solid #999;
}

/*「著者紹介」などの本文 */
p.text{
	font-size: small;
	line-height: 140%;
	margin: 5px 0px;
	padding: 0px;
}

/* 文字サイズが small の汎用 SPAN */
span.small{
	font-size: small;
}