@charset "utf-8";

.page{ text-align:center; padding:10px 0; color:#333;}
.error{ color:#F00; font-size:1.6rem; text-align:center; padding:10px 0;}
.error a{ color:#F00; }

html,body{ height:100%; margin: 0 0; padding: 0 0;}
.view{ position:relative;}
.view .box{width: 96%; margin: 0 auto;}

/*-------------------site-----------------------*/
.view.topic{
    width: 100%;
    margin: 0 auto;
    line-height: 130%;
    padding:0 0 0 0;
    overflow: hidden;
}

.view.news{
    width: 96%;
    margin: 0 auto;
    line-height: 130%;
    overflow: hidden;    
}
.news>.title{
    padding:10px 0;    
    text-align: center;
    font-size: 1.6rem;
    line-height: 120%;
}
.news>.subtitle{
    width: 100%;
    padding:10px 0;
    color: #999;
}
.news>.subtitle>.author{
    width: 100%;
    text-align: right;
    float: right;
}
.news>.subtitle>.date{
    width: 50%;
    float:left;
    text-align:left;
}
.news>.con{
    padding:20px 0;
    line-height: 165%;
}