body{
    margin:0;
    font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
    background-color:black;
    color:white;
}

canvas, header, section, footer, aside, nav, article, figure, video, audio {
    display:block;
    position:relative;
}

header{
    width:100%;
    min-height:140px;
    padding:20px 1% 30px 1%;
    box-sizing:border-box;
    background-image: url(../img/entry/fg6.png), url(../img/entry/fg5.png);
    background-position:center bottom, center bottom;
    background-repeat:no-repeat, repeat-x;
    position:relative;
}

header h2{
    font-size:220%;
    line-height:1.1;
    text-align:center;
    margin:0.5em 0;
    /*color:rgb(173, 232, 255);*/
}

header h6{
    font-size:100%;
    line-height:1.1;
    text-align:center;
    margin:0;
    font-weight:bold;
    /*color:rgb(173, 232, 255);*/
}

footer{
    clear:both;
    color:white;
}

p a#back-button{
    display:block;
    width:163px;
    height:29px;
    color:white;
    background:url(../information/img/back-button.png) no-repeat;
    background-size:163px 29px;
    text-align:center;
    margin:0 auto 2em auto;
    text-indent:-9999px;
    overflow:hidden;
    font-size:125%;
    line-height:1;
    padding-top:0.25em;
}

footer ul{
    width:100%;
    text-align:center;
    font-size:150%;
    margin:0;
    padding:1em 0;
}

footer ul li{
    display:inline-block;
}

footer ul li strong{
    color:rgb(173, 232, 255);
    font-size:125%;
}

footer ul li a{
    color:rgb(173, 232, 255);
    display:inline-block;
    padding:0.25em 0.5em;
}

section{
    margin:0;
    padding:2em 0;
}

/*HTMLフォーマット基本設定*/
section h1,
section h2,
section h3,
section h4,
section h5,
section h6{
    text-align:center;
}

section h1{
    font-size:60px;
}

section h2{
    font-size:48px;
}

section h3{
    font-size:24px;
}

section h4{
    font-size:30px;
}

section a{
    color:rgb(173, 232, 255);
}

section img{
    width:100%;
    max-width:720px;
    height:auto;
}

section p,
section ul,
section ol,
section blockquote{
    /*display:table;*/
    margin:0.5em auto;
    /*max-width:720px;*/
}

section ul,
section ol{
    padding:0 0 0 2em;
}

section td{
    border-top:2px solid rgb(64,64,64);
    border-bottom:2px solid rgb(64,64,64);
    border-left:2px solid rgb(64,64,64);
    border-right:2px solid rgb(64,64,64);
    padding:0.5em;
}

section hr{
    display:block;
    width:100%;
    height:1px;
    margin:0.5em 0;
    border:0;
    padding:0;
    clear:both;
}

section table{
    display:table;
    margin:0.5em auto;
    width:600px;
    border:2px solid black;
    float:none;
}

/*データベースからそのままカスタムクラス*/
.post_grid{
    display:table;
    margin:0.5em auto;
    clear:both;
    min-width:596px;
}

.lgs{
    text-shadow:0px 0px 3px rgb(173, 232, 255);
    text-align:center;
    font-size:24px;
    margin:20px auto;
}

.post_linkguidearticle{
    border:3px solid rgb(173, 232, 255);
    border-radius:10px;
    margin:0.5em auto;
    padding:10px 20px;
    box-sizing:border-box;
    font-size:18px;
    width:100%;
    max-width:640px;
}

.post_face{
    display:table;
    box-sizing:border-box;
    border:3px solid rgb(173, 232, 255);
    float:left;
    margin-bottom:20px;
    margin-left:10px;
    margin-right:10px;
}

.post_article{
    border:1px solid rgba(200,200,200, 1);
    box-shadow:0px 1px 3px rgb(200,200,200);
    border-radius:10px;
    padding:10px 20px;
    box-sizing:border-box;
    font-size:18px;
    max-width:400px;
    float:left;
    margin:0 0 0.5em 10px;
}

.post_face img{
    margin:0;
    display:table;
    width:160px;
    height:auto;
}

.boxL-top{
    width:100%;
    max-width:735px;
    height:50px;
    background:url(../img/entry/fg1.png) no-repeat center top;
    margin:0 auto;
}

.boxL-bottom{
    width:100%;
    max-width:735px;
    height:50px;
    background:url(../img/entry/fg3.png) no-repeat center top;
    margin:0 auto;
}

.post_main,
.post_announce,
.post_ann{
    border-radius:0px;
    margin:0 auto;
    padding:0.5em 40px 20px 40px;
    box-sizing:border-box;
    font-size:18px;
    width:100%;
    max-width:735px;
    background:url(../img/entry/fg2.png) repeat-y center top;

}

@media screen and (max-width:500px){
    .post_grid{
        min-width:480px;
    }
    section table{
        display:table;
        margin:0.5em auto;
        width:auto;
        border:2px solid black;
        float:none;
    }
}


aside{
    box-sizing:border-box;
    padding:10px 20px;
    font-size:18px;
    position:absolute;
    top:2em;
    left:50%;
    margin-left:400px;
    width:270px;
    height:275px;
    text-align:center;
    background:url(../img/entry/fg4.png) no-repeat;
}

aside h4{
    font-size:100%;
    margin:0.25em 0;
    font-weight:normal;
}

aside figure{
    margin:0;
}

aside div#share,
aside div#author{
    margin:0.5em 0;
}

aside div#author figure img{
    display:inline-block;
    margin:0 auto;
}

@media screen and (max-width:1280px){
    aside{
        position:relative;
        top:inherit;
        left:inherit;
        margin:0em auto 2em auto;
    }
}

aside div#share span{
    display:table;
    margin:0.2em auto;
}