@charset "utf-8";

body .recommend {
	font-family: Arial,Helvetica,sans-serif,'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3',Meiryo,'メイリオ','ＭＳ Ｐゴシック';
}

body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	color: #FFF;
	line-height: 23px;
	font-size: 13px;
	font-style: italic;
	font-family: sans-serif;
	background-color: #000;
}

a {
	text-decoration: none;
	color: #FFF;
}
a:hover {
	color: #787878;
}

a img {
	border: none;
}
ul {
	padding: 0;
	list-style: none;
}

#background {
	z-index: 1;
	display: block;
	height: 0px;
	width: 0px;
}
#bg01 {
	height: 860px;
	background: url(../img/bg_A.jpg) no-repeat center top fixed;
	background-size: cover;
}
#bg02 {
	height: 860px;
	background: url(../img/bg_B.jpg) no-repeat center top fixed;
	background-size: cover;
}
#bg03 {
	height: 960px;
	background: none;
}
#bg04 {
	height: 800px;
	background: url(../img/bg_D.jpg) no-repeat center top fixed;
	background-size: cover;
}

#siteContainer {
	width: 960px;
	margin: 0px auto;
	position: relative;
}

#head {
	margin-top: 20px;
	height: 60px;
}
#head div {
	float: left;
	width: 160px;
}
#head a {
	width: 229px;
	height: 17px;
	display: block;
	float: right;
	background: url(../img/top_url.png) no-repeat;
}
#head a:hover {
	width: 238px;
	background: url(../img/top_url_h.png) no-repeat;
}
#head a span {
	display: none;
}

#nav {
	float: left;
}
#nav ul {
}

#nav li {
	margin-bottom: 10px;
}
#nav span {
	display: none;
}
#nav a {
	height: 15px;
	display: block;
	overflow: hidden;
}
#nav_top {
	width: 52px;
	background: url(../img/nav_top.png) no-repeat top;
}
#nav_top:hover {
	background: url(../img/nav_top.png) no-repeat center;
}
#nav_info {
	width: 67px;
	background: url(../img/nav_info.png) no-repeat top;
}
#nav_info:hover {
	background: url(../img/nav_info.png) no-repeat center;
}
#nav_top .nav_info_hl {
	background: url(../img/nav_info.png) no-repeat bottom;
}
#nav_movie {
	width: 124px;
	background: url(../img/nav_track.png) no-repeat top;
}
#nav_movie:hover {
	background: url(../img/nav_track.png) no-repeat center;
}
#nav_staff {
	width: 72px;
	background: url(../img/nav_staff.png) no-repeat top;
}
#nav_staff:hover {
	background: url(../img/nav_staff.png) no-repeat center;
}

.fixed {
	position: fixed;
	top: 80px;
}

#download a{
	display: block;
	width: 252px;
	height: 53px;
	background: url(../img/download.png) no-repeat;
}
#download a:hover {
	background: url(../img/download_h.png) no-repeat;
}
#download a span {
	display: none;
}

#share {
	margin-top: 5px;
	margin-bottom: 15px;
}
#share ul{
}
#share ul li {
	float: left;
}
.gplus {
	width: 36px;
}
.twitter {
	width: 60px;
}

#top {
	width: 960px;
	height: 370px;
	padding-top: 300px
}
.oshiete {
	width: 544px;
	height: 167px;
	margin: auto;
	background-image: url(../img/oshiete.png)
}
.oshiete span{
	display: none;
}

#info {
	padding-top: 80px;
	height: 860px;
	width: 320px;
	float: right;
}
#info p {
	margin-bottom: 23px;
	font-style: normal;
	text-align: justify;
}

#movie {
	padding-top: 80px;
	height: 960px;
	width: 800px;
	float: right;
}
#movie iframe {
	width: 800px;
}
#track {
	padding-top: 40px;
}
#track ul {
	margin: 0px 0px 40px;
	font-size: 16px;
	font-style: normal;
}
#track object {
	top: -9999px;
}
.audiojs {
	width: 30px;
	height: 25px;
	margin-left: -10px;
	margin-top: -8px;
	margin-right: 10px;
	background: none;
	overflow: hidden;
	float: left;
}
#jacket {
	float: right;
	height: 180px;
	width: 180px;
	background: url(../img/jacket.jpg);
	background-size: 180px;
}
.discription {
	font-size: 12px;
	
}

#staff {
	width: 800px;
	padding-top: 80px;
	float: right;
}
#staff p {
	margin: 0px 0px 23px;
}
#staff em {
	font-weight: 100;
}
#staff div {
	float: left;
	margin-left: 160px;
	width: 160px;
}
#staff div:first-child {
	margin-left: 0px;
}

/* clearfix */

  #siteContainer:after
, #head:after
, #share ul:after
, #info:after
, #movie:after
, #staff:after
{
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}