html, body{
      width:          100%;
      height:         100%;
      overflow:       hidden;
      margin:         0px;
      padding:        0px;
      color:          black;
      line-height: 150%;
	background: #d8e0e0;
}

div#head_tate, div#main_tate,div#head_yoko, div#main_yoko,{
      position:       absolute;
      overflow:       auto;
      margin:         0px;
      padding:        0px;
}

div#head_yoko{
	height:         100%;
	width:          20%;
	top:            0px;
	left:           0px;
	z-index:        1;
	color:          black;
	background:     #bcd;
	text-align:center;
	padding-top:4px;
}
div#main_yoko{
      height:         100%;
      width:          80%;
      left:           20%;
      z-index:        3;
	background: #d8e0e0;
}
div#head_tate{
	height:         5%;
	width:          100%;
	top:            0px;
	left:           0px;
	z-index:        1;
	color:          black;
	background:     #bcd;
	text-align:center;
	padding-top:4px;
}
div#main_tate{
      height:         95%;
      width:          100%;
      top:            5%;
      z-index:        3;
	background: #d8e0e0;
}

table.tl{
	border-collapse:collapse;
	border-spacing:	0px;
	border:			1px solid #000;
}
thead{
	background:		#DCDCDC	none;
	border-bottom:	3px double #000;
}

table.tl td,table.tl th{
	border:			1px solid #000;
	padding-left:	0.5em;
	padding-right:	0.5em;
	line-height:	150%;
}

th{	background:		#DCDCDC;}

A { text-decoration:none; }
A:link { color: #000080; }
A:visited { color:  #000080; }
A:active { color:  #000080; }
A:HOVER {color: #008000;}

H1 {
	font-size: 2em;
	line-height: 1.5em;
	color: black;
	letter-spacing: 1px;
	text-align: center;
	margin-top: 2em;
	margin-bottom: 1em;
}
H2 {
	font-weight: 400;
	font-size: 150%;
	line-height: 1.5em;
	color: black;
	background-color: #D0E0E0;
	margin-top: 2em;
	margin-bottom: 1em;
	padding-left: 1em;
	border-right: 3px #b0c0d0 solid;
	border-bottom: 3px #b0c0d0 solid;
	border-left: 3px #f0ffff solid;
	border-top: 3px #f0ffff solid;
}

H3 {
	font-weight: 800;
	font-size: 1.3em;
	line-height: 1.3em;
	color: black;
	background-color:#D0E0E0;
	margin-top: 2em;
	margin-bottom: 1em;
	padding-left: 1em;
	border-right: 1px #b0c0d0 solid;
	border-bottom: 1px #b0c0d0 solid;
	border-left: 1px #f0ffff solid;
	border-top: 1px #f0ffff solid;
}

H4 {
	font-weight: 400;
	font-size: 1.1em;
	line-height: 1.5em;
	color: black;
	background-color: white;
	margin-top: 1em;
	margin-bottom: 1em;
	padding-left: 1em;
	border-width: 1px;
	border-style: solid;
}

H5 {
	font-weight: bold;
	font-size: 1em;
	line-height: 1.2em;
	color: black;
	background-color:#f8f8f8;
	margin-top: 0em;
	margin-bottom: 0em;
	padding-left: 1em;
	border-width: 1px;
	border-style: solid;
}

H6 {
	font-weight: bold;
	font-size: 1em;
	line-height: 1.1em;
	color: black;
	background-color: white;
	padding-left: 1em;
}

BLOCKQUOTE {
	line-height: 1.5em;
	padding: 0.5em;
}

PRE {
	font-size: 1em;
	line-height: 1.5em;
	margin-right: 3%;
	margin-left: 3%;
	border-width: thin;
	border-style: none;
}

UL,ol {
	margin-top: 0em;
	margin-bottom: 0em;
}

ul LI {
	line-height: 1.5em;
	list-style-image: url(rightblueball2.png);
	}
ul LI LI {
	line-height: 1.5em;
	list-style-image: url(brownball.png);
	}
ul LI LI li {
	line-height: 1.5em;
	list-style-image: url(blackball.png);
	}

a.deko {
	font-size: 0.8em;
	background-color: #e0e0e0;
	text-align: center;
	padding: 0.1em 1em;
	border: 2px outset #c0c0c0;
}

A.deko:HOVER{
	border: 2px inset #c0c0c0;
	background-color: #ffffff;
}

a.deko0 {
	font-weight: bold;
	font-size: 1em;
	background-color: #E0F0F0;
	text-align: center;
	margin: 0.3em;
	padding: 0.1em 1em;
	border: 3px #C0D0D0 outset;
	width: 6em;
	display: block;
}
a.deko0:HOVER{
	border: 3px inset #c0d0d0;
	background-color: #ffffff;
}
a.deko1 {
	font-weight: bold;
	font-size: 0.8em;
	background-color: #E0F0F0;
	text-align: center;
	margin: 0.3em;
	padding: 0.1em 0.5em;
	border: 3px #C0D0D0 outset;
	width: 9em;
	display: block;
}
a.deko1:HOVER{
	border: 3px inset #c0d0d0;
	background-color: #ffffff;
}
div.tate{writing-mode: tb-rl;}
div.naka{
	margin-left:auto;
	margin-right:auto;

rt {font-size:50%}
dl.compact{margin:0em}
dl.compact dt{ float: left;width:20%;text-align:right;font-weight:bold;}
dl.compact dd{ margin-left: 1em; float: left;width:80%;padding-right:2em;}
.kakomi{ font-weight: bold; color: black; background-color: #DDD; text-align: center; margin-right: 0.5em; margin-left: 0.5em; padding: 1px 0.5em; border-width: 2px; border-color: white #AAA #AAA white; border-style: solid; }
