body { margin: 0; padding: 0; font: 12pt Arial,sans-serif;  
         background: #CCC url('layout/layout-bg.png') fixed; }
  a { text-decoration: none; font-weight: bold; color: #606; }
  a:hover {  color: #00A; }
  p { text-align: justify; }
  abbr { color: #815; border-bottom: dotted 1px #000; cursor: help; }
  span { text-decoration: underline; }
  
  .content { width: 825px; border: 0px; background-image: url('layout/layout-bgl1.png'); }

  #container { width: 538px; margin: 18px; }
  #sectionlink-l1 td { width: 33%; }
  #sectionlink-l1 a { background: #E3E4FF; border: 1px solid black; display: block; text-align: center; }
  #haruka-main { float: left; }
  #charmenu-main { float: right; width: 222px; background: #000; }
  #charmenu-main td { text-align: center; }

  .quotebox    { border-bottom: 1px dotted #000; margin-bottom: 25px; padding-bottom: 20px; }
  .quotebox h3 { font: bold 12pt "Courier New",monospace; }
  .quotebox img { float: left; }
  .quotebox blockquote { display: block;  }
  .quotebox blockquote p { font: italic 10pt Tahoma,sans-serif; color: #B06060; }
  .cl { clear: both; }

  img.infol { float: left; margin-right: 9px; }
  .infosection { border-bottom: 1px dotted #000; margin-bottom: 10px;   }
  .infosection h3 { font-size: 22pt; font-weight: 100; margin: 0; }

  .photo img  { clear: both; border: 1px; border: 1px solid #000; }
  .photo p    { text-align: center; font: 10pt Arial,sans-serif; }
  .photo-1col {  border-width: 1px 0px; margin: 12px 0px; 
                text-align: center; padding: 22px 0px 10px 0px; clear: both; }

  .photo-2col-1, .photo-2col-2 { padding: 10px; text-align: center; width: 240px;  }
  .photo-2col-1 { float: left; }
  .photo-2col-2 { float: right; }

  .samples { margin: auto; border: 1px solid #888; }
  .samples td { text-align: center; vertical-align: middle; border: 1px solid #888;  }
  
  
  #backbutton { display: block; float: right; border: 1px solid #000; text-decoration: none; margin-top: 9px;  
                padding: 1px 50px; font: bold 12pt monospace; background: #EFD6D5; color: #500; }
  #backbutton:hover { background: #FFF; }
  #copybox { margin-top: 42px; text-align: center; color: #FFF;  
             font: 9pt Tahoma,sans-serif; margin-right: 55px; }

  /* needed for ie{8} fix */
  #kanako-layout { text-align: right; }