html, body { margin: 0; padding: 0 }
body { /*background-color:#51698E;*/ font-family: sans-serif; font-size:200%; }
#container { margin: 1em 1cm auto 1cm; padding-bottom: .5em; background-color: #ffffff; }  
#month { border-collapse: collapse; margin-left: 1.5em;  } 
#month th { border: 1px solid #ffffff; background-color:#999999; color: #51698E; font-size: 80% }
#month td { border: 1px solid #BEBEC0; width: 15em; height: auto; vertical-align: top; overflow: auto; font-size: 80%}
td .day { width: 18em; height: auto; text-align:left; overflow: auto; margin-top: 0; color: #51698E; font-size: 70% }
td .date { width: 14em; height: 1.5em; text-align:left; overflow: auto; margin-top: 0; color: #51698E; font-size: 90% }
//.weekend { background-color:#ded; }
.nav{ cursor: pointer; cursor: hand; color:#999999; font-size:80%;}
.previous { background-color:#ddd; }
.next { background-color:#ddd; }
.rtop { display:block; background:#51698E; }
.rtop * { display: block; height: 1px; overflow: hidden; background:#ffffff; }
.r1{margin: 0 5px 0 5px}
.r2{margin: 0 3px 0 3px}
.r3{margin: 0 2px 0 2px}
.r4{margin: 0 1px 0 1px; height: 2px}
.ftop { display:block; background:#51698E; margin: 0 1cm 0 1cm }
.ftop * { display: block; height: 1px; overflow: hidden; background:#ffffff; }
.xtop { display:block; background:#ffffff; }
.xtop * { display: block; height: 1px; overflow: hidden; background:#BEBEC0; }
.x1{margin: 0 5px 0 5px}
.x2{margin: 0 3px 0 3px}
.x3{margin: 0 2px 0 2px}
.x4{margin: 0 1px 0 1px; height: 2px}
.y1{margin: 0 5px 0 0}
.y2{margin: 0 3px 0 0}
.y3{margin: 0 2px 0 20}
.y4{margin: 0 1px 0 0; height: 2px}
div {color:#51698E}