html,body,div,p,pre,form,fieldset,h1,h2,h3,h4,h5,h6,iframe,object {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}
input,select,textarea,label,span,ol,ul,li,dl,dt,dd,a,img {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}
div {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
body {
	background-color: #000000;
}
div#conte {
	position:relative;
	margin: 0px 0px;
	padding: 0px 0px;
	width:880px;
	height:440px;
	overflow: hidden;
	opacity: 1.0;
	animation: view-slowly 1.5s ease-out;
	-webkit-animation: view-slowly 1.5s ease-out;
}
@keyframes view-slowly {
  0% { opacity: 0.0; }
  100% { opacity: 1.0; }
}
@-webkit-keyframes view-slowly {
  0% { opacity: 0.0; }
  100% { opacity: 1.0; }
}
.bg_image {
    position:absolute;
    top:50%;
    left:50%;
    width:900px;
    height:446px;
    margin-left:-450px;
    margin-top:-223px;
	background-image: url("./top_bg1.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	#background-size: cover;
	background-size: contain;
	#background-size: 900px 446px
	opacity: 1.0;
	z-index:88;
}
.bg_image:after {
	content: "";
	clear: both;
	display: block;
}
.bg_image .top_qb {
	#display: none;
	position:absolute;
	top:50%;
	left:50%;
	width:424px;
	height:480px;
	margin-left:-212px;
	margin-top:-240px;
	background-image: url("./top_qb1.png");
	background-repeat: no-repeat;
	background-position: center center;
	#background-size: cover;
	#background-size: contain;
	background-size: 424px 480px
	opacity: 1.0;
	z-index:88;
}
.bg_image .top_moon {
	display: none;
}
.bg_image .top_night1 {
	display: none;
}
.bg_image .top_night2 {
	display: none;
}
.bg_image .top_night2 {
	display: none;
}
.bg_image .top_night3 {
	display: none;
}
.bg_image .top_night4 {
	display: none;
}
.bg_image .top_night5 {
	display: none;
}
.bg_image .top_night6 {
	display: none;
}
.bg_image .top_night7 {
	display: none;
}
.bg_image .top_logo {
	#display: none;
	position:absolute;
	top:50%;
	left:50%;
	width:142px;
	height:34px;
	margin-top:156px;
	margin-left:-73px;
	background-image: url("./top_logo.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	opacity: 1.0;
	z-index:90;
	transform: rotateZ(-28deg) skew(-25deg) scale(0.4);
	-webkit-transform: rotateZ(-28deg) skew(-25deg) scale(0.4);
	-moz-transform: rotateZ(-28deg) skew(-25deg) scale(0.4);
	-o-transform: rotateZ(-28deg) skew(-25deg) scale(0.4);
	-ms-transform: rotateZ(-28deg) skew(-25deg) scale(0.4);
}
.bg_image .night_logo {
	display: none;
}
.bg_image .top_light1 {
	display: none;
}
.bg_image .top_light2 {
	display: none;
}
.bg_image .top_nasubi {
	#display: none;
	position:absolute;
	top: -67px;
	left: 120px;
	width:120px;
	height:67px;
	background-image: url("./parts/top_nasubi.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	opacity: 0.8;
	z-index:96;
	animation: mv-nasubi 5.0s ease-in infinite;
	-webkit-animation: mv-nasubi 5.0s ease-in infinite;
}
@-webkit-keyframes mv-nasubi {
  0% { left: 120px; top: -67px;}
  80% { left: 120px; top: -67px;}
  100% { left: -120px; top: 67px;}
}
@keyframes mv-nasubi {
  0% { left: 120px; top: -67px;}
  80% { left: 120px; top: -67px;}
  100% { left: -120px; top: 67px;}
}

.fg_image {
    position:absolute;
    top:50%;
    left:50%;
	width:880px;
	height:440px;
    margin-left:-440px;
    margin-top:-220px;
	opacity: 1.0;
	z-index:92;
}
.fg_image:after {
	content: "";
	clear: both;
	display: block;
}
.fg_image .top_robo {
	#display: none;
	position:absolute;
	top:50%;
	left:50%;
	width:70px;
	height:67px;
	margin-top:-220px;
	margin-left:-50px;
	background-image: url("./top_robo.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	opacity: 1.0;
	z-index:96;
	cursor: pointer;
}
.fg_image .top_robo_mr {
	#display: none;
	position:absolute;
	top:50%;
	left:50%;
	width:70px;
	height:35px;
	margin-top:-160px;
	margin-left:-50px;
	background-image: url("./top_robo.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 70px 35px;
	opacity: 1.0;
	z-index:96;
	transform: scale(1, -1);
	-webkit-transform: scale(1, -1);
}
.fg_image .top_jump {
	#display: none;
	position:absolute;
	top:50%;
	left:50%;
	width:300px;
	height:128px;
	margin-top:-202px;
	margin-left:-165px;
	background-image: url("./jmp.gif");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	opacity: 1.0;
	z-index:98;
	animation: mv-jump 60s linear infinite alternate;
	-webkit-animation: mv-jump 60s linear infinite alternate;
	cursor: pointer;
}
@-webkit-keyframes mv-jump {
  0% { margin-left:-165px; }
  25.99% {
	margin-left:-135px;
	transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
  }
  26% {
	margin-left:-135px;
	transform: scale(-1, 1);
	-webkit-transform: scale(-1, 1);
  }
  40% { margin-left:-165px; }
  50% { margin-left:-165px; }
  75.99% {
	margin-left:-195px;
	transform: scale(-1, 1);
	-webkit-transform: scale(-1, 1);
  }
  76% {
	margin-left:-195px;
	transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
  }
  80% { margin-left:-190px; }
  100% { margin-left:-165px; }
}
@keyframes mv-jump {
  0% { margin-left:-165px; }
  25.99% {
	margin-left:-135px;
	transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
  }
  26% {
	margin-left:-135px;
	transform: scale(-1, 1);
	-webkit-transform: scale(-1, 1);
  }
  40% { margin-left:-165px; }
  50% { margin-left:-165px; }
  75.99% {
	margin-left:-195px;
	transform: scale(-1, 1);
	-webkit-transform: scale(-1, 1);
  }
  76% {
	margin-left:-195px;
	transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
  }
  80% { margin-left:-190px; }
  100% { margin-left:-165px; }
}
.fg_image .top_shop {
	#display: none;
	position:absolute;
	top:50%;
	left:50%;
	width:230px;
	height:123px;
	margin-top:-150px;
	margin-left:200px;
	opacity: 1.0;
	z-index:96;
	transform: scale(0.8);
	-webkit-transform: scale(0.8);
	animation: mv-shop 0.7s linear infinite;
	-webkit-animation: mv-shop 0.7s linear infinite;
	cursor: pointer;
}
@-webkit-keyframes mv-shop {
  0% { margin-top:-150px; }
  50% { margin-top:-160px; }
  100% { margin-top:-150px; }
}
@keyframes mv-shop {
  0% { margin-top:-150px; }
  50% { margin-top:-160px; }
  100% { margin-top:-150px; }
}
.fg_image .top_shop_img {
	#display: none;
	position:absolute;
	top: 0px;
	left: 0px;
	width: 200px;
	height: 123px;
	background-image: url("./top_shop.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 200px 123px;
	opacity: 1.0;
	z-index:91;
}
.fg_image .top_shop_fire {
	#display: none;
	position:absolute;
	top: 2px;
	left: 30px;
	width: 200px;
	height: 123px;
	background-image: url("./top_fire.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 200px 123px;
	opacity: 0.7;
	z-index: 90;
	animation: mv-fire 0.3s infinite;
	-webkit-animation: mv-fire 0.3s infinite;
}
@-webkit-keyframes mv-fire {
  0% { left: 30px; }
  50% { left: 29px; }
  100% { left: 30px; }
}
@keyframes mv-fire {
  0% { left: 30px; }
  50% { left: 29px; }
  100% { left: 30px; }
}
.fg_image .top_ako {
	#display: none;
	position:absolute;
	top:50%;
	left:50%;
	width:30px;
	height:41px;
	margin-top:61px;
	margin-left:-174px;
	background-image: url("./parts/top_ako.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	opacity: 0.0;
	z-index:96;
	cursor: pointer;
}
.fg_image .top_ako:hover {
	opacity: 1.0;
}
.fg_image .top_works {
	#display: none;
	position:absolute;
	top:50%;
	left:50%;
	width:84px;
	height:81px;
	margin-top:-26px;
	margin-left:-106px;
	background-image: url("./parts/top_works.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	opacity: 0.0;
	z-index:97;
	cursor: pointer;
}
.fg_image .top_works:hover {
	opacity: 1.0;
}
.fg_image .top_company {
	#display: none;
	position:absolute;
	top:50%;
	left:50%;
	width:76px;
	height:50px;
	margin-top:30px;
	margin-left:-101px;
	background-image: url("./parts/top_company.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	opacity: 0.5;
	z-index:96;
	cursor: pointer;
}
.fg_image .top_company:hover {
	opacity: 1.0;
}
.fg_image .top_bug {
	#display: none;
	position:absolute;
	top:50%;
	left:50%;
	width:47px;
	height:78px;
	margin-top:-44px;
	margin-left:-17px;
	background-image: url("./parts/top_bug.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	opacity: 0.2;
	z-index:96;
	cursor: pointer;
}
.fg_image .top_bug:hover {
	opacity: 1.0;
}
.fg_image .top_shop2 {
	#display: none;
	position:absolute;
	top:50%;
	left:50%;
	width:113px;
	height:103px;
	margin-top:-101px;
	margin-left:85px;
	background-image: url("./parts/top_shop2.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	opacity: 0.0;
	z-index:96;
	cursor: pointer;
}
.fg_image .top_shop2:hover {
	opacity: 1.0;
}
.fg_image .top_city {
	#display: none;
	position:absolute;
	top:50%;
	left:50%;
	width:74px;
	height:103px;
	margin-top:17px;
	margin-left:49px;
	background-image: url("./parts/top_city.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	opacity: 0.5;
	z-index:96;
	cursor: pointer;
}
.fg_image .top_city:hover {
	opacity: 1.0;
}
.fg_image .top_link {
	position:absolute;
	top:50%;
	left:50%;
	width:38px;
	height:33px;
	margin-top:117px;
	margin-left:-306px;
	background-image: url("./parts/top_link.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 38px 33px;
	opacity: 1.0;
	z-index:96;
	animation: mv-link 1.3s linear infinite;
	-webkit-animation: mv-link 1.3s linear infinite;
	cursor: pointer;
}
.fg_image .top_link:hover {
	background-image: url("./parts/top_link2.png");
}
@-webkit-keyframes mv-link {
  0% { margin-top:117px; }
  50% { margin-top:122px; }
  100% { margin-top:117px; }
}
@keyframes mv-link {
  0% { margin-top:117px; }
  50% { margin-top:122px; }
  100% { margin-top:117px; }
}
.fg_image .top_link_img {
	display: none;
}
.fg_image .top_link_fire {
	display: none;
}
.fg_image .top_info {
	#display: none;
	position:absolute;
	top:50%;
	left:50%;
	width:327px;
	height:32px;
	margin-top:161px;
	margin-left:-438px;
	background-image: url("./top_info.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	opacity: 1.0;
	z-index:96;
	cursor: pointer;
}
.fg_image .top_info:hover {
	opacity: 0.8;
}

.fg_image .top_muta {
	#display: none;
	position:absolute;
	top:50%;
	left:50%;
	width:194px;
	height:76px;
	margin-top:117px;
	margin-left:240px;
	background-image: url("./top_muta.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	opacity: 1.0;
	z-index:96;
	cursor: pointer;
}
.fg_image .top_muta:hover {
	opacity: 0.8;
}

.tooltip span {
	display: none;
	padding: 3px 5px;
	min-width: 10px;
	font-size: 12px;
	line-height: 16px;
	font-family: verdana, arial, helvetica, sans-serif;
	text-align: left;
}
.tooltip:hover span{
	display: inline-block;
	position: absolute;
	top: -10px;
	left: -20px;
	background: #000000;
	color: #ffffff;
	opacity: 0.7;
	z-index: 99;
}
/* メッセージ */
.top_msg_line {
    position:absolute;
    left: 0px;
    bottom: 0px;
	width: 880px;
	height: 24px;
	background-color: #000000;
	opacity: 0.5;
	z-index: 92;
}
.top_whats_img {
    position:absolute;
    left:2px;
    bottom:1px;
	width:50px;
	height:21px;
	background-image: url("./whats.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 50px 21px;
	opacity: 1.0;
	z-index:94;
}
.top_whats {
    position:absolute;
    left: 55px;
    bottom: 0px;
	width: 820px;
	height: 24px;
	padding: 0px 5px;
	opacity: 1.0;
	z-index:94;
	vertical-align: baseline;
	white-space: nowrap;
	overflow: hidden;
}
.top_whats:after {
	content: "";
	clear: both;
	display: block;
}
.top_whats .msg_info {
	#display: none;
    position:absolute;
    left: 0px;
    bottom: 0px;
	margin: 0px 0px;
	padding: 0px 0px;
	font-family: meiryo, sans-serif, arial, verdana;
	font-size: 12px;
	line-height: 21px;
	letter-spacing: -0.01;
	vertical-align: baseline;
	color: #ffffff;
	opacity: 0.9;
	z-index:96;
	animation: mv-msg 15.0s linear infinite;
	-webkit-animation: mv-msg 15.0s linear infinite;
}
@-webkit-keyframes mv-msg {
  0% { left: 110%  }
  20% { left: 110%  }
  80% { left: 0% }
  100% { left: 0% }
}
@keyframes mv-msg {
  0% { left: 110%  }
  20% { left: 110%  }
  80% { left: 0% }
  100% { left: 0% }
}
.fg_image .top_poster {
	position:absolute;
	top:50%;
	left:50%;
	width:120px;
	height:163px;
	margin-top:-80px;
	margin-left:-370px;
	background-image: url("./poster.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	opacity: 1.0;
	z-index:96;
	cursor: pointer;
}
.fg_image .top_poster:hover {
	opacity: 0.8;
}
.fg_image .top_rect {
	position:absolute;
	top:50%;
	left:50%;
	width:88px;
	height:119px;
	margin-top:-30px;
	margin-left:-370px;
	background-image: url("./top_rect.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	opacity: 1.0;
	z-index:96;
	animation: mv-rect 1.9s linear infinite;
	-webkit-animation: mv-rect 1.9s linear infinite;
	cursor: pointer;
}
@-webkit-keyframes mv-rect {
  0% { margin-top:-30px; }
  50% { margin-top:-40px; }
  100% { margin-top:-30px; }
}
@keyframes mv-rect {
  0% { margin-top:-30px; }
  50% { margin-top:-40px; }
  100% { margin-top:-30px; }
}
.fg_image .top_rect span{
	position:absolute;
	top:24px;
	left:36px;
	min-width: 10px;
	font-size: 32px;
	line-height: 32px;
	font-family: meiryo, sans-serif, arial, verdana;
	font-weight: bold;
	text-align: left;
	color: #000000;
	opacity: 1.0;
	z-index: 99;
}
.fg_image .top_rect:hover span{
	color: #ff0000;
}

