@charset 'UTF-8';

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

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


#tab1 li {
    font-size: 14px;
    font-weight: bold;
    line-height: 57px;
    float: left;
    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: 109px !important;
    background: url('/img/schedule/w1.png');
}
#activ2 {
    font-size: 20px !important;
    width: 109px !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 {
    width: 106px !important;
    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: #823;
    background-color: #FFF;
}
.portal1__table ul {
    padding: 24px 5px 12px 5px;
    cursor: pointer;
    border: solid 1px #823;
}
.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;
}

.celeb {
    border: solid 1px #9A7F03;
    background: #9A7F03;
}
.aroma {
    border: solid 1px #C4405F;
    background: #C4405F;
}
.pltn {
    border: solid 1px #53C3C7;
    background: #53C3C7;
}
.mrs {
    border: solid 1px #C0681D;
    background: #C0681D;
}
.hands {
    border: solid 1px #EE659C;
    background: #EE659C;
}
.yumeoto {
    border: solid 1px #F17696;
    background: #F17696;
}

.celeb p, .celeb_name span {
    color: #9A7F03;
}
.aroma p, .aroma_name span {
    color: #C4405F;
}
.pltn p, .pltn_name span {
    color: #53C3C7;
}
.mrs p, .mrs_name span {
    color: #C0681D;
}
.hands p, .hands_name span {
    color: #EE659C;
}
.yumeoto p, .yumeoto_name span {
    color: #F17696;
}


/* 系列店出勤情報 **********/
.celeb_portalbg {
    border: solid 1px #9A7F03;
}
.aroma_portalbg {
    border: solid 1px #C4405F;
}
.pltn_portalbg {
    border: solid 1px #53C3C7;
}
.mrs_portalbg {
    border: solid 1px #C0681D;
}
.hands_portalbg {
    border: solid 1px #EE659C;
}
.yumeoto_portalbg {
    border: solid 1px #F17696;
}


p.celeb_shop_msg {
    font-size: 27px;
    width: 620px;
    margin: 0 auto;
    padding: 3px 0;
    text-align: center;
    border: solid 2px #9A7F03;
    background-color: #FFFAE6;
}
p.aroma_shop_msg {
    font-size: 27px;
    width: 620px;
    margin: 0 auto;
    padding: 3px 0;
    text-align: center;
    border: solid 2px #C4405F;
    background-color: #FFF6F8;
}
p.pltn_shop_msg {
    font-size: 27px;
    width: 620px;
    margin: 0 auto;
    padding: 3px 0;
    text-align: center;
    border: solid 2px #53C3C7;
    background-color: #F9FFFF;
}
p.mrs_shop_msg {
    font-size: 27px;
    width: 620px;
    margin: 0 auto;
    padding: 3px 0;
    text-align: center;
    border: solid 2px #C0681D;
    background-color: #FFF5EC;
}
p.hands_shop_msg {
    font-size: 27px;
    width: 620px;
    margin: 0 auto;
    padding: 3px 0;
    text-align: center;
    border: solid 2px #EE659C;
    background-color: #FFF1F7;
}
p.yumeoto_shop_msg {
    font-size: 27px;
    width: 620px;
    margin: 0 auto;
    padding: 3px 0;
    text-align: center;
    border: solid 2px #F17696;
    background-color: #FFEEF2;
}


/* 出勤情報　時間タブ 150326追加 **********/
p.celeb_time {
    font-size: 13px;
    font-weight: bold;
    height: 18px;
    text-align: center;
    color: #FFF;
    background-color: #9A7F03;
}
p.aroma_time {
    font-size: 13px;
    font-weight: bold;
    height: 18px;
    text-align: center;
    color: #FFF;
    background-color: #C4405F;
}
p.pltn_time {
    font-size: 13px;
    font-weight: bold;
    height: 18px;
    text-align: center;
    color: #FFF;
    background-color: #53C3C7;
}
p.mrs_time {
    font-size: 13px;
    font-weight: bold;
    height: 18px;
    text-align: center;
    color: #FFF;
    background-color: #C0681D;
}
p.hands_time {
    font-size: 13px;
    font-weight: bold;
    height: 18px;
    text-align: center;
    color: #FFF;
    background-color: #EE659C;
}
p.yumeoto_time {
    font-size: 13px;
    font-weight: bold;
    height: 18px;
    text-align: center;
    color: #FFF;
    background-color: #F17696;
}
p.maid_time {
    font-size: 13px;
    font-weight: bold;
    height: 18px;
    text-align: center;
    color: #FFF;
    background-color: #FE7DBE;
}

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