@charset 'UTF-8';

/* =============================================*/
/* 出勤情報ページ定義用CSS                      */
/* =============================================*/

#tab1 ul {
    display: table;
    width: 100%;
}


#tab1 li {
    font-size: 14px;
    font-weight: bold;
    display: table-cell;
    width: 104px;
    height: 57px;
    padding: 10px 0 10px 0;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    color: #FFF;
    background-repeat: no-repeat;
    background-position: left center;
}

#activ1 {
    font-size: 20px !important;
    width: 110px !important;
    background: url('/img/schedule/w1.png');
}
#activ2 {
    font-size: 20px !important;
    width: 110px !important;
    background: url('/img/schedule/w2.png');
}
#activ3 {
    background: url('/img/schedule/w3.png');
}
#activ4 {
    background: url('/img/schedule/w4.png');
}
#activ5 {
    background: url('/img/schedule/w5.png');
}
#activ6 {
    background: url('/img/schedule/w6.png');
}
#activ7 {
    background: url('/img/schedule/w7.png');
}

/* タブ選択時 **********/
#tab1 #activ1.active_tab, #tab1 #activ2.active_tab {
    background: url('/img/schedule/w_on_1.png') no-repeat;
}

#tab1 .active_tab {
    background: url('/img/schedule/w_on_2.png') no-repeat;
}








/* タブ選択時 **********/

#portal1 {
    font-size: 10px;
}
.portal1__table > dt {
    font-size: 16px;
    font-weight: bold;
    position: relative;
    top: 12px;
    left: 1em;
    display: inline-block;
    margin-bottom: 4px;
    padding: 0 10px;
    color: #F17696;
    background-color: #FFF;
}
.portal1__table ul {
    padding: 24px 5px 12px 5px;
    cursor: pointer;
    border: solid 1px #F17696;
}
.portal1__table li {
    font-weight: bold;
    float: left;
    width: 137px;
    height: 46px;
    margin: 5px 3px 5px 3px;
    text-align: center;
    opacity: .6;
    color: #FFF;
    border-radius: 4px;
}
.portal1__table li p {
    font-weight: bold;
    margin: 0 0 7px 0;
    padding: 2px 0 2px 0;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background: #FFF;
}

.tk_celeb {
    border: solid 1px #9A7F03; 
    background: #9A7F03;
}
.sj_celeb {
    border: solid 1px #9A7F03; 
    background: #9A7F03;
}
.h_aroma {
    border: solid 1px #C4405F; 
    background: #C4405F;
}
.s_pltn {
    border: solid 1px #53C3C7; 
    background: #53C3C7;
}
.tk_yumeoto {
    border: solid 1px #F17696; 
    background: #F17696;
}

.tk_celeb p {
    color: #9A7F03;
}
.sj_celeb p {
    color: #9A7F03;
}
.h_aroma p {
    color: #C4405F;
}
.s_pltn p {
    color: #53C3C7;
}
.tk_yumeoto p {
    color: #F17696;
}



/* タブ選択時 **********/
#portal1 .active_tab {
    opacity: 1.0;
}



/*--------------------------------*/
/* 追加・上書き */
/*--------------------------------*/