@charset "utf-8";

@import "base.css";
@import "lightbox.css";


.noscript .js {
	display:none !important;
}
	.wii .moviePlayer,
	.noscript .moviePlayer,
	.ds .moviePlayer,
	.nonFP .moviePlayer,
	.iphone .moviePlayer,
	.android .moviePlayer {
		display:none;
	}
	.poster {
		display:none;
	}
		.noscript .poster,
		.wii .poster,
		.ds .poster,
		.iphone .poster,
		.android .poster,
		.nonFP .poster {
			display:block !important;
		}
/*-------------------------------------------------------------------------
	All
/*-----------------------------------------------------------------------*/
div,ul,dl {
	zoom:1;
}

	div:after,
	ul:after,
	dl:after{
		content:"";
		display:block;
		clear:both;
		visibility:hidden;
	}

/*-------------------------------------------------------------------------
	header
/*-----------------------------------------------------------------------*/
#header {
	height: 28px;
	padding: 12px 28px 0 28px;
	background-color: #fff;
	position: relative;
	z-index: 1;
}
	#header ul {
	}
	#header ul li {
		float: left;
		line-height: 0;
	}
	#header ul li.threeds {
		float: right;
	}

/*-------------------------------------------------------------------------
	Contents
/*-----------------------------------------------------------------------*/
.contents {
	position: relative;
	background: #000;
	overflow: hidden;
}
	.contents .line {
		padding-top: 26px;
		background: url(../img/common/contents/line.png) repeat-x center top;
		position: relative;
		z-index: 1;
	}
	.contents .h100 {
		height: 100%;
	}
	.contents .youtube {
		width: 530px;
		height: 325px;
		padding: 17px 0 0 17px;
		background: url(../img/common/contents/frame.png) no-repeat;
	}

.contents.last {
	padding-bottom: 200px;
}
	.contents.shadow {
		margin-top: -47px;
		padding-top: 47px;
		background: url(../img/index/title/shadow.png) repeat-x left 19px;
		position: relative;
		z-index: 10;
	}
		.contents.shadow .line {
			padding: 0;
			background: url(../img/index/contents/line.png) repeat-x center 19px;
		}
		.contents.shadow #secLast {
			height: 176px;
			overflow: hidden;
		}
	.contents.shadow.none {
		margin-top: 0;
		padding-top: 0;
		background: none;
	}



.wrap {
	width: 960px;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}

/*-------------------------------------------------------------------------
	Navi
/*-----------------------------------------------------------------------*/

#navi {
	height: 108px;
	min-width: 960px;
	margin-top: -45px;
	text-align: center;
	background: url(../img/common/navi/bg.png) no-repeat center top;
	position: relative;
	z-index: 1;
}
	#navi ul {
		width: 886px;
		margin: 0 auto;
		position: relative;
		right: 2px;
	}
		#navi ul li {
			float: left;
		}
		#navi ul .logo {
		}

.contents.shadow #navi {
	margin-top: 0;
}

/*-------------------------------------------------------------------------
	Footer
/*-----------------------------------------------------------------------*/

#footer {
	padding: 40px 28px 20px 28px;
	color: #c2956a;
	position: relative;
	z-index: 1;
}
	#footer a {
		color: #c2956a;
		display: inline;
	}
	#footer ul {
		float: left;
	}
		#footer ul li {
			float: left;
		}

	#footer p {
		padding-right: 28px;
		float: right;
	}
.contents.shadow {
	width: 100%;
	padding-bottom: 0;
	position: fixed;
	bottom: 0;
}
.contents.shadow #secLast #footer {
	padding: 20px 28px 16px 28px;
	text-align: center;
}
	.contents.shadow #secLast #footer ul {
		width: 360px;
		float: none;
		margin: 0 auto;
	}

/*-------------------------------------------------------------------------
	Background
/*-----------------------------------------------------------------------*/

.background {
	width: 100%;
	min-width: 960px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}
	.background p {
		position: relative;
	}
	.background img {
		height: auto;
		width: 100%;
		position: absolute;
	}
.contents.shadow #secLast .background {
	top: 46px;
}