a { 
font-family: "�l�r �S�V�b�N", "Osaka�|����"; 
font-style: normal; 
color: #0066FF; 
text-decoration: 
none
} 
a:active { 
color: #3333FF; 
text-decoration: none
} 
a:link { 
color: #0066FF; 
text-decoration: none
} 
a:visited { 
color: #FF0000; 
text-decoration: none
} 
a:hover{ 
color: #0066FF
} 
a:hover { 
font-size: 100%; 
font-weight: bold
}
img{
border: none;
}
ul{
margin: 5px 0 0 0;
border-top: dashed 1px black;
}
li{
padding: 5px 0 3px 25px;
margin: 2px 0 0 0;
list-style-type: none;
background-image: url(pingreen.gif);
background-repeat: no-repeat;
} 
p{
line-height: 1.2em;
}
p.intro{ 
line-height: 1.2em; 
color: #000000; 
text-indent: 1em 
} 
p.intro:first-letter{
font-size: 150%; 
padding: 0.1em; 
color:white; 
font-weight: bold; 
background-color: red
} 
h1{
width: auto; 
padding: 10px 0px 4px 20px;
font-size: 16px;
font-weight: bold;
font-family: fantasy;
color: white;
}
.contents{
width: 716px;
float: left;
padding: 0 6px 0 24px; 
} 
.comparison{ 
border: none; 
float:right; 
margin: 0 6px 0 10px; 
} 
.comparison img{ 
display: block; 
} 
.photo{ 
border: solid 1px black; 
float:right;
width: 180px; 
margin: 0 6px 0 10px; 
} 
.photo img{ 
display: block; 
} 
.photo p{ 
margin: 0; 
padding: 5px 1px 5px 1px;
width: 180px; 
background-color: #f40029; 
font-size: 10px;
font-weight: bold; 
color: #ffffff; 
} 
.photo2{ 
border: solid 1px black; 
float:left;
width: 180px;  
margin: 6px 6px 0 10px; 
} 
.photo2 img{ 
display: block; 
} 
.photo2 p{ 
margin: 0; 
width: 180px;
padding: 5px 1px 5px 1px; 
background-color: blue; 
font-size: 10px;
font-weight: bold; 
color: #ffffff; 
} 
.photo3{ 
border: solid 1px black; 
float:left;
width: 120px;  
margin: 6px 6px 0 10px; 
} 
.photo3 img{ 
display: block; 
} 
.photo3 p{ 
margin: 0; 
width: 120px;
padding: 5px 1px 5px 1px; 
background-color: blue; 
font-size: 10px;
font-weight: bold; 
color: #ffffff; 
}
.photov{ 
border: solid 1px black; 
float:right;
width: 135px;  
margin: 6px 6px 0 10px; 
} 
.photov img{ 
display: block; 
} 
.photov p{ 
margin: 0; 
width: 135px;
padding: 5px 1px 5px 1px; 
background-color: blue; 
font-size: 10px;
font-weight: bold; 
color: #ffffff; 
}
.teacher{
margin: 10px 0 0 0;
padding: 5px 5px 5px 5px;
height: 150px;
}
.school{ 
float: left; 
width: 130px; 
height: 150px; 
padding: 40px 0 0 0; 
margin: 2px 25px 0 20px; 
background-image: url(menuschool.gif); 
background-repeat: no-repeat; 
background-position: center top; 
} 
.menu a{ 
padding-left: 28px; 
background-image: url(hand.gif); 
background-repeat: no-repeat; 
} 
.menu a:hover{ 
font-size:100%; 
color: blue; 
background-image: url(hand2.gif); 
} 
.current{
padding-left: 28px;
font-size:100%;
font-weight: bold; 
color: green; 
background-image: url(hand3.gif);
background-repeat: no-repeat; 
}
.other{ 
float:left; 
width: 130px; 
height: 150px; 
padding: 40px 0 0 0; 
margin: 2px 25px 0 0; 
background-image: url(menuother.gif); 
background-repeat: no-repeat; 
background-position: center top; 
} 
.course{ 
float: left; 
width: 130px; 
height: 150px; 
padding: 40px 0 0 0; 
margin: 2px 25px 0 0; 
background-image: url(menucourse.gif); 
background-repeat: no-repeat; 
background-position: center top; 
} 
.more{ 
float: left; 
width: 130px; 
height: 150px; 
margin: 2px 25px 0 0; 
padding: 40px 0 0 0; 
background-image: url(menumore.gif); 
background-repeat: no-repeat; 
background-position: center top; 
} 
.menu p{
padding:0 0 5px 0; 
margin:0; 
text-align: left; 
} 
.menu img{
vertical-align: middle;
}  
.footer{
clear: both; 
padding: 6px 0 0 0;
background-image: url(footern.gif); 
background-repeat: no-repeat; 
background-position: center left; 
text-align: left;
}
.test{
clear:both;
margin: 70px 24px 0 0;
width: 50px;
height; 50px;
float:right;
}