@charset "utf-8";
/* CSS Document */

img
{
	border:none;
}

html,body
{
	position: relative;
	background-color: black;
	background-image: none;
	width: 100%;
	height: 100%;
}

body {
	
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	*font-size: small;
	*font: x-small;
	
}

table {
	font-size: inherit;
	font: 100%;
}

#wrapper {
	display:none;
	position: relative;
	width: 100%;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	background:url(../images/common/background.jpg) top center no-repeat;
}

#container {
	position: absolute;
	left: 50%;
	top: 0;
	margin-left: -487px;
	width: 970px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}

section.content
{
	position: relative;
	height: 552px;
	width: 100%;
}

header
{
	position:absolute;
	top:0px;
	left: 0;
	width: 100%;
	height: 34px;
}

	header div.headline
	{
		margin-top: 5px;
		float: left;
		width: 158px;
		height: 34px;
		background: url(../images/common/headline.png) top left no-repeat; 
	}
	
	header div.headline a
	{
		display:block;
		width: 70px;
		height: 24px;
	}

	header div#rss
	{
		float: left;
		margin: 11px 0 0 0;
		height: 23px;
		color: white;
		width: 620px;
		overflow: hidden;
		white-space: nowrap;
		font: 13px "ＭＳ Ｐゴシック",arial,helvetica,clean,sans-serif;
	}
		.rss-container a, .rss-container a:link, .rss-container a:visited
		{
			color: white;
		}
		
		.rss-container a:hover, .rss-conteiner a:active
		{
			color: #f512c2;
		}

header #contact{
	padding-top: 10px;
	padding-right: 14px;
	float: right;
}

/*--- UPPER MENU --------------------------*/
#upper_menu ul {
	position: absolute;
	top: 55px;
	left: 160px;
}
#upper_menu ul li{
	height: 23px;
	overflow: hidden;
	float: left;
}
	#upper_menu li.news a,
	#upper_menu li.information a,
	#upper_menu li.guide a,
	#upper_menu li.world a,
	#upper_menu li.character a,
	#upper_menu li.battle a,
	#upper_menu li.special a {
		display: block;
		height: 46px;
	}
	/*
	#upper_menu li.information a:hover, #upper_menu li.information a:active,
	#upper_menu li.character a:hover, #upper_menu li.character a:active,
	#upper_menu li.news a:hover, #upper_menu li.news a:active,
	#upper_menu li.guide a:hover, #upper_menu li.guide a:active,
	#upper_menu li.world a:hover, #upper_menu li.world a:active,
	#upper_menu li.battle a:hover, #upper_menu li.battle a:active,
	#upper_menu li.special a:hover, #upper_menu li.special a:active
	{
		background-position: 0 -24px;
	}
	*/
	#upper_menu li.news a, #upper_menu li.news a:visited {
		width: 59px;
		background: url(../images/common/header1.png) 0 0 no-repeat;
	}
	#upper_menu li.information a, #upper_menu li.information a:visited {
		width: 118px;
		background: url(../images/common/header2.png) 0 0 no-repeat;
	}
	#upper_menu li.guide a, #upper_menu li.guide a:visited {
		width: 125px;
		background: url(../images/common/header3.png) 0 0 no-repeat;
	}
	#upper_menu li.world a, #upper_menu li.world a:visited {
		width: 71px;
		background: url(../images/common/header4.png) 0 0 no-repeat;
	}
	#upper_menu li.character a, #upper_menu li.character a:visited {
		width: 106px;
		background: url(../images/common/header5.png) 0 0 no-repeat;
	}
	#upper_menu li.battle a, #upper_menu li.battle a:visited {
		width: 74px;
		background: url(../images/common/header6.png) 0 0 no-repeat;
	}
	#upper_menu li.special a, #upper_menu li.special a:visited {
		width: 84px;
		background: url(../images/common/header7.png) 0 0 no-repeat;
	}

#psp {
	position: absolute;
	top:50px;
	left: 824px;
	width: 125px;
	height: 29px;
	background: url(../images/common/psp.png);
}




