﻿
/*---------------------------------------------
SCHEDULE
---------------------------------------------*/

#menu #today_sch {
    margin-top: 0px; /*margin-top:10px;*/
    padding: 0px;
}


#sch_mo ul img.icon_b-2nd_c, #sch_ni ul img.icon_b-2nd_c {
    left: 100px;
    position: absolute;
    top: 5px;
    z-index: 100;
}

#sch_mo ul, #sch_ni ul {
    height: 440px;
    left: 5px;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    top: 61px;
    width: 191px;
}



/*MORNING*/
#sch_mo {
    background: url(/img/common/bg_leftsch_m.jpg) no-repeat;
    height: 535px;
    width: 200px;
    margin: 0px;
    padding: 0px;
    position: relative;
    clear: both;
}

#sch_ni {
    background: url(/img/common/bg_leftsch_n.jpg) no-repeat;
    height: 535px;
    width: 200px;
    margin: 0px;
    padding: 0px;
    position: relative;
    clear: both;
}


    #sch_mo ul, #sch_ni ul {
        left: 5px;
        top: 55px;
        height: 440px;
        width: 191px;
        position: absolute;
        overflow: auto;
    }

#sch_mo li {
    width: 174px;
    position: relative;
    height: 109px;
    border-bottom: 1px dotted #FEC182;
    background: #FEFAFB;
}

    #sch_mo li .thum {
        width: 80px;
        position: absolute;
        top: 1px;
        left: 0px;
    }

    #sch_mo li h3 {
        width: 90px;
        position: absolute;
        top: 30px;
        left: 85px;
        color: #FF7315;
        font-size: 11px;
    }

    #sch_mo li h4 {
        width: 90px;
        position: absolute;
        top: 74px;
        left: 85px;
        font-size: 12px;
        font-weight: bold;
        color: #FF7315;
    }

    #sch_mo li p, #sch_ni li p {
        color: #4c3d43;
        font-size: 9px;
        left: 85px;
        position: absolute;
        top: 43px;
        width: 90px;
        letter-spacing: -0.5px;
    }

    #sch_mo li img.mark_nf_c {
        left: 82px;
        position: absolute;
        top: 58px;
        width: 53%;
    }

#sch_ni li img.mark_nf_c {
    left: 82px;
    position: absolute;
    top: 58px;
    width: 53%;
}

#sch_ni li p.mark_nf_c, #sch_mo li p.mark_nf_c {
    left: 85px;
    position: absolute;
    top: 58px;
}

/*NIGHT*/

#sch_ni li {
    width: 174px;
    position: relative;
    height: 109px;
    border-bottom: 1px dotted #92DFE5;
    background: #FEFAFB;
}

    #sch_ni li .thum {
        width: 80px;
        position: absolute;
        top: 1px;
        left: 0px;
    }

    #sch_ni li h3 {
        width: 90px;
        position: absolute;
        top: 30px;
        left: 85px;
        color: #269CA6;
        font-size: 11px;
    }

    #sch_ni li h4 {
        width: 90px;
        position: absolute;
        top: 74px;
        left: 85px;
        font-size: 12px;
        font-weight: bold;
        color: #269CA6;
    }




#sch_mo .btn, #sch_ni .btn {
    position: absolute;
    top: 504px;
    right: 10px;
    font-size: 10px;
    background: #E17100;
    text-align: center;
    padding: 3px;
}

#sch_ni .btn {
    background: #269CA6;
}

    #sch_mo .btn a, #sch_ni .btn a {
        color: #FFF;
    }

.icon_rank_h {
    position: absolute;
    left: 85px;
    width: 90px;
}

.side-realtime-icon {
    position: absolute;
    bottom: 0;
    right: 15px;
    width: 75px;
}

    .side-realtime-icon img {
        width: 100%;
    }







#sch_mo ul li,
#sch_ni ul li {
    position: relative;
    overflow:hidden;
}

    #sch_mo ul li img.nf_icon,
    #sch_ni ul li img.nf_icon {
        position: absolute;
        bottom: 0px;
        width: 30px;
        left: 0px;
        z-index: 2;
    }

    #sch_mo ul li img.jy_icon,
    #sch_ni ul li img.jy_icon {
        position: absolute;
        bottom: 0px;
        width: 30px;
        left: 0px;
        z-index: 2;
    }

    #sch_mo ul li img.jy_icon2,
    #sch_ni ul li img.jy_icon2 {
        position: absolute;
        bottom: 0px;
        width: 30px;
        left: 31px;
        z-index: 2;
    }

#sch_mo h3 {
    width: 90px;
    position: absolute;
    top: 30px;
    left: 85px;
    color: #FF7315;
    font-size: 11px;
    margin: 0px 0px 0px 0px;
}








/* ランク表示 文字サイズと位置調整 */

#sch_mo .rankBlock {
    position: absolute;
    top: 7px;
    left: 96px;
}

    #sch_mo .rankBlock span {
        font-size: 10px;
        display: inline-block;
        float: right;
        padding: 2px 10px;
        transform: rotate(-5deg);
        box-shadow: 1px 1px 2px rgba(0,0,0,.5);
    }

        #sch_mo .rankBlock span:first-letter {
            font-size: 12px;
        }

#sch_ni .rankBlock {
    position: absolute;
    top: 7px;
    left: 96px;
}

    #sch_ni .rankBlock span {
        font-size: 10px;
        display: inline-block;
        float: right;
        padding: 2px 10px;
        transform: rotate(-5deg);
        box-shadow: 1px 1px 2px rgba(0,0,0,.5);
    }

        #sch_ni .rankBlock span:first-letter {
            font-size: 12px;
        }

