body {
   background-color: #fffff8;
   }
p  {
   line-height: 140%;
   margin: 1% 3% 1% 5%;
   }
p.i {  text-indent:-1em;  }
pre.sample { 
   margin: 2% 5% 2% 10%;
   padding: 2% 2% 2% 2%;
   background-color: #f0f0f0;
   border:thin gray solid;
   line-height: 120%; 
   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: 2% 5% 2% 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%;
   }

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