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}
.service-lead{text-align:center;background:#ffffcc;color:#000;border:3px ridge #c0c0c0;padding:8px;margin:4px 0 12px;font-weight:bold}
.service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;min-width:0;margin:0 0 12px}
.service-card{box-sizing:border-box;width:100%;max-width:100%;min-width:0;background:#fff;color:#000;border:4px ridge #c0c0c0;padding:0 12px 12px;box-shadow:4px 4px 0 #000}
.service-card-bar{background:#000080;color:#fff;font-weight:bold;margin:0 -12px 10px;padding:7px 10px;text-align:center;border-bottom:2px solid #808080}
.service-banner{box-sizing:border-box;display:block;position:relative;overflow:hidden;width:100%;max-width:100%;min-width:0;margin:0 0 10px;border:3px ridge #c0c0c0;aspect-ratio:12/5;background:#fffef4;color:#000080!important;text-decoration:none}
.service-banner img{box-sizing:border-box;display:block;width:100%;max-width:100%;height:100%;object-fit:contain;transition:filter .15s ease,transform .15s ease}
.service-banner:hover img,.service-banner:focus-visible img{filter:brightness(.97);transform:scale(1.004)}
.service-banner:focus-visible{outline:4px solid #ffff00;outline-offset:-4px}
.banner-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.service-card h3{margin:8px 0 6px;color:#000080;font-size:18px;line-height:1.45}
.service-card p{line-height:1.65;margin:7px 0}
.service-card .service-for{background:#ffffcc;border:1px dashed #808000;padding:6px;font-size:13px;font-weight:bold}
.service-card .service-links{margin-top:10px;padding-top:8px;border-top:1px dotted #808080;font-weight:bold}
.service-card .service-links a{display:inline-block;background:#000080;color:#fff!important;border:2px outset #8888ff;padding:5px 9px;text-decoration:none;margin:2px}
.service-card .service-links a:hover{background:#0000c0}
.service-card-care .service-card-bar{background:#006400}
.service-card-restart .service-card-bar{background:#6b004b}
.service-all-link{font-size:13px;padding:6px 12px;margin:2px 0 8px}
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}
  .wrap{box-sizing:border-box;width:calc(100% - 8px);padding:8px}
  .topnav a{padding:6px 9px}
  .service-grid{grid-template-columns:1fr}
  .service-card{box-sizing:border-box;box-shadow:2px 2px 0 #000;overflow-wrap:anywhere}
  .service-card h3{font-size:17px}
  .wrap iframe{box-sizing:border-box;width:100%!important;max-width:100%}
  table.tbl{table-layout:fixed}
}