body {
      background-color : #ffffff;
      color       : #330033;
      line-height : 1.3;
      padding : 0em 2em 2em 2em; 
      }
   h1 {
      font-size : 1.8em;
      }
   h2 {
      font-size : 1.5em;
      }
   h3 {
      font-size : 1.2em;
      }
   h4 {
      font-size : 1.1em;
      }
   table, td, th {
      border-collapse : collapse; 
      }
   td {
      vertical-align : top; 
      }
   a  {
      text-decoration: none;
      }
   a:link {
      color : #000099;
      font-weight : bold;
      }
   a:visited {
      font-weight : bold;
      color : #660099;
      }
   a:hover {
      color: #000099;
      font-weight: bold;
      text-decoration: underline;
      background-color: #99ccff;  
      }
   img {
      vertical-align: bottom; 
      border: none;
      }
   img.float-left {
      margin : 0px 10px 10px 0px; 
      float : left;
      border: none;
      }
   img.link {
      border : none; 
      }
   ul li {
      list-style: circle;
      }   
   ol li {
      list-style: upper-roman; 
      }    
   ol ul li {
      list-style: circle;
      }
   div.right {
      float: right; 
      width: 150px; 
      margin 0px 0px 10px 10px;
      }
   div.right300 {
      float: right; 
      width: 300px; 
      margin 0px 0px 10px 10px;
      }
   div.article {
      margin-right: 160px;
      }   
   div.article300 {
      margin-right: 310px;
      }   
   div.article-lm300 {
      margin-left: 300px;
      }
   address {
      font-style: normal;
      }
   .title {
      margin: 0; 
      color: #ffffff; 
      position: absolute; top: 10px; left: 30px;
      }
   /* 
      border-bottom: solid 5px #9999ff;
   */
   p.line {
      clear: both; 
      width: 100%; 
      border-bottom: solid 2px #ccccff; 
      }
   p.line-bottom {
      clear: both; 
      width: 100%; 
      border-bottom: solid 1px #9966ff; 
      }
   /*
   img:hover {
      border-style: solid; 
      border-width: 1px; 
      }
   */
   /*
   .title {
      color: #ccccff; 
      width: 728px; 
      height: 175px; 
      padding-top: 10 px; 
      background-image: url(images/title_STS118-E-9469_lrg_trm.jpg); 
      }
   */
   .float-left {
      margin : 0px 10px 10px 0px; 
      float : left;
      }
   .heading {
      border-style: solid; 
      border-width: 0px 0px 1px 10px; 
      border-color: #000099; 
      padding : 0.3em 5%;
      }
   .intro {
      border-style: dotted; 
      border-width: 0px 2px 2px 2px; 
      border-color: #000099; 
      padding: 0.5em; 
      font-weight: bold;
      }
   .comment {
      border-style: dotted; 
      border-width: 0px 2px 2px 2px; 
      border-color: #000099; 
      padding: 0.5em; 
      }
   .navi-title {
      background-color: #000099; 
      color: #ffffff; 
      padding: 0.3em 5%; 
      margin-bottom: 0; 
      }
   .number-navi {
      clear: both; 
      background-color: #ccccff; 
      font-weight: bold; 
      padding: 0.3em 5%; 
      }
   .side-line {
      border-style: solid; 
      border-width: 0px 0px 0px 10px; 
      border-color: #000099; 
      padding-left: 10px; 
      }
   .navi-right {
      float : right;
      width : 
      }
   .clear {
      clear: both; 
      }
   .notice {
      color : #990000;
      font-size : small;
      font-weight : bold;
      }
   .item {
      background-color: #660066;
      color: #ffffff;
      }
   .small-b {
      font-size : small;
      font-weight : bold;
      }
   .small {
      font-size : small;
      }   
   .bold  {
      font-weight: bold;   
      }
   .box-book {
      border-style: dotted;
      border-width: 2px;
      border-color: #330033;
      padding: 10px;
      margin: 5px
      }