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; }
 abbr { cursor: help; }


 .wrap-l1  { width: 590px; border: 8px solid #975D84; border-radius: 44px; margin: auto; padding: 12px; }
 .wrap-l1g { width: 590px; border: 8px solid #2F5E5E; border-radius: 44px; margin: auto; padding: 12px; }
 .wrap-l2  { border: 1px solid #FFF; border-radius: 33px; margin: auto; background: #FFF; padding: 27px;  }

 .block { display: block; }  
 .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: 6px; padding: 5px;  background: #BA6697; color: #FFF; font: italic 24pt Georgia,serif; border-top-left-radius: 16px; border-top-right-radius: 16px; text-align: center; }
 .index img { border: 0; }
 .main-menu { margin-bottom: -28px; }
 .copyright { width: 544px; padding: 3px; margin: auto; color: #606; text-align: right; font: 11px Verdana,sans-serif;   }

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

 .character-index { background: #BCA7C6 url('layout/bg-purple.jpg') fixed;  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; }

 .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; }