/*-- 月ナビ --*/
#month_navi {
    display : table ;
    width : 100% ;
}
#month_navi a,
#month_navi span {
    display : table-cell ;
    padding-left: 20px;
}
#month_navi a {
    width : 50px ;
}
#month_navi span {
    text-align : center ;
    font-size : 1.2em ;
}

/*-- カレンダー --*/
#sp_schedule_table {
    width : 100% ;
    border-spacing : 2px 0px;
    border-collapse: separate;
}

#sp_schedule_table .table_th{
    vertical-align:middle;
    white-space:nowrap;
    border: 3px solid #efefed;
}

#sp_schedule_table div.th,
#sp_schedule_table div.td {
    display: table-cell;
    text-align : center ;
    vertical-align : middle ;
}
#sp_schedule_table div.th {
    background-color : #4971dd ;
    color : #fff ;
    min-width: 50px;
    width: 250px;
    /*width : 14% ;*/
}
#sp_schedule_table div.th.sun {
    background-color : #f33!important ;
    color : #fff ;
    min-width: 50px;
    width: 250px;
    /*width : 14% ;*/
}

#sp_schedule_table div.td {
    height : 40px ;
    background-color : #fff ;
    min-width: 50px;
    width: 250px;
    /*width : 14% ;*/
}
#sp_schedule_table td a {
    color : #fff ;
    width : 100% ;
    height : 100% ;
    display : table-cell ;
    line-height : 40px ;
    text-decoration: none;
    border: 1px solid #efefed;
    cursor: pointer;
}
#sp_schedule_table td a:hover {
    border: 1px solid red;
    color : red ;
}


#sp_schedule_table div.td.past, #sp_schedule_table div.td.past2 {
    background-color : #c8c8c8 ;
}
#sp_schedule_table div.td.finish {
    background-color : #999 ;
}
#sp_schedule_table td a.active {
    border : 1px solid #53a351 ;
}
#sp_schedule_table div.td.open {
    background-color : #5b95f7 ;
}
#sp_schedule_table div.td.reserved {
    background-color : #FF9900 ;
}

/*
#sp_schedule_table th,
#sp_schedule_table td {
    text-align : center ;
    vertical-align : middle ;
}
#sp_schedule_table th {
    background-color : #4971dd ;
    color : #fff ;
    width : 10% ;
}
#sp_schedule_table td {
    height : 40px ;
    background-color : #fff ;
}
#sp_schedule_table td a {
    color : #fff ;
    width : 100% ;
    height : 100% ;
    display : inline-block ;
    line-height : 40px ;
}
#sp_schedule_table td.past, #sp_schedule_table td.past2 {
    background-color : #c8c8c8 ;
}
#sp_schedule_table td.finish {
    background-color : #999 ;
}
#sp_schedule_table td.today {
    border : 2px solid #53a351 ;
}
#sp_schedule_table td.open {
    background-color : #5b95f7 ;
}
#sp_schedule_table td.reserved {
    background-color : #c63 ;
}
*/