@charset "EUC-JP";

@import "main.css";

body {
	background-color: white;
	background-image: url('helpbg01.png');
	background-attachment: fixed;
	background-repeat: no-repeat;

	padding-left: 62px;
	padding-top: 10px;
}

/* ----------------------------------------------------------------------------
 * 見出し h2
 */
h2 {
	margin-bottom: 0.5em;
}

div.paras + h2 { /* なんらかの文章の後にある見出し */
	margin-top: 2em;
}


/* ----------------------------------------------------------------------------
 * 単純な構造のマークアップ
 *
 * @class paras  段落のまとまり
 * @class credit  クレジット
 */

div.paras {
	padding-left: 2em;
	padding-right: 2em;
}

div.credit {
	margin-top: 1em;
	text-align: right;
}

/* ----------------------------------------------------------------------------
 *   本文
 */
p {
	margin-top: 0.6em;
	margin-bottom: 0.7em;
	line-height: 150%;
}
p.comment {
	margin-right: 3em;
	margin-top: 2em;
	margin-bottom: 2em;
	font-size: x-small;
}

/* 段落内に (※) とかをつける場合は span.commentMark を使うと吉 
 * ちゃんと対応する p.comment も必要 */
.commentMark {
	font-size: x-small;
}


/* ----------------------------------------------------------------------------
 *  見出しつきリスト
 */
dl {
	margin-top: 0.6em;
	margin-bottom: 0.7em;
}

dd {
	margin-left: 1.5em;
	margin-bottom: 0.5em;
	line-height: 150%;
}

/* dd の後ろにある dt == つまり 2 番目以降の dt */
dd + dt {
	margin-top: 1em;
}


/* ----------------------------------------------------------------------------
 *  リストおよびリストアイテム
 */

li {
	list-style-type: none;
	margin-left: 1.5em;
}

ul.navigator li {
	display: inline;
	margin-left: 0.5em;
}

ul.navigator li:before { content: '[ ' }
ul.navigator li:after  { content: ' ]' }

/* dd 内のアイテムはもうインデントしない */
dd li {
	margin-left: 0;
}