@charset "Shift_JIS";

@import "../../../files/css/common/layout.css";

/*-------------------------------------------------------------------------
	All
/*-----------------------------------------------------------------------*/
#all {
	background-image:url(../img/bg.png);
}

/*-------------------------------------------------------------------------
	Main Content
/*-----------------------------------------------------------------------*/
#main-content {
	padding-top:35px;
	border-color:#96e6ff;
	background:url(../img/content/bg.png);
}

/*-------------------------------------------------------------------------
	Summary
/*-----------------------------------------------------------------------*/
#summary {
	margin-bottom:100px;
}
	
	#summary h2 {
		margin-bottom:10px;
	}
	
	#summary .text {
		position:relative;
		left:20px;
	}
	
	#summary .obj {
		position:absolute;
		left:480px;
		top:-75px;
	}
	
		#summary .obj li {
			position:absolute;
		}
		
		#summary .obj li.no0 {
			left:0;
			top:0;
			z-index:1;
		}
		
		#summary .obj li.no1 {
			left:-40px;
			top:125px;
			z-index:0;
		}
	
	#summary .star {
		left:230px;
		top:-30px;
	}
	
/*-------------------------------------------------------------------------
	Genre
/*-----------------------------------------------------------------------*/
#genre {
	margin-bottom:150px;
}

	#genre .header {
		margin-bottom:-45px;
		z-index:1;
	}
	
		#genre .header h2 {
			position:relative;
			width:428px;
			margin:0 auto;
			z-index:1;
		}
		
			#genre .header h2 .copy {
				position:absolute;
				left:-30px;
				top:-35px;
			}
			
		#genre .header p {
			position:absolute;
		}
			
		#genre .header .obj {
			left:5px;
			top:-70px;
			z-index:0;
		}
		
		#genre .header .close {
			display:none;
			right:-30px;
			top:20px;
		}

	#genre .gallery {
		width:892px;
		margin-left:-60px;
		padding:65px 26px 25px 26px;
		border:8px solid #fff;
		border-radius:20px;
		background:#73ebff;
		z-index:0;
	}
	
		#genre .gallery .navi {
			height:71px;
			margin-bottom:15px;
			padding:11px 44px;
			background:url(../img/content/genre/gallery/navi/bg.png) no-repeat center top;
		}
		
			#genre .gallery .navi li {
				display:inline;
				float:left;
				position:relative;
			}
			
				#genre .gallery .navi li .button {
					position:relative;
					cursor:pointer;
					z-index:1;
				}
			
				#genre .gallery .navi li .assistant {
					position:absolute;
					left:30px;
					top:-40px;
					z-index:0;
				}
				
					#genre .gallery .navi li .assistant img {
						position:relative;
						top:40px;
					}
			
		#genre .gallery .thumb {
			position:relative;
			left:6px;
		}
		
			#genre .gallery .thumb ul {
				display:none;
				margin-right:-5px;
			}
			
			#genre .gallery .thumb ul.action {
				display:block;
			}
			
				#genre .gallery .thumb ul li {
					display:inline;
					float:left;
					position:relative;
					margin:0 5px 5px 0;
					border:3px solid #fff;
					z-index:0;
				}
				
				#genre .gallery .thumb ul li.active {
					z-index:1;
				}
				
					#genre .gallery .thumb ul li .tooltip {
						display:none;
						position:absolute;
						left:-30px;
						top:-48px;
						width:226px;
						height:191px;
						padding-top:30px;
						background:no-repeat center top;
					}
					
					#genre .gallery .thumb ul li .tooltip.all {
						background-image:url(../img/content/genre/gallery/tooltip/all.png);
					}
				
					#genre .gallery .thumb ul li .tooltip.vs {
						background-image:url(../img/content/genre/gallery/tooltip/vs.png);
					}
					
						#genre .gallery .thumb ul li .tooltip h3 {
							position:absolute;
							left:0;
							bottom:0;
						}
						
						#genre .gallery .thumb ul li .tooltip .movie {
							width:206px;
							height:116px;
							margin:0 auto;
							background:#000;
						}
						
		#genre .star {
			left:300px;
			bottom:-120px;
		}
			
/*-------------------------------------------------------------------------
	Lineup
/*-----------------------------------------------------------------------*/
#lineup {
	width:840px;
	margin:0 auto 170px auto;
	padding:0;
}

	#lineup .header {
		z-index:1;
	}

		#lineup .header  .copy {
			position:absolute;
			left:5px;
			top:-80px;
		}
	
	#lineup .gallery {
		padding:20px 0 30px 0;
		border-radius:0 0 10px 10px;
		background:url(../img/content/lineup/gallery/bg.png);
	}
	
		#lineup .gallery .star {
			left:-10px;
			top:350px;
			z-index:0;
		}
	
		#lineup .gallery ul {
			position:relative;
			width:556px;
			z-index:1;
		}
		
			#lineup .gallery ul.no0 {
				left:250px;
			}
			
			#lineup .gallery ul.no1 {
				left:70px;
			}
			
			#lineup .gallery ul.no2 {
				left:200px;
			}
			
			#lineup .gallery ul li {
				width:260px;
				height:260px;
				background-image:url(../img/content/lineup/gallery/common/bg.png);
			}
			
				#lineup .gallery ul li h3 {
					margin:2px 0 12px 0;
				}
				
				#lineup .gallery ul li .moviePlayer,
				#lineup .gallery ul li .capture {
					overflow:hidden;
					position:relative;
					width:208px;
					height:117px;
					z-index:1;
				}
				
	#lineup .obj {
		position:absolute;
		left:0;
		top:0;
		z-index:2;
	}
	
		#lineup .obj li {
			position:absolute;
		}
		
		#lineup li.no0 {
			left:600px;
			top:-100px;
		}
		
		#lineup li.no1 {
			left:-90px;
			top:80px;
		}
		
		#lineup li.no2 {
			left:640px;
			top:330px;
		}
		
		#lineup li.no3 {
			left:-110px;
			top:640px;
		}