@charset "Shift_JIS";

@import "common/layout.css";

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

.pc #all,
.wii #all,
.iphone #all,
.ds #all {
	display:block;
}

.noscript {
	display:none;
}
	
.ds .hasMovie,
.nonFP .hasMovie {
	display:none;
}
	
.ds .noscript,
.nonFP .noscript {
	display:block;
}

/*-------------------------------------------------------------------------
	Main
/*-----------------------------------------------------------------------*/
#main {}

	#main .wrap {
		background-image:url(../img/index/main/bg.jpg);
	}

/*-------------------------------------------------------------------------
	Title
/*-----------------------------------------------------------------------*/
h1 {
	position:relative;
	text-align:center;
}

/*-------------------------------------------------------------------------
	Button
/*-----------------------------------------------------------------------*/
.btn {
	position:absolute;
	right:-20px;
	top:30px;
}

	.btn span {
		position:absolute;
		left:20px;
		top:60px;
	}

/*-------------------------------------------------------------------------
	Banner
/*-----------------------------------------------------------------------*/
.banner_happyprice {
	position:absolute;
	right:0px;
	top:60px;
}

/*-------------------------------------------------------------------------
	Global Navi
/*-----------------------------------------------------------------------*/
#globalNavi {
	position:absolute;
	right:0;
	bottom:-10px;
	width:100%;
}

	#globalNavi p {
		position:absolute;
		left:-10px;
		bottom:20px;
	}
	
		#globalNavi p a {
			position:relative;
		}
	
	#globalNavi ul {
		bottom:0;
		width:720px;
	}
	
		#globalNavi ul li {
			width:120px;
		}
		
			#globalNavi ul li a {
				display:block;
				position:relative;
				height:172px;
			}
			
				#globalNavi ul li a img {
					position:relative;
					z-index:0;
				}
			
				#globalNavi ul li a span {
					position:absolute;
					right:-20px;
					bottom:90px;
					z-index:1;
				}
			
/*-------------------------------------------------------------------------
	Footer Content
/*-----------------------------------------------------------------------*/
#footer-content {
	position:relative;
	margin-bottom:20px;
}

	#footer-content .detail {
		position:relative;
		width:960px;
		height:330px;
	}
	
	#footer-content .detail.noscript {
		height:365px;
	}
	
		#footer-content .detail .thumbs,
		#footer-content .detail .manual,
		#footer-content .detail .guidebook,
		#footer-content .detail .tv,
		#footer-content .detail .option,
		#footer-content .detail .bnr,
		#footer-content .detail .info {
			position:absolute;
		}
	
		#footer-content .detail .thumbs {
			left:0;
			top:-8px;
		}
		
			#footer-content .detail .thumbs ul {
				width:250px;
			}
		
				#footer-content .detail .thumbs ul li {
					position:absolute;
					left:0;
					top:0;
				}
			
				#footer-content .detail .thumbs ul .icon {
					left:170px;
					top:0;
				}
				
				#footer-content .detail .thumbs ul .network {
					left:176px;
					top:86px;
				}
				
				#footer-content .detail .thumbs ul .cero {
					left:230px;
					top:97px;
				}
				
				#footer-content .detail.noscript .thumbs ul .icon {
					left:130px;
					top:0;
				}
				
				#footer-content .detail.noscript .thumbs ul .cero {
					left:140px;
					top:70px;
				}
				
				#footer-content .detail.noscript .thumbs ul .network {
					left:200px;
					top:6px;
				}
	
		#footer-content .detail .manual {
			left:560px;
			top:295px;
			z-index:100;
		}
		
		#footer-content .detail.noscript .manual {
			top:263px;
		}
		
		#footer-content .detail .guidebook {
			left:778px;
			top:295px;
			z-index:100;
		}
		
		#footer-content .detail.noscript .guidebook {
			top:263px;
		}
		
		#footer-content .detail .option {
			clear:both;
			top:0px;
			left:300px;
		}
		
		#footer-content .detail.noscript .option {
			clear:both;
			top:0;
			left:310px;
		}
		
		#footer-content .detail .tv {
			position:absolute;
			top:-24px;
			cursor:pointer;
		}
		
		#footer-content .detail #footer-movie {
			top:-14px;
			right:244px;
		}
		
		#footer-content .detail #footer-movie2 {
			right:445px;
		}
		
			#footer-content .detail .tv a {
				display:block;
				position:relative;
				height:200px;
			}
			
				#footer-content .detail .tv a span {
					position:absolute;
					right:0;
					bottom:156px;
				}
				
		#footer-content .detail ul.bnr {
			top:5px;
			right:-60px;
		}
		
		#footer-content .detail.noscript ul.bnr {
			top:-14px;
			right:-55px;
		}
		
		#footer-content .detail ul.bnr li span.ico-new001 {
			position:absolute;
			right:8px;
			top:5px;
		}
		
		
		#footer-content .detail.noscript ul.bnr li span.ico-new001 {
			position:absolute;
			right:8px;
			top:-2px;
		}
		
		#footer-content .detail ul.bnr li span.ico-new002 {
			position:absolute;
			right:8px;
			top:154px;
		}
		
		#footer-content .detail.noscript ul.bnr li span.ico-new002 {
			position:absolute;
			right:8px;
			top:124px;
		}
		
		#footer-content .detail .info {
			width:960px;
			left:0;
			top:170px;
			z-index:1;
		}
		
			#footer-content .detail .info dl {
				float:left;
				width:221px;
			}
			
				#footer-content .detail .info dl dt a:hover {
					filter: alpha(opacity=80);
					opacity:0.8;
				}
			
			#footer-content .detail .info .outline {
				padding:0;
				width:722px;
				margin: auto;
				clear:none;
			}
			
			#footer-content .detail .info p {
				padding:15px 0 0 0;
				clear:both;
			}
		
		#footer-content .detail.noscript .info {
			left:0;
			top:140px;
		}
		
		#footer-content .detail .club {
			position:relative;
			top:330px;
			text-align:center;
		}
		
		#footer-content .detail.noscript .club {
			top:295px;
		}
	
	#footer-content .attention {
		margin-bottom:10px;
	}
	
		#footer-content .attention p {
			display:inline;
			float:left;
		}
		
		#footer-content .attention .title {
			margin-right:5px;
		}
		
			#footer-content .attention .title a:hover {
				filter: alpha(opacity=80);
				opacity:0.8;
			}
		
		#footer-content .attention .content {
			position:relative;
			top:1px;
		}
	
	#footer-content .copyright {
		margin-bottom:10px;
		text-align:center;
	}