@charset "utf-8";
/* 2026-10 メニュー追加用。既存CSSの後に読み込む。新ゴはXサーバー側の有効化が必要。 */
#globalnavi.navnew, .sidenew {font-family:"新ゴ R",Meiryo,"Hiragino Kaku Gothic ProN",sans-serif;font-weight:normal;}
#globalnavi.navnew ul {display:flex;width:960px;height:53px;margin:2px auto 0;align-items:center;}
#globalnavi.navnew li {display:block;float:none;flex:1;min-width:0;position:relative;}
#globalnavi.navnew li+li+li:before {content:"";position:absolute;left:0;top:15px;height:17px;border-left:1px solid #1764a6;}
#globalnavi.navnew li.home {flex:0 0 62px;margin:0;}
#globalnavi.navnew li:nth-child(5) {flex-grow:1.24;}
#globalnavi.navnew a {display:flex;height:53px;align-items:center;justify-content:center;flex-direction:column;color:#777;text-decoration:none;}
#globalnavi.navnew .nav-ja {font-size:15px;line-height:21px;white-space:nowrap;}
#globalnavi.navnew li:nth-child(6) .nav-ja {font-size:13px;letter-spacing:-0.5px;}
#globalnavi.navnew .nav-en {font-family:Arial,sans-serif;font-size:10px;letter-spacing:1px;line-height:14px;white-space:nowrap;}
#globalnavi.navnew a:hover,#globalnavi.navnew a[aria-current="page"] {color:#2589d2;}
#globalnavi.navnew .home-symbol {display:block;width:45px;height:23px;border:1px solid #d0e5ed;border-radius:18px;background:linear-gradient(#50b9f5,#0876b9);box-shadow:0 0 5px #999;color:white;font: bold 26px/21px Arial,sans-serif;}
#contents .right .sidenew {box-sizing:border-box;width:221px;padding:0;border:1px solid #86a0ad;border-radius:3px;overflow:hidden;}
/* 元画像 img_other-menu.gif の実測値：左寄せ・白文字、日本語は字高13px（14px相当）でx=11、英字は等幅で約10px */
#contents .right .sidenew .side-heading {box-sizing:border-box;height:71px;margin:0;padding:11px 10px 0;background:#86a0ad;color:#fff;text-align:left;font-size:14px;line-height:18px;font-family:"新ゴ R",Meiryo,sans-serif;font-weight:normal;}
#contents .right .sidenew .side-heading span {display:block;margin-top:1px;color:#fff;font:normal 10px/12px "Courier New",Courier,monospace;letter-spacing:-0.6px;}
#contents .right .sidenew .btn {background:#f9ffdc;padding:5px 6px 7px;}
#contents .right .sidenew .btn li {margin:0 0 3px;}
#contents .right .sidenew .btn li:last-child {margin-bottom:0;}
#contents .right .sidenew .btn a {box-sizing:border-box;position:relative;display:flex;align-items:center;gap:4px;min-height:46px;padding:6px 5px 6px 27px;border:1px solid #7db7d9;border-radius:4px;background:linear-gradient(#fff 5%,#f6f6f6 38%,#d5d5d5);box-shadow:inset 0 0 1px #fff;color:#3f3f3f;text-align:left;text-decoration:none;font-size:12px;line-height:15px;font-family:"新ゴ R",Meiryo,sans-serif;font-weight:normal;}
/* 元画像 btn_*_off.gif の実測値：文字色#3f3f3f・字高11px（12px相当）・本文開始x=28px・2行時の行送り15px */
#contents .right .sidenew .btn .side-label {color:#3f3f3f;line-height:15px;}
#contents .right .sidenew .btn a:before {content:"";position:absolute;left:6px;top:50%;transform:translateY(-50%);width:12px;height:12px;border:1px solid #fff;border-radius:50%;background:linear-gradient(#70c1ed,#1680bd);box-shadow:0 0 0 1px #a9b7bd;}
#contents .right .sidenew .btn a:after {content:"";position:absolute;left:11px;top:50%;transform:translateY(-50%);border-left:4px solid white;border-top:3px solid transparent;border-bottom:3px solid transparent;}
#contents .right .sidenew .btn a:hover,#contents .right .sidenew .btn a[aria-current="page"] {background:linear-gradient(#49b4f7,#0063af);color:#fff;}
#globalnavi.navnew a:focus-visible,#contents .right .sidenew .btn a:focus-visible {outline:2px solid #113f76;outline-offset:-3px;}
/* WAKO'Sロゴ画像（233x55）を縮小表示。背景・ボタン文字はCSSとテキスト。 */
#contents .right .sidenew .wakos-logo {flex:0 0 102px;height:24px;margin-left:auto;background:url(../img/other/wakos_banner.png) no-repeat right center;background-size:contain;}

/* 現在ページの文字色を子要素にも明示する */
#globalnavi.navnew a[aria-current="page"],
#globalnavi.navnew a[aria-current="page"] .nav-ja,
#globalnavi.navnew a[aria-current="page"] .nav-en {color:#2589d2;}
#contents .right .sidenew .btn a[aria-current="page"] {background:linear-gradient(#49b4f7,#0063af);color:#fff;}
#contents .right .sidenew .btn a[aria-current="page"] .side-label,
#contents .right .sidenew .btn a:hover .side-label {color:#fff;}