@charset "Shift_JIS";

@import "lightbox.css";
@import "base.css";

/*-------------------------------------------------------------------------
	All
/*-----------------------------------------------------------------------*/
body {
	overflow:hidden;
}

#all {
	min-width:900px;
	margin-bottom:-500px;
	padding-bottom:262px;
	background:url(../../img/common/bg.png);
}

	#all div {
		position:relative;
	}
	
	#all .wrap {
		width:900px;
		margin:0 auto;
	}
	
	#all .new {
		position:absolute;
		left:30px;
		top:0;
	}

/*-------------------------------------------------------------------------
	Header
/*-----------------------------------------------------------------------*/
#header {
}

	#header-link {
		height:60px;
		background:#fff;
	}
	
		#header-link li {
			position:absolute;
		}
		
		#header-link .nintendo {
			left:20px;
			top:18px;
		}
		
		#header-link .hardware {
			right:20px;
			top:12px;
		}
		
	#globalNavi {
		height:155px;
		padding-top:5px;
		background:url(../../img/common/header/navi/bg.png) repeat center top;
	}
	
		#globalNavi h1,
		#globalNavi p,
		#globalNavi ul {
			display:inline;
			float:left;
		}
		
		#globalNavi h1 {
			margin-right:20px;
		}
		
		#globalNavi p,
		#globalNavi ul {
			position:relative;
		}
		
		#globalNavi .about {
			top:24px;
		}
		
		#globalNavi ul {
			top:8px;
		}
		
			#globalNavi ul li {
				display:inline;
				float:left;
			}
			
				#globalNavi ul li a.current {
					cursor:default;
				}
	
/*-------------------------------------------------------------------------
	Main
/*-----------------------------------------------------------------------*/
#main {
	overflow:hidden;
	padding-top:50px;
}

	#stars {
		position:absolute;
		left:0;
		top:0;
		width:100%;
	}
	
		#stars li {
			position:absolute;
		}
		
		#stars li.top {
			left:0;
			top:-40px;
		}
		
		#stars li.left {
			left:-140px;
			top:0;
		}
		
		#stars li.right {
			right:-140px;
			top:0;
		}

	#main-content {
		padding:45px 22px;
		border:8px solid;
		border-radius:15px;
		background:#fff repeat center top;
	}
	
		#main-content .appearObj {
			visibility:hidden;
		}
		
			#main-content .appearObj img {
				position:relative;
			}
		
		#main-content .moviePlayer.lightbox {
			position:relative;
		}
		
			#main-content .moviePlayer.lightbox a.arrow {
				display:block;
				position:absolute;
				left:0;
				top:0;
				background:url(../../img/common/lightbox/trigger_off.png) no-repeat center center;
				z-index:1;
			}
			
			#main-content .moviePlayer.lightbox a.arrow:hover {
				background-image:url(../../img/common/lightbox/trigger_on.png);
			}
			
		#main-content .star {
			position:absolute;
		}
			
/*-------------------------------------------------------------------------
	Ornament
/*-----------------------------------------------------------------------*/
#ornament {
	position:absolute;
	left:0;
	top:-1px;
	width:100%;
}

	#ornament li  {
		position:absolute;
		top:0;
	}
	
	#ornament li.left {
		left:-1px;
	}
	
	#ornament li.right {
		right:-1px;
	}

/*-------------------------------------------------------------------------
	Summary
/*-----------------------------------------------------------------------*/
#summary {
	margin-bottom:30px;
}

	#summary h2 {
		position:relative;
		margin-bottom:20px;
		z-index:1;
	}
	
/*-------------------------------------------------------------------------
	Lineup
/*-----------------------------------------------------------------------*/
#lineup {
	padding:15px;
	border-radius:10px;
}

	#lineup ul {
	}
	
		#lineup ul li {
			display:inline;
			float:left;
			position:relative;
			margin:5px;
			padding-top:4px;
			background:no-repeat center top;
			text-align:center;
			z-index:0;
		}
		
		#lineup ul li.hover {
			z-index:10;
		}
		
			#lineup ul li h3 {
				margin-bottom:10px;
			}
			
			#lineup ul li .moviePlayer,
			#lineup ul li .capture {
				position:relative;
				margin:0 auto 10px auto;
				border:6px solid #ffe600;
			}

/*-------------------------------------------------------------------------
	Footer
/*-----------------------------------------------------------------------*/
#footer {
	position:relative;
	width:100%;
	height:262px;
	z-index:10;
}

	#footer .box {
		height:184px;
		background:url(../../img/common/footer/character/bg.png) no-repeat center top;
	}
	
		#footer .box .characters {
			position:relative;
			width:900px;
			margin:0 auto;
		}
		
			#footer .box .characters p {
				position:absolute;
				left:0;
				top:0;
			}
			
				#footer .box .characters p img {
					position:relative;
				}
			
				#footer .box .characters .border img,
				#footer .box .characters .ninja img {
					opacity:0;
				}
			
			#footer .box .characters .border {
				left:-160px;
				top:10px;
			}
			
			#footer .box .characters .ninja {
				left:940px;
				top:-20px;
			}
			
			#footer .box .characters .set {
				left:-120px;
				top:35px;
			}
			
			#footer .box .characters .mc {
				left:345px;
				top:0;
			}
			
			#footer .box .characters .assistant {
				left:425px;
				top:95px;
			}
			
			#footer .box .characters .mantle {
				left:1020px;
				top:-180px;
			}
			
			#footer .box .characters .pagetop {
				left:810px;
				top:0;
			}
		
	#footer .wrap {
		position:relative;
		height:78px;
		background:url(../../img/common/footer/bg.png) no-repeat center bottom;
		z-index:1;
	}

	#footer-navi {
		padding:18px 0;
		text-align:center;
	}
	
		#footer-navi li,
		#footer-link li {
			display:inline;
			margin-left:10px;
			padding-left:10px;
			border-left:1px solid #3c3c3c;
		}
			
			#footer-navi li:first-child,
			#footer-link li:first-child {
				margin-left:0;
				padding-left:0;
				border-left:none;
			}
			
				#footer-navi li a {
					color:#3c3c3c;
				}
				
				#footer-navi li a.current,
				#footer-navi li a:hover {
					color:#e4007f;
				}
				
				#footer-navi li a.current {
					cursor:default;
				}
				
		#footer .bottom {
			width:900px;
			margin:0 auto;
			color:#fff;
		}
		
			#copyright,
			#footer-link {
				display:inline;
				position:relative;
			}
			
			#copyright {
				float:left;
				top:4px;
			}
		
			#footer-link {
				float:right;
				top:2px;
			}
			
				#footer-link li {
					border-color:#fff;
				}
				
					#footer-link li a {
						color:#fff;
					}
					
					#footer-link li a:hover {
						color:#cfe9f0;
					}