#fixed {
    position: absolute;
    top: 0;
    left: 0;
    width: 13.2em;
    height: 100%;
    color: #fff;
    padding-left: .5em;
    padding-top: 60px;
background-color: #AFB6D1;
	background-image: url(sidebar.jpg);
		font-size: 9pt; 
		font-family: Arial, Geneva, sans-serif;
}
#content {
    margin-left: 10em;
    background-color: #fff;
    width: 853px;
}

.fixedlink {
font-weight: bold;
line-height: 10pt;
text-decoration: none;
}

a:link, a:visited {
color: #493983;
}
a:hover {
font-weight: bold;
text-decoration: underline;
}
a:active {
color: red;
}
body {
font-family: Arial, Geneva;
line-height: 13pt;
background-color: #fff;
}
body > #fixed {
    position: fixed;
background-color: #fff;
}
.story {
background-color: #fff;
font-family: Arial, Geneva;
padding-left: 0px;
margin-bottom: 10px;
margin-top: 10px;
font-size: 11pt;
}
.where {
background-color: #8C9FC5;
width: 847px;
color: #fff;
font-family: Times, Times New Roman;
font-size: 18pt;
line-height: 20pt;
padding: 3px;
margin-bottom: 10px;
margin-top: 10px;
}
.where2 {
background-color: #8C9FC5;
width: 847px;
color: #fff;
font-family: Times, Times New Roman;
font-size: 18pt;
line-height: 20pt;
padding: 3px;
margin-bottom: 10px;
margin-top: 10px;
}
.sc {
background-color: #A99DBD;
width: 853px;
color: #E3DAF1;
font-size: 80%;
margin-top: .7em;
margin-bottom: .7em;
padding-left: 8px;
}
.sc2 {
background-color: #A99DBD;
color: #E3DAF1;
font-size: 80%;
margin-top: .7em;
margin-bottom: .7em;
padding-left: 8px;
}

.sc3 {
background-color: #DEDDCB;
width: 853px;
color: #6E2D02;
font-size: 80%;
margin-top: .7em;
margin-bottom: .7em;
padding-left: 8px;
}

.mov { font-style: italic;
color: #97927F;
font-size: 85%;
}
.stage {
font-size: 9pt;
font-style: italic;
color: #808080;
}
.chapter {
margin-left: 0px;
padding-top: 10px;
font-size: 12pt;
font-style: italic;
color: #80808a;
}
.tit {
color: #6C6C86;
font-style: oblique;
font-size: 11pt;
}
.tri {             
font-size: 9pt;
font-style: italic;
color: #6A8D85;
margin-bottom: .3em;
}
.optNPC, .optPC, .optM  {
font-size: 9pt;
background-color: #ddd;
line-height: 11pt;
margin-left: 0px;
padding: 5px;
}
.backNPC, .backPC, .backM  {
font-size: 9pt;
line-height: 11pt;
background-color: #DEDDCB;
margin-left: 0px;
padding: 5px;
}

.FMV {
background-color: #DDDDFF;
margin-top: 10px;
padding: 5px;
margin-bottom: 10px;
font-size: 10pt;
}
.sphere {
background-color: #D4E6EC;
border-color: #dfe;
border-width: 3px;
margin-top: 10px;
padding: 5px;
margin-bottom: 10px;
font-size: 10pt;
margin-left: 0px;
}
.flashback {
background-color: #FFE9D6;
margin-top: 10px;
padding: 5px;
margin-bottom: 10px;
font-size: 10pt;
margin-left: 0px;

}
.sign {
border: dotted 1px #fff;
color: #978E88;
}
.note {
color: #717A8C;
margin-top: 10px;
padding: 5px;
margin-bottom: 10px;
font-size: 10pt;
}
.alt {
font-size: 10pt;
background-color: #EEF;
border: dotted 1px #9A7EB4;
}
.alt1 {
font-size: 10pt;
border: solid 1px #E2BEE8;
padding: 5px;
margin: 5px;
}
.alt2 {
border: solid 1px #F6D19C;
font-size: 10pt;
padding: 5px;
margin-left: 0px;
margin-right: 5px;
margin-bottom: 5px;
}
UL { margin-top: 4px;
margin-bottom: 4px;
padding-top: 0px;
padding-bottom: 0px;
font-size: 9pt;
line-height: 12pt;
}
li.choice {
margin-left: 1em; 
color: #222;
}

li.reply { list-style-type: none;
margin-left: 2em;
color: #6A8D85;
}
.choices {
color: #493983;
}
.TN {
font-style: italic; 
color: #493983;
}
.T {
color: #372382;
}
.G {
color: #770A07;
}
.W {
color: #6E2D02;
}
.R {
color: #004400;
}
.Y {
color: #A81B5C;
}
.L {
color: #64219A;
}
.K {
color: #235;
}
.E {
color: #006699;
}
.J {
color: #37375E;
}
.D {
color: #005C5D;
}
.M {
color: #545434;
}
.npc {
color: #443333;
}
.gift {
color: #6D8B6A;
}
.AB  {
color: #990099;
}
.who2 { 
font-size: 8pt;
line-height: 9pt;
text-align: center;
width: 100px;}