@charset "utf-8";

/*---------- 720pxエリア ----------*/

.longarea {
    margin: 0px 0px 5px 0px;
    padding: 0px;
}


/*---------- 多聴多読ステーションって ----------*/

#longarea2 {
    width: 720px;
    margin: 0px 0px 5px 0px;
    padding: 0px;
}

#aboutta2 {
    width: 520px;
    margin: 0px 0px 5px 0px;
    padding: 0px;
    background: url(../images/top/about2_bg.gif) repeat-y;
    float: left;
}

#aboutta3 {
    margin: 0px 0px 5px 0px;
    padding: 0px;
    /* background: url(../images/top/about3_bg.gif);
    background-size: contain; */
}

#abouttaarea2 {
    margin: 0px;
    padding: 5px 10px;
}

#abouttxt2 {
    width: 385px;
    margin: 0px;
    padding: 0px;
    float: left;
}

#abouttxt3 {
    width: 660px;
    margin: 0px;
    padding: 0px;
    float: left;
}

#aboutbut2 {
    width: 110px;
    height: 45px;
    margin: 0px;
    padding: 0px;
    float: right;
}

#aboutban {
    width: 195px;
    margin: 0px;
    padding: 0px;
    float: right;
}


/*---------- トップバナーエリア ----------*/

.tbarea {
    margin: 0px 0px 1px 0px;
    padding: 0px;
}

.tb520 {
    width: 520px;
    margin: 0px;
    padding: 0px;
    float: left;
}

.tb520area {
    width: 520px;
    margin: 5px 0px 0px 0px;
    padding: 0px;
}

.tb520area257 {
    width: 257px;
    margin: 0px;
    padding: 0px;
    float: left;
}

.tb520area258 {
    width: 258px;
    margin: 0px;
    padding: 0px;
    float: right;
}

.tb195 {
    width: 195px;
    margin: 0px;
    padding: 0px;
    float: right;
}

.tb195ban {
    margin: 0px 0px 4px 0px;
}


/*---------- おすすめ/新着エリア ----------*/

#updateleft {
    width: 48%;
    margin: 0px;
    padding: 0px;
    /* background: url(../images/top/update_leftbg.gif) repeat-y;
    background-size: contain; */
    float: left;
}

#updateright {
    width: 48%;
    margin: 0px;
    padding: 0px;
    /* background: url(../images/top/update_rightbg.gif) repeat-y;
    background-size: contain; */
    float: right;
}

.udatescroll {
    margin: 0px auto 0px auto;
    height: 240px;
    overflow: auto;
}

.bookshowarea {
    max-width = 100%;
    padding: 5px 0 0 5px;
    margin: 0px;
}

.bookshowimg {
    width: 55px;
    margin: 0px;
    padding: 0px;
    float: left;
}

.bookshowtxt {
    width: 290px;
    float: left;
    margin: 0px;
    padding: 5px 0px 0px 5px;
}

.bookshowtitle {
    color: #FE6000;
}

.bookshowtag {
    display: block;
    width: 66px;
    margin: 0px 0px 5px 0px;
}


/*---------- 720px　2分割 ----------*/

#botarealeft {
    margin: 0px;
    padding: 0px;
    float: left;
}

#botarearight {
    margin-bottom: 0.3em;
    padding: 0px;
}


/*---------- 検索説明エリア ----------*/

#searchexp {
    margin: 0px 0px 0px 0px;
    padding: 0px;
    /* background: url(../images/top/searchexp_bg.gif);
    background-size: contain; */
}

.spadtxt {
    padding: 5px 10px 10px 10px;
}


/*---------- ニュースエリア ----------*/

.area_header {
    padding: 0.2em 0.5em;
    background-color: gray;
    font-weight: bold;
    color: #FFFFFF;
    border-radius: 5px 5px 0px 0px;
}

.area_block {
    background-color: #FFFFFF;
    border: gray solid 4px;
    border-bottom: gray solid 15px;
    border-radius: 10px;
}

#newsarea {
    margin: 0px;
    padding: 0px;
    /* background: url(../images/top/news_bg.gif); */
    /* background-size: contain; */
}

.newsdate {
    list-style: none;
    font-size: 10px;
    margin: 0px;
    padding: 3px 7px 3px 7px;
    color: #0F5E97;
}

.newstext {
    margin: 0px;
    padding: 0px;
    font-size: 12px;
    color: #606060;
}

#ban3 {
    margin: 5px 0px 0px 0px;
    padding: 0px;
    display: none;
}


/*----------切り替えバナー----------*/

#adbox {
    width: 195px;
    margin: 0px 0px 4px 0px;
}

.ad {
    display: none;
    width: 195px;
}

#top-banner-area {
    width: auto;
    text-align: center;
}

#top-banner-area div {
    margin: 1px;
}

#top-banner-area div a img {
    width: 32%;
    padding: 0;
    margin: 0;
}

@media screen and (max-width: 768px) {
    #top-banner-area {
        width: auto;
        text-align: center;
    }
    #top-banner-area div {
        margin: 1px;
    }
    #top-banner-area div a img {
        width: 42%;
        padding: 0;
        margin: 0;
    }
}


/* 2022-01-11 add */

.other_site,
.news_t_img,
.news_bot_img,
.searchexp_bot,
.searchexp_t1,
.searchexp_t2,
.searchexp_t3,
.searchexp_t4,
.searchexp_t5,
.searchexp_t6,
.update_lefttop,
.update_leftbot,
.update_righttop,
.update_rightbot,
.about3_top_img,
.about3_bottom_img {
    /* width: 100%; */
    display: none;
}