@media screen {
body{background-color:#e0ffff}
h3{border:double 10px #0000cd;}
h1{background-color:blue; color:#ff0000;}
p{background-color:#00ffff;border:5px dotted #808080;}
p2{background-color:#ffa500;}
p4{background-color:#00bfff;}
  a:link{color:#ff4500;}
  .aka{color:#ff0000; 
background-color:#ff9999;}
.ao{color:#0000ff;
background-color:#66cccc;
}
td,th{border:1px solid  #000000;}
table{border:3px double  #ff6633;}
div.hata{background:#ffffff;border:1px solid black;width:18ex;height:12ex;}
div.red{background:#ff0000;position:relative;left:12ex;height:12ex;width:6ex;}
div.green{background:#008000;position:relative;left:0ex;height:12ex;width:6ex;top:-12ex;}
}
h3{text-align: center; padding: 1ex 1em;}
p{
font-size: x-large;
 font-weight: bold;}

p4{text-decoration: underline;}
a:link {text-decoration:underline;}
td,th{border-collapse:separate; }
table{border-collapse:separate; }
li{text-align:left; font-size:100%;}
p3.a:hover + p3.b {display: block;}
p3.b {display: none;}
div.hata{;border:1px solid black;width:18ex;height:12ex;}
div.red{position:relative;left:12ex;height:12ex;width:6ex;}
div.green{position:relative;left:0ex;height:12ex;width:6ex;top:-12ex;}