/*
 * encode=Shift_JIS
 *
 *
 * 「はじめての Mozilla 1.0」 スタイル
 *
 */


/* 全体に行き渡る設定 */

body {
	}
strong {
	font-size: 1.1em;
	font-style: normal;
	text-decoration: none;
	font-weight: bold;
	color: #CC0000;
	background-color: white;
	}
em {
	font-size: 1.0em;
	font-style: normal;
	text-decoration: none;
	font-weight: bold;
	color: #CC0000;
	background-color: white;
	}
del {
	font-size: 0.95em;
	color: gray;
	background-color: white;
	text-decoration: line-through;
	}
ins {
	text-decoration: none;
	}
span.parenthesis {	/* （）かっこ書き */
	font-size: 0.95em;
	}
img {
	margin: 1em;
	border-width: 1px;
	}
img.right {
	float: right;
	margin: 0.5em 0em 0.5em 0.5em;
	}
img.left {
	float: left;
	margin: 0.5em 0.5em 0.5em auto;
	}
hr {
	visibility: hidden;
	}


/* index.html のトップ部分 */
div#pagetop {
	margin-top: 1em;
	margin-bottom: 1em;
	}

/* ページ上端部のナビゲートリンク */
div.navigation-link-block {
	padding: 0em;
	margin: 0.5em 0em;
	text-align: center;
	}
div#pagetop-body {
	margin: 1em;
	padding: 1em;
	border-top: 3px solid gray;
	border-bottom: 3px solid gray;
	}
div#pagetop-body-inner {
	margin: 0em;
	padding: 1em 0em;
	text-align: center;
	}
div#pagetop-body-content {
	margin: 0em;
	padding: 0em;
	text-align: center;
	}

div#pagetop-title h1 {
	font-size: 2.5em;
	font-weight: bold;
	margin: auto;
	text-decoration: none;
	text-align: center;
	line-height: normal;
	clear: both;
	}
div#pagetop-body p {
	text-align: center;
	}
	

/* 各部の大外枠 */
div.bu {
	margin: auto;
	padding: auto;
	}

/* 各部の冒頭にある目次部分 */
div.bu div.toc {	/* 目次枠 */
	margin: 1em;
	border: black 1px solid;
	background-color: #FFEEBB;
	}
div.bu div.toc p {	/* [目次] */
	font-size: 1.5em;
	font-weight: bold;
	}
div.bu div.toc ul {
	margin-top: 0.2em;
	margin-left: 1em;
	margin-bottom: 0.2em;
	padding-left: 1em;
	}

/* 各部の見出し各レベル(h1-h5) */
div.bu h1 {
	font-size: 2.25em;
	font-weight: bold;
	margin: 1em auto;
	text-decoration: none;
	text-align: center;
	clear: both;
	}
div.bu h2 {
	/* width: 100%; */
	margin: 2em auto;
	border: 1px none white;
	border-top: 6px double #6666CC;
	border-bottom: 2px solid #6666CC;
	padding: 4px;
	font-size: 2em;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
	color: black;
	background-color: white;
	clear: both;
	}
div.bu h3 {
	/* width: 100%; */
	margin: 2em auto 1.5em auto;
	border: 1px none white;
	border-left: 1.25em solid #6666CC;
	border-bottom: 2px solid #6666CC;
	padding: 4px;
	font-size: 1.4em;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
	color: black;
	background-color: white;
	clear: both;
	}
div.bu h4 {
	/* width: 100%; */
	margin: 1.5em auto 1em auto;
	border: 1px none white;
	padding: 2px;
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
	border-top: 1px solid #996600;
	border-bottom: 1px solid #996600;
	color: black;
	background-color: #FFCC99;
	clear: both;
	}
div.bu h5 {
	/* width: 100%; */
	margin: 1.5em auto 1em auto;
	font-size: 1.1em;
	font-weight: bold;
	text-decoration: underline;
	text-align: left;
	clear: both;
	}
	
div.bu h6 {
	/* width: 100%; */
	margin: 1.5em auto 1em auto;
	font-size: 1em;
	font-weight: bold;
/*	text-decoration: underline;*/
	text-align: left;
	clear: both;
	}

div.bu h4.preferences {	
	/* preferences の見出しレベル4 は画像回り込みを自動に */
	/* width: 100%; */
	clear: both;
	}
div.bu h5.preferences {	
	/* preferences の見出しレベル5 は画像回り込みを自動に */
	/* width: 100%; */
	clear: none;
	}
div.bu p.img{
/*Preference用の画像の配置*/
	float:right;
}
	
div.bu h4.appendix {	
	/* appendix 内の見出しレベル4 は画像回り込みを自動に */
	/* width: 100%; */
	clear: none;
	}
div.bu h5.appendix {	
	/* appendix 内の見出しレベル5 は画像回り込みを自動に */
	/* width: 100%; */
	clear: none;
	}

/* ページ末尾 */
div.pagefoot {
	margin: auto;
	padding: auto;
	margin-top: 3em;
	padding-top: 0.5em;
	border-top: 4px double gray;
	}
div.pagefoot-left {
	padding-left: 1em;
	text-align: left;
	float: left;
	}
div.pagefoot-right {
	padding-right: 1em;
	text-align: right;
	}

p {	/* パラグラフ（結構曖昧な使い方をしています）*/
	margin: 0.5em 1em;
	}
p.image {	/* 画像だけのパラグラフ（こういうのアリ？） */
	text-align: center;
	margin-left: 0em;
	margin-right: 0em;
	clear: both;
	}

ol,ul {	/* 通常のリスト構造 */
	margin-top: 1em;
	margin-bottom: 1em;
	}
li{
	margin-bottom: 0.25em;
	}

dl {
	padding-left: 1em;
	margin-top: 0.5em;
	margin-left: 2em;
	margin-bottom: 0.5em;
	}
dt {
	margin-top: 0.25em;
	margin-bottom: 0.25em;
}
dd {
	margin-top: 0.25em;
	margin-bottom: 0.5em;
}

dl.appendix {	/* appendix.html の中の定義構造 */
	padding-left: 1em;
	margin-top: 0.25em;
	margin-left: 2em;
	margin-bottom: 0.25em;
	}

table {
	margin-top: 0.2em;
	margin-left: 2em;
	margin-right: 2em;
	margin-bottom: 1em;
}
table caption {
	font-weight: bold;
	}
th.bluestyle-blue {
	color: white;
	background-color: #003366;
	white-space: nowrap;
	padding-left: 0.25em;
	padding-right: 0.25em;
	}
th.bluestyle-gray, td.bluestyle-gray {
	color: black;
	background-color: #E0E0E0;
	padding-left: 0.25em;
	padding-right: 0.25em;
	}

td p {	/* テーブル内のパラグラフ */
	margin-left: 0em;
	}
td ol {	/* テーブル内のリスト構造 */
	margin-left: 1em;
	}
td ul {	/* テーブル内のリスト構造 */
	margin-left: 1em;
	}

div.sample {	/* 入力例など */
	font-family: monospace;
	margin: 1em 2em 1em 3em;
	padding: 6px;
	border: black 1px solid;
	width: auto;
	clear: none;
	}
li div.sample {	/* 入力例など */
	margin: 0.5em auto 0.5em 0em;
	clear: none;
	}
div.allegory {	/* appendix.html のたとえ話 */
	font-family: monospace;
	margin: 1em 2em 1em 3em;
	padding: 6px;
	border: black 1px solid;
	width: auto;
	clear: none;
	}