/* common */

body {
    color: #333333;
    cursor: crosshair;
    font-family: 'Century Gothic', CenturyGothic, 'AppleGothic', sans-serif;
    font-size: 14px;
}

/* 全体のコンテナ */
#container {
    position: absolute;
    width: 100%;
    top: 60px;
    background: #ffffff;
}

/* ヘッダー */
#head {
    font-size: 22px;
    margin: 10px 0 30px 0;
    line-height: 250%;
}

/* メイン */
#main {
    margin: 0 auto;
    padding: 1em 3em;
    text-align: center;
}


h1 {
    font-size: 22px;
    margin: 10px 0 30px 0;
    line-height: 250%;
}

a {
    color: #999999;
    text-decoration: none;
}

a:visited {
    color: #999999;
}

a:hover {
    color: #62CBB7; /* ホバー時の文字色を指定 */
    text-decoration: none;
    background-color: #f0f0f0; /* 背景色を指定 */
}

a:active {
    color: #999999;
}

p {
    line-height: 250%;
}

p.copy {
    font-size: 10px;
    margin-top: 20px;
}

img {
    margin: 10px 0 70px 0;
}


/* スマートフォン用のスタイル */
@media only screen and (max-width: 600px) {
    body {
        font-size: 14px;
    }
}