#navi {
   position:absolute;
   float:left;
   width:20%;
   background-color:#f0ffff;
   border-style:solid;
   border-width:2px;
   border-color:#0c61b6;
   font-size:95%;
}

#sis {
   background-color:#ffffff;
   position:absolute;
   left:21%;
   width:79%;
}

A:link, A:visited {font-family: Arial, Helvetica; font-size: 100%; color: #007700;  text-decoration: none; background: transparent;}

A:hover {font-family: Arial, Helvetica; font-size: 100%; color : #000000; border-color: #0C61B6; border-width:2px;border-style:dotted;}

A:active {font-family : Arial, Helvetica; font-size: 100%; color: #FFFFFF; font-weight: bold; text-decoration: none; background: #0C61B6;}

body {font-family:Tahoma,Helvetica,Arial;font-size:100%;}

p {font-family:Tahoma,Helvetica,Arial;margin:7px;font-size:100%;}
p#navi {margin:1px;}

.otsa {border-style:solid;border-width:2px;border-color:#0C61B6;background-color:#f0ffff;}

#s {background-color:#f0ffff;}

td {border-style:solid;border-width:1px;border-color:#0C61B6;}

.ei {border-style:none;font-size:100%;}

h1 {color:#0c61b6;font-family:Tahoma,Helvetica,Arial;font-size:130%;text-align:center;}
h2 {color:#000000;font-family:Tahoma,Helvetia,Arial;font-size:100%;text-align:center;font-weight:bold;margin:10px;}
h4 {color:#0c61b6;font-family:Tahoma,Helvetia,Arial;font-size:100%;center;font-weight:bold;margin:10px;}

#k {background-color:#ffffcc;font-size:90%;}

@media print {
	#navi {
	display:none;
	}
	#sis {
	left:0px;
	width:100%;
	}
}