/*
  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: #44aaaa; }
A:visited { color: #000099;} 
A:active  { color: #ff00ff;}
A:hover   { color: #ffbb00;}

body, p, ol, ul, td, th { 
  color: #555555;
  } 
body, .transparent {
  background: #eeeeee; 
  }
body.title { 
  background: #cccccc;  
  } 
body.contents {
  background: #dddddd; 
  }
h1, h2, h3, h4, h5 {
  color: #eeeeee;
  border-color: #eeeeee;
  }
h1 {
  background-color: #666666;
  }
h2 {
  background-color: #888888;
  }
h3 {
  background-color: #999999;
  }
h4 {
  background-color: #a2a2a2;
  }
h5 {
  background-color: #a5a5a5;
  }
td {
  background-color: #cccccc;
  }
th {
  background-color: #bbbbbb;
  }
span.capital {
  color:#ffff99
  }
span.warning {
  color:#ff3333
  }

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

/*  ---------

  font largeness

---------  */  

p.title {
  font-size: x-large;
  }
h1, h2, h3, h4, h5, 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, h5, p.title, code, dt {
  font-weight: bold;
  }
p.title{
  font-family: Impact;
  }
code {
  font-family: sans-serif;
  }
/*  ---------

  text-align

---------  */  

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

/*  ---------

  vertical-align

---------  */  

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

/*  ---------

  margin

---------  */  

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

/*  ---------

  width

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

h1, h2, h3, h4, h5 {
    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;
  }