body {
	font: 10.9pt Meiryo;

	margin: 0;
	padding: 0;
	border: solid 0 #eed;
	border-width: 5px 44px 44px 44px;

	line-height: 123%;
}

h1, footer {
	background: #456;
	color: #fff;

	border-radius: 3px;
}
h1 {
	margin: 0;
	padding: 0 0 33px 44px;

	font-size: 133%;
	line-height: 277%;

	text-shadow: black 0 0 5px, black 0 0 11px, black 0 0 33px;
}
footer {
	margin: 66px 0 0 0;
	padding: 11px;

	text-align: right;

	text-shadow: 0 0 7px #000;
}
h1 a, footer a {
	color: #fff;
}

h2 {
	font-size: 99%;
	color: #337;

	margin: 44px 33px 22px 30px;
	padding: 1px 7px;

	border-style: none none solid solid;
	border-color: #337;
	border-width: 0 0 1px 7px;

	border-radius: 3px 0 0 3px;
}

h3 {
	font-size: 99%;
	color: #337;

	margin: 22px 44px;

	border-style: none none solid none;
	border-color: #337;
	border-width: 0 0 1px 0;
}

h4 {
	font-size: 99%;
	color: #337;
	margin: 22px 44px;
}

/* paragraph */
p, pre, table, form, div.p, aside {
	margin: 22px 44px;
}

pre {
	/* script viewer */
	background: #eee;
	color: #000;
	padding: 5px;

	border-style: none none none solid;
	border-color: #337;
	border-width: 0 0 0 3px;

	/* pre で自動折り返し */
	word-wrap: break-word;
	white-space: pre-wrap;
}

aside {
	padding: 11px;
	border: solid #337 1px;
	border-radius: 6px;
}

table, th, td {
	border: solid 1px #337;
	border-collapse: collapse;
}
table {
	font-size: 99%;
}
th {
	background: #eee;
}
td {
	font-size: 90%;
	padding: 1px 2px;
}