@charset "Shift_JIS";

* {
	margin:0;
	padding:0;
	border:0;
}

a {
	outline: 0;
}

p {
	font-size:12px;
}

body {
	background:url(../img/top_bg_001.jpg) repeat center top;
	text-align:center;
	margin:0;
}

#container {
	width:780px;
	margin:0 auto;
	text-align:center;
}

#wrapper {
	width:780px;
	margin:0 auto;
	text-align:left;
}

.head {
	width:780px;
	height:48px;
}

.nlogo {
	width:94px;
	height:18px;
	padding:15px 0 15px 0;
	float:left;
}

.dslogo {
	width:136px;
	height:18px;
	padding:15px 0 15px 0;
	float:right;
}

.tfla {
	width:780px;
	height:564px;
}

.contents1 {
	width:780px;
	height:87px;
	background:#FFF url(../img/first_fm_002.jpg) no-repeat center top;
}

#firbtn {
	width:402px;
	height:42px;
	margin:0 0 0 348px;
	padding:22px 0 0 0;
	/*background:url(../img/first_btn_001.jpg) no-repeat;*/
}

#firbtn ul {
	width:402px;
	height:42px;
	margin:0;
}

#firbtn li {
	float:left;
	/*font-size:1%;*/
	/*line-height:1%;*/
	text-indent:-9999px;
	list-style-type:none;
}

#firbtn li a {
	display:block;
	width:402px;
	height:42px;
	background:url(../img/first_btn_001.jpg) no-repeat;
	text-decoration:none;
	overflow:hidden;
}

li#firststep a {
	width:182px;
	background-position:0 0;
}

li#firststep a:hover {
	width:182px;
	background-position:0 -42px;
}

li#secondstep a {
	width:220px;
	background-position:-182px 0;
}

li#secondstep a:hover {
	width:220px;
	background-position:-182px -42px;
}

#btn {
	width:780px;
	height:53px;
	margin:0;
	background:url(../img/btn_002.jpg) no-repeat;
}

#btn li {
    float:left;
	/*font-size:1%;*/
	/*line-height:1%;*/
	text-indent:-9999px;
	list-style-type:none;
}
	
#btn li a {
	display:block;
	height:53px;
	background:url(../img/btn_002.jpg) no-repeat;
	text-decoration:none;
	overflow:hidden;
}

li#bstory a {
	width:156px;
	background-position:0 0;
}

li#bstory a:hover {
	width:156px;
	background-position:0 -53px;
}

li#bcharacter a {
	width:156px;
	background-position:-156px 0;
}

li#bcharacter a:hover {
	width:156px;
	background-position:-156px -53px;
}

li#bsystem a {
	width:156px;
	background-position:-312px 0;
}

li#bsystem a:hover {
	width:156px;
	background-position:-312px -53px;
}

li#btsuusin a {
	width:156px;
	background-position:-468px 0;
}

li#btsuusin a:hover {
	width:156px;
	background-position:-468px -53px;
}

li#btopics a {
	width:156px;
	background-position:-624px 0;
}

li#btopics a:hover {
	width:156px;
	background-position:-624px -53px;
}

#info {
	width:780px;
	height:115px;
	background:url(../img/info_001.jpg) no-repeat;
}

.wlogo {
	width:51px;
	height:50px;
	padding:33px 0 0 20px;
	float:left;
}

.infotext {
	width:355px;
	height:50px;
	padding:33px 0 0 0;
	float:left;
}

.infobtn {
	width:306px;
	height:75px;
	margin:19px 0 0 27px;
	float:left;
	display:inline;

}

.fewbtn {
	display:block;
	width:306px;
	height:25px;
	background-image:url(../img/few_btn_003.jpg);
	background-repeat:no-repeat;
	background-position:0 0;
	text-indent:-9999px;
	font-size:1%;
	float:left;
}

.fewbtn:hover {
	background-position:0 -25px;
}

.touchbtn {
	display:block;
	width:306px;
	height:25px;
	background-image:url(../img/touch_btn_001.jpg);
	background-repeat:no-repeat;
	background-position:0 0;
	text-indent:-9999px;
	font-size:1%;
	float:left;
}

.touchbtn:hover {
	background-position:0 -25px;
}

.bookbtn {
	display:block;
	width:306px;
	height:25px;
	background: url(../img/book_btn_001.jpg) no-repeat 0 0;
	text-indent:-9999px;
	font-size:1%;
	float:left;
}

.bookbtn:hover {
	background-position: 0 -25px;
}


#underlink {
	margin:10px 0 0 0;
	width:780px;
}

#underlink ul {
	text-align:center;
}

#underlink ul li {
	color:#FFEBB4;
	display:inline;
	line-height:150%;
	font-family:"HiraKakuPro-W3","MS Gothic";
	font-size:11px;
}

a:link {
	color:#FFEBB4;
	text-decoration:none;
}

a:visited {
	color:#FFEBB4;
	text-decoration:none;
}

a:hover {
	color:#E60011;
	text-decoration:underline;
}

.stay {
	color:#FFEBB4;
	font-weight:bold;
}

.copy {
	width:222px;
	height:10px;
	margin:10px 279px 10px 279px;
}

.clear {
	clear: both;
}

.hide {
	position:absolute;
	left:-9999px;
	top:-9999px;
}