/* 全体の設定 */
body {
    width: 1000px;
    margin: 0 auto; /* 中央揃え */
    background-color: white;
    color: black;
    font-size: 18px;
    /* 複数のフォントを指定し、環境による表示崩れを防ぎます */
    font-family: "Meiryo", "Hiragino Kaku Gothic ProN", "MS PGothic", sans-serif;
}

p {
    margin: 0;
    padding: 5px;
    line-height: 1.6; /* 行間を少し広げて読みやすく */
}

section {
    width: 960px;
    margin: 20px;
    padding: 0;
}

/* 強調や文字サイズ */
.emphasis {
    color: #005AFF;
    font-weight: bold;
}
.annotation {
    font-size: 15px;
}

.center {
    text-align: center;
}

.men{
	display:inline-block;
	color:black;
	width:140px;
}

/* リンク */
a {
    color: #000099;
    text-decoration: none; /* 下線を消す */
}
a:hover {
    text-decoration: underline; /* マウスを乗せたら下線を表示 */
}
a:active {
    color: #668800;
}

/* ヘッダー */
header {
    position: relative; /* ロゴを配置する基準点 */
    color: white;
    background-color: #005AFF;
    text-align: center;
    padding: 10px;
    height: 120px;
}
.titletext {
    font-family: "ＭＳ ゴシック", "MS Gothic", monospace;
    font-size: 40px;
    font-weight: bold;
    margin: 0;
}
.header-logo1 {
    position: absolute;
    top: 5px;
    right: 80px;
}
.header-logo2 {
    position: absolute;
    top: 5px;
    right: 5px;
}
.header-logo1 img {
    width: 60px;
    height: 29px;
    vertical-align: middle; /* 画像の下の余白を消す */
}

/* ナビゲーションメニュー */
nav {
    padding: 10px;
    text-align: center;
}
.nav-links, .nav-meta {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 5px;
}
.navbutton {
    color: white;
    background-color: #005AFF;
    width: 230px;
    padding: 3px;
    text-align: center;
    border-radius: 3px; /* 角を少し丸める */
}
.navEn {
    color: white;
    background-color: red;
    width: 230px;
    padding: 3px;
    text-align: center;
    border-radius: 3px; /* 角を少し丸める */
}
.navdate {
    width: 230px;
    text-align: right;
    padding: 3px;
}

/* 見出し */
h1, h2, h3 {
    color: #005AFF;
    border-left: 5px solid #005AFF;
    padding: 5px 10px;
    margin-top: 30px;
}
h2 { font-size: 22px; }
h3 { font-size: 20px; border-left: none; border-bottom: 2px solid #005AFF; }

/*リスト用*/
ul,ol{margin:30px;}
	.nakaguro{list-style-type:disk;}
	.shikaku{list-style-type:diamond;}
	.kana{list-style-type:katakana;}

/* メインコンテンツ */
.cover-images {
    text-align: center;
    margin: 20px 0;
}
.hyoshi {
    margin: 0 15px;
    width: 380px;
    height: 537px;
}

/* 英語セクションのリスト */
.english-section ul {
    list-style-type: none;
    padding-left: 20px;
}
.english-section li {
    font-size: 15px;
    margin-bottom: 5px;
}

/* テーブル */
.table-container {
    margin: 20px 0;
}
table {
    width: 100%; /* 親要素の幅に合わせる */
    border-collapse: collapse;
    border: 1px solid #ccc;
    font-size: 15px;
}
th, td {
    padding: 8px;
    border: 1px solid #ccc;
    text-align: left;
    vertical-align: top;
}
th {
    background-color: #f2f2f2;
    text-align: center;
    vertical-align: middle;
}
td.center {
    text-align: center;
}
caption {
    padding: 10px;
    caption-side: top;
    text-align: left;
    font-size: 15px;
}
.caption-title {
    font-size: 18px;
    font-weight: bold;
}
.table-notes {
    font-size: 14px;
    margin-top: 10px;
}
.table-notes p {
    padding: 0;
}

/* カラム幅の指定 */
.row1 { width: 200px; }
.row2 { width: 380px; }
.row3 { width: 140px; }
.row4 { width: 180px; }

/* ページトップへ戻る */
.back-to-top {
    text-align: center;
    margin: 20px 0;
}
.back-to-top a {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}
.back-to-top img {
    width: 40px;
    height: auto;
}

/* トップページへ戻る */
.back-to-toppage {
    text-align: center;
    margin: 20px 0;
}
.back-to-toppage a {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}
.back-to-toppage img {
    width: 40px;
    height: auto;
}

/* フッター */
footer {
    text-align: center;
    padding: 20px;
    margin-top: 40px;
    border-top: 1px solid #ccc;
    font-size: 14px;
}