見出しスタイル改善 ===
本文中で多用されている タイトル
を見やすく整える */
#main-area > hr:first-of-type,
#main-area > p > strong > font[size="+2"] {
/* 古い見出しの font タグを保持しつつ表示改善 */
}
#main-area font[size="+2"] {
color: var(--jsves-primary) !important;
font-weight: 700 !important;
font-family: inherit;
}
#main-area font[size="+1"] {
font-family: inherit;
}
#main-area hr {
border: none;
border-top: 1px solid var(--jsves-border);
margin: 18px 0;
}
/* ===== 11. 本文中の inline-style 背景セクション ============
形式の
"セクション見出し" を現代風に */
#main-area p[style*="background-color:#000080"] {
background: var(--jsves-primary) !important;
padding: 10px 16px !important;
border-radius: var(--radius-sm);
margin: 18px 0 12px !important;
box-shadow: var(--shadow-sm);
}
#main-area p[style*="background-color:#3b86b1"],
#main-area p[style*="background-color:#4169e1"] {
background: var(--jsves-primary-light) !important;
padding: 12px 16px !important;
border-radius: var(--radius-sm);
box-shadow: var(--shadow-sm);
transition: transform var(--transition), box-shadow var(--transition);
}
#main-area p[style*="background-color:#4169e1"]:hover {
transform: translateY(-2px);
box-shadow: var(--shadow-md);
}
#main-area a:has(p[style*="background-color"]) {
text-decoration: none;
display: inline-block;
}
#main-area p[style*="background-color:#B60B0B"] {
background: var(--jsves-accent) !important;
padding: 14px 20px !important;
border-radius: var(--radius-md);
box-shadow: var(--shadow-md);
}
/* ===== 12. 右サイド: バナー画像 ============================ */
#right-area #banner-area li a {
display: block;
transition: transform var(--transition), opacity var(--transition);
}
#right-area #banner-area li a:hover {
transform: translateY(-2px);
opacity: 0.92;
}
#right-area #banner-area li a img {
border-radius: var(--radius-sm);
box-shadow: var(--shadow-sm);
}
/* ===== 13. 文字サイズ切替: 非表示 (要望により) ============== */
#font-size {
display: none !important;
}
/* ===== 14. フッターナビ =================================== */
#footer-nav {
background: var(--jsves-bg);
border: none;
border-top: 1px solid var(--jsves-border);
padding: 16px 0;
margin-top: 30px;
margin-bottom: 0;
}
#footer-nav ul li {
font-size: 0.9em;
}
#footer-nav a {
text-decoration: none;
color: var(--jsves-text);
transition: color var(--transition);
}
#footer-nav a:hover {
color: var(--jsves-primary);
}
#footer-area {
background: var(--jsves-primary-dark) !important;
padding: 8px 0;
}
#footer-area address {
color: rgba(255, 255, 255, 0.85);
font-size: 0.85em;
}
.footer_block {
padding: 14px 10px;
border-bottom: 1px solid var(--jsves-border);
}
.footer_block .boxR li {
font-size: 0.85em;
}
.footer_block .boxR a {
color: var(--jsves-text) !important;
transition: color var(--transition);
}
.footer_block .boxR a:hover {
color: var(--jsves-primary) !important;
}
/* ===== 15. 表組み (役員一覧 / 訂正表 など) ================= */
#main-area table {
border-collapse: collapse;
width: 100%;
margin: 12px 0;
background: var(--jsves-card-bg);
border-radius: var(--radius-sm);
overflow: hidden;
box-shadow: var(--shadow-sm);
}
#main-area table td,
#main-area table th {
padding: 10px 14px;
border-bottom: 1px solid var(--jsves-border);
}
#main-area table tr:last-child td {
border-bottom: none;
}
#main-area table tr:hover td {
background: var(--jsves-bg);
}
/* ===== 16. リスト (sectionB 等) ============================ */
#main-area .liststyleB {
background: var(--jsves-bg);
padding: 14px 18px;
border-radius: var(--radius-sm);
border-left: 3px solid var(--jsves-primary);
margin: 12px 0;
}
/* ===== 17. iframe (お知らせ枠) スタイル化 ================== */
iframe[src*="news_RAW"] {
border: 1px solid var(--jsves-border);
border-radius: var(--radius-md);
box-shadow: var(--shadow-sm);
background: var(--jsves-card-bg);
}
/* ===== 18. body 全体 (デスクトップ時) ====================== */
@media (min-width: 941px) {
body {
background: var(--jsves-bg) !important;
}
#wrapper {
background: var(--jsves-card-bg);
box-shadow: var(--shadow-lg);
border-radius: var(--radius-md);
overflow: hidden;
margin-top: 16px !important;
margin-bottom: 16px !important;
}
/* #contents-area は元 900px の中に main-area(670) + right-area(210) = 880px を
float で配置している。padding を追加すると right-area が下に押し出される。
垂直方向の padding のみ追加する。 */
#contents-area {
padding-top: 12px;
padding-bottom: 24px;
}
}
/* ===== 19. レスポンシブ調整 (タブレット以下) ================ */
@media (max-width: 768px) {
#main-area {
padding: 16px;
}
#right-area #banner-area li a img {
max-width: 200px;
}
.headingA h2 {
font-size: 1.2em;
}
}
/* ===== 20. フォーカス可視化 (アクセシビリティ) ============== */
a:focus-visible,
button:focus-visible {
outline: 2px solid var(--jsves-primary);
outline-offset: 2px;
border-radius: var(--radius-sm);
}
/* ===== 21. 印刷時のクリーンアップ ========================== */
@media print {
#global-nav-area,
#right-area,
#font-size,
#footer-nav {
display: none !important;
}
#wrapper {
box-shadow: none !important;
}
}