* {margin:0;padding:0;}
* {font-family: Arial,verdana,helvetica,sans-serif;font-size:16px;}
body {margin:0px; padding:0 16px; background: url("bb.jpg") #e7f0ff repeat-x fixed;}
*:focus {outline: none;}
#main {margin:0px; padding:0 25px;position: relative;}
span {display:inline-block;}
#d1w, #d2w {width:96px; text-align:right; font-size:12px;vertical-align:4px;display:inline-block;margin-right:5px; font-style: italic;}
input, select { margin: .3em 0; padding: 1px 4px; background-color:transparent;  max-width: 100%; display:inline-block; 
  border-left: 1px solid #707070; border-top: 1px solid #707070; border-right: 1px solid #fafafa;border-bottom: 1px solid #fafafa;}
.plusminus { vertical-align:-2px; cursor:pointer;border:0; margin-left:-12px;}
h1 {font-size:1.5rem; text-align: center; FONT-WEIGHT:bold; margin:24px 0 16px 0; color:#587789;text-shadow: #f7f7f7 1px 1px 0px;}

.usb {font-size:16px;}
.usm {font-size:14px; width:60px;}

.table1  {border-collapse: collapse; margin: 4px auto;border: 3px outset #B0B0B0;box-shadow: 4px 6px 17px 0px #777777;-webkit-box-shadow: 4px 6px 17px 0px #777777;-moz-box-shadow: 4px 6px 17px 0px #777777;}
.table1 td {vertical-align:middle; white-space: nowrap;text-align:center; padding: 5px 20px 5px 5px;}
a#Href {margin-left:4px; padding: 2px 4px; color:navy; display:inline-block; text-decoration: none;
  border-left: 1px solid #fafafa; border-top: 1px solid #fafafa; border-right: 1px solid #4a4a4a;border-bottom: 1px solid #4a4a4a}
a#Href:hover {color:#DC143C;}

button {border: 1px #a0a0a0 outset;  background-color: #d0d0d0; padding: 1px 4px; cursor:pointer;}
button:hover, #c0c:hover, .dateN:hover, .goto:hover {background-color: #33ccdd;}
.butm {font-size:12px;color:#111111;}
.buta {font-size:14px; width:25px;font-weight:bold; color: #000080;}
.butk {font-size:14px; color:#222222; width:22px; height:22px; padding: 0px !important;text-align:center;vertical-align:middle;margin:2px 0px 0px 4px;}

input.usb { width:65px; }
#d1s1, #d2s1 {width:50px;}
#d1s2, #d2s2 {width:110px;}

.goto {position:fixed;background-color: rgba(48,163,202,0.7); right:16px;box-shadow: 5px 6px 7px 0px #777777; bottom:12px; text-align:center;z-index: 9999; cursor:pointer;width:20px;height:20px;
  border-radius: 10px; visibility:hidden;}
.goto img {margin:2px auto;display:block;}

p {margin: 8px;}
.table2 {border-collapse: collapse; margin: 10px auto;border: 2px solid #B0B0B0;box-shadow: 4px 6px 17px 0px #777777; }
.table2 td {border:1px solid #c0c0c0; padding:6px 10px; text-align:center;}
.chd td {background-color:#a0a0c0; font-weight:bold;}
.kri {background-color:#c0c0c0; color:#800000;font-weight:bold;}
.tp0 {background-color:transparent;}
.table2 td b {color:#aa0033}
.table2 tr:hover {background-color: rgba(127,246,220,0.70)}
.table2 sup {font-size:12px}
.grf {border:0;}
h2 {text-align:center; margin: 24px;font-size:1.2rem; color:#7a7a7a;}
img {border:0;}


@media screen and (max-width:960px) { #main {margin:0px; padding:0;}
.grf {margin: 0 -10px 0 -10px; width: 92vw;} .table2 td {font-size:12px;white-space:nowrap;} .table2 td strong {font-weight:400;color:#bb8000;font-size:12px;}
#table2 {max-width:calc(100vw - 40px); overflow:auto;}
}