body { color: #000; }
 
 a { text-decoration: none; color: #6300C6; }
 a:hover { text-decoration: underline; }
 p { text-align: justify; }
 ul { padding-left: 16px; }
 li { font: 10pt Verdana,sans-serif; text-align: justify; margin-bottom: 6px; }
 table {  margin: 0px auto; }

 .block { display: block; }  /* SEMI QUIRKS MODE FOR IMG */
 .whitebg { background: #FFF; }

 body.index { background: #BCA7C6 url('layout/bg-purple.jpg') fixed;  font: 11pt Verdana,sans-serif;  padding: 9px; }
 .index p   { border: 1px dotted #BA6697; color: #712; background-image: url('layout/bg-flowers.gif'); margin: 12px 5px; padding: 9px; }
 .index h3  { display: block; margin: auto; width: 510px; padding: 3px 0px 0px 40px; 
              background: #BA6697; color: #FFF; font: italic 24pt Georgia,serif; }
 .index img { border: 0; }
 .iwrapper  { width: 524px; padding: 0px 9px; background: #FFF; margin: auto; border: 4px solid #BA6697; }
 .copyright { width: 544px; padding: 3px; margin: auto; color: #FFF; background: #BA6697;
              text-align: right; font: 11px Verdana,sans-serif;  }
 .copyright a { color: #FCC; }

 #back img { display: block; border: 0; margin-left: auto; }

 .character-index { background: #BCA7C6 url('layout/bg-purple.jpg');  padding: 9px; }
 .character { border-bottom: 1px dotted #000; margin-bottom: 10px; }
 .character img { width: 172px; height: 172px; margin: 0px 10px; }
 .character p { font: 10pt Verdana,sans-serif; }
 .character b { color: #000; }
 .character span { margin: 0px 10px; }
 .sae { color: #713C37; }
 .akane { color: #28415B; }
 .nanaka { color: #5C5C01; }
 .takeo { color: #2E4E4A; }
 .ayanojyo { color: #5B4D64; }

 .frame-side-left  { background: #FFF url('../frame/lm.jpg') repeat-y top left; width: 46px; }
 .frame-side-right { background: #FFF url('../frame/rm.jpg') repeat-y top left; width: 46px; }

 .fl { float: left; }
 .fr { float: right; }

 .story-index { background: #75A0AB url('layout/bg-green.jpg') fixed; }
 .story-wrap  { width: 610px; border: 2px solid #2F5E5E; padding: 2px; margin: 20px auto; background: #FFF; }
 .story { border: 2px solid #2F5E5E; padding: 12px; margin: auto; background: #FFF; font: 11pt Verdana,sans-serif; }
 .story h2 { font: italic 20pt Georgia,serif; margin: 0; color: #75A0AB; }
 .chapter { margin: 5px 0px 5px 88px; border-bottom: 1px dotted #000; }

 .skivvies { border-bottom: 1px dotted #000; padding: 10px; font: 11pt Arial,sans-serif; }
 .skivvies h4 { font: italic 21pt Georgea,serif; margin: 0; padding: 1px; background: #EDE; color: #424; }
 .skivvies br { clear: both; }
 .skivvies img { float: left; display: block; margin-right: 15px; }