body { font-family: sans-serif; }
h1 { text-align: center; }
table { border-spacing: 0; border-collapse: collapse; }
td, th { margin: 0; border-style: solid; border-width: 2px; border-color: #117700; padding: 4px;}
th { background-color: #DDFFCC; }
p.red { color: #DD0000; font-weight: bold; }
span.spoiler { color: #FFFFFF; border: 1px solid #CCCCCC; }
hr { height: 2px; width: 100%; border: 0; color: #117700; background-color: #117700; }

div.menu { margin: 0px; padding-right: 1em; float: left; }
div.menu dl { margin: 1em; border: 1px solid #117700; padding: 0px; background-color: #DDFFCC; }
div.menu dd { margin: 0px; border: 1px solid #117700; padding: 5px; font-weight: bold; font-size: 80%; }
div.menu dt { display: none; }

div.main { margin: 0px; padding-left: 1em; padding-right: 1em; }
div.main img { float: right; margin: 1em; max-width: 40%; }
div.main dt { font-weight: bold; }
div.main dd { margin-bottom: 1em; }
div.main li { margin-bottom: 0.5em; margin-top: 0.5em; }

:target { background: #ffff99; }