@charset "UTF-8";

#topicpath{
    background-color:#fef0d8;
}
#topicpath:after{
    content:"";
    display:block;
    clear:both;
}
#topicpath .text_banner{
    width:70%;
    float:left;
}
#topicpath .text_banner a:before{
    margin-right:5px;
    padding-top:0;
    content:url(/image/pc/common/icon_arrow_orange.png);
    vertical-align:baseline;
    position:relative;
    top:2px;
}

#main{
/*    background:url(/image/pc/common/topicpath_bg.png) repeat-x top;*/
}

#main #gallery{
    margin-bottom:10px;
}
.content .apology{
    margin-bottom:10px;
    padding:5px 10px;
    background:#ffffff;
    border:1px solid #cccccc;
    font-size:12px;
}
.content .apology h2{
    margin-bottom:10px;
    border-bottom-color:#cccccc;
    font-size:14px;
}

.content h2{
    margin-bottom:0;
    padding-left:0;
    padding-bottom:0;
}
.infoHistory h2{
    margin-bottom:20px;
}
#main .content div.sidenav{
    padding-bottom:15px;
    float:right;
}

.content li.readmore{
    padding-top:5px;
    font-size:12px;
    text-align:right;
}
.content li.readmore a:before{
    margin-right:5px;
    padding-top:5px;
    content:url(/image/pc/common/icon_arrow_gray.png);
    vertical-align:middle;
}

div.center{
    width:470px;
    float:left;
}

.tab span.head{
    min-height:50px;
    width:16.6%;
    padding:5px;
    border-top:1px solid #cccccc;
    border-right:1px solid #cccccc;
    box-sizing:border-box;
    text-align:center;
}
.tab span.head:first-of-type{
    width:17%;
    border-left:1px solid #cccccc;
}
.tab span.head.current{
    color:#ffffff;
}
.tab .body{
    padding-left:0;
}
.tab span.novel_content{
    background:url(/image/pc/common/tab_novel_bg.png) repeat-x top;
}
.tab span.novel_content.current{
    background-color:#8abe4f;
}
.tab span.comic_content{
    background:url(/image/pc/common/tab_comic_bg.png) repeat-x top;
}
.tab span.comic_content.current{
    background-color:#f16363;
}
.tab span.blog_content{
    background:url(/image/pc/common/tab_blog_bg.png) repeat-x top;
}
.tab span.blog_content.current{
    background-color:#a194d9;
}
.tab span.head span.category{
    margin:0 auto;
    padding:0;
    display:block;
}
.tab span.novel_content span.category{
    background:#bdd980;
    border-color:#93b270;
    color:#0f5201;
}
.tab span.comic_content span.category{
    background:#fac5c8;
    border-color:#e79f9f;
    color:#cc0a0a;
}
.tab span.blog_content span.category{
    background:#d0c8f0;
    border-color:#a194d9;
    color:#4c14a8;
}

div.ranking h2{
    height:50px;
    padding-left:15px;
    border-bottom:none;
    line-height:50px;
}
div.ranking ol{
    padding-left:0;
}
div.ranking ol.novel_content{
    border-top:3px solid #8abe4f;
}
div.ranking ol.comic_content{
    border-top:3px solid #f16363;
}
div.ranking ol.blog_content{
    border-top:3px solid #a194d9;
}
div.ranking li{
    padding:5px 0;
    position:relative;
    overflow:hidden;
    border-bottom:1px solid #CCCCCC;
    list-style:none;
}
div.ranking li:nth-child(odd){
    background:#f3f3f3;
}
div.ranking li:nth-child(even){
    background:#fcf5e8;
}
div.ranking li.rank1, div.ranking li.rank2, div.ranking li.rank3{
    background:#fdfddb;
}
div.ranking li.readmore{
    padding:0;
    background:#ffffff;
    border:none;
}
div.ranking span.rank{
    width:40px;
    height:60px;
    margin:auto;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    font-size:20px;
    font-family: 'Libre Baskerville', serif;
    text-align:center;
    line-height:60px;
}
div.ranking div.title{
    margin-left:40px;
    padding:5px 0;
    overflow:hidden;
    border-bottom:1px dotted #cccccc;
    font-weight:bold;
}
div.ranking div.title a{
    text-decoration:underline;
}

div.ranking div.notes{
    margin-left:40px;
    padding:5px;
    overflow:hidden;
}
div.ranking span.point{
    float:right;
}
div.ranking span.balloon{
    background:#f5a520;
}
div.ranking span.balloons_neck{
    border-right-color:#f5a520;
}

div.ranking24{
    overflow:hidden;
}

div.ranking_prize h2{
    background:url(/image/pc/top/heading_ranking_prize_bg.png) repeat-x;
}
div.ranking_prize h2:before{
    margin-right:5px;
    padding-top:5px;
    content:url(/image/pc/top/icon_ranking_prize.png);
    vertical-align:middle;
}
div.ranking_prize a.pr{
    width:100%;
    height:133px;
    display:inline-block;
    text-align:center;
}
div.ranking_prize p.abstract{
    min-height:40px;
    padding:5px 100px 0 0;
    position:relative;
    clear:both;
    line-height:1.3em;
}
div.ranking_prize a.vote{
    width:73px;
    margin:auto;
    position:absolute;
    top:0;
    bottom:0;
    right:0;
    background:#21abe0;
    background:linear-gradient(to bottom, #21abe0, #0b99d0);
    border:1px solid #008ec4;
    line-height:23px;
}
div.ranking_prize a.vote:hover{
    background:#66cff7;
    background:linear-gradient(to bottom, #66cff7, #35a7d3);
    border:1px solid #169fd4;
}
div#main div.main_notice{
    background: #ffffff none repeat scroll 0 0;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: contain;
    font-size: 12px;
    margin: 0 auto 20px;
    width: 735px;
    border: 1px solid #ff0000;
}
div#main div.main_notice p{
    margin: 10px 0 10px 20px;
}