body {
//font-family: 'M PLUS Rounded 1c', sans-serif;
font-family: 'Kosugi Maru', sans-serif;
color: silver;
background-color: #282828;
}
a {color: silver; margin-left: 8px; margin-right: 8px; vertical-align: middle;}
img {vertical-align: middle;}
div#container {width: 640px;}
div#player {display: block; width: 100%; height: 360px; color: black; background-color: gray;}
p#bottom {width: 100%;}
a#linkQR {display: none; font-size: 75%;}
a#linkMobile {display: none;}
table#offlinetable {background-color: gray; color: #282828; border: 0px; width: 960px; height: 540px;}
td#offline {font-size: 10rem; text-align: center;}
p#playlist {font-size: 2.2rem; text-shadow: 1px 0 1px black;}
.my_video_1 {
	max-width: 100%;
	height: auto;
}
#QR{
z-index:10;
}

img#QRimg{
z-index: 12;
}

header{
height: 30px;
color: silver;
background-color: #202020;
margin-bottom:5px;
padding-left:5px;
padding-right:5px;
display:flex;
align-items: center;
white-space: nowrap;
overflow-x:hidden;
}

.menu{
display:flex;
align-items: center;
margin-right:5px;
}

.menubox{
margin-right:10px;
}

#QR{
position:absolute;
z-index: 10;
}

.videoarea{
z-index: 1;
width:960px;
height:540px;
margin-right:5px;
margin-bottom:5px;
}

.inputarea{
width:960px;
height:25px;
padding-left:2px;
padding-right:2px;
line-height:25px;
margin-right:5px;
margin-bottom:5px;
}


.chatarea{

width:300px;
height:540px;
min-width: 300px;
}

.comment{
width:960px;
height:240px;
overflow-y:scroll;
}

.otherarea{
}

button{
width:20px;
height:20px;
border: 1px;
color: silver;
background-color: #282828;
border-style:outset;
padding: 0px;
}

button:active{
color: silver;
background-color: #282860;
border-style:inset;
}

#adm-board{
}

.boxContainer{
display:flex;
}

ol{
padding: 5px;
//font-size: 12px;
//border: dashed 1px;
}

ul, ol {
  padding: 0;
  position: relative;
  margin-top:0px;
  margin-bottom:0px;
}

ul li, ol li {
  color: silver;
  border-left: solid 12px #404040;
  background: #303030;
  margin-bottom: 3px;
  line-height: 1.5em;
  padding: 5px;
  list-style-type: none!important;/*�|�`����*/
}

::-webkit-scrollbar{
width: 10px;
}
::-webkit-scrollbar-track{
background: #282828;
//border-left: solid 1px #ececec;
}
::-webkit-scrollbar-thumb{
background: #404040;
border-radius: 10px;
//box-shadow: inset 0 0 0 2px #303030;
}