body { background: #FFFFCC; margin: 0; padding: 0; text-align: center; font-size: 0.8em;}
img { border: none; }
a:link { color: #E07000; }
a:visited { color: #FF8000; }
a:hover { color: #FFFF00; background: #AA0000; }
a:active { color: #E0E0FF; }

#monmon {margin: 0;}

.lack { background: #CC0000;}
body>div.lack {position: fixed; width: 100%;}

#mongokuu { top: 0; height: 80px;}
#mongokuu img {position: absolute; display: block;}
#dojo { bottom: 0; height: 50px;}
#dojo a { margin: 0 12px; }

/* contents */
.hao {
 text-align: left;
 border: 8px #CC0000 solid;
 background: #FFFFFF; color: #000000;
}

.hao h1, .hao h2, .hao h3, .hao h4 {
 margin: 0; background: #CC0000; color: #FFFFFF; padding: 12px 0;
}
.hao h1, .hao h4 { text-align: center; }
.hao p { padding: 8px; margin: 0; line-height: 150%; }
.hao h5 {font-size: 1em; margin: 0; padding: 6px 0 0 0;}
/* specified */
#haohao { width: 700px; margin: 92px auto; }

#shihan { float: left; width: 130px; text-align: center; }
#shihan h3, #shihan h3 * { background: none !important; margin: 0; padding: 0; line-height: 1; }
#shihan h4 { margin: 0; font: bold 11pt/14pt serif;}
#shihan p { margin: 4px 2px 8px 2px; }
#shihan div {border: 4px #004000 solid; width: 100px; margin: 0 auto; border-top: none; background: #FFFFFF;}
#nichijou { margin-left: 140px; }
#nichijou div { text-align: center; border-top: 8px #CC0000 solid; }
#nichijou div * {background: #FFFFFF; color: #000000;}

.monup { width: 300px; text-align: left; margin: 12px auto; border: 3px #CC0000 solid;}

dl, dl * {margin: 0; padding: 0 8px; line-height: 1.5; }
dt {margin-top: 2px;}
dd {margin-bottom: 6px; padding-left: 22px;}

.hao ul {margin: 0; padding: 0 8px 4px 28px;}
.hao ul li {padding: 2px 0px; line-height: 1.5; }