table.navigation {
width: 840px;
margin: 0 auto;
font-weight: 600;
font-size: 18px;
height: 45px;
border-spacing: none;
border-collapse: collapse;
visivility: collapse;
}
.navigation th{
text-align: center;
background-color: transparent;
width: 120px;
background-image: url(../material/ttab-b.jpg);
background-repeat: no-repeat;

}
.navigation th.thisday {
 background-color: transparent;
 background-image: url(../material/ttab-a.jpg);
 background-repeat: no-repeat;
 }
.navigation a:link{text-decoration: none; color:#fcfcf7;}
.navigation a:visited{text-decoration: none; color:#fcfcf7;}
.navigation a:hover{text-decoration: none; color:#ff9840;}
.navigation a:active{text-decoration: none; color:#ff4540;}
.thisday a:link{text-decoration: none; color:#ff4540;}
.thisday a:visited{text-decoration: none; color:#ff4540;}
.below {
}

table#timetable {
width: 860px;
margin: 0 auto;
border-spacing: 0;
border-collapse: collapse;
visivility: collapse;
background-image: url(../material/tt-main.jpg);
background-repeat: repeat-y;
}
#timetable a:link {text-decoration:underline; color:#333;}
#timetable a:visited {text-decoration:underline; color: #666;}
#timetable a:hover {text-decoration:underline; color:#01939a;}
#timetable a:active {text-decoration:underline; color:#34c6cd;}
#timetable td {
padding:0;
padding-left: 25px;
padding-top: 0.7em;
padding-bottom: 0.7em;
vertical-align: top;
}
#timetable tr {
/*background-image:url(../material/dotborder.jpg);
background-repeat: repeat-x;
background-position: bottom;
border-bottom: 1px dotted #00adaa;*/
}
#timetable tr.prog {
border-top: 1px dashed #00adaa;
}
#timetable tr.detail {
border-bottom: 1px dashed #00adaa;
}
tr#top {
height: 30px;
background-color: transparent;
background-image: url(../material/tt-top.jpg);
background-repeat: no-repeat;
}
tr#bottom {
height: 30px;
background-color:transparent;
background-image: url(../material/tt-bottom.jpg);
background-repeat: no-repeat;
}
table#navilow {
width: 840px;
margin: 0 auto;
font-weight: 600;
font-size: 18px;
height: 45px;
border-spacing: none;
border-collapse: collapse;
visivility: collapse;
}
#navilow th {
text-align: center;
background-color: transparent;
width: 110px;
background-image: url(../material/ttab-bu.jpg);
background-repeat: no-repeat;
}
#navilow th.thisday {
 background-color: transparent;
 background-image: url(../material/ttab-au.jpg);
 background-repeat: no-repeat;
 }
#timetable td.prog {
background-color:transparent;
background-image: url(../material/tt-prog.jpg);
background-repeat: no-repeat;

}
td.time {
text-align: center;
width: 95px;
}
td.pers {
width: 170px;
font-weight: 600;
padding-left: 80px;
/*background-image: url(../material/tt-persona.gif);
background-repeat: no-repeat;
background-position: 10px;*/
color: #006064;
}
#timetable td.pers a:link{text-decoration: underline; color: #006064;}
#timetable td.pers a:visited{text-decoration: underline; color: #006064;}
#timetable td.pers a:hover{text-decoration: underline; color: #34c6cd;}
#timetable td.pers a:active{text-decoration: underline; color: #34c6cd;}
span.add{
font-size: x-small;
font-weight: 600;
color:
}
.prog td.time {
background-image: url(../material/tt-maru.gif);
background-repeat: no-repeat;
background-position:  15px;
}
.em {
color: #1d7074;
font-size: 9pt;
}