@charset "utf-8";

/* --- 基本リセット --- */
* { margin: 0; padding: 0; box-sizing: border-box; }
body { color: #555555; font-family: "メイリオ", Meiryo, sans-serif; line-height: 1.6; background: #fff; }
img { max-width: 100%; vertical-align: middle; }
ul { list-style: none; }

/* --- レイアウトの枠組み --- */
#contents {
  width: 90%;
  max-width: 800px;
  margin: 40px auto;
}

/* --- ヘッダー・ナビ --- */
header { text-align: center; padding-top: 36px; }
.header-inner { margin-bottom: 24px; }
nav { background: #2c72dc; margin-bottom: 40px; }
nav ul { display: flex; justify-content: center; }
nav ul li { width: 33.3%; }
nav ul li a { display: block; color: #fff; padding: 12px 0; text-align: center; }
nav ul li a:hover { background: #00214f; }

/* --- 見出し装飾 --- */
.career, .biography {
  padding: 10px 15px;
  border-radius: 7px;
  font-weight: bold;
  margin-bottom: 20px;
}
.career { background: #c7dcce; border: 1px solid #664c1b; color: #261b66; }
.biography { background: #b7b7df; border: 1px solid #1b3667; color: #373e10; }

/* --- リスト・年表の整理 (重要) --- */
.current-post { margin-bottom: 40px; padding-left: 20px; }
.current-post li { list-style: disc; margin-bottom: 8px; }

/* 年表の崩れ防止：display: flow-root でfloatを囲い込む */
.biography-list {
  display: flow-root; 
  margin-top: 10px;
}
.biography-list dt {
  float: left;
  width: 5em;
  font-weight: bold;
  color: #1b3667;
}
.biography-list dd {
  margin-left: 6em;
  margin-bottom: 12px;
}
.highlight { color: #c0392b; }

/* --- フッター --- */
footer { text-align: center; padding: 40px 0; border-top: 1px solid #eee; margin-top: 40px; }
#bottom { display: block; margin-bottom: 10px; color: #555; }