/* 忍者ホームページ等のホスティング側CSSとの衝突を避けるため、
   サイト固有クラスには ys- プレフィックスを使用しています。 */
/* Yui Studio Ver.0.5.1 共通スタイル
   見た目は2000年前後、構造は現代的な静的HTMLです。 */
html { overflow-y: scroll; }
body { margin:0; padding:18px 8px; background:#d8dce6; color:#202020; font-family:"MS UI Gothic","Meiryo",sans-serif; font-size:14px; line-height:1.75; }
a { color:#0000cc; text-decoration:underline; } a:visited { color:#660099; } a:hover,a:focus { color:#cc0000; }
.ys-site { width:790px; margin:0 auto; background:#fff; border:1px solid #4967a6; box-shadow:2px 2px 0 #9aa6bf; }
.ys-header { padding:8px; text-align:center; border-bottom:1px solid #4967a6; background:#eef3ff; }
.ys-header img { display:block; width:470px; max-width:100%; height:auto; margin:0 auto; border:0; image-rendering:auto; }
.ys-layout { display:flex; align-items:stretch; }
.ys-sidebar { width:170px; padding:12px; border-right:1px solid #8295bd; background:#edf2ff; box-sizing:border-box; }
.ys-side-box { margin:0 0 12px; border:1px solid #8295bd; background:#fff; }
.ys-side-box h2 { margin:0; padding:3px 6px; color:#fff; background:#173ca8; font-size:14px; }
.ys-side-box ul { margin:0; padding:6px; list-style:none; } .ys-side-box li { margin:0; padding:4px 2px; border-bottom:1px dotted #b9c4dd; } .ys-side-box li:last-child { border-bottom:0; }
.ys-side-box p { margin:0; padding:7px; font-size:12px; }
.ys-current { font-weight:bold; color:#111; }
.ys-mini-banner { display:block; width:120px; max-width:100%; height:auto; margin:7px auto; border:0; }
.ys-main { width:620px; min-height:460px; padding:16px 18px 24px; box-sizing:border-box; }
.ys-main h1 { margin:0 0 14px; padding:4px 8px; border-left:9px solid #264fd0; border-bottom:1px dotted #5572bb; font-size:20px; color:#123ca5; }
.ys-main h2 { margin:20px 0 10px; padding:3px 7px; border-left:8px solid #315bd5; border-bottom:1px dotted #5572bb; font-size:17px; color:#123ca5; }
.ys-main h2:first-child { margin-top:0; } .ys-main h3 { margin:16px 0 6px; font-size:15px; }
.ys-news dl { margin:0; } .ys-news dt { float:left; clear:left; width:92px; font-weight:bold; } .ys-news dd { margin:0 0 6px 100px; }
.ys-software-box,.ys-notice,.ys-profile-box { margin:0 0 18px; padding:10px 12px; border:1px solid #8295bd; background:#fafcff; }
.ys-software-box h3 { margin-top:0; } .ys-button-links a { display:inline-block; margin-right:10px; }
.ys-note { padding:8px 10px; border:1px dashed #888; background:#ffffe8; }
.ys-page-nav { margin-top:20px; text-align:right; }
.ys-footer { padding:9px 14px; border-top:1px solid #8295bd; background:#eef3ff; font-size:12px; text-align:center; }
.ys-small { font-size:12px; } code { font-family:Consolas,monospace; }
@media (max-width:820px) { body{padding:6px}.ys-site{width:100%}.ys-layout{display:block}.ys-sidebar,.ys-main{width:auto}.ys-sidebar{border-right:0;border-bottom:1px solid #8295bd}.ys-side-box ul{display:flex;flex-wrap:wrap;gap:0 12px}.ys-side-box li{border-bottom:0}.ys-side-extra{display:none}.ys-news dt{float:none;width:auto}.ys-news dd{margin-left:0;margin-bottom:9px} }