@charset "utf-8";
@import "../../normalize.css";
@import "common.css";

/* =========================================================
wrapper
========================================================= */
#wrapper {
/*
	background-image:url(../images/home/index_image.jpg);
	background-position:center top;
	background-repeat:no-repeat;
*/
	padding-top:0px;
}

#contents {
	width:940px;
	margin:0px auto;
	background-color:transparent;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
}

/* =========================================================
PV
========================================================= */
#player {
	width:940px;
	height:529px;
	margin:0px auto;
}

/* =========================================================
collection
========================================================= */
#collection {
	margin-top:40px;
}

#collection h2 {
	width:255px;
	height:0px;
	padding-top:36px;
	overflow:hidden;
	background-image:url(../images/home/title_collection.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
}

#collection ul {
	margin-top:10px;
}

#collection ul li {
	width:300px;
	height:169px;
	float:left;
	margin-right:20px;
	margin-bottom:20px;
}

#collection ul li:nth-child(3n) {
	margin-right:0px;
}

#collection ul li a {
	position:relative;
	display:block;
	width:300px;
	height:169px;
	overflow:hidden;
}

/* =========================================================
concept
========================================================= */
#concept {
	margin-top:40px;
}

#concept h2 {
	width:198px;
	height:0px;
	padding-top:36px;
	overflow:hidden;
	background-image:url(../images/home/title_concept.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
}

#concept  ul {
	margin-top:10px;
}

#concept li {
	width:220px;
	height:123px;
	margin-right:20px;
	float:left;
}

#concept li:last-child {
	margin-right:0px;
}

#concept li a {
	position:relative;
	display:block;
}

/* =========================================================
information
========================================================= */
#information {
	margin-top:60px;
}

#information ul li {
	width:300px;
	height:107px;
	margin-bottom:20px;
	margin-right:20px;
	float:left;
}

#information ul li:last-child {
	margin-right:0px;
}

#information ul li a {
	position:relative;
	display:block;
}