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 {
	-webkit-text-size-adjust: 100%;
	font-family: Hiragino Sans, meiryo, sans-serif, arial, verdana;
	font-size: 14px;
	line-height: 21px;
	letter-spacing: -0.01;
	background-color: #000000;
}
/* コンテンツ */
#core {
	position: absolute;
	top: 0px;
	bottom: 0px;
	margin: auto;
	width: 100%;
	height: 610px;
}
#conte {
	position: relative;
	top: 0px;
	bottom: 0px;
	margin: 0px auto;
	width: 900px;
	height: 610px;
}
div#main {
	position: relative;
	float: left;
	margin: 0px 0px;
	padding: 0px 0px;
	width: 900px;
	height: 460px;
	border: solid 1px #333;
}
div#view {
    position:absolute;
	top:50%;
    left:50%;
	width: 0px;
	height: 0px;
    overflow: hidden;
	transition: all 1.5s ease-out;
	-webkit-transition: all 1.5s ease-out;
	-moz-transiton: all 1.5s ease-out;
	-o-transition: all 1.5s ease-out;
	-ms-transition: all 1.5s ease-out;
}
object {
    position:absolute;
	top:50%;
    left:50%;
	width: 880px;
	height: 440px;
	margin-top:-220px;
	margin-left:-440px;
    overflow: hidden;
}
/* メニュー */
div.tag {
	position: relative;
	float: left;
	width: 240px;
	height: 60px;
	margin-bottom: 10px;
	background-color: #000000;
}
div.tag img {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 200px;
	cursor: pointer;
}
div.menu1 {
	position: relative;
	float: left;
	width: 155px;
	height: 60px;
	margin-bottom: 10px;
	background-color: #000000;
}
div.menu2 {
	position: relative;
	float: left;
	width: 120px;
	height: 50px;
	margin-top: 10px;
	background-color: #000000;
}
/* メニュー目かくし */
div.blank {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0px 0px;
	padding: 0px 0px;
	width: 0%;
	height: 100%;
	background-color: #000000;
	opacity: 1.0;
	z-index: 99;
	animation: mv-hide 2.0s ease-in;
	-webkit-animation: mv-hide 2.0s ease-in;
}
@-webkit-keyframes mv-hide {
  0% { width: 100%; }
  50% { width: 100%; }
  100% {width: 0%; }
}
@keyframes mv-hide {
  0% { width: 100%; }
  50% { width: 100%; }
  100% { width: 0%; }
}
/* メニューアイテム */
div.up_item {
	position: absolute;
	bottom: 0px;
	left: 0px;
	padding: 5px 0px 0px 0px;
	background-color: #000000;
	#line-height: 1.2em;
	line-height: 16px;
	text-align: left;
	height: 40px;
	width: 100%;
	border-left: solid 1px #333;
	cursor: pointer;
}
div.lo_item {
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #000000;
	#line-height: 1.2em;
	line-height: 16px;
	text-align: left;
	height: 40px;
	width: 100%;
	border-left: solid 1px #333;
	cursor: pointer;
}
span.topi_red {
	margin: 0px 0px;
	padding: 0px 0px 0px 15px;
	font-family: Hiragino Sans, meiryo, sans-serif, arial, verdana;
	font-feature-settings : "palt" 1;
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	color: red;
	background: url("./top/pnt.png") no-repeat;
	background-position: left top;
}
span.topi_white {
	margin: 0px 0px;
	padding: 0px 0px 0px 5px;
	font-family: Hiragino Sans, meiryo, sans-serif, arial, verdana;
	font-feature-settings : "palt" 1;
	font-size: 10px;
	line-height: 14px;
	color: white;
}
span.topi_orange {
	margin: 0px 0px;
	padding: 0px 0px 0px 5px;
	font-family: Hiragino Sans, meiryo, sans-serif, arial, verdana;
	font-feature-settings : "palt" 1;
	font-size: 10px;
	line-height: 14px;
	color: orange;
}
/* コントロール */
div.cntl {
	position: relative;
	float: left;
	padding: 10px 0px 0px 0px;
	width: 300px;
	height: 60px;
}
/* SNS */
div.cntl img#sns1 {
    position:absolute;
    top:10px;
    left:1px;
}
div.cntl img#sns2 {
    position:absolute;
    top:10px;
    left:23px;
}
div.cntl img#sns3 {
    position:absolute;
    top:10px;
    left:45px;
}
/* 日英切替 */
span.lang {
    position:absolute;
	top: 10px;
    right: 100px;
	margin: 0px 0px;
	padding: 2px 0px 0px 15px;
	font-family: arial, verdana;
	font-size: 12px;
	line-height: 14px;
	color: white;
	background: url("./top/pnt.png") no-repeat;
	background-position: left top;
	cursor: pointer;
}
/* 音量調節 */
img#speaker {
    position:absolute;
	top: 10px;
    right: 65px;
	margin: 0px 0px;
	padding: 0px 0px;
}
div.cntl input[type=range]{
    position:absolute;
	top:13px;
    right:10px;
	width: 50px;
	height: 11px;
	margin: 0px 0px;
	padding: 0px 0px;
	-webkit-appearance: none;
	background-color: #333;
}
div.cntl input[type=range]::-webkit-slider-runnable-track{
	-webkit-appearance: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 1px;
	background: #ffffff;
}
div.cntl input[type="range"]::-webkit-slider-thumb{
	-webkit-appearance: none;
	width: 6px;
	height: 10px;
	margin: -4px 0px 0px 0px;
	padding: 0px 0px;
	background: orange;
}
div.cntl input[type=range]::-moz-range-track{
	-moz-appearance: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 1px;
	background: #ffffff;
}
div.cntl input[type="range"]::-moz-range-thumb{
	-moz-appearance: none;
	width: 6px;
	height: 10px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: orange;
}
div.cntl input[type=range]::-ms-track{
	-ms-appearance: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 1px;
	background: #ffffff;
}
div.cntl input[type="range"]::-ms-thumb{
	-ms-appearance: none;
	width: 6px;
	height: 10px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: orange;
}
/* 著作権表示 */
span#msg1 {
    position:absolute;
	top: 36px;
    right: 10px;
    width: 290px;
	font-family: Hiragino Sans, meiryo, sans-serif, arial, verdana;
	font-feature-settings : "palt" 1;
	font-size: 10px;
	line-height: 14px;
	color: #888888;
	text-align: right;
	background-color: #000000;
	opacity: 1.0;
	z-index: 99;
	animation: vw-msg 10.0s ease-in-out infinite alternate-reverse;
	-webkit-animation:  vw-msg 10.0s ease-in-out infinite alternate-reverse;
}
span#msg2 {
    position:absolute;
	top: 36px;
    right: 10px;
    width: 290px;
	font-family: Hiragino Sans, meiryo, sans-serif, arial, verdana;
	font-feature-settings : "palt" 1;
	font-size: 10px;
	line-height: 14px;
	color: #888888;
	text-align: right;
	transition: all 1.5s ease-out;
	opacity: 1.0;
	z-index: 98;
}
@-webkit-keyframes vw-msg {
  0% { opacity: 0.0; }
  40% { opacity: 0.0; }
  50% { opacity: 1.0; color: #000000; }
  60% { opacity: 1.0; color: #888888; }
  100% { opacity: 1.0; color: #888888; }
}
@keyframes vw-msg {
  0% { opacity: 0.0; }
  40% { opacity: 0.0; }
  50% { opacity: 1.0; color: #000000; }
  60% { opacity: 1.0; color: #888888; }
  100% { opacity: 1.0; color: #888888; }
}