body
{
    font-family:"ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "游明朝体", "Yu Mincho", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif ;
    background-image:url(bgi.png) ;
    background-repeat:repeat ;
    padding:10px;
}
a
{
    text-decoration: none;
}

.logoimg
{
    width:100%;
    max-width:100%;
    height:auto;
    margin-left:auto;
    margin-right:auto;
}

#deckimg
{
    width:500px;
    height:auto;
}

.top
{
    width:310px;
    height:60px;
}
.logo
{
    width:80%;
    max-width:1200px;
    height:auto;
    max-height:100%;
}
#frame:after
{
    display:block;
    clear:both;
    height:0px;
    visibility:hidden;
    content:".";

}
#boad
{
    Background:#2a8d76;
    width:300px;
    max-width:300px;
    height:300px;
    max-height:300px;
    border-color:#000000;
    table-layout: fixed;
    margin-left:auto;
    margin-right:auto;
}
.trout
{
    color:#000000;
    width:25px;
    max-width:25px;
    height:25px;
    max-height:25px;
    text-align:center;
    font-size:25px;
}
.boadFrame
{
    border:none;
    float: left;
}
#content
{
    overflow: scroll;
    /*-webkit-overflow-scrolling: touch;*/
    width:auto;
    height:330px;
    float: left;
    padding:10px;
    font-size:1.0em;
}
.commentary
{
    font-size:0.8em;
    padding-left:10px;
    padding-right:10px;
}
#margin
{
    padding-top:500px;
}

#deck
{
    width:500px;
    height:auto;
    margin-left:auto;
    margin-right:auto;
}

footer
{
    text-align:center;
}