html {
    background: #ccc;
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
body {
    margin: 0 auto;
    width: 100%;
    background: #fff;
}

.header {
    padding: 15px 5%;
}

.header img {
    margin: 0 auto;
    width: 60%;
    max-width: 280px;
    display: block;
    text-align: center;
}

.content {
    margin: 0 auto;
    padding: 30px 5%;
    max-width: 800px;
}

.main h1 {
    padding: 10px 0;
    background: #F98715;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}

h2 {
    margin-bottom: .6em;
    font-size: 18px;
    color: #F98715;
}

.footer {
    padding: 60px 0;
    background: #F9EFCF;
}

.footer p {
    text-align: center;
    color: #999;
    font-size: 12px;
}