body {background-color:#f4f5f7; text-align:center}
table {margin:auto; border-collapse:collapse}
table.list td {border:1px solid Gray; padding:4px 10px 0}
table.list td.numr60 {background-color:#fcc89f; border-right:0; border-bottom:0}
table.list td.numl60 {background-color:#fcc89f; border-right:0; border-left:0; border-bottom:0}
table.list td.song60 {background-color:#fcc89f; border-right:0; border-top:0; border-bottom:0}
table.list td.img60  {background-color:#fff9f5; border-left:0}
table.list td.prog60 {background-color:#ffe0c7; border-right:0; border-top:0}
table.list td.ipro60 {background-color:#ffe0c7; border-right:0; border-top:0; border-bottom:0}
table.list td.iinf60 {background-color:#ffeee0; border-right:0; border-top:0}
table.list td.numr70 {background-color:#fad061; border-right:0; border-bottom:0}
table.list td.numl70 {background-color:#fad061; border-right:0; border-left:0; border-bottom:0}
table.list td.song70 {background-color:#fad061; border-right:0; border-top:0; border-bottom:0}
table.list td.img70  {background-color:#fcf4ed; border-left:0}
table.list td.prog70 {background-color:#fae5af; border-right:0; border-top:0}
table.list td.ipro70 {background-color:#fae5af; border-right:0; border-top:0; border-bottom:0}
table.list td.iinf70 {background-color:#faf1d9; border-right:0; border-top:0}
table.list td.numr80 {background-color:#e6ff40; border-right:0; border-bottom:0}
table.list td.numl80 {background-color:#e6ff40; border-right:0; border-left:0; border-bottom:0}
table.list td.song80 {background-color:#e6ff40; border-right:0; border-top:0; border-bottom:0}
table.list td.img80  {background-color:#fdffed; border-left:0}
table.list td.prog80 {background-color:#f1ff94; border-right:0; border-top:0}
table.list td.ipro80 {background-color:#f1ff94; border-right:0; border-top:0; border-bottom:0}
table.list td.iinf80 {background-color:#faffdb; border-right:0; border-top:0}
table.list td.numr90 {background-color:#9dff47; border-right:0; border-bottom:0}
table.list td.numl90 {background-color:#9dff47; border-right:0; border-left:0; border-bottom:0}
table.list td.song90 {background-color:#9dff47; border-right:0; border-top:0; border-bottom:0}
table.list td.img90  {background-color:#fcffeb; border-left:0}
table.list td.prog90 {background-color:#d4fcb1; border-right:0; border-top:0}
table.list td.ipro90 {background-color:#d4fcb1; border-right:0; border-top:0; border-bottom:0}
table.list td.iinf90 {background-color:#ebffd9; border-right:0; border-top:0}
table.list td.numr00 {background-color:#54f7c1; border-right:0; border-bottom:0}
table.list td.numl00 {background-color:#54f7c1; border-right:0; border-left:0; border-bottom:0}
table.list td.song00 {background-color:#54f7c1; border-right:0; border-top:0; border-bottom:0}
table.list td.img00  {background-color:#e9f2ef; border-left:0}
table.list td.prog00 {background-color:#b8f2df; border-right:0; border-top:0}
table.list td.ipro00 {background-color:#b8f2df; border-right:0; border-top:0; border-bottom:0}
table.list td.iinf00 {background-color:#d8f0e8; border-right:0; border-top:0}
table.list td.numr10 {background-color:#82deff; border-right:0; border-bottom:0}
table.list td.numl10 {background-color:#82deff; border-right:0; border-left:0; border-bottom:0}
table.list td.song10 {background-color:#82deff; border-right:0; border-top:0; border-bottom:0}
table.list td.img10  {background-color:#e8f5fa; border-left:0}
table.list td.prog10 {background-color:#b3ebff; border-right:0; border-top:0}
table.list td.ipro10 {background-color:#b3ebff; border-right:0; border-top:0; border-bottom:0}
table.list td.iinf10 {background-color:#cdecf7; border-right:0; border-top:0}
table.list td.numr20 {background-color:#a9cafc; border-right:0; border-bottom:0}
table.list td.numl20 {background-color:#a9cafc; border-right:0; border-left:0; border-bottom:0}
table.list td.song20 {background-color:#a9cafc; border-right:0; border-top:0; border-bottom:0}
table.list td.img20  {background-color:#e8f1ff; border-left:0}
table.list td.prog20 {background-color:#c7dcfc; border-right:0; border-top:0}
table.list td.ipro20 {background-color:#c7dcfc; border-right:0; border-top:0; border-bottom:0}
table.list td.iinf20 {background-color:#dce8fc; border-right:0; border-top:0}
table.list td.iproRR {background-color:#c7dcfc; border-top:0}
table.list td.corner {background-color:#f0f8ff}
table.list td.corn_l {background-color:#f0f8ff; border-left:0}
table.list td.corn_r {background-color:#f0f8ff; border-right:0}
table.list td.space  {padding:5px 0; border:0; background-color:#f4f5f7}
table.list td.back   {padding:10px 0; border-right:0; border-left:0; border-bottom:0; background-color:#f4f5f7; text-align:left}
table.list img.data  {padding:10px 0; width:90px; height:90px}
table.list img.org   {padding:10px 0}
table.radi td {background-color:#ffffff; text-align:left; border:0; padding:3px 10px}
table.mes  td {background-color:#ffffff; text-align:left; border:0; padding:5px 10px}
table.mesr td {text-align:left; border:0}
img.list {border: none}
span.fontxb  {font-size:x-large; font-weight:bold}
span.fontxl  {font-size:x-large}
span.fontlb  {font-size:large; font-weight:bold}
span.fontl   {font-size:large}
span.fonts   {font-size:small}
span.bluexb  {color:blue; font-size:x-large; font-weight:bold}
span.bluex   {color:blue; font-size:x-large}
span.bluelb  {color:blue; font-size:large; font-weight:bold}
span.bluel   {color:blue; font-size:large}
span.blue    {color:blue}
span.blueb   {color:blue; font-weight:bold}
span.blues   {color:blue; font-size:small}
span.redxb   {color:red; font-size:x-large; font-weight:bold}
span.redx    {color:red; font-size:x-large}
span.redlb   {color:red; font-size:large; font-weight:bold}
span.redl    {color:red; font-size:large}
span.red     {color:red}
span.redb    {color:red; font-weight:bold}
span.reds    {color:red; font-size:small}
span.greenxb {color:green; font-size:x-large; font-weight:bold}
span.greenx  {color:green; font-size:x-large}
span.greenlb {color:green; font-size:large; font-weight:bold}
span.greenl  {color:green; font-size:large}
span.green   {color:green}
span.greenb  {color:green; font-weight:bold}
span.greens  {color:green; font-size:small}
span.gl {color:#888888}
span.ff {color:#ffffff}

a {text-decoration: none}
a.radi {width:100%; height:100%; display:block; text-decoration:none}

.streambtn{
  display: flex;
  flex-direction: column;
}
.streambtn li {
  width: 100px;
  padding:5px; /*左右に余白を入れる場合*/
  box-sizing:border-box;
}
.streambtn li img {
  max-width:100%; /*はみだしを防ぐ*/
  height: auto; /*縦横比を維持 */
}
.linkbtn {
  text-decoration: none!important;
  justify-content: center; /*左右間で中央*/
  align-items: center;/*上下間で中央*/
  color: #fff!important;
  display: flex!important;/*画面に合わせてサイズが変わる*/
  flex-wrap:wrap!important;/*要素の折り返し設定*/
  font-weight: bold;
  padding: 1px;
  border-radius: 10px;
  box-shadow: none;
  transition: .2s;
}
.linkbtn:hover {
  box-shadow: none;
  transform: translateY(2px);
  opacity: .8;
}
.colorname1 {
  background: #51a8ff;
}
.colorname2 {
  background: #00cc00;
}
.colorname3 {
  background: #ff4242;
}
.colorname4 {
  background: #dc143c; /* Rakuten New */
}
.colorname5 {
  background: #696969; /* Rakuten Old */
}