/*
  colors:
  #ffffff;   white
  #ddeeee;   close to white
  #ccddee;   back ground
  #aabbee;   back ground2
  #bbccff;   back ground3
  #2255aa;   charcter
  #444466;   charcter2
  #3344bb;   link
  #2222aa;   visited
  #111166;   close to black
  #000000;   black
  */ 
/* ----------

  color

---------  */

/* A:link    { color: #4488aa; }
A:visited { color: #115588;} 
A:active  { color: #bb00bb;} */

/* A:link    { color: palevioletred; }
   A:visited { color: lightseagreen;} */
A:link    { color: #006699; }
A:visited { color: #003366;} 
A:active  { color: fuchsia;}
A:hover   { color: #ffbb00;}

body, p, ol, ul, td, th { 
/*  color: #555555; */
/*  color: #2a2a44; */
  color: #202020; 
  } 
body, th, .transparent {
/*  background: #eeeeee;  */
  background: whitesmoke;
  }
body.title { 
  background: #cccccc;  
  } 
body.contents {
  background: #dddddd; 
  }
h1, h2, h3, h4 {
  color: #eeeeee;
  border-color: #eeeeee;
  }
h1 {
  background-color: #666666;
  }
h2 {
  background-color: #888888;
  }
h3 {
  background-color: #999999;
  }
h4 {
  background-color: #a2a2a2;
  }
td {
  background-color: #cccccc;
  }
th {
  background-color: #bbbbbb;
  }
span.capital {
  color:#ffff99;
  }
span.warning {
  color:#ee4444;
  }

.pickup {
  color: #333333;
  background-color: #eedd66;
  }      

/*  ---------

  font largeness

---------  */  

p.title {
  font-size: x-large;
  }
h1, h2, h3, h4, p.rightmark {
  font-size: medium;   
  }
p.note, p.note-light, p.leftmark, p.GotoContents, td.explanation {
  font-size: small; 
  }

/*  ---------

  font others

---------  */  

h1, h2, h3, h4, p.title, code, dt {
  font-weight: bold;
  }
p.title{
  font-family: Impact, monospace;
  }
code {
  font-family: sans-serif;
  }
/*  ---------

  text-align

---------  */  

h1, h2, h3, h4, p.title, p.warning, th, td, td.name, td.date {
  text-align: center;
  }
td, td.explanation, td.document {
  text-align: left;
  }
p.note, p.note-light, p.rightmark {
  text-align: right;
  }
.center {
  text-align: center;
  }

/*  ---------

  vertical-align

---------  */  

td.name, td.explanation, td.date, td.document {
  vertical-align: text-top;
  }
.center {
  vertical-align: middle;
  }

/*  ---------

  margin

---------  */  

p.text {
  margin-left: 3em;
  margin-right: 3em;
  }
.indent {
  margin-left: 5em;
  }

/*  ---------

  width

---------  */  
h1 { 
  width: 95%; 
  }
h2 { 
  width: 70%; 
  }
h3 { 
  width: 50%; 
  }
h4 { 
  width: 30%; 
  }

.eighty {
  width: 80%; 
  }

h1, h2, h3, h4 {
    padding: 0.5em;
    border-width: 0em 0em 0em 0em; 
    border-style: none none none none;
    }
TD.document {
    padding:0.5em;
    }
/*  ---------

  line height : The width between lines 

---------  */  
body {
  line-height : 125%;
  }
/*  ---------

  image float 

---------  */  
.left {
  float:left;
  }
.right {
  float:right;
  }
/*  ---------

  complex tag

---------  */  
.strong {
  font-weight: normal;
  text-align: center;
  width: 2.5em;
  padding: 0.2em;
/*  background-color: #eeee33; */
  background-color: #bbccff;
  }
.example {
  font-weight: normal;
  text-align: center;
  width: 2.5em;
  padding: 0.2em;
  background-color: #dfeef0;
  }
.example_nw {
  padding: 0.2em;
  background-color: #dfeef0;
  }
.comment {
  font-weight: normal;
  text-align: center;
  width: 2.5em;
  padding: 0.2em;
  background-color: #f0cccd;
  }
.comment_nw {
  padding: 0.2em;
  background-color: #f0cccd;
  }
li {
  list-style-position : outside;
  }