body{
    text-align: left;
}

table.list{
    border-collapse: separate;
    border-spacing: 3px;
    border: 3px solid;
    line-height: 1.5;
}

table.list th {
    padding: 5px;
    font-weight: bold;
    vertical-align: top;
    text-align: center;
    background: #cccccc;
}
table.list td {
    padding: 5px 5px;
    vertical-align: top;
}

table.list tr.soon  {background-color: #ffccff;}
table.list tr.yugen {background-color: #ccffcc;}
table.list tr.prime {background-color: #ff9966;}

table.list td.no    {text-align: right;}

table.list td.room  {background-color: #990000; color: #ffffff;}
table.list td.hall  {background-color: #000099; color: #ffffff;}
table.list td.toride{background-color: #990000; color: #ffffff;}
table.list td.field {background-color: #009900; color: #ffffff;}
table.list td.cafe  {background-color: #009999; color: #ffffff;}
table.list td.web   {background-color: #990099; color: #ffffff;}
table.list td.take  {background-color: #999900; color: #ffffff;}
table.list td.other {background-color: #999999; color: #ffffff;}

table.before td.ticket_none {width: 65px; background: #9999ff;}
table.before td.umg_pay {width: 65px; font-weight: bold; background: #666666; filter:brightness(80%);}
table.before td.umg_part {width: 65px; font-weight: bold; background: #666666; filter:brightness(140%);}
table.before td.umg_none {width: 65px; background: #EEEEEE;}
table.before td.mai_pay {width: 65px; font-weight: bold; background: #FF33CC; filter:brightness(80%);}
table.before td.mai_part {width: 65px; font-weight: bold; background: #FF33CC; filter:brightness(140%);}
table.before td.mai_none {width: 65px; background: #EEEEEE;}
table.before td.kzm_pay {width: 65px; font-weight: bold; background: #9900FF; filter:brightness(80%);}
table.before td.kzm_part {width: 65px; font-weight: bold; background: #9900FF; filter:brightness(140%);}
table.before td.kzm_none {width: 65px; background: #EEEEEE;}
table.before td.kgm_pay {width: 65px; font-weight: bold; background: #FFFF33; filter:brightness(80%);}
table.before td.kgm_part {width: 65px; font-weight: bold; background: #FFFF33; filter:brightness(140%);}
table.before td.kgm_none {width: 65px; background: #EEEEEE;}
table.before td.str_pay {width: 65px; font-weight: bold; background: #FFFFFF; filter:brightness(80%);}
table.before td.str_part {width: 65px; font-weight: bold; background: #FFFFFF; filter:brightness(140%);}
table.before td.str_none {width: 65px; background: #EEEEEE;}
table.before td.mru_pay {width: 65px; font-weight: bold; background: #33FFFF; filter:brightness(80%);}
table.before td.mru_part {width: 65px; font-weight: bold; background: #33FFFF; filter:brightness(140%);}
table.before td.mru_none {width: 65px; background: #EEEEEE;}