body {background-color:#ffffff;}
 p {
   margin: 1.5% 5% 1.5% 5%;
   line-height: 140%;
   }
p.img {margin: 1.5% 5% 1.5% 8%;}
 pre.rei { 
       margin: 1.5% 5% 1.5% 8%;
       padding: 1% 2% 1% 2%;
       background-color: #f8f8f8;
       border:thin #cccccc solid;
       line-height: 140%; 
       white-space:pre;
       font-size:100%;
   }
 pre.setsu { 
       margin: 1.5% 5% 1.5% 8%;
       padding: 1% 2% 1% 2%;
       background-color: #f8f8f8;
       line-height: 140%; 
       white-space:pre;
       font-size:100%;
   }
 tt {  font-size:100%;
       white-space:pre;
   }
 pre.sample { 
       margin: 1em 6em 1em 6em;
       padding: 1em 2em 1em 2em;
       background-color: #f0f0f0;
       border:thin gray solid;
       line-height: 120%; 
       white-space:pre;
 }
 pre.wakunashi { 
       margin: 1em 6em 1em 6em;
       color : #060;
       line-height: 120%; 
       white-space:pre;
 }
   
address { 
    font-style:normal;
    text-align:center;
}
div.img { 
    text-align:center;
}
h1{text-align:center;}
h2{
    margin:3% 0.5% 1% 0.5%; background-color:#66ccff; color:#0033cc;
    padding: 0.1% 2%;
}
h3 {
    margin:2% 1%; background-color:#ccffff; color:#0033cc;
    padding: 0.1% 2%;
}
h4 {
    margin:2% 1%; background-color:#f0ffff; color:#003399;
    padding: 0.1% 2%;
}
   span   {color:red; }
   span.g {color:#008800; }
   span.x {color:#00cc99;}
   span.t {color:#003366; font-weight:bold;}
 ol, dl, ul{
      margin: 2% 10% 2% 10%;
      line-height: 160%;
   }
 dt {
      color:#006600;
      font-weight:bolder;
   }
hr.bottom{margin-top:40%}
em { 
    font-style:normal;
    color:#990000;
}
div#fix{
  position: fixed;
  bottom: 10px; right: 10px;
}
div#fix a{
 padding:1px;
 background:#ffffcc;
}
div#fnav{
  position: fixed;
  top: 10px; right: 10px;
}
div#fnav a{
 padding:2px;
 background:#ffffcc;
 text-decoration:none;
}
@media print {
  div#fix, div#fnav{
    display: none;
  }
}