@charset "utf-8";

/* basic settings */
* {
	margin: 0;
	padding: 0;
}
body {
	color: #000;
	line-height:150%;
	background-color: #fff;
}
div {
	text-align: left;
	vertical-align: top;
}
img {
	border-width: 0;
}
a {
	color: #f33;
	text-decoration: none;
}
a:visited {
	color: #f66;
}
a:hover,
a:active {
	color: #33f;
}
p {
	margin: 1em 0 0;
}
blockquote {
	margin: 1em 0 1em 2em;
	border-width: 0;
}
ul {
	list-style: none;
	margin: 1em 0 0;
}
li {
	margin: 0 0 0.4em;
}
th,
td {
	vertical-align: top;
	text-align: left;
}
strong {
	margin: 1px;
	font-size: nomal;
	font-weight: normal;
	background-color: #edf;
}
del {
	text-decoration: line-through;
	color: #666;
}
p.verse {
	margin: 1em 0 0 2em;
}
.furigana {
	font-size: 75%;
	color: #666;
}
.note {
	font-size: 75%;
}
.blank {
	color: #ccc;
}
h1 {
	display: block;
	float: right;
	width: 170px;
	height: 170px;
	margin: 0;
	text-align: center;
}
h2 {
	margin: 2em 0 1.5em;
	border-width: 2px 0 0 2px;
	border-style: solid;
	border-color: #fcc;
	padding: 5px 0 5px 10px;
	font-size: 120%;
	font-weight: normal;
	color: #933;
	background-color: #fee;
}
h3 {
	margin: 1.5em 0 1em;
	border-width: 0 0 0 15px;
	border-style: solid;
	border-color: #ccc;
	padding: 0 0 0 7px;
	font-size: 120%;
	font-weight: normal;
	color: #666;
}

/* general layout */
div#front_wrapper,
div#wrapper {
	width: 740px;
	margin: 100px 0 15px 20px;
}
div#footer {
	clear: both;
	margin: 2em 0 0;
	border-width: 5px 0 0;
	border-style: solid;
	border-color: #c96;
	padding: 0.5em 1em 0 1em;
}
div#copyright_claim {
	margin: 0;
	font-size: 90%;
	color: #666;
}

/* index page layout */
div#introduction {
	width: 560px;
	float: left;
	margin: 0 0 2em;
}
div#side_bar {
	width: 170px;
	float: right;
	margin: 2em 0;
	border-width: 0 0 1px 1px;
	border-style: solid;
	border-color: #ccc;
}
div#menu_list {
	margin: 0 0 0 10px;
}

/* index page details */
div#dedication {
	margin: 0 0 2em;
}
p#dedication_verse {
	margin: 0 0 1em;
	width: 560px;
	height: 336px;
}
div#recent_updates ul {
	margin: 1em 1em 0 0;
	padding: 0 0 0 35px;
	list-style-type: square;
}
p#see_updates_recs {
	margin: 1em;
	text-align: right;
}
div#re_copyright p {
	text-align: center;
}
div#menu_list h2 {
	margin: 0 0 1.5em;
	border-width: 2px 2px 0 0;
	padding: 2px 4px;
	font-size: 100%;
	font-weight: bold;
	text-align: right;
}
div#menu_list ol {
	list-style-type: cjk-ideographic;
	list-style-position: inside;
}
div#menu_list li {
	line-height: 120%;
	font-size: 90%;
	margin: 0 0 10px;
}

/* updates records layout */
div#updates_recs {
	width: 560px;
	float: left;
}
div#updates_recs h2 {
	margin: 0 0 1.5em;
}
div#updates_recs ul {
	margin: 1em 1em 2em 0;
	padding: 0 0 0 35px;
	list-style-type: square;
}

/* section page layout */
div#wrapper h1 {
	margin: 0 0 640px 0;
}
div#contents {
	width: 560px;
	float: left;
}
div#contents h2 {
	margin: 0;
}
div#section_summary {
	margin: 1em 0 0 280px;
	font-size: 90%;
	color: #669;
}
div#page_history {
	margin: 2em 0 0;
	font-size: 90%;
}
div#page_history span.date_format {
	white-space: nowrap;
}
div#original {
	width: 250px;
	float: left;
	margin: 2em 0 1.5em;
	background-image: url(../img/original_bg.jpg);
	background-repeat: repeat-y;
}
div#original h3 {
	display: none;
}
div#original p {
	margin: 1em 0.2em 1em 0.5em;
}
div#original p.verse {
	margin: 1em 0.2em 1em 2.5em;
}
div#translation {
	width: 300px;
	float: right;
	margin: 1em 0 1.5em;
}
div#translation h3 {
	display: none;
}
div#comments {
	clear: both;
	margin: 2em 0;
	padding: 0 2em;
	border-width: 1px 0 0;
	border-style: dotted;
	border-color: #ccc;
}
div#comments p {
	font-size: 90%;
	color: #666;
}
div#navigation {
	clear: left;
	width: 560px;
	margin: 2em 0;
	border-width: 1px 0 0;
	border-style: solid;
	border-color: #ccc;
}
div#navigation h3 {
	display: none;
}
div#navigation ul {
	text-align: center;
}
div#navigation li {
	display: inline;
	padding: 0 1em;
}

/* etcetra */
div#logger {
	clear: both;
	margin: 0 0 5px 25px;
}
div#ad_1 {
	position: absolute;
	top: 0px;
	left: 18px;
}
div#ad_2 {
	position: absolute;
	top: 305px;
	left: 600px;
}