body {
    background-color:#d2daaf;
    margin:20; padding:20;
    /* background-image:url("image/yagisan50.gif"); */
    background-attachment: fixed;
    background-repeat:no-repeat;
    background-position: right bottom;
    font-family:"UD Digi Kyokasho N-B","ＭＳ 明朝,平成明朝",sans-serif,serif;
    font-size: 12;
    /* display: flex;
    flex-wrap: wrap; */
  }
li  {
  font-size:14px; 
  font-weight:800;
  margin:0px 0px 6px 0px;
  line-height:1.5;
  font-family:"Times New Roman","UD Digi Kyokasho N-B","ＭＳ 明朝,平成明朝",sans-serif,serif;
}

.table_A {
  border: 0px;
  width: 800px;
  margin: 1px;
  padding: 1px;
  background-color: #0a834a;
}
.table_disp {
  border: 0px;
  width: 800px;
  margin: 1px;
  padding: 1px;
  background-color: #9B003D;
}
.header1 { 
  text-align: center;
  font-size: 20px ; 
  font-weight:800;
  line-height:1.5;
  color: #ff0;
  font-family:"Times New Roman","UD Digi Kyokasho N-B","ＭＳ 明朝,平成明朝",sans-serif,serif;
  font-style: italic;
  }
.text  {
  font-weight:500;
  color:#fff;
  margin:0px 0px 0px 0px;
  line-height:1;
  font-family:"Times New Roman","UD Digi Kyokasho N-B","ＭＳ 明朝,平成明朝",sans-serif,serif;
}
.box1{
  width: 680px;
  height: 25px;
  background-color: rgb(49, 3, 41);
  margin:0 8px 8px 0px ;
  text-align: left;
  line-height: 30px;
  color:#ffffff;
  font-size: 14;
  font-family:"Times New Roman","UD Digi Kyokasho N-B","ＭＳ 明朝,平成明朝",sans-serif,serif;
}
.btn_readme {
  background-color: rgb(175, 206, 4);
  width: 100%;
  height:30px;
  margin: 1px;
  font-size: 10px;
  line-height:1;
  border-radius: 5px;
  padding-top: 1px;
  padding-right: 1px;
  padding-bottom: 0px;
  padding-left: 0px;
  text-align: center;
}
.btn_playlist {
  background-color: lightblue;
  width: 100%;
  height:46px;
  margin: 1px;
  font-size: 11px;
  line-height:1.3;
  border-radius: 5px;
  padding-top: 2px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  text-align: center;
}
.btn_kouban {
  background-color: lightblue;
  width: 60px;
  height:25px;
  margin: 0px;
  font-size: 16px;
  line-height:1;
  border-radius: 2px;
  padding-top: 1px;
  padding-right: 1px;
  padding-bottom: 1px;
  padding-left: 1px;
  text-align: right;
}
.btn_all_light {
  background-color: rgb(215, 236, 118);
  width: 60px;
  height:35px;
  margin: 0px;
  font-size: 12px;
  line-height:1;
  border-radius: 2px;
  padding-top: 1px;
  padding-right: 1px;
  padding-bottom: 1px;
  padding-left: 1px;
  text-align: center;
}
.btn_all_erase {
  background-color: rgb(141, 216, 216);
  width: 60px;
  height:35px;
  margin: 0px;
  font-size: 12px;
  line-height:1;
  border-radius: 2px;
  padding-top: 1px;
  padding-right: 1px;
  padding-bottom: 1px;
  padding-left: 1px;
  text-align: center;
}
.btn_extract {
  background-color: rgb(216, 192, 141);
  width: 80px;
  height:70px;
  margin: 0px;
  font-size: 12px;
  line-height:1;
  border-radius: 2px;
  padding-top: 1px;
  padding-right: 1px;
  padding-bottom: 1px;
  padding-left: 1px;
  text-align: center;
}
.btn_refresh {
  background-color: rgb(195, 245, 188);
  width: 60px;
  height:70px;
  margin: 0px;
  font-size: 12px;
  line-height:1;
  border-radius: 2px;
  padding-top: 1px;
  padding-right: 1px;
  padding-bottom: 1px;
  padding-left: 1px;
  text-align: center;
}
.btn_order {
  width: 95px;
  height:60px;
  margin: 0px;
  font-size: 12px;
  border-radius: 5px;
  padding-top: 2px;
  padding-right: 0px;
  padding-bottom: 1px;
  padding-left: 0px;
  margin-top: 0px;
  text-align: center;
}
#btn_count_up {
  width: 80px;
  font-size: 12px;
  line-height:1;
  border-radius: 5px;
  padding: 3px;
  margin-top: 3px;
  text-align: left;
}
#btn_count_down {
  width: 80px;
  font-size: 12px;
  line-height:1;
  border-radius: 5px;
  padding: 3px;
  margin-top: 3px;
  text-align: left;
}
#my_title1 {
  font-size: 24px;
  line-height:1.5;
}
#my_title2 {
  font-size: 18px;
  line-height:1;
}

#btn_count_up:hover { background-color:#F30 }
#btn_count_down:hover { background-color:#F30 }
button:hover { background-color:yellow}
.SortedList tr:hover td {background-color:  rgb(57, 185, 10);}
 
.blink {
    -webkit-animation: blink 3s ease infinite;
    animation: blink 7s ease infinite;
}
@-webkit-keyframes blink {
    0% {opacity: 0;}
    100% {opacity: 1;}
}
@keyframes blink {
    0% {opacity: 0;}
    100% {opacity: 1;}
}