body {background-color:#ffffff;}
 p {
   margin: 1.5% 5% 1.5% 8%;
   }
 p.i {
   text-indent:-1em;
   line-height: 140%;
   }
 p.ni {
   line-height: 140%;
   }
 p.wg {
   text-indent:-1em;  
   }
 p.s {
   margin: 1.5% 5% 1.5% 12%;
   text-indent:-1em;
   line-height: 140%;
   }
 p.img {
   margin: 1.5% 5% 1.5% 9%;
   }

 pre.sample { 
       margin: 1.5% 6em 1.5% 6em;
       padding: 1em 2em 1em 2em;
       background-color: #f0f0f0;
       border:thin gray solid;
       line-height: 120%; 
       white-space:pre;
   }
  pre.sample2 { 
       margin: 1.5% 5% 1.5% 8%;
       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:center;
   }
 div.img { 
       text-align:center;
   }
div.navbar { 
  position: fixed;
  top: 10px; right: 10px;
}
div.navbar a{
 padding:2px;
 background:#ffffcc;
 text-decoration:none;
}
@media print {
  div.navbar{
    display: none;
  }
}
@media screen{
 address { 
       margin-top: 20%;
}}
 div.lfltimg { 
       margin: 0 0em 0.5em 2em;
   }
 div.point {
   color: #ff0000;
   margin-left:20%;
   margin-right:20%;
   line-height: 150%;
 }
 h1{text-align:center;}
 h2{
       margin:3% 1% 1% 1%; background-color:#99ff99; color:#03c;
       padding: 0.1% 2%;
   }
 h3 {
      margin:2% 1%; background-color:#ccffcc; color:#03c;
      padding: 0.1% 2%;
   }
 span.r {color:red; }
 span.b {color:#00f; }
 span.g {color:#090; }
 span.x {color:#00cc99;}
 span.sx {color:#00cc99;
         font-size:80%;}
 span.r {color:red; }
 span.t {color:#036; font-weight:bold;}
 ol, dl, ul{
      margin: 2% 10% 2% 10%;
      line-height: 160%;
   }
 dt {
      color:#006600;
      font-weight:bolder;
   }
em{
  font-style:normal;
  color:#0000ff;
}
strong{
  color:#ff0000;
}
pre.nagai {
	
	white-space: pre !important;
	overflow:scroll !important;
	height:25em;
}