/*--- BANNER -------------------------*/
#banner {
	position: absolute;
	top: 568px;
	left: 60px;
	
	margin-top: -30px;
	margin-bottom: 0px;
	
	height: 37px;
	width: 970px;
}	
	#banner ul li {
		float: left;
		height: 40px;
		overflow: hidden;
		padding-right: 10px;
	}
	
		#banner ul li.banner1 a {
			display: block;
			background: url(../images/common/banner_extra.jpg) 0 0 no-repeat;
			width: 147px;
			height: 80px;
		}
		#banner ul li.banner8 a {
			display: block;
			background: url(../images/common/banner_extella.jpg) 0 0 no-repeat;
			width: 147px;
			height: 80px;
		}
		#banner ul li.banner2 a {
			display: block;
			width: 61px;
			height: 23px;
		}
		#banner ul li.banner1 a:hover,
		#banner ul li.banner2 a:hover,
		#banner ul li.banner3 a:hover,
		#banner ul li.banner4 a:hover,
		#banner ul li.banner5 a:hover,
		#banner ul li.banner6 a:hover,
		#banner ul li.banner7 a:hover,
		#banner ul li.banner8 a:hover {
			background-position: 0 -40px;
		}
		
		#banner ul li.banner3 a {
			display: block;
			background: url(../images/common/message_banner.jpg) 0 0 no-repeat;
			width: 147px;
			height: 80px;
		}
		#banner ul li.banner4 a {
			display: block;
			background: url(../images/common/twitter_banner.jpg) 0 0 no-repeat;
			width: 151px;
			height: 80px;
		}
		#banner ul li.banner5 a {
			display: block;
			background: url(../images/common/tokuten_banner.jpg) 0 0 no-repeat;
			width: 147px;
			height: 80px;
		}
		#banner ul li.banner6 a {
			display: block;
			background: url(../images/common/promotion_banner.jpg) 0 0 no-repeat;
			width: 147px;
			height: 80px;
		}
		#banner ul li.banner7 a {
			display: block;
			background: url(../images/common/op_banner.jpg) 0 0 no-repeat;
			width: 147px;
			height: 80px;
		}
			
.txt{
	text-indent: -99990px;
}

/*--- FOOTER -------------------------*/
footer {
	width: 100%;
}

footer ul {
	padding-left: 45px;
	padding-top: 32px;
	height: 35px;
}

footer ul li {
	display: block;
	float: left;
	padding-right: 10px;
}

#footer_contact {
	position: relative;
	top: 17px;
	left: 710px;
	width: 33px;
	height: 19px;
}

/********************** NEW ********************************/

.new{
	position:absolute;
	top: 40px;
	left: 0px;
	width: 57px;
	height: 16px;
	background: url(../images/common/new.png);
}
.n1{left: 245px;}
.n2{left: 365px;}
.n3{left: 470px;}
.n4{left: 555px;}
.n5{left: 645px;}
.n6{left: 725px;}

.new2{
	position:absolute;
	top: -18px;
	left: 0px;
	width: 57px;
	height: 16px;
	background: url(../images/common/new.png);
}
.nn1{left: 92px;}
.nn2{left: 210px;}
.nn3{left: 312px;}
.nn4{left: 398px;}
.nn5{left: 490px;}
.nn6{left: 564px;}


/****** OFF *******/

/*info	.n1, .nn1{display:none;}*/
/*shopguide*/	.n2, .nn2{display:none;}
/*world*/	.n3, .nn3{display:none;}
/*character*/	.n4, .nn4{display:none;}
/*system	.n5, .nn5{display:none;}*/
/*special*/	.n6, .nn6{display:none;}



/**********************************************************/


/*----BANNER-----*/
#banner_area{
	position: absolute;
	width:920px;
	margin-top:8px;
	padding-left:20px;
}
#banner_area a{
	margin-left:6px;
}
#banner_extra a{
	float:left;
	display: block;
	list-style: none;
	height:40px;
	width: 147px;
	background:url(../images/common/banner_extra.jpg) 0 0 no-repeat;
}
#banner_extra a:hover{
	background-position: 0 -40px;
	cursor:pointer;
}

#logo {
	position: absolute;
	top: 40px;
	left: 30px;
	width: 114px;
	height: 45px;
	background: url(../images/common/logo.png) 0 0 no-repeat;
}

#logo_ {
	position: absolute;
	top: 40px;
	left: 36px;
	width: 114px;
	height: 45px;
	background: url(../images/common/common.gif) 0 0 no-repeat;
}


#swfMain{position: absolute;
top:80px;
	left:20px;

}
.spUser{position: absolute;
	top:80px;
	left:20px;
	background: url(../images/common/sp_top.png) 0 0 no-repeat;
	width: 950px;
	height: 435px;

}
#banner_box {
	position: absolute;
	top: 100px;
	left: 25%;
	width: 460px;
	height: 120px;
	display: block;
}