html {
    height: 100%;
    font-size: 100.01%;
}

a {
    font-weight: bold;
}

a:link { color: #0080ff; }
a:visited { color: #0080ff; }
a:hover { color: #f00000; }
a:active { color: #f08000; }

body {
    font-family:"ヒラギノ角ゴ ProN W3","HiraKakuProN-W3","ヒラギノ角ゴ Pro W3","HiraKakuPro-W3","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
    color: #ffffff;
    background-color: #000000;
    margin: 0;
    padding: 0;
    line-height: 130%;
    text-align: justify;
}

img {
    padding: 0;
    margin: 0;
    border: none;
    vertical-align: bottom;
}

img.sample {
    margin: 0 6.6px 6.6px 0;
}

img.sample_r {
    margin: 0 0 6.6px 0;
}

div.main {
    width:600px;
    text-align: justify;
}
@media screen and (max-device-width: 480px) {
    div.main {
	font-size: 120%;
	text-align: left;
    }
}

div.top {
    font-size: 60%;
    padding: 0 10px 0 0;
}

div.topics {
    margin: 20px 0 40px 0;
}

div.bottom_img {
    margin: 40px 0 20px 0;
}

div.subtitle {
    padding: 5px 10px 0 10px;
    font-weight: bold;
    color: #ffffff;
}

div.text {
    padding: 0 5px 0 10px;
    font-size: 75%;
    color: #e0e0e0;
}

div.appstore {
    margin: 0 10px 0 10px;
    font-size: 200%;
    font-weight: bold;
    color: #0080ff;
}

div.mailto {
    margin: 0;
    padding: 0 10px 0 10px;
    text-align: right;
}

div.copyright {
    margin: 20px 0 0 0;
    font-size: 80%;
    text-align:center;
}