/* recorder.css */

body	{
	color:#333333;
	background-color:#bbccdd;
	margin:0;
	padding:0;
	}

a:link	{color:#225588}
a:visited	{color:#002255}
a:hover,a:active	{color:#009999}

p,div,hr,h1,h2,h3,h4,h5,h6,ul,ol,dl,li,dt,dd,blockquote,address,table,th,tr,td,tbody,thead,tfoot	{
	margin:0;
	padding:0;
	}

hr,.footer h2,.supplement	{display:none}
.diary hr,.article hr	{
	margin-top:1em;
	display:block;
	visibility:hidden;
	}

dl,ul	{
	margin-top:1em;
	padding-right:5%;
	padding-left:10%;
	}
dt	{font-weight:bold}
dd	{
	line-height:120%;
	margin-left:5%;
	padding-bottom:1em;
	padding-left:0.3em;
	}
dd.list,dd.note2	{padding-bottom:0}

ul li	{
	line-height:150%;
	margin-left:5%;
	}
.list ul	{margin-top:0}
.list ul li	{
	line-height:120%;
	margin-left:-5%;
	}

kbd	{
	font-size:0.9em;
	text-decoration:underline;
	}
q	{color:#555555}

/* ---------------------------------- */

.footer	{
	color:#ffffff;
	background-color:#333333;
	text-align:right;
	margin-top:2.5em;
	padding:0 0.3em 0.5em 0;
	}

.navigation,address	{padding:0.3em}
.navigation	{list-style-type:none}
.navigation li	{line-height:120%}
address	{
	font-style:normal;
	font-size:0.9em;
	}
.top address	{padding-top:0.8em}

.navigation a,address a	{text-decoration:none}
.navigation a:link,address a:link	{color:#ddeeff}
.navigation a:visited,address a:visited	{color:#aabbcc}
.navigation a:hover,address a:hover,.navigation a:active,address a:active	{
	color:#ffcccc;
	text-decoration:underline;
	}

.info	{
	width:100%;
	position:absolute;
	top:0;
	left:0;
	}
.info p	{
	color:#ffffff;
	background-color:#333333;
	text-align:right;
	padding:0.3em;
	}

/* ---------------------------------- */

h1	{
	font-weight:normal;
	font-size:2em;
	text-indent:0.5em;
	padding:1.2em 0 0.6em 5%;
	border-top:0.9em solid #333333;
	}
h1.diary	{
	font:bold 2.5em "Courier New",Courier,sans-serif;
	padding:0.8em 0 0.5em 5%;
	border-top-width:0.7em;
	}
.top h1	{
	font:bold 3em "Courier New",Courier,sans-serif;
	text-indent:0;
	margin-top:1.2em;
	margin-bottom:1.2em;
	padding:0 0 0 5%;
	border:none;
	}

h2	{
	color:#ffffff;
	background-color:#333300;
	font-weight:normal;
	font-size:1em;
	padding:0.4em;
	border:1px solid #333333;
	}
h2.date	{
	color:#333333;
	background-color:#bbccdd;
	font:bold 1.2em "Courier New",Courier,sans-serif;
	text-align:right;
	margin-right:5%;
	padding:0;
	border:none;
	}

h3	{
	color:#ffffff;
	background-color:#333333;
	font-weight:normal;
	font-size:1em;
	padding:0.4em;
	}

h4	{
	font-weight:bold;
	font-size:1em;
	margin:1.5em 0 -1em 8%;
	padding-left:0.2em;
	border-left:0.5em solid #333333;
	}

/* ---------------------------------- */

.contents,.article	{margin:2em 5% 3em 15%}
div.diary	{
	margin:2em 5% 3em 20%;
	padding-bottom:0.5em;
	border-width:1px;
	border-color:#333333 #333333 #bbccdd #bbccdd;
	border-style:solid;
	}

.diary p{
	padding:1em 0.5em 0 5%;
	text-indent:0.8em;
	}
p.words	{text-indent:0}

.article p	{
	padding-top:1em;
	padding-left:10%;
	}

.diary p,.article p,.article dd	{line-height:150%;}

/* ---------------------------------- */

.lines	{
	position:absolute;
	top:7.5em;
	right:0%;
	width:100%;
	}
.lines p	{
	font-size:0.9em;
	text-align:right;
	padding-right:5%;
	}

.link	{
	text-align:right;
	margin-right:5%;
	padding-right:0.2em;
	border-right:0.5em solid #333333;
	}

.note1,.note2	{
	font-weight:normal;
	font-size:0.8em;
	}
.note2	{color:#666666}


/* -- exceptionally style for close -- */

.top h1	{margin-bottom:2.5em}
.lines p	{line-height:120%}