body {
color: #333;
font-size: 9pt;
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height: 14pt;
background-image: url(bg.gif);
margin: auto; width: 780px;
border-right: 1px solid #8e8e8e;
border-left: 1px solid #8e8e8e;
}
/*header*/
#top{ background-color: #fff;
height: 4px;
width: 780px;
}

#route {
font-size: 7.5pt;
background-color: #f5f5f5;
height: 11px;
width: 770px;
padding: 3px 0 8px 10px;
border-top: 3px solid #069;
}

/*common items*/
p {margin: 0;}
.small { font-size: 8pt; }
td {margin: 0; padding :0;}
a:link{color: #69f;}
a:visited {color: #69f;}
a:hover{color: #f33;}
a:active {color: #f33;}

h1 {/*header-top*/
color: #fff;
font-size: 7pt;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
background-color: #069;
margin: 0;
padding-top: 1px;
padding-bottom:1px;
text-align: center;
}

h2 {/*red and dots*/
color: #f30;
font-size: 11pt;
font-weight: bold;
background-color: #e3e3e3;
padding-left: 3px;
padding-top: 3px;
padding-bottom:3px;
border-top: 2px dotted #333;
border-bottom: 2px dotted #333;
}

h3 { /*right blue*/
color: #333;
font-size: 11pt;
font-weight: bold;
margin: 0 0 5px;
padding-left: 3px;
padding-top: 3px;
padding-bottom:3px;
border-left: 4px solid #36c;
}

h4 { /*blue bar*/
color: #fff;
font-size: 10pt;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
background-color: #069;
margin: 5px 0 10px;
padding-left: 10px;
padding-top: 3px;
padding-bottom: 3px;
}

h5{ /*red*/
color: #f30;
font-size: 9pt;
font-weight: bold;
margin: 0 0 10px;
}

#smenu{/*footer menu*/
background-color: #f5f5f5;
font-size: 8pt;
text-align: center;
padding-top: 20px;
padding-bottom: 10px;
border-bottom: 1px dotted #999;
}

#address{/*footer address*/
background-color: #f5f5f5;
font-size: 8pt;
text-align:center;
padding-top: 10px;
padding-bottom: 10px;
}

#cr {/*footer copyright*/
color: #fff;
font-size: 7.5pt;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
background-color: #069;
margin: 0;
padding-top: 3px;
padding-bottom:3px;
padding-right: 3px;
text-align: center;
}

td{
vertical-align: top;
}
/*TABLE*/
table { /*basic*/
background-color: #f5f5f5; border:0;}

table.month{ vertical-align: top; width: 230px; border: solid 1px #333; table-layout: fixed; border-collapse: collapse; }

td.day{ color: #fff; background: #8e8e8e ; text-align: center; border: solid 1px #666; }
td.off{ color: #333; background: #ccc ; text-align: center; border: solid 1px #666; }
td.holi{ color: #f30; background: #fff ; text-align: center; border: solid 1px #666; }
td.fos{ color: #333; background: #84A2E8 ; text-align: center; border: solid 1px; }
td.mon{ color: #333; background: #cff ; text-align: center; border: solid 1px; }
td.mon5{ color: #333; background: #afeeee ; text-align: center; border: solid 1px; }
td.mon3{ color: #333; background: #66cdaa ; text-align: center; border: solid 1px; }
td.mon4{ color: #333; background: #90ee90 ; text-align: center; border: solid 1px; }
td.mon2{ color: #333; background: #00ced1 ; text-align: center; border: solid 1px; }

td.mon1{ color: #333; background: #00ced1 ; text-align: center; border: solid 1px; }
td.tue1{ color: #333; background: #00ced1 ; text-align: center; border: solid 1px; }
td.wed1{ color: #333; background: #00ced1 ; text-align: center; border: solid 1px; }
td.thu1{ color: #333; background: #46FFFF ; text-align: center; border: solid 1px; }
td.sat1{ color: #333; background: #FF9900 ; text-align: center; border: solid 1px; }
td.sat6{ color: #333; background: #FFFF80 ; text-align: center; border: solid 1px; }



td.none{ color: #333; background: #fff ; text-align: center; border: solid 1px #666; }
td.sat{ color: #333; background: #fcf ; text-align: center; border: solid 1px; }
td.sat5{ color: #333; background: #f9f ; text-align: center; border: solid 1px; }
td.sat3{ color: #333; background: #f39 ; text-align: center; border: solid 1px; }
td.sat4{ color: #333; background: #f69 ; text-align: center; border: solid 1px; }
td.sat2{ color: #333; background: #f9c ; text-align: center; border: solid 1px; }

td.monthename{ color: #069; font-weight: bold; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; margin-top: 20px; padding-top: 3px; padding-bottom: 3px; padding-left: 10px; }
/*ここからは細部パーツ*/
.mainframe{/*外の大枠*/
width:765px;
height:100%;
background-color: #f5f5f5;
padding-left: 15px;
}

