@charset "UTF-8";
/* hover */
a{
	color:#333333;
}
a:hover{
	color:#FFFFFF;
}
a:hover div#button{
	background-color: #fd7377;
}
a:hover div#button4{
	background-color: #fd7377;
}

/*
a:hover div#button2{
	background-image:url("/images/button_bg-h.png");
}
a:hover div#button3{
	background-image:url("/images/button_bg-h.png");
}
*/
/* Main */
body{
	background-color:#404040;
	font-size:25px;
}
div{position:relative;}
div#container{
	width:1980px;
	height:auto;
	margin:0 auto;
	padding:0;
}
div#bg1{
	width: 1980px;
	height: 1282px;
	background-image: url("/images/bg1.jpg");
	background-size:cover;
}

div #topbar{
	width:100%;
	height:3.9%;
	background-color:#000000;
	text-align: right;
}
div #topbar ul{
	padding-top: 2px;
}
div #topbar li{
	display: inline-block;
	margin-right: 8px;
}
div #topbar a{
	font-size: 120%;
	color: #ffffff;
}
div #bg1 .base{
	width:100%;
	height:96.1%;
}
div#bg2{
	width:1980px;
	height:2558px;
	background-image:url("/images/bg2.jpg");
	background-size:cover;
}

div #bg2 .base{
	width:100%;
	height:50%;
}
div#bg3{
	width:1980px;
	height:1280px;
	background-image:url("/images/bg3.jpg");
	background-size:cover;
}

div#bg4{
	margin-top:10px;
	width:1980px;
	height:1280px;
	background-image:url("/images/bg3.jpg");
	background-size:cover;
}
img#top_img{
	display:block;
	margin:0;
	padding:0;
	border:none;
	position: absolute;
	top:18%;
}
img#scrolldown{
	display:block;
	margin:0;
	padding:0;
	border:none;
	position: absolute;
	top: 86%;
	left:46%;
}
img#naka{
	display:block;
	margin:0;
	padding:0;
	border:none;
	position: absolute;
	top: 12%;
	left:55%;
}
img#kano{
	display:block;
	margin:0;
	padding:0;
	border:none;
	position: absolute;
	top: 12%;
	left:9%;
}
img#naka_voice{
	display:block;
	margin:0;
	padding:0;
	border:none;
	position: absolute;
	top: 27%;
	left:44%;
}
img#kano_voice{
	display:block;
	margin:0;
	padding:0;
	border:none;
	position: absolute;
	top: 27%;
	left:30%;
}
div#naka_text{
	width:45.3%;
	height:33%;
	background-image:url("/images/textbox1.png");
	background-size:cover;
	margin:0;
	padding:0;
	border:none;
	position: absolute;
	top: 45%;
	left:10%;
}
div#naka_text p{
	display:block;
	margin:0;
	padding:0;
	border:none;
	position: absolute;
	top: 62%;
	left:62%;
	color:#606060;
}
div#kano_text{
	width:48.5%;
	height:33%;
	background-image:url("/images/textbox2.png");
	background-size:cover;
	margin:0;
	padding:0;
	border:none;
	position: absolute;
	top: 45%;
	left:35%;
}
div#kano_text p{
	display:block;
	margin:0;
	padding:0;
	border:none;
	position: absolute;
	top: 62%;
	left:1.5%;
	color:#606060;
}
img#model{
	display:block;
	margin:0;
	padding:0;
	border:none;
	position: absolute;
	top:5%;
	left:5%;
}
img#model2{
	display:block;
	margin:0;
	padding:0;
	border:none;
	position: absolute;
	top:5%;
	left:5%;
}
img#title{
	display:block;
	margin:0;
	padding:0;
	border:none;
	position: absolute;
	top:10%;
	left:40%;
}
img#title2{
	display:block;
	margin:0;
	padding:0;
	border:none;
	position: absolute;
	top:10%;
	left:40%;
}
div#modeltextbox{
	display:block;
	margin:0;
	padding:0;
	border:none;
	position: absolute;
	top: 17%;
	left:40%;
}
p#about3d{
	display:block;
	margin:0;
	padding:0;
	border:none;
	font-size:100%;
	color:#ff6060;
}
p#about2d{
	display:block;
	margin:0;
	padding:0;
	border:none;
	font-size:100%;
	color:#ff6060;
}
div#whatsnakasis{
	display:block;
	margin:2em 0 0 0;
	padding:1em;
	border:2px solid #ff6060;
	font-size:80%;
	color:#ff6060;
	border-radius:10px;  
	-webkit-border-radius:10px;  
 	-moz-border-radius:10px;  
}
div#whatsnakasis h2{
	font-size: 150%;
	font-weight: bold;
}
div#whatsnakasis p{
	font-size:150%;
	margin-bottom:8px;
}
div#modeltextbox ul{
	list-style:disc;
	margin-top:2em;
	margin-left:2em;
}
div#modeltextbox li{
	font-size:150%;
	color:#ff6060;
}
div#button{
	color:#FFFFFF;
	padding: 2% 2.5%;
	position: absolute;
	width:10%;
	top: 68%;
	left: 38%;
	background-color: #7fb4fc;
	background-size:100% 100%;
	text-align:center;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
	behavior: none;
}
div#button2{
	padding: 2% 2.5%;
	position: absolute;
	width:10%;
	top: 68%;
	left: 55%;
	background-color: #7fb4fc;
	background-size:100% 100%;
	text-align:center;
	opacity:0.4;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
	behavior: none;
}
div#button3{
	padding: 1.2% 2.5%;
	position: absolute;
	width:10%;
	top: 68%;
	left: 72%;
	background-color: #7fb4fc;
	background-size:100% 100%;
	text-align:center;
	opacity:0.4;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
	behavior: none;
}
div#button4{
	color:#FFFFFF;
	padding: 1% 2.5%;
	position: absolute;
	width:10%;
	top: 79%;
	left: 38%;
	background-color: #7fb4fc;
	background-size:100% 100%;
	text-align:center;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
	behavior: none;
}
div#contact{
	position: absolute;
	top: 89%;
	left: 38%;
}
div#button a{
	color:#999999;
	text-decoration:none;
}
div#footer{
	width:100%;
	background-color:#000000;
	font-size:12px;
	text-align: center;
}
div#footer a{
	color: #FFFFFF;
	text-decoration: none;
}

