@charset "UTF-8";

/*---------------------スクロール数　表示用------------------*/

h1 {
	text-align: center;
}

.indicator {
	position: fixed;
	right: 0px;
	top: 0px;
	z-index: 1;
}

/*---------------------スクロール数　表示用ここまで------------------*/

/*---------------------ベース　表示用ここから------------------*/
html,body{
	width:1400px;
	margin:0;
	padding:0;
	border:0;
	background-image: url(../images/stardust.png);
	background-repeat: repeat;
	}
	
	#wrapper {
	position: relative;
	width: 1400px;
	height: 100%;
	margin: 0;
	padding: 0;
}

/*---------------------ナビここから------------------*/

#globalNavi{
	width:1400px;
	height: 50px;
	padding-top: 20px;
	padding-bottom:15px;
	background: #000;
	position: fixed;
	z-index: 800;
}
#globalNavi ul li{
	list-style:none;
	width:auto;
	margin:0;
	margin-left:50px;
	margin-right:20px;
	display:inline-block;
	}
	
	#comFont{
		color:#FFF;
		font-family: 'Fira Sans', sans-serif;
		font-weight:400;
		font-size:1.8em;
	}
	
#globalNavi ul li a{
	text-decoration: none;
	font-size:0.9em;
	color:#fff;
}
#globalNavi ul li a:hover{
	color:#0BC4FD;
}


/*---------------------ナビここまで------------------*/



/*---------------------コンテンツ分指定------------------*/
.inner h1 {
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 2em;
	line-height: 0.5em;
	margin: 25px 0;
	text-align: left;
}

#p_top {
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 1em;
	margin: 15px 0;
	color: #000;
	line-height: 1.5em;
}

.inner p {
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 1em;
	margin: 15px 0;
	color: #FFF;
	line-height: 1.4em;
}

.content {
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
	border-top: 1px solid rgba(255, 255, 255, 0.3);
	box-shadow: 0 0 50px rgba(0, 0, 0, 0.2);
	color: #333;
	height: 900px;
	width: 1400px;
	padding: 0;
	margin-top: 0;
	margin-bottom: -55px;
	margin-right: auto;
	margin-left: auto;
	position:relative;
}







/*---------------------背景画像---------------------*/
#first {
	background-image: url(../images/bg-images01.jpg);
	background-repeat: no-repeat;
	width:1400px;
	}

#second {
	background-image: url(../images/bg-images02.jpg);
	background-repeat: no-repeat;
	width:1400px;
}

#third {
	background-image: url(../images/bg-images03.jpg);
	background-repeat: no-repeat;
	width:1400px;
}

#fourth {
	background-image: url(../images/bg-images04.jpg);
	background-repeat: no-repeat;
	width:1400px;
}

#five {
	background-image: url(../images/bg-images05.jpg);
	background-repeat: no-repeat;
	width:1400px;
}


/*--------------------------- section first ---------------------------*/
.title {
	color: rgba(255, 255, 255, 0.9);
	font-size: 3em;
	font-weight: bold;
	margin-top: 170px;
	margin-left:90px;
	text-shadow: 0 -1px rgba(0, 0, 0, 0.4);
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	line-height: 1.4em;
}

#first .inner {
	border: 1px solid rgba(150, 150, 150, 0.1);
	box-shadow: 0 0 8px 4px rgba(0, 0, 0, 0.3);
	position: absolute;
	top: 400px;
	width: 800px;
	padding-top: 18px;
	padding-right: 18px;
	padding-bottom: 18px;
	padding-left: 90px;
	background-color: rgba(250,191,34,0.9);
}

#hito2 {
	position: absolute;
	left: 60%;
	top: 280px;
	transform: rotate(20deg);
}


#first img {
  position: absolute;
  left: 0px;
  top: 0px;
}


/*--------------------------- section  second ---------------------------*/
#second .inner {
	background: rgba(51, 51, 51, 0.9);
	border: 1px solid rgba(150, 150, 150, 0.1);
	box-shadow: 0 0 8px 4px rgba(0, 0, 0, 0.4);
	color: white;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
	line-height: 1.5em;
	width: 550px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	margin-left: 90px;
	margin-top: 30px;
	position: absolute;
}

.img_amp {
	position: absolute;
	left: 60%;
	top: 150px;
}

.img_sp2 {
	position: absolute;
	left: 10%;
	top: 340px;
}

.img_cab {
	position: absolute;
	left:  40%;
	top: 400px;
	transform: rotate(-20deg);

}

.img_sp1 {
	position: absolute;
	left: 75%;
	top: 400px;
}

.img_bass {
	position: absolute;
	left: 35%;
	top: 450px;
	transform: rotate(20deg);
}

#second img {
  position: absolute;
  left: 0px;
  top: 0px;
}



/*--------------------------- section  third ---------------------------*/
#third .inner {
  background: rgba(51, 51, 51, 0.9);
  border: 1px solid rgba(150, 150, 150, 0.1);
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.3);
  color: white;
  padding: 10px 20px;
  margin: 100px 0 0 60%;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
  line-height: 1.5em;
  position: absolute;
  top: 0;
}

#hito {
	position: absolute;
	left: 20%;
	top: 0px;
	z-index: 100;
	transform: rotate(10deg);
}

#third #img_amp {
	position: absolute;
	left: 60%;
	top: 150px;
}

#third #img_sp2 {
	position: absolute;
	left: 10%;
	top: 300px;
}

#third #img_cab {
	position: absolute;
	left:  25%;
	top: 400px;
}

#third #img_sp1 {
	position: absolute;
	left: 55%;
	top: 400px;
}



#third img {
  position: absolute;
  left: 0px;
  top: 0px;
}


/*--------------------------- section  fourth ---------------------------*/
#fourth .inner {
	background: rgba(51, 51, 51, 0.9);
	border: 1px solid rgba(150, 150, 150, 0.1);
	box-shadow: 0 0 8px 4px rgba(0, 0, 0, 0.4);
	color: white;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
	line-height: 1.5em;
	width: 550px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	margin-left: 90px;
	margin-top: 30px;
	position: absolute;
}

#img6 {
	position: absolute;
	top: 200px;
	left: 200px;
}

#img7 {
	position: absolute;
	top: 350px;
	left: 450px;
}

#img8 {
	position: absolute;
	top: 500px;
	left: 700px;
}

#img9 {
	position: absolute;
	top: 650px;
	left: 950px;
}


/*--------------------------- section five ---------------------------*/

#five .inner {
	background: rgba(51, 51, 51, 0.9);
	border: 1px solid rgba(150, 150, 150, 0.1);
	box-shadow: 0 0 8px 4px rgba(0, 0, 0, 0.4);
	color: white;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
	line-height: 1.5em;
	width: 550px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
	margin-left: 30px;
	margin-top: 30px;
	position: absolute;
}


#inner2 h1 {
	width:400px;
	text-align:left;
	margin-bottom:10px;
	}


#inner2{
	width:500px;
	height:500px;
	margin-top:280px;
	margin-left:850px;
}


/*--------------------------- footer　---------------------------*/
#footer {
	background-color:#000;
	position:absolute;
}

.copy{
	width:1400px;
	height:50px;
}

.copy p small{
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	width:400px;
	color:#fff;
	margin-left:80px;
}