@charset "Shift_JIS";

@import "base.css";

/*-------------------------------------------------------------------------
	All
/*-----------------------------------------------------------------------*/
body {
	position:relative;
	background:url(../../img/common/bg.gif) repeat;
}

#all {
	overflow:hidden;
	position:relative;
	min-width:960px;
}

	#all div {
		position:relative;
	}
	
	#all .wrap {
		width:960px;
		margin:0 auto;
	}
	
.noscript .toMovie,
.ds .toMovie,
.nonFP .toMovie,
.noscript .toDetail,
.ds .toDetail,
.noscript .arrow,
.ds .arrow,
.noscript .moviePlayer.lightbox,
.ds .moviePlayer.lightbox,
.nonFP .moviePlayer.lightbox,
.btn.lightbox .alt {
	display:none !important;
}

/*-------------------------------------------------------------------------
	Header
/*-----------------------------------------------------------------------*/
#header {
	background:#fff;
}

	#header #corporateNavi {
		height:0px;
	}
	
		#header #corporateNavi li {
			position:absolute;
		}
		
		#header #corporateNavi .nintendo {
			left:20px;
			top:15px;
		}
		
		#header #corporateNavi .wiiu {
			right:20px;
			top:10px;
			z-index: 90090;
		}
		
	#header .content {
		height:323px;
		background:#64ebff url(../../img/common/header/bg.jpg) repeat-x center top;
	}
	
	.ds #header .content {
		background-image:none;
	}
	
		#header .content h1 {
			position:relative;
			top:65px;
			width:214px;
			height:136px;
			margin:0 auto;
			z-index:1;
		}
		
		#header #globalNavi {
			position:absolute;
			left:0;
			top:20px;
			width:960px;
			height:323px;
			z-index:0;
		}
		
			#header #globalNavi dl {
				position:absolute;
				width:372px;
			}
			
				#header #globalNavi dl dd {
					display:inline;
					float:left;
					position:relative;
					width:120px;
					height:120px;
					margin:0 2px 24px 2px;
					z-index:0;
				}
				
					#header #globalNavi dl dd a {
						display:block;
						width:100%;
						height:100%;
					}
				
					#header #globalNavi dl dd span {
						display:none;
						position:absolute;
						left:-50px;
						top:-40px;
						cursor:pointer;
					}
					
				#header #globalNavi dl dt {
					position:relative;
					bottom:45px;
					width:372px;
					height:27px;
					text-align:center;
					z-index:1;
				}
				
			#header #globalNavi .team {
				left:0;
				top:0;
			}
			
			#header #globalNavi .battle {
				left:0;
				top:144px;
			}
			
			#header #globalNavi .mini {
				right:0;
				top:0;
			}

/*-------------------------------------------------------------------------
	Main
/*-----------------------------------------------------------------------*/
#main {
}

	#main img {
		position:relative;
	}

/*-------------------------------------------------------------------------
	Main Background
/*-----------------------------------------------------------------------*/
#main-background {
	display:none;
	overflow:hidden;
	position:absolute;
	left:0;
	top:0;
}

.pc #main-background,
.wiiu #main-background,
.ipad #main-background {
	display:block;
}

/*-------------------------------------------------------------------------
	Footer
/*-----------------------------------------------------------------------*/
#footer {
	background:url(../../img/common/footer/bg.png) repeat-x center top;
}

	#footer .navi {
		padding:15px 0;
		background:#fffa00;
		text-align:center;
	}
	
		#footer .navi li {
			display:inline;
			margin-right:10px;
			padding-right:10px;
			border-right:1px solid #231916;
			color:#aaa;
		}
		
		#footer .navi li:last-child {
			margin-right:0;
			padding-right:0;
			border-right:none;
		}
		
			#footer .navi li a {
				color:#231916;
			}
			
			#footer .navi li a.current {
				color:#00a0c8;
				cursor:default;
			}
			
			#footer .navi li a:hover {
				color:#00a0c8;
			}
	
	#footer .bottom {
		padding:12px 0 25px 0;
		background:#fff;
	}
	
		#footer .bottom ul {
			position:absolute;
			right:0;
			top:0;
		}
		
			#footer .bottom ul li {
				display:inline;
				float:left;
				margin-right:10px;
				padding-right:10px;
				border-right:1px solid #231916;
			}
			
			#footer .bottom ul li:last-child {
				margin-right:0;
				padding-right:0;
				border-right:none;
			}
			
				#footer .bottom ul li a {
					color:#231916;
				}
				
				#footer .bottom ul li a:hover {
					color:#00a0c8;
				}
				
/*-------------------------------------------------------------------------
	Lightbox
/*-----------------------------------------------------------------------*/
#lightbox,
#lightbox-bg {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}

#lightbox {
	display:none;
	z-index:1000;
}

	#lightbox-bg {
		background:#000;
		z-index:1;
	}

	#lightbox-content {
		position:relative;
		width:auto;
		margin:0 auto;
		z-index:2;
	}
	
		#lightbox-include {
		}
		
			#lightbox-include li {
				display:none;
				position:relative;
			}
	
	#lightbox-close {
		position:absolute;
		right:-80px;
		top:-60px;
	}
	
		#lightbox-close a {
			display:block;
			width:64px;
			height:64px;
			background:url(../../img/common/lightbox/close_off.png) no-repeat center center;
			text-indent:-9999px;
		}
		
		#lightbox-close a:hover {
			background-image:url(../../img/common/lightbox/close_on.png);
		}