@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;
	}
	
	#container .new {
		position:absolute;
		right:-40px;
		top:15px;
	}
	
	#container .new.left {
		right:0;
		left:-40px;
	}

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

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

/*-------------------------------------------------------------------------
	Title
/*-----------------------------------------------------------------------*/
#title {
	position:relative;
	width:740px;
	height:153px;
	background:url(../img/common/title/bg.jpg) no-repeat left top;
}
	
	#title img {
		position:relative;
	}
	
	#title #title-navi {
		position:absolute;
		right:10px;
		bottom:10px;
		z-index:1;
	}
	
		#title #title-navi li {
			display:inline;
			float:left;
			position:relative;
		}
		
			#title #title-navi li a {
				display:block;
			}
			
			#title #title-navi li .current {
				cursor:default;
			}
			
				#title #title-navi li a .obj {
					position:absolute;
					right:30px;
					bottom:60px;
				}
				
		#title #title-navi li .new {
			position:absolute;
			right:-10px;
			top:30px;
		}

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

	#main-content div {
		position:relative;
	}
	
	#main-content .character {
		visibility:hidden;
		position:absolute;
		z-index:10;
	}

/*-------------------------------------------------------------------------
	Movie Player
/*-----------------------------------------------------------------------*/
#main-content .moviePlayer {
	position:relative;
}

	#main-content .moviePlayer .info {
		display:none;
	}

	#main-content .moviePlayer .arrow,
	#main-content .moviePlayer .play {
		position:absolute;
	}
	
	#main-content .moviePlayer .play {
		right:-40px;
		top:-40px;
		z-index:1;
	}
	
	.noscript #main-content .moviePlayer .play,
	.ds #main-content .moviePlayer .play {
		display:none;
	}
	
	#main-content .moviePlayer .arrow {
		display:block;
		left:0;
		top:0;
		background:url(../img/common/main/movie/arrow/normal_off.png) no-repeat center center;
		z-index:2;
	}
	
	#main-content .moviePlayer .arrow:hover {
		background-image:url(../img/common/main/movie/arrow/normal_on.png);
	}
	
	#main-content .moviePlayer .arrow.mini {
		background-image:url(../img/common/main/movie/arrow/mini_off.png);
	}
	
	#main-content .moviePlayer .arrow.mini:hover {
		background-image:url(../img/common/main/movie/arrow/mini_on.png);
	}

/*-------------------------------------------------------------------------
	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:#aaa;
			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.current,
			#main-footer ul li a:hover {
				color:#ff7d00;
			}
			
			#main-footer ul li a.current {
				text-decoration:none;
				cursor:default;
			}

/*-------------------------------------------------------------------------
	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-include li .serial {
					position:relative;
					width:564px;
					height:564px;
					margin:0 auto;
					background:url(../img/common/lightbox/serial/bg.png) no-repeat center center;
					text-align:center;
				}
				
				#lightbox-include li h6 {
					position:relative;
					left:20px;
					width:100%;
					height:120px;
				}
				
					#lightbox-include li h6 .num,
					#lightbox-include li h6 .txt {
						display:inline;
						float:left;
					}
					
					#lightbox-include li h6 .num {
						width:131px;
						height:131px;
						background:url(../img/common/lightbox/serial/ttl.png) no-repeat left top;
					}
					
						#lightbox-include li h6 .num img {
							position:relative;
							left:-5px;
							top:56px;
						}
	
	#lightbox-close,
	#lightbox-prev,
	#lightbox-next,
	#lightbox-obj {
		position:absolute;
		top:0;
		z-index:3;
	}
	
	#lightbox-prev,
	#lightbox-next,
	#lightbox-obj {
		display:none;
	}
	
		#lightbox-close a,
		#lightbox-prev a,
		#lightbox-next a {
			display:block;
			background:no-repeat center center;
			text-indent:-9999px;
		}
		
		#lightbox-prev a,
		#lightbox-next a {
			width:84px;
			height:84px;
		}
		
		#lightbox-prev .txt,
		#lightbox-next .txt {
			position:relative;
			left:-10px;
			top:-6px;
		}
	
	#lightbox-close {
		right:-20px;
	}
	
		#lightbox-close a {
			width:58px;
			height:57px;
			background-image:url(../img/common/lightbox/close_off.png);
		}
		
		#lightbox-close a:hover {
			background-image:url(../img/common/lightbox/close_on.png);
		}
		
	#lightbox-prev {
		left:-42px;
		
	}
	
		#lightbox-prev a {
			background-image:url(../img/common/lightbox/prev_off.png);
		}
		
		#lightbox-prev a:hover {
			background-image:url(../img/common/lightbox/prev_on.png);
		}
		
	#lightbox-next {
		right:-42px;
	}
	
		#lightbox-next a {
			background-image:url(../img/common/lightbox/next_off.png);
		}
		
		#lightbox-next a:hover {
			background-image:url(../img/common/lightbox/next_on.png);
		}
		
	#lightbox-obj {
		width:164px;
		right:-60px;
		top:400px;
	}