body {background-color:#ffffff;}
p {
  margin: 1.5% 2% 1.5% 6%;
}
pre { 
  margin: 1.5% 0 1.5% 6%;
  padding: 1% 2% 1% 2%;
  background-color: #f8f8f8;
  border:solid #9999ff;
  border-width:1px 0px 1px 1px;
  line-height: 140%; 
  white-space:pre;
}
address { 
  font-style:normal;
  text-align:center;
}
p.img { 
  margin-left:8%;
  /* text-align:center;*/
}

div.navbar { 
  margin: 1% 2%;
}
div.back { 
  margin: 1% 2%;
  text-align:right;
}
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%;
  background-color:#ccff99; color:#000066;
  background-color:#f0f8ff; color:#000066;
  padding: 0.1% 2%;
}
h3 {
  margin:2% 0% 1% 0%;
  background-color:#f0f8ff; color:#000000;
  padding: 0.1% 2%;
}
h4 {
  margin:2% 0% 1% 4%; color:#000066;
  border-style:solid;
  border-color:#9999ff;
  border-width:1px 0 0 4px;
  padding: 0.1% 2%;
}
span.rem {color:#f00; }
span.r {color:#f00; }
span.g {color:#090; }
span.b {color:#00f; }
span.p {color:#909; }
span.x {color:#ddf;}
span.t {color:#036; font-weight:bold;}
strong{color:#ff0000;}
ol, dl, ul{
  margin: 2% 10% 2% 10%;
  line-height: 160%;
}
dt {
  color:#006600;
  font-weight:bolder;
}
table {
  margin-left:6%;
  border-collapse:collapse;
  border:solid 2px #999999;
}
td,th{
  border:solid 1px #999999;
}
em { 
  font-style:normal;
  color:#f00; 
} 
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;
  }
}
@media screen{
  address{
    margin-top:50%;
  }
}