@charset "Shift_JIS";

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

a {
	outline: 0;
}

p {
	font-size:12px;
}

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

#container {
	width:780px;
	margin:0 auto;
	padding: 0 0 20px 0;
	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;
	padding: 11px 0 14px;
 /*	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;

}

.copy {
width:780px;
height:12px;
margin: 20px 0;
}

.clear {
clear: both;
}

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