body { font-family: Arial, sans-serif; margin: 0; padding: 0; background-color: #a8a8a8; /* 白を基調とした背景 */ color: #333333; /* 黒に近い文字色 */ }
 header { background-color: #000000; /* ヘッダーを黒に */ color: #ffffff; /* 白い文字 */ padding: 15px 0; text-align: center; }
 nav { background-color: #333333; /* 濃いグレーでシックな雰囲気に */ }
 nav ul { list-style-type: none; margin: 0; padding: 0; overflow: hidden; text-align: center; }
 nav ul li { display: inline; }
 nav ul li a { color: #ffffff; /* 白い文字 */ padding: 14px 20px; text-decoration: none; display: inline-block; font-weight: bold; }
 nav ul li a:hover { background-color: #555555; /* 濃い灰色で少しだけ目立たせる */ }
 section { padding: 20px; margin: 20px; background-color: #ffffff; /* セクションの背景は白 */ color: #333333; /* 文字は黒に近い色 */ border: 1px solid #000000; /* 黒い枠線でシックな感じに */ border-radius: 5px; }
 footer { background-color: #333333; /* 黒に近い背景色 */ color: #cccccc; /* 淡いグレーの文字色で目立たなく */ text-align: center; padding: 10px 0; font-size: 0.8em; /* 文字サイズを小さめに */ margin-top: 20px; }