/*pc*/
@media screen and (max-width: 1979px){
	body{
		font-size:17px;
	}
	div#container{
		width:1366px;
	}
	div#bg1{
		width: 1366px;
		height: 884px;
	}
	div#bg2{
		width:1366px;
		height:1765px;
	}
	div#bg3{
		width:1366px;
		height:883px;
	}
	div#bg4{
		width:1366px;
		height:883px;
	}
}
@media screen and (max-width: 1365px){
	body{
		font-size:12px;
	}
	div#container{
		width:1024px;
	}
	div#bg1{
		width: 1024px;
		height: 663px;
	}
	div#bg2{
		width:1024px;
		height:1323px;
	}
	div#bg3{
		width:1024px;
		height:662px;
	}
	div#bg4{
		width:1024px;
		height:662px;
	}
}

/* audio */
 /*　プレイヤー（再生バー）　*/
.audiojs {
  background: none;
  overflow: hidden;
  font-size: 0px;  
  -webkit-box-shadow: none;
  -moz-box-shadow: none;  
  -o-box-shadow: none;
  box-shadow: none;
  position: absolute;
}
/*　再生・停止ボタン　*/
.audiojs .play-pause {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  float: left;
  overflow: hidden;
  border: none;
  background-size:cover;
}
/*　再生・停止ボタンなどの p 要素　*/
.audiojs p {
  display: none;
  width: 0px;
  height: 0px;
  margin: 0px;
  cursor: pointer;
}
.naka  .audiojs {
  width: 16.4%;
  height:12.9788%;
  top: 27%;
  left:44%;
}
.kano  .audiojs {
  width: 16.4%;
  height:12.9788%;
  top: 27%;
  left:30%;
}
.naka .audiojs .play-pause {
  background-image:url("/images/button_naka.png");
}
.kano .audiojs .play-pause {
  background-image:url("/images/button_kano.png");
}