/* misc */
body {
	background: #eeeedd url(./img/section.png);
	color: #000000;
	font-size: 15px;
	line-height: 110%;

	scrollbar-face-color: #ddddcc;
	scrollbar-3dlight-color: #eeeedd;
	scrollbar-darkshadow-color: #eeeedd;
	scrollbar-track-color: #eeeedd;
	scrollbar-highlight-color: #999988;
	scrollbar-shadow-color: #999988;
	scrollbar-arrow-color: #999988;
}

body,table,td,th {
	font-family: Meiryo, 'ＭＳ ゴシック', monospace;
}

td,th {
	font-size: 13px;
	line-height: 110%;
}

h1,h2,h3,h4,h5,h6 {
	font-family: Meiryo, 'Arial','ＭＳ Ｐゴシック', sans-serif;
	font-size: 1.0em;
	font-weight: normal;
	line-height: 120%;
	margin: 0;
	padding: 0;
}

hr {
	border-width: 1px;
	border-color: #bbbbaa;
	border-style: solid;
	height: 2px;
	margin: 0;
	padding: 0;
}




/* page title */
h1 {
	font-size: 2.3em;
	text-align: center;
}
.st {
	font-family: 'Arial', 'ＭＳ Ｐゴシック', sans-serif;
	font-size: 0.7em;
	font-weight: normal;
	letter-spacing: 1px;
	margin: 4px 0 0 0;
	text-align: center;
	padding: 0;
}
h2 {
	border-color: #557;
	border-style: solid;
	border-width: 0 0 1px 8px;
	font-weight: bold;

	margin: 55px 0 0 0;
	padding: 0 0 2px 5px;
	vertical-align: middle;
	width: 66%;
}
h3 {
	border-color: #888899;
	border-style: none none dashed solid;
	border-width: 0 0 1px 4px;
	font-weight: bold;

	margin: 33px 0 20px 6px;
	padding: 0 0 0 9px;
	vertical-align: middle;
	width: 60%;
}
h4 {
	border-color: #888899;
	border-style: dashed;
	border-width: 0 0 1px 0;
	font-weight: bold;

	margin: 22px 0 20px 6px;
	padding: 0 0 0 9px;
	vertical-align: middle;
	width: 55%;
}




/* normal table */
div.pb table {
	border-collapse: collapse;
}
div.pb th {
	border: solid 1px #bbbbaa;
	background: url(./img/section3.png);
}
div.pb td {
	border: solid 1px #bbbbaa;
	background: url(./img/section2.png);
}




/* image */
.bg {
	background: #ddddcc;
}




/* paragraph */
p,
div.pb {
	margin: 17px 12px;
	padding: 1px 0 0 0; /* Meiryo 対策 */
	line-height: 120%;
	width: 94%;
}
pre {
	font-family: 'ＭＳ ゴシック',monospace;
	background: url(./img/section2.png);

	border: solid #bbbbaa 1px;
	margin: 20px 20px 20px 12px;
	padding: 4px;
	width: 95%;

	/* pre で折り返し test */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	white-space: pre-wrap;      /* CSS3 */
	word-wrap: break-word;      /* IE 5.5+ */
}




/* anchor */
a {
	color: #333377;
}
a:visited {
	color: #444433;
}
a:active {
	color: #3333bb;
}




/* box */
div.boxbody {
	background: url(./img/section2.png);

	margin: 20px 20px 20px 12px;
	line-height: 120%;
	border: solid #ccccbb 1px;
	border-width: 0 1px 2px 1px;

	width: 600px;
}
h3.box {
	margin: 0;
	background: #ddddcc;
	text-align: center;
	font-size: 0.85em;
	font-weight: bold;

	border-color: #444466;
	border-style: solid;
	border-width: 0 0 1px 6px;

	width: 100%;
}
p.box,
div.box {
	margin: 3px;
	border: solid #dddddd 0;
	border-width: 0 0 1px 0;
	font-size: 0.85em;

	width: 100%;
}



/* imagebox */
table.imagebox {
	border: solid 2px #ccccbb;
	border-collapse: collapse;
}
table.imagebox th {
	background: #ccccbb;
}
table.imagebox td {
	padding: 3px;
}
/*
<table class="imagebox"><tr><td>
(image)
</td></tr><tr><th>
(caption)
</th></tr></table>
*/