#main-content #order-nav, #main-content #sub-order-nav {
    display: block;
    margin: 0 1.5em;
    padding: 0;
    list-style: 0;
    border-bottom: 4px solid #666;
    height: 2em;
}
#main-content #sub-order-nav {
    border-bottom: none;
    border-top: 4px solid #666;
}
#order-nav li, #sub-order-nav li {
    display: block;
    margin: 0;
    padding: 0;
    list-style: 0;
    float: left;
    width: 5em;
    height: 2em;
    line-height: 2em;
    text-align: center;
    background: #eee;
}
#order-nav li a, #order-nav li a:visited,
#sub-order-nav li a, #sub-order-nav li a:visited {
    color: #00f;
}
#order-nav li.active,
#sub-order-nav li.active {
    background: #666;
}
#order-nav li.active a,
#sub-order-nav li.active a {
    color: #fff;
}
#order-nav li.active a:hover,
#sub-order-nav li.active a:hover {
    color: #fff;
}
#order-nav li a:hover,
#sub-order-nav li a:hover {
    color: #f00;
}

#month-nav, #day-nav {
    float: right;
    margin: -2.73em 1.87em 0 0;
    height: 1.5em;
    line-height: 1.5;
    background: #999;
    padding: 2px 2px;
    font-size: 80%;
    display: inline;
}
#month-nav a, #day-nav a {
    color: #fff;
    margin: 0 2px;
    padding: 2px 3px;
}
#month-nav a:hover, #day-nav a:hover {
    color: #f00;
    background: #fff;
}

#main-content #order-list {
    margin: 0 1.5em;
    padding: 0;
}
#order-list table {
    width: 100%;
}
#order-list table td {
    font-size: 200%;
    font-weight: bold;
    text-align: center;
    line-height: 1.6;
}
#order-list table .weekday-title td {
    font-size: 120%;
    background: #ccc;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
#order-list table td a {
    background: #eee;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    display: block;
    text-decoration: none;
    color: #000;
}
#order-list table td a:hover {
    background: #f33;
    color: #fff;
}
#main-content .day-order-list {
    display: block;
    margin: 0 1.5em;
    padding: 0;
    list-style: none;
    border-top: 4px solid #666;
    border-bottom: 4px solid #666;
    clear: both;
}
#main-content .day-order-list li {
    border-bottom: 1px solid #eee;
    height: 2.5em;
    clear: both;
    background: url('images/order-list-bg.png') right top repeat-y;
}
#main-content .day-order-list .room {
    float: left;
    clear: both;
    line-height: 2;
}
#main-content .day-order-list ol {
    display: block;
    float: right;
    width: 600px;
    margin: 0;
    padding: 0;
    position: relative;
    list-style: none;
    top: 3px;
}
#main-content .day-order-list ol li {
    position: absolute;
    border: 2px solid red;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    text-indent: 3px;
    padding: 3px 0;
    background: #fdd;
    height: auto;
    font-size: 80%;
    line-height: 1.6;
    overflow: hidden;
    white-space: nowrap;
}
#main-content .day-order-list ol li.c0 {
    border-color: red;
    background: #fdd;
}
#main-content .day-order-list ol li.c1 {
    border-color: green;
    background: #dfd;
}
#main-content .day-order-list ol li.c2 {
    border-color: blue;
    background: #ddf;
}
#main-content .day-order-list ol li.c3 {
    border-color: #0ff;
    background: #dff;
}
#main-content .day-order-list ol li.c4 {
    border-color: #f0f;
    background: #fdf;
}
#main-content .day-order-list ol li.c5 {
    border-color: #aa0;
    background: #ffd;
}
#order-list .room,
#order-list .day {
    background: #ffc;
    width: 50px;
    font-size: 150%;
    position: absolute;
    left: 0;
}
#order-list .room {
    font-size: 80%;
    text-align: center;
    padding-top: 5px;
}
.day a, .room a {
    color: #000;
}
.day a:hover, .room a:hover {
    color: #f00;
}

