@charset "Shift_JIS";

@import "../../../../css/shared.css";
@import "../../../../css/eshop_software_nintendo.css";

/*-------------------------------------------------------------------------
	All
/*-----------------------------------------------------------------------*/
div,ul,dl {
	zoom:1;
}
	
	div:after,
	ul:after,
	dl:after{
		content:"";
		display: block;
		clear:both;
		visibility:hidden;
	}

/*-------------------------------------------------------------------------
	Primary
/*-----------------------------------------------------------------------*/
#licensee_main.tmpl {
	padding-top:15px;
}

/*-------------------------------------------------------------------------
	Movie
/*-----------------------------------------------------------------------*/
#movie {
	background:#000;
}

	#movie #all {
		width:640px;
		height:415px;
		margin:0 auto;
		background:#f0ebdf;
	}
	
	#movie.iphone #all {
		width:320px;
		height:192px;
		margin-top:20px;
	}
	
	#movie #backButton {
		display:none;
		width:100%;
		text-align:center;
		cursor:pointer;
	}
	
	#movie.iphone #backButton {
		display:block !important;
	}

/*-------------------------------------------------------------------------
	Main
/*-----------------------------------------------------------------------*/
#main {
	margin-bottom:30px;
}

/*-------------------------------------------------------------------------
	Title
/*-----------------------------------------------------------------------*/
#title {
	position:relative;
	width:740px;
	height:145px;
	margin-bottom:20px;
	background:url(../img/common/title/bg.gif) no-repeat left top;
}

	#title h5,
	#title #title-navi {
		position:absolute;
		z-index:2;
	}
	
	#title h5 {
		left:10px;
		bottom:-10px;
	}

	#title #title-navi {
		right:0;
		bottom:10px;
	}
	
		#title #title-navi li {
			display:inline;
			float:left;
			position:relative;
			margin-right:20px;
		}
		
			#title #title-navi li a {
				display:block;
				position:relative;
				z-index:1;
			}
		
			#title #title-navi li span {
				position:absolute;
				left:41px;
				top:0;
				z-index:0;
			}
			
			#title #title-navi li.current span {
				top:-60px;
			}

/*-------------------------------------------------------------------------
	Main Content
/*-----------------------------------------------------------------------*/
#main-content {
	position:relative;
	margin-bottom:40px;
	z-index:0;
}

	#main-content div {
		position:relative;
	}
			
	#main-content .moviePlayer {
		width:305px;
		height:235px;
	}
			
		#main-content .moviePlayer img {
			display:none;
			position:relative;
			left:15px;
			top:15px;
		}
		
		.ds #main-content .moviePlayer img {
			display:block !important;
		}
		
	#main-content .noscript {
		display:none;
	}
	
	.ds #main-content  .noscript {
		display:block !important;
	}
	
	.ds #main-content .moviePlayerButton a {
		display:none;
	}

/*-------------------------------------------------------------------------
	Main Footer
/*-----------------------------------------------------------------------*/
#main-footer {
	position:relative;
	z-index:1;
}

	#main-footer ul,
	#main-footer #copyright {
		text-align:center;
	}

	#main-footer #copyright {
		font-size:90%;
		margin-bottom:15px;
	}
	
	#main-footer ul {
		margin-bottom:30px;
	}
	
		#main-footer ul li {
			display:inline;
			margin-right:10px;
			padding-right:10px;
			border-right:1px solid #4b4b4b;
			color:#ff7d00;
			font-size:95%;
		}
		
		#main-footer ul li:last-child {
			margin:0;
			padding:0;
			border:none;
		}
		
			#main-footer ul li a {
				color:#5e5e5e;
			}
			
			#main-footer ul li a:hover {
				color:#ff7d00;
			}
			
/*-------------------------------------------------------------------------
	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:640px;
		height:415px;
		margin:0 auto;
		text-align:center;
		z-index:10;
	}
	
	#lightbox-close {
	}
	
		#lightbox-close a {
			display:block;
			height:37px;
			background:url(../img/common/lightbox/close_off.gif) no-repeat right top;
			text-indent:-9999px;
		}
		
		#lightbox-close a:hover {
			background-image:url(../img/common/lightbox/close_on.gif);
		}
	
		#lightbox-content iframe {
			width:640px;
			height:415px;
			border:none;
		}