html{
    height:100%;
}
body{
    height:100%;
    margin:0px;
    padding:0px;
    background-color:#000022;
    color:#FF8030;
    font-size:18px;
    font-family: 
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    "Helvetica Neue",
    Arial, Meiryo,
    sans-serif;
}

a {
    color:#CC8100;
    text-decoration:none;
    font-weight:bold;
}
a:hover{
    color:#c7af85;
    text-decoration:none;
    font-weight:bold;
}
a:visited{
    color:#CC8100;
    text-decoration:none;
    font-weight:bold;
}

canvas {
    margin:0px;
    padding:0px;
}
.backgroundCanvas{
    position:fixed;
    z-index:-1;
}

.mainContentsBackGround {
    z-index:0;
    padding:0;
    margin:0;
    /* height:100%; */
}
.mainContents {
    width:320px;
    height:100%;
    text-align:center;
    padding:4px;
    margin:0 auto;
    background-color:rgba(0,0,20,0.6);
}

.titleArea {
    padding-top: 24px;font-weight:bold;
    font-size:16pt;
}