@charset "UTF-8";

html { color: black; background: #ccf url("../img/bg.png"); font-style: normal; line-height: 1.2; }

strong { color: red; font-weight: bold; }
em { color: green; font-weight: normal; }

a[href] { text-decoration: underline; }
a[href]:link { color: blue; }
a[href]:visited { color: purple; }
a[href]:hover { font-style: italic; }

li + li, * + dd { margin-top: 0.5em; }
dt { font-weight: bold; display: compact; }
* + dt { margin-top: 1em; }

table { margin: auto; border-collapse: collapse; }
caption { font-size: larger; font-weight: bold; }
th, td { border: thin solid; }

*[accesskey]:after {
	color: black; font: normal x-small sans-serif; content: "[" attr(accesskey) "]";
}

div#menu {
	color: navy; background: #ccf; width: 200px; height: 100%; position: fixed; top: 0; left: 0;
}
div#menu a { color: navy; }
div#menu h1 {
	background: #99f; width: 200px; height: 50px; position: relative; margin: 0;
	font: bold xx-large/40px HG正楷書体-PRO, "ヒラギノ明朝 Pro W6", cursive;
}
div#menu h1 a {
	white-space: nowrap; text-align: center; text-decoration: none;
	width: 190px; height: 40px; border: 5px dotted; position: absolute;
}
div#menu ol#menulist { font-size: larger; }
div#menu address { position: absolute; bottom: 0; right: 0; }

div#main { margin-left: 220px; }