body {
   background-color: #ffffff;
   }
p  {
   line-height: 140%;
   margin: 1% 3% 1% 5%;
   }
p.img {
   margin: 1% 3% 1% 7%;
}
pre.ren { 
   margin: 1% 7% 1% 7%;
   color : #006600;
   line-height: 140%; 
   font-size:100%;
}
pre.sample { 
   margin: 2% 5% 2% 8%;
   padding: 2% 2% 2% 2%;
   background-color: #f8f8f8;
   border:thin gray solid;
   line-height: 130%; 
   white-space:pre;
   }
pre.wakunashi { 
   margin: 2% 5% 2% 10%;
   color : #060;
   line-height: 140%; 
   white-space:pre;
   }
ol {
   margin: 1% 3% 1% 10%;
   line-height: 140%;
   }
ul {
   margin: 1% 3% 1% 10%;
   line-height: 140%;
   }   
address { 
   font-style:normal;
   text-align:center;
   }
div.img { 
   margin: 1% 5% 1% 10%;
   }
div.back { 
   margin: 0 5%;
   text-align:right;
   }
h1{
   text-align:center;
   margin:1%;
}
h2{
   margin:1%; background-color:#6cf; color:#03c;
   padding:0.5% 2%;
   }
h3 {
   margin:1%; background-color:#cff; color:#03c;
   padding:0.5% 1%;
   }
h4 {
   margin:1%; background-color:#eff; color:#03c;
   padding:0.5% 1%;
   }
ol, dl, ul{
    margin: 2% 10% 2% 10%;
    line-height: 160%;
}
dt {
    color:#005500;
    font-weight:bolder;
}
table { 
   margin: 2% 5% 2% 10%;
   }
hr.bottom{
  margin-top:50%;
}
a img{
  border:none;
}
span   {color:#f0f;}
span.r {color:red; }
span.b {color:#00f;}
span.g {color:#060;}
span.x {color:#0c9;}
span.t {color:#036; font-weight:bold;}
div#fix{
  position: fixed;
  bottom: 10px; right: 10px;
}
div#fix a{
 padding:3px;
 background:#ccccff;
}

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;
  }
}