/*　*/
html{
	background-color:#fff;
}
body{
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-webkit-text-size-adjust: none;
	-webkit-user-drag: none;
	-khtml-user-drag: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);

	margin:0;
	padding:0;
		
	cursor:default;
	
	word-break:break-all;
}
img,
audio,
video
{
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-webkit-user-drag: none;
	-khtml-user-drag: none;
}
video::-internal-media-controls-download-button{display:none;}
video::-internal-media-controls-cast-button{display:none;}
video::-webkit-media-controls-enclosure {
    overflow:hidden;
}

video::-webkit-media-controls-panel {
    width: calc(100% + 30px); /* Adjust as needed */
}
.wrapper
{
	position:absolute;
	left:8px;
	top:8px;
	right:8px;
	bottom:8px;
}
#titleBox
{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:32px;
	line-height:32px;
	text-align:center;

	color: #fff;
	background-color:#191970;

	font-size:10.5pt;
	font-family:sans-serif;
	font-weight:bold;
}
#videoBox
{
	position:absolute;
	left:0;
	top:32px;
	width:100%;
	bottom:10px;
	text-align:center;
}
#theVideo
{
	width:100%;
	height:100%;
}
#copyrightBox
{
	position:absolute;
	left:0;
	top:24px;
	width:100%;
	height:8px;
	line-height:8px;
	
	text-align:right;
	font-size:8pt;
	font-family:sans-serif;
	color: #d3d3d3;

}
/*---speed サポート--*/

.nav {
  position:absolute;
  top:0;
  right:0;
  width: 75px;
  height: 25px;
  margin: 0 /*auto*/;
  padding: 0; 
  display: none; /*flex; */
}
.nav li {
  position: relative;
  list-style: none;
}
.nav li a {
  display: block;
  width: 75px;
  height: 25px;
  text-align: center;
  color: #fff;
  font-size: 12px;
  line-height: 24px;
  background: #474747; /*#2f4f4f; /*#9fb7d4;*/ 
  text-decoration: none;
  border-right: 1px solid #eee;
  box-sizing: border-box;
}
.nav > li:hover > a {/*layer-1*/
  color: #48a0f7;  /* orange*/
  background: #474747; /*#afc6e2;*/
}

.nav > li li:hover > a {/*layer-2*/
  color: olive;
  background: #afc6e2;
}

.nav li ul {
  top: 25px;
  left: -40px;
  position: absolute;
} 
.nav li ul li {
  overflow: hidden;
  height: 0;
}
.nav li ul li a {
  border-top: 1px solid #eee;
} 

.nav li:hover > ul > li {
  overflow: visible;
  height: 25px;
}

#videoBox:hover > .nav {
  display: block;
}