body{
	background-color:#000000;
	color:#eeeeff;
	margin:0px;
	padding:0px;
	line-height:140%;
}
a{
	color:#8888cc;
}

#entrance{
	text-align:center;
}
#entrance h1{
	width:100%;
	height:480px;
	background-image:url(lunatic.jpg);
	background-position:center 48px;
	background-repeat:no-repeat;
	padding:16px 0 0 0;
	margin:0 0;
	text-align:center;
	color:#ddddff;
	font-size:140%;
	letter-spacing:6px;
}
#entrance p{
	line-height:160%;
}

#title{
}
#title h1{
	width:100%;
	background-image:url(fptitle.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	padding:380px 0 0 0;
	margin:0 0;
	text-align:center;
	color:#ddddee;
}
#title h3{
	padding-bottom:20px;
	border-bottom:2px solid #666699;
	text-align:center;
	color:#ffffff;
	background:-webkit-linear-gradient(90deg,#ffffff,#ffffff,#aaaaee);
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent;
}
.guide{
	display:inline-block;
	padding:12px;
	margin:0px auto;
	border:1px solid #666699;
	text-align:center;
	color:#eeeeee;
}
.update{
	margin:16px 0 48px 0;
	color:#ccccdd;
	text-align:center;
}

.text{
	margin:0px auto;
	max-width:800px;
	text-align:center;
}
.text p{
	display:flex;
	min-height:48px;
	text-align:left;
}
.c{
	background-repeat:no-repeat;
	background-position:left top;
	width:64px;
	min-height:64px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
.c_russel{
	background-image:url(russel.gif);
}
.s{
	width:-webkit-calc(100% - 64px);
	width:calc(100% - 64px);
}

.navi{
	padding:24px 0;
	margin:0px auto;
	max-width:800px;
	text-align:center;
}
.navi p{
	display:block;
	text-align:left;
	padding:0 0 0 64px;
}

.di{
	display:block;
	background-repeat:no-repeat;
	background-position:left top;
	min-height:24px;
	padding:2px 0 0 32px;
}
.di_over{
	background-image:url(di_over.gif);
}
.di_under{
	background-image:url(di_under.gif);
}
.di_back{
	background-image:url(di_back.gif);
}
.di_throu{
	background-image:url(di_throu.gif);
}
.di_look{
	background-image:url(di_look.gif);
}
.di_books{
	background-image:url(di_books.gif);
}
.di_fortu{
	background-image:url(di_fortu.gif);
}
.di_mmm{
	background-image:url(di_mmm.gif);
}
.di_dark{
	background-image:url(di_dark.gif);
}
.d{
	display:block;
	padding:8px 32px 8px 64px;
}

#info{
	margin:0px auto;
	max-width:800px;
	border-top:1px solid #666699;
	text-align:left;
}
#info h4{
	margin:16px 0 0 0;
	color:#666699;
}
#info ul{
	list-style-type:square;
	margin:4px 0 16px 0;
}

#copyright{
	padding-top:8px;
	text-align:center;
	border-top:2px solid #666699;
	letter-spacing:1px;
	font-size:80%;
	color:#ddddff;
}