
 * { margin: 0; }
 body { padding: 0; font: 11pt Verdana,sans-serif; background: #FFF url('layout/kbg.png') repeat-x left bottom fixed; color: #3163CE; } 
 .bbbody { padding: 0; font: 11pt Verdana,sans-serif; background: #F0FDFF; color: #3163CE; } 
 a { text-decoration: none; color: #608AB2; }
 a:hover { color: #1AD; }
 q { font-style: italic; color: #189; }
 p { text-align: justify; padding: 1px 29px 22px 29px; font: 11pt Verdana,sans-serif; }
 abbr { cursor: help; color: #03B; }
 video { display: block; margin: 2em auto 3.3em auto; border: 1px solid #348;  box-shadow: 0px 0px 11px #444; }

 h3 { font: italic 18pt Georigia,serif; margin: 11px 22px 11px 29px; border-bottom: 1px dotted #35B; }

 .top { width: 780px; height: 166px;  margin: auto; background: #CEF; background: #FFF; position: relative; border: 1px solid #35B; border-width: 0px 1px; }
 .top-left-cap  { position: absolute; bottom: 0px; left:  0px; width: 110px; height: 33px; background: #FFF url('layout/stipple.png'); background-position: 0px -1px; border: 1px solid #35B; border-width: 1px 1px 0px 0px; border-top-right-radius: 16px; }
 .top-right-cap { position: absolute; bottom: 0px; right: 0px; width: 110px; height: 33px; background: #FFF url('layout/stipple.png'); background-position: 0px -1px; border: 1px solid #35B; border-width: 1px 0px 0px 1px; border-top-left-radius:  16px; }
 .banner-character { background: #05A url('layout/character-top.jpg'); }
 .banner-info { background: #FFF url('layout/banner-miko.jpg'); }
 .banner-ova { background: #05D url('layout/banner-mizuho.jpg'); } 
 .banner-tv { background: #05C url('layout/banner-mizuho.jpg'); } 

 .middle { width: 780px; margin: auto; border: 1px solid #2B54BF; border-width: 0px 1px; background: #FFF url('layout/stipple.png'); }
 .middle-content { width: 558px; border: 1px solid #2B54BF; border-width: 1px 1px 0px 1px; background: #FFF; margin-left: 110px; position: relative; }
 .left-menu { width: 90px; text-align: right; position: absolute; left: 0; right: 0; margin-left: -93px; }
 .left-menu a { margin: 1em -2px 0px -50px; display: block; background: #FFF; font: italic 16pt Georgia,serif; border: 1px solid #000; border-right: 0px;  padding: 4px 1px;  width: 140px; border-top-left-radius: 16px; border-bottom-left-radius: 16px; }

 .character { margin-bottom: 2em; }
 .character img { float: right; margin-right: -177px; width: 187px; height: 156px; }
 .character h2  { font: italic 22pt normal Verdansa,sans-serif; border-bottom: 1px dotted #2B54BF; margin: 9px 22px 2px 22px; }
 .character pre { color: #008; font: 11pt Andale Mono,monospace; }

 .right-pic { float: right;  }
 .leftpad-12px { margin-left: 12px; }
 .disco { float: right; border: 2px solid #2B54BF; margin-right: -140px; margin-top: -40px; width: 160px; height: 160px; border-radius: 50%;  }
 .shelf { float: right; margin-right: -140px; margin-top: -42px; width: 160px;  }
 .shelf div { display: block; margin-bottom: 5em; border: 2px; width: 160px; height: 160px; border: 1px solid #348; border-radius: 50%; }

 .information { background-image: url('images/kakyuusei-info.jpg'); }
 .chara-girlm { background-image: url('images/kakyuusei-girlm.jpg'); }
 .chara-girlx { background-image: url('images/kakyuusei-girlx.jpg'); }
 .chara-guy   { background-image: url('images/kakyuusei-guys.jpg'); }
 .ova         { background-image: url('images/kakyuusei-ova.jpg'); margin-top: -96px;  }
 .tv-set1     { background-image: url('images/kakyuusei-tv1.jpg'); }
 .tv-set2     { background-image: url('images/kakyuusei-tv2.jpg'); }

 .ss1 { background-position: 0px -40px; }
 .ss2 { background-position: 0px -200px; }
 .ss3 { background-position: 0px -360px; }
 .ss4 { background-position: 0px -520px; }
 .ss5 { background-position: 0px -680px; }
 .ss6 { background-position: 0px -840px; }
 .ss7 { background-position: 0px -1000px; }
 .ss8 { background-position: 0px -1160px; }
 .ss9 { background-position: 0px -1320px; }
  
 .back-link { display: block; width: 86px; background: #CCC; margin-left: -89px; text-align: center; padding: 1px; border: 1px solid #2B54BF; background: #FFF; border-width: 1px 0px 1px 1px; border-top-left-radius: 9px; border-bottom-left-radius: 9px; }
 .bottom-cap { width: 558px; border: 1px solid #2B54BF; background: #FFF; height: 22px; border-width: 0px 1px 1px 1px; margin: 0px 0px 11px 110px;  border-bottom-left-radius: 16px; border-bottom-right-radius: 16px;  }

 .email { text-align: center; background: #B0CBE6; font: italic 10pt Georgia,serif; color: #3163CE; padding: 6px 0px; width: 822px; margin: auto; border: 1px solid #2B54BF; }
 .aap-nav { width: 790px; margin: -3px auto 1em auto; text-align: right; }
 .aap-nav a { margin-left: 10px; font: italic 12pt Georgia,serif; color: #00A; }
 .aap-nav a:hover { color: #A00; }
