@charset "utf-8";
/* CSS Document */

body.index div#body div#main div.section {
	margin: 20px 0 40px;
}

body.index dl.odd {
	width: 400px;
	float: left;
}

body.index dl.even {
	width: 400px;
	float:right;
}

body.index dt { /* 書籍画像 */
	width: 98px;
	float: left;
}

body.index dd  {
	margin: 0 0 0 90px;
	font-size: 84%;
}


body.index div#body div#main h2 { /* 書籍タイトル */
	margin: 0 0 0.5em;
	padding: 0;
}

body.index dd {
}

body.index div#body div#main p.link { /* サポート資料集を見る */
	margin-top: 1em;
}

hr {
	clear: both;
	display: block;
	visibility: hidden;
	height: 20px;
}

/*-----------------------------------
*
* 資料詳細ページ
*
*-----------------------------------
*/

body.material div#main dl { /* 書籍概要 */
	margin: 20px 0 0;
}


body.material div#main dt { /* 書籍画像 */
	width: 98px;
	float: left;
}


body.material div#main dd  {
	margin: 0 0 0 90px;
}

body.material div#body div#main p.link { /* 書籍の詳細を見る */
	margin-top: 1em;
}

body.material　hr {
	height: 10px;
}

div.section p.genre { /* ジャンルアイコン */
	width: 30px;
	float: left;

}

body.material div#body div#main h2 { /* 書籍タイトル */
	margin: 0 0 0.5em;
	padding: 0;
}

div.about {
	margin-left: 40px;
}

div.about p {
	font-size: 84%;
}

div.section ul.dot {
	clear: left;
}

div.round-580 div.in { /* 角丸の中　テキストサイズ */
	font-size: 84%;
}

div#body div#main p.link-blank {
	text-align: left;
	margin: 0 0 20px;
}

/*-------------------------------------------
*
* div#sub
*
---------------------------------------------- */

div#sub h3 {
	margin: 10px;
}

div#sub ul {
	margin: 10px 10px 30px;
}

/* 推薦者プロフィール */
body.material div#sub dl {
	margin: 10px 1em;
}

body.material div#sub dt { /* 名前 */
	font-weight: bold;
}

body.material div#sub dd { /*　本文 */
	font-size: 84%;
}