body {
	background: white;
	color: black;
	font-family: "Osaka";
	padding: 0px;
	margin: 0px;
	overflow-x: hidden;
	overflow-y: scroll;
}
a:link    { color: #226; }
a:visited { color: #161; }
a:active  {
	background-color: red;
	color: #500;
}
a:hover, a:focus{
	background-color: yellow;
	color: black;
}
h1.title, .date {
	 text-shadow: gray 1px 1px;
	 float: right;
}

img, a img {
	border: 0px;
	vertical-align: bottom;
	margin: 0.3em;
}
img.map {
	margin: 0.5em 1em 1em 0em;
	float: left;
}
code, .code, .cmd{
	font-family: 'Courier New';
}
.cmd{
	background-color: black;
	color: white;
	margin: 1em;
	padding: 1em;
}
p {
	white-space: normal;
	text-indent: 1em;
	word-break: break-all;
	padding: 0px 0px 1em 0px;
	margin: 0px;
}
.note, caption{
	font-size: 90%;
	color: #666;
}
.strong{
	text-decoration: underline;
	color: #520;
}
.warn{
	color: red;
}
ol.procedure li, ul.procedure li{
	padding-top: 0.7em;
	padding-bottom: 0.7em;
	border-bottom: dashed 1px gray;
}

kbd {
	background: #faf6f6;
	color: #000;
	border-color:  #edd #baa #baa #eed;
	padding: 0px 1px 0px 1px;
	margin: 0px 2px 0px 2px;
	border-width: 1px 2px 2px 1px;
	border-style: solid;
	font-family: "courier new", "courier", monospace;
	font-size: 90%;
}
ol, ul{
	margin-bottom: 1em;
}
/* ------------ menu on the left ------------ */
.index {
	width: 17%;
	max-width: 10em;
	position: fixed!important;	/* for Gecko, Opera */
	position: absolute;	/* for IE */
	float: left;
	padding: 1px;
	margin-right: 0.1em;
}
.index_title{
	display: block;
	text-align: center;
	vertical-align: top; 
	background-image: url(4_03_rosebee.jpg);
/*	border: solid white;
	border-width: 1px 2px 1px 2px;*/
	-moz-border-radius: 3px; /* mozilla only */
	padding: 1px 3px 1px 1px;
	font-size: 80%;
}
.index_title .back a, .index_title .mail a{
	text-decoration: none;
}
.index_title .mail{
	float: right;
}
img.mail_icon{
	width: 32px; height: 32px;
}
dl.index_inner, .index_sheld {
	margin: 0.5em 0em 0em 0em;
}
.menu_expander{
	padding: 0px;
	margin: 0em 0.5em 0em 0.5em;
	background-color: white;
	height: 1.3em;
}
.dailyLog_button{
	float: right;
}
dl.index_inner {
	padding: 0em 0em 0.3em 0.1em;
	font-family: "Osaka-UI";
	color: white;
}
dl.index_inner a:link, dl.index_inner a:visited{
	color: black;
	text-decoration: none;
	display: block;
	padding-left: 2px;
	text-shadow: gray 1px 1px;
}
dl.index_inner a:hover, dl.index_inner a:focus{
	color: white;
	background-color: #440;
	background-image: url(a_hover.jpg);
	display: block;
	padding-left: 2px;
}
dl.index_inner dd li a:link, dl.index_inner dd li a:visited{
	border-left: solid 3px #999;
	border-top: solid 1px transparent !important;
	border-top: solid 1px gray;
	border-bottom: solid 1px #555;
	border-right: solid 1px transparent !important;
	border-right: solid 1px gray;
}
dl.index_inner dd li a:hover, dl.index_inner dd li a:focus{
	border-left: solid 3px #f91;
	border-top: solid 1px #f91;
	border-bottom: solid 1px #f91;
	border-right: solid 1px #f91;
	-moz-border-radius: 5px; /* mozilla only */
}
dl.index_inner a:active{
	color: #300;
	background-color: #fcc;
}
dl.index_inner dt, dl.index_inner dd, dl.index_inner dd ul, dl.index_inner dd li{
	margin: 0px;
	padding-left: 1px;
	width: 100%;
}
dl.index_inner dt{
	color: white;
	background: #622 url(banner_red.png) repeat-y;
	font: normal bold 90% inherit;
	clear: all;
}
dl.index_inner dt.day{
	color: white;
	background: #226 url(banner_blue.png) repeat-y;
	color: white;
}
dl.index_inner dd{
	padding: 0em 0em 0.5em 0em;
	line-height: 100%;
}
dl.index_inner dd ul{
	padding: 0px;
}
dl.index_inner dd li{
	font-size: 90%;
	padding-left: 0px;
	list-style-type: none;
}

/* ------------ dl ------------ */
dl.header, dl.tips, dl.detail {
	width: 79%;
	clear: both;
	float: right;
	padding: 0.2em 0.5em 0.5em 0.2em;
	margin-bottom: 0.5em;
	margin-right: 0em;
}
dl.header {
	border: dashed 2px blue;
}
dl.tips {
	border: solid 1px white;
	-moz-border-radius: 5px; /* mozilla only */
}

/* ------------ dt ------------ */
dl.header dt, dl.tips dt, dl.detail dt{
	color: white;
	padding: 0em 0em 0em 1em;
	margin: 0em;
	clear: both;
}
dl.header dt, dl.tips dt {
	background: #622 url(banner_red.png) repeat-y;
}
dl.detail dt {
	background: #226 url(banner_blue.png) repeat-y;
	font-size: 200%;
}

dl.procedure dt{
	color: black;
	font-size: 100%;
	background-color: #ffe;
	background-image: none;
	border-left: solid 5px #cca;
	border-bottom: solid 1px #884;
}


/* ------------ dd ------------ */
dl.header dd, dl.tips dd, dl.detail dd {
	margin: 0em 0em 0em 0.5em;
	padding: 0.5em 0em 0.5em 0.5em;
}

/* ------------ tables ------------ */
th, td {
	vertical-align: top;
	empty-cells: show;
}
table.l_r, table.l_l, table.r_l {
	margin: 0.5em 0em 1em 1em;
}
table.l_r th, table.l_l th, table.r_l th {
	padding-left: 1em;
	padding-right: 1em;
	font-size: 80%;
	border-left: solid 3px #888;
	border-bottom: solid 1px #aaa;
	background-color: #fffff8;
}
table.l_r th, table.l_l th, table.l_l td, table.r_l td {
	text-align: left;
}
table.r_l th, table.l_r td {
	text-align: right;
}
table.l_r td, table.l_l td, table.r_l td {
	padding-left: 1em;
	font-size: 80%;
	border-bottom: solid 1px #ccc;
}
table.nopadding td, table.nopadding th{
	padding: 0px;
	margin: 1px;
}
col.in_thispage{
	background-color: #888;
	border-bottom: solid 1px white;
}
col.alsospelt{
	border-bottom: solid 1px gray;
}

tr.index th, tr.index td {
	background-color: #ddd;
	text-align: center;
}

/* ------------ floating ------------ */
.right {
	float: right;
	margin: 0.5em 1em 0.5em 1em;
}
.left {
	float: left;
	margin: 0.5em 1em 0.5em 1em;
}
.center {
	text-align: center;
}
.cl {
	clear: both;
}