@charset "UTF-8";
/* CSS Document */
.nav_buttons .on, .nav_buttons .nav_rensai .off{
    display:none;
}

.nav_buttons .nav_rensai .on{
    display:block;
}
.nav_buttons .nav_rensai {
    border-bottom: 5px solid #45c0ed;
}

.left_block {
    float: left;
    margin-right: 20px;
    width: 730px;
}

#title_summary .img{
	width: 100%;
}

#title_summary .img img {
    height: auto;
    width: 100%;
}
#title_summary .about{
	width: 100%;
}

.to_top {
    margin: 5px auto;
    text-align: center;
}

.banner {
    margin: 3px auto;
}
.banner img {
    width:760px;
    height:auto;
}
.new_story {
    font-size: 14px;
}

.new_btn {
    float: left;
    margin: auto 2%;
    vertical-align: middle;
}

.new_btn img{
    width:100%;
    height:auto;
}
.red {
    color: #FF0000;
}
.notice {
    margin-left: 50px;
}

h2.title {
    font-size: 24px;
}

.author {
    float: left;
    font-size: 14px;
    margin: 0 10px 5px 0;
}

.genre {
    display: inline-block;
    float: left;
}

.genre > div {
    color: #ffffff;
    float: left;
    font-size: 12px;
    margin-right: 5px;
    padding: 2px 0;
    text-align: center;
    width: 80px;
}


.new_block {
    background: none repeat scroll 0 0 #ffffdf;
    display: inline-block;
    padding: 10px 10px 5px;
    width: 98%;
}

.new_block .left {
    float: left;
    width: 60%;
}

.new_block .right {
    float: left;
    width: 40%;
}

.h_line {
    float: left;
    font-size: 18px;
    margin-right: 10px;
}

.h_line img{
    margin-right:5px;
}

.left .new {
    color: #ed6161;
}

.new_unit {
    font-size: 18px;
    width: 60%;
    color: #ed1c24
}


.story_intro {
    font-size: 14px;
    padding: 5px 3px;
}

#backnumber {
    margin: 10px auto;
}

#backnumber .title {
    margin-bottom: 10px;
}

#backnumber >ul {
    width:100%;
}

.all_vol > li {
    background: #45c0ed;
    color: #ffffff;
    float: left;
    margin: 0 10px 10px 0;
    text-align: center;
    width: 138px;
}

#backnumber li a {
    text-decoration: none;
    font-size: 14px;
    color:#ffffff;
}

.bn.last {
    margin-right: 0 !important;
}

.block #title_twit, .block .impression {
    width: 46%;
    float: left;
    text-align: center;
}
.block #title_twit img, .block .impression img {
    width: 95%;
    margin: 3% 0;
}
div#title_twit {
    margin-left: 3%;
}
.impression {
    margin-right: 3%;
}

#comics > .title {
    margin: 10px 0;
}
.note_display {
    display: inline-block;
}


.comic_block {
    display: inline-table;
    padding-bottom: 20px;
    width: 100%;
}


.comic_block .img_part {
    float: left;
    margin-right: 20px;
}

.comic_block .img_part img {
    height: 210px;
    width:auto;
    -moz-box-shadow: 5px 5px 0px #d7d7d7;
    -webkit-box-shadow: 5px 5px 0px #d7d7d7;
    box-shadow:5px 5px 0px #d7d7d7;
    border: 1px solid #333;
}


.title_part {
    float: right;
    font-size: 18px;
    width: 550px;
    border-bottom: 1px solid #333333;
}

.detail_part {
    float: right;
    width: 550px;
}

.detail_part .title {
    font-size: 18px;
    border-bottom: 1px solid #333333;
    dosplay: block;
}

.story {
    font-size: 14px;
    margin: 5px 0;
}


.trial {
    margin: 10px 0;
}



.buy_online {
    float: left;
    width: 48%;
}

.online_options {
    display:none;
}

.ebook_store_options{
    display:none;
    float: right;
    width: 52%;
}

.online_options img, .ebook_store_options img {
    height: 35px;
    margin: 2px auto;
}


li.bn .date {
    padding: 3px 0;
    text-align: center;
}

li.bn .vol {
    font-size: 15px;
    padding: 5px;
    text-align: center;
    background: #fff;
    margin: 3px;
    color: #333333;
}
.bn.new .date {
    color: #fff000;
}

.next .date {
    text-align: center;
}

.note_display img {
    height: auto;
    width: 100%;
}

.on_air {
    background: #3897f0 none repeat scroll 0 0;
    color: #ffffff;
    font-size: 18px;
    padding: 5px 0;
    text-align: center;
    margin-bottom:10px;
}

#karebaka_anime .right a {
    color: #ff0000;
    font-size: 18px;
}

#karebaka_anime .h_line {
    float: right!important;
    padding-right: 20px;
}