@charset "Shift_JIS";

@import "common/layout.css";

/*-------------------------------------------------------------------------
	All
/*-----------------------------------------------------------------------*/
#all {
	background:none;
}

	#all .wrap {
		width:920px;
	}
	
.appendObj .obj {
	top:0;
}

/*-------------------------------------------------------------------------
	Title
/*-----------------------------------------------------------------------*/
#title {
	position:relative;
	top:-0;
	height:678px;
	margin-bottom:-220px;
}

	#mainImage {
		position:relative;
		left:160px;
		top:-50px;
		width:750px;
		height:507px;
		margin-bottom:-55px;
		z-index:1;
	}
		
		#mainImage h1,
		#mainImage p {
			display:none;
			position:absolute;
		}
		
		#mainImage h1 {
			left:35px;
			top:310px;
			width:500px;
			height:187px;
			text-align:center;
			z-index:3;
		}
		
		#mainImage .main {
			left:40px;
			top:180px;
			z-index:1;
		}
		
		#mainImage .bubble {
			right:0;
			top:0;
			width:510px;
			height:300px;
			z-index:0;
		}
		
			#mainImage .bubble img {
				position:absolute;
				left:0;
				top:0;
			}
		
		#mainImage .bird {
			display:block;
			left:0;
			top:78px;
			z-index:2;
		}
	
	#title .luigi,
	#title .about,
	#title .check {
		position:absolute;
	}
	
	#title .luigi {
		left:0;
		top:0;
	}
	
	#title .about,
	#title .check {
		top:330px;
		z-index:2;
	}
	
	#title .about {
		right:0;
	}
	
	#title .check {
		left:0;
	}

/*-------------------------------------------------------------------------
	Global Navi
/*-----------------------------------------------------------------------*/
#globalNavi {
	top:15px;
	height:190px;
	margin-bottom:0;
	padding-top:40px;
	background:url(../img/index/globalNavi/bg.jpg) no-repeat center bottom;
}

	#globalNavi .navi {
		left:5px;
	}
	
		#globalNavi .navi li {
			margin:0 4px;
		}
		
			#globalNavi .navi li .new {
				left:-14px;
				top:0;
			}
		
		#globalNavi .navi li.tips {
			position:relative;
			left:2px;
			top:42px;
		}
		
			#globalNavi .navi li .luigi {
				left:-20px;
				top:-72px;
			}
		
/*-------------------------------------------------------------------------
	Info
/*-----------------------------------------------------------------------*/
#info {
	padding:30px 0;
	background:url(../img/index/info/main/bg.gif);
}

	#info .main,
	#info .side {
		display:inline;
		float:left;
	}
	
		#info .main .patch {
			position:relative;
			left:25px;
		}

		#detail,
		#info .movie {
			display:inline;
			float:left;
			position:relative;
		}
		
		#detail {
			top:6px;
			margin-bottom:10px;
		}
		
		#info .movie {
			top:-5px;
			width:203px;
			margin-bottom:-5px;
		}
		
			#info .movie .new {
				left:-14px;
				top:-14px;
			}
		
		#info .banner {
			clear:both;
			margin-bottom:5px;
		}
		
			#info .banner li {
				display:inline;
				float:left;
				position:relative;
			}
			
			#info .banner li.download {
				top:6px;
				margin-right:22px;
			}
			
				#info .banner li.download span {
					display:block;
				}
				
				#info .banner li.download span.dlsoft01 {
					margin-bottom:5px;
				}
			
			#info .banner li.pack {
				margin-right:14px;
			}
			
			#info .banner li.music {
				top:18px;
			}
			
			.wiiu #info .banner li.music {
				display:none;
			}
			
		#info .attention {
			margin-bottom:10px;
		}
			
		#info .club {
			position:relative;
			left:-8px;
			margin:0 -8px 20px 0;
		}
		
	#info .side {
		width:203px;
	}
	
		#info .side li {
			display:inline-block;
			position:relative;
			margin-bottom:5px;
		}
		
		#info .side li.music {
			position:relative;
			top:-3px;
		}
		
			#info .side li .new {
				position:absolute;
				left:-18px;
				top:-12px;
			}

/*-------------------------------------------------------------------------
	Detail
/*-----------------------------------------------------------------------*/
#detail {
	width:631px;
	height:145px;
	margin-right:20px;
	padding:12px 0 0 12px;
	background:url(../img/index/info/main/detail/bg.png);
}

	#detail .package,
	#detail .icons,
	#detail .text {
		display:inline;
		float:left;
	}
	
	#detail .package {
		margin-right:6px;
	}
	
	#detail .icons {
		margin-right:10px;
	}
	
		#detail .icons li {
			margin-bottom:10px;
		}
		
	#detail .text {
	}
	
		#detail .text .outline {
			margin-bottom:8px;
		}
		
		#detail .text .link {
			width:415px;
		}
		
			#detail .text .link li {
				display:inline;
				float:left;
				margin:0 25px 8px 0;
			}
			
/*-------------------------------------------------------------------------
	Footer
/*-----------------------------------------------------------------------*/
#footer {
}

	#footer .attention {
		width:910px;
		height:35px;
		margin:8px 0 20px 0;
		padding:5px;
		background:url(../img/index/footer/attention/bg.png) no-repeat left top;
		text-align:left;
	}
	
		#footer .attention p {
			display:inline;
			float:left;
		}
		
		#footer .attention p.btn {
			margin-right:6px;
		}
		
		#footer .attention p.text {
			position:relative;
		}
		
			#footer .attention p.text a {
				position:absolute;
				left:512px;
				top:3px;
			}