html,body {
	padding:0;
	margin:0;
    height: 100%;
}

body{
	background:url(sback2.jpg) #000;
	background-position:right top;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	background-size:cover;
	color:#FBEFF5;
}

#wrapper.scenario{
	background:url(sback.jpg) #000 left bottom no-repeat;
	width:920px;
	height: 100%;
	min-height: 100%;
	border:#910240 solid 0px;
	padding:0;
	margin:0 auto;
	overflow:auto;
}

a:hover{
	border-bottom: solid 1px !important;
}

.container{
	text-align:center;
	width:650px;
	float:right;
	padding:0px;
	border:#910240 solid 0px;
	height: 100%;
	min-height: 100%;
 	overflow: auto;

}

#contents{
	background:url(eggshell.jpg) #FFFAFA;
	margin:0 auto;
	color:#000;
	padding:20px 19px 5px 19px;
	letter-spacing: 1px;
	border:#910240 solid 0px;
	text-align:center;
}

#contents a{
	background:url();
	color:#DDA0DD;
	font-weight:bold;
}

#contents p{
	margin-top:5px;
}


body > #contents{
    height:auto;
}

h1.section{
	color:#DDA0DD;
    text-align:left;
    width:100%;
	margin-top:50px;
}

#contents ul li ul li  a{
	color:#000;
}

.chapter{
	padding:2px;
	text-align:left;
	font-weight:bold;
	letter-spacing: 2px;
	font-size:15px;
	margin:50px;
}


.e{
	color: #DB7093 !important;
	border-left: #DB7093 solid 1px !important;
}


.k{
	color:#8FBC8F !important;
	border-left: #8FBC8F solid 1px !important;
}


.zentai{
	color:#BDB76B !important;
	border-left: #BDB76B solid 1px !important;
}


ul.chapter li{
	line-height:1.3;
	padding:2px;
	font-size:14px;
	letter-spacing: 2px;
	margin:12px;
	list-style:none;	
}

ul.chapter li a:hover{
	background:url();
	border-bottom: solid 1px;
}

ul.chapter li ul{
	padding-left:5px;
	border-left: #BDB76B solid 1px;
}

ul.chapter li ul.none{
	color:#DDA0DD;
	padding:0 auto 5px 0;
	border-left: #BDB76B solid 0px;
}

.none a{
	color:#DDA0DD;
}


#select{
	float:left;
	width:230px;
	font-weight:bold;
	font-size:14px;
	margin-top:20px;
	padding-left:20px;
	border:white solid 0px;
	overflow: auto;
}

#select a{
	font-weight:normal;
	background-color:#000;
}

#select ul{
	list-style:none;
	margin:0px 0 20px 0px;
	border:white solid 0px;
	color:#696969;
	letter-spacing: 2px;

}

#select ul li{
	letter-spacing: 1px;
	font-size:14px;
	padding:0px;
	margin:0px auto 0px 50px;

}

#select ul li ul{
	margin-top:-14px;
	font-size:14px;
	padding-left:5px;
	color:#BDB76B;
	border-left: #BDB76B solid 1px;
}


#select ul li ul li{
	line-height:1.3;
	letter-spacing: 2px;
	font-size:14px;
	padding:0px;
	margin:5px 0;
}

#select ul a{
	color:#d8bfd8;
}

#select ul li a{
	color:#fff;
}

#select ul li a:visited{
	color:#C0C0C0;
}


.back{
	position:absolute;
	bottom:30px;
	left:auto;
}

.back a{
	padding:2px;
	background-color:#000;
}

#footer.scenario{
	position:static;
	background-color:#000;
	color:#910240;
	padding:10px 0;
	margin-bottom:30px;
	font-size: 12px;
	letter-spacing: 1px;
	text-align:right;
}

.text{
	margin:10px auto 30px auto;
    text-align: left; 
    width: 100%; 
    word-wrap:break-word;
	font-size:15px;
	letter-spacing: 1px;
}

.t{width:670px;}

.t .text{
	font-size:16px;
	text-align:center;
}

pre{font-family:"メイリオ", Meiryo,  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    word-wrap: break-word;
    white-space: pre-wrap;
}