* {
/*
  font-family:arial;
  font-size:12px;
  color:#000000;
*/
}
html {
  width:100%;
  height:100%;
  background: #ffffff url(../img/bg.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

input, select, textarea {
  border:solid 1px #828e99;
}

body {
  width:100%;
  height:100%;
  margin:0;
  font-family:arial;
  color:#202020;
}
img {
  vertical-align:middle;
}

.debug_border {
  border: solid 1px #000000;
}

a {
  font-weight:bold;
  text-decoration:none;
}
a:hover {
  color:#004a99;
}

table tr td {
  text-align:left;
  vertical-align:top;
}
h3, h4 {
  margin:0;
  padding:4px;
}

div.content { clear: both; }
div.content .viewport { width: 520px; height: 100%; overflow: hidden; position: relative; }
div.content .overview { list-style: none; position: absolute; left: 0; top: 0; }
div.content .thumb .end,
div.content .thumb { background-color: #c0c0c0; }
div.content .scrollbar { position: relative; float: right; width: 12px; }
div.content .track { background-color: #f0f0f0; height: 100%; width:8px; position: relative; padding: 0 1px; border-top-left-radius:5px;}
div.content .thumb { height: 20px; width: 8px; cursor: pointer; overflow: hidden; position: absolute; top: 0; border-radius:4px; }
div.content .thumb .end { overflow: hidden; height: 5px; width: 8px; }
div.content .disable{ display: none; }
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }

.table01 {
  width:540px;
}
.table01 th, .table01 td {
  padding:2px 4px;
}
.table01 td {
  border-top:solid 1px #808080;
}
.table01 th.gnr, .table01 td.gnr {
  text-align:center;
}