body { font-family: ‘Arial’, ‘Hiragino Sans’, sans-serif; line-height: 1.6; color: #333; }
.container { max-width: 900px; margin: 0 auto; padding: 20px; }
.header { background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%); color: white; padding: 30px; border-radius: 8px; margin-bottom: 30px; }
.header h1 { margin: 0; font-size: 28px; }
h2 { color: #1e3c72; border-bottom: 3px solid #2a5298; padding-bottom: 10px; margin-top: 30px; }
.info-box { background: #f5f5f5; padding: 20px; border-radius: 8px; margin: 20px 0; }
table { width: 100%; border-collapse: collapse; margin: 15px 0; }
th, td { padding: 12px; text-align: left; border-bottom: 1px solid #ddd; }
th { background: #1e3c72; color: white; font-weight: bold; }
tr:hover { background: #f9f9f9; }
.btn { display: inline-block; background: #2a5298; color: white; padding: 12px 24px; text-decoration: none; border-radius: 5px; margin: 10px 10px 10px 0; font-weight: bold; }
.btn:hover { background: #1e3c72; }
.access-info { background: #fff3cd; padding: 15px; border-left: 4px solid #ffc107; margin: 20px 0; }
.notice { background: #f8d7da; padding: 15px; border-radius: 5px; margin-top: 30px; font-size: 14px; color: #721c24; }