body {background-color:#ffffff;}
 p {
   margin: 1.5% 4% 1.5% 6%;
   line-height: 140%;
   }
 p.i {
   text-indent:-1em;
   line-height: 140%;
   }
 p.ni {
   line-height: 140%;
   }
 p.wg {
   text-indent:-1em;  
   }
 pre.shiki { 
       margin: 1.5% 4% 1.5% 6%;
       padding: 1% 2% 1% 2%;
       line-height: 140%; 
       white-space:pre;
   }
 pre.list { 
       margin: 1.5% 4% 1.5% 6%;
       padding: 1% 2% 1% 2%;
       background-color: #f0f0f0;
       line-height: 140%; 
       white-space:pre;
       font-family:monospace;
   }
 pre.sample2 { 
       margin: 1.5% 4% 1.5% 4%;
       padding: 1% 2% 1% 2%;
       background-color: #f0f0f0;
       line-height: 140%; 
       white-space:pre;
   }
 pre.wakunashi { 
       margin: 1em 6em 1em 6em;
       color : #060;
       line-height: 120%; 
       white-space:pre;
   }
   
 address { 
   font-style:normal;
   text-align:right;
   font-size:70%;
   }
 div.img { 
   margin: 1.5% 4% 1.5% 8%;
   }
 div.back { 
   margin: 1% 2%;
   text-align:right;
   }
 div.navbar { 
   margin: 1% 2%;
   }
 div.shiki { 
   margin: 1.5% 4% 1.5% 4%;
   padding: 1% 2% 1% 2%;
   }
 div.point {
   color: #ff0000;
   margin-left:20%;
   margin-right:20%;
   line-height: 150%;
 }
 H1{text-align:center;}
 h2{
   margin:3% 0% 1% 0%;
   padding: 0.1% 2%;
   background-color:#bbeeee; color:#000066;
   padding: 2px 5%;
   border-top:solid 2px #0000ff;
   }
 h3 {
   margin:2% 0% 1% 0%; 
   background-color:#ccffff; color:#000099;
   border-top:solid 2px #ccffff;
   padding: 0.1% 5%;
   }
 h4 {
   margin:2% 0% 1% 0%; color:#630;
   border-style:solid;
   border-color:#ddddaa;
   border-width:1px 0 0 2px;
   padding: 0.1% 2%;
   }
 span.r {color:red; }
 span.g {color:#090; }
 span.b {color:#00f; }
 span.p {color:#909; }
 span.br {color:#660; }
 span.x {color:#ddddbb;}
 span.t {color:#036; font-weight:bold;}
 ol, dl, ul{
      margin: 2% 4% 2% 6%;
      line-height: 160%;
   }
 dt {
      color:#000000;
      font-weight:bolder;
   }
 hr {margin-top:5%;}