#order-list .order-info {
    padding: 0.7em 0 0.7em 4.5em;
}
#order-list .weekday {
    float: right;
    padding: 0 0.5em;
    font-size: 80%;
    font-weight: bold;
    color: #999;
    display: inline;
}
#order-list .none .weekday {
    font-size: 125%;
}
#order-list .weekday .vacation {
    color: #f66;
}


#main-content #time-mark {
    display: block;
    list-style: none;
    padding: 0;
    margin: 0 1.5em;
}
#time-mark li {
    display: block;
    list-style: none;
    float: right;
    width: 24px;
    margin: 0;
    padding: 0 0 0.4em;
    font-size: 70%;
    text-align: left;
    border-left: 1px solid #ccc;
    text-indent: 2px;
}
#time-mark li.date {
    float: left;
    width: auto;
    border: none;
    text-indent: 2px;
}


.l0  {width:  0px;}
.l1  {width:  8.5px;}
.l2  {width: 21px;}
.l3  {width: 33.5px;}
.l4  {width: 46px;}
.l5  {width: 63.5px;}
.l6  {width: 71px;}
.l7  {width: 83.5px;}
.l8  {width: 96px;}
.l9  {width:108.5px;}
.l10 {width:121px;}
.l11 {width:133.5px;}
.l12 {width:146px;}
.l13 {width:163.5px;}
.l14 {width:171px;}
.l15 {width:183.5px;}
.l16 {width:196px;}
.l17 {width:208.5px;}
.l18 {width:221px;}
.l19 {width:233.5px;}
.l20 {width:246px;}
.l21 {width:263.5px;}
.l22 {width:271px;}
.l23 {width:283.5px;}
.l24 {width:294px;}
.l25 {width:308.5px;}
.l26 {width:321px;}
.l27 {width:333.5px;}
.l28 {width:346px;}
.l29 {width:363.5px;}
.l30 {width:371px;}
.l31 {width:383.5px;}
.l32 {width:396px;}
.l33 {width:408.5px;}
.l34 {width:421px;}
.l35 {width:433.5px;}
.l36 {width:446px;}
.l37 {width:463.5px;}
.l38 {width:471px;}
.l39 {width:483.5px;}
.l40 {width:496px;}
.l41 {width:508.5px;}
.l42 {width:521px;}
.l43 {width:533.5px;}
.l44 {width:546px;}
.l45 {width:563.5px;}
.l46 {width:571px;}
.l47 {width:583.5px;}
.l48 {width:596px;}

.s0  {left:  0px;}
.s1  {left: 12.5px;}
.s2  {left: 25px;}
.s3  {left: 37.5px;}
.s4  {left: 50px;}
.s5  {left: 67.5px;}
.s6  {left: 75px;}
.s7  {left: 87.5px;}
.s8  {left:100px;}
.s9  {left:112.5px;}
.s10 {left:125px;}
.s11 {left:137.5px;}
.s12 {left:150px;}
.s13 {left:167.5px;}
.s14 {left:175px;}
.s15 {left:187.5px;}
.s16 {left:200px;}
.s17 {left:212.5px;}
.s18 {left:225px;}
.s19 {left:237.5px;}
.s20 {left:250px;}
.s21 {left:267.5px;}
.s22 {left:275px;}
.s23 {left:287.5px;}
.s24 {left:300px;}
.s25 {left:312.5px;}
.s26 {left:325px;}
.s27 {left:337.5px;}
.s28 {left:350px;}
.s29 {left:367.5px;}
.s30 {left:375px;}
.s31 {left:387.5px;}
.s32 {left:400px;}
.s33 {left:412.5px;}
.s34 {left:425px;}
.s35 {left:437.5px;}
.s36 {left:450px;}
.s37 {left:467.5px;}
.s38 {left:475px;}
.s39 {left:487.5px;}
.s40 {left:500px;}
.s41 {left:512.5px;}
.s42 {left:525px;}
.s43 {left:537.5px;}
.s44 {left:550px;}
.s45 {left:567.5px;}
.s46 {left:575px;}
.s47 {left:587.5px;}
.s48 {left:600px;}