body{margin:0;background:#000 url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40"><rect width="40" height="40" fill="%23000080"/><circle cx="20" cy="20" r="2" fill="%23ffff00"/></svg>');color:#fff;font-family:"MS Pゴシック","MS PGothic",Osaka,sans-serif;font-size:15px}
a{color:#00ffff}a:visited{color:#ff00ff}
.wrap{max-width:820px;margin:0 auto;background:#000080;border:4px double #ffff00;padding:14px}
center b.title{font-size:26px;color:#ffff00;text-shadow:2px 2px #ff0000}
.blink{animation:bl 1s steps(1) infinite}@keyframes bl{50%{opacity:0}}
.rainbow{height:6px;background:linear-gradient(90deg,red,orange,yellow,green,blue,indigo,violet);border:0;margin:14px 0}
table.tbl{width:100%;background:#fff;color:#000;border:3px ridge #c0c0c0;border-collapse:collapse}
table.tbl td{border:1px solid #808080;padding:10px;vertical-align:top}
.headcell{background:#000080;color:#fff;font-weight:bold;text-align:center}
.badge{display:inline-block;background:#fff;color:#000;border:2px outset #999;padding:3px 8px;font-size:11px;font-weight:bold;margin:2px}
.starspin{display:inline-block;animation:spin 2s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.marq{background:#000;color:#0f0;padding:6px;border:2px inset #333;font-weight:bold}
.counter{background:#000;color:#0f0;font-family:monospace;font-size:22px;padding:4px 10px;border:2px inset #333;letter-spacing:3px}
.svcTd{width:33%;background:#ffffcc}
h2.sec{background:#ff0000;color:#ffff00;padding:6px 10px;font-size:18px;border:2px outset #900;display:inline-block}
hr.old{border:2px inset #999}
.blinkNew{color:#ff0000;font-weight:bold}
footer{background:#000;color:#0f0;font-size:11px;text-align:center;padding:14px}
img.thumb{width:100%;border:2px ridge #999}
.navlinks{text-align:center;margin:10px 0}
.topnav{background:#c0c0c0;border-bottom:3px ridge #fff;padding:8px 0;text-align:center}
.topnav a{display:inline-block;background:#000080;color:#fff;font-weight:bold;padding:6px 16px;margin:2px;border:2px outset #8888ff;text-decoration:none;font-size:13px}
.topnav a:hover{background:#0000c0}
.topnav a:visited{color:#fff}
.pagebody{display:flex;gap:0;max-width:960px;margin:0 auto}
.sidenav{flex:0 0 150px;background:#c0c0c0;border:3px ridge #fff;padding:10px;align-self:flex-start;margin-top:14px}
.sidenav .hd{background:#000080;color:#ffff00;font-weight:bold;text-align:center;padding:4px;margin:-10px -10px 8px}
.sidenav a{display:block;background:#000080;color:#fff;text-decoration:none;padding:6px 8px;margin:4px 0;border:2px outset #8888ff;font-size:12px;font-weight:bold}
.sidenav a:hover{background:#0000c0}
.sidenav a:visited{color:#fff}
.pagemain{flex:1;min-width:0}
@media(max-width:700px){.pagebody{flex-direction:column}.sidenav{flex:none}}