HTML,BODY {padding:0; margin:0; border:none; width:100%; box-sizing:border-box; font:normal 15px/18px Arial; background:#ccc;}
*, *:before, *:after {box-sizing:inherit;}

#ThePage {margin:0 auto; width:100%; max-width:1100px; min-height:100vh; display:flex; flex-flow:column nowrap; justify-content:space-between; background:#fff; box-shadow:0px 0px 13px 5px rgba(0,0,0,0.2);}

HEADER, ARTICLE, FOOTER {padding:0 min(4vw, 55px);}

HEADER {flex:0 0; min-height:89px; display:flex; flex-flow:row wrap; gap:0 34px; justify-content:space-between; align-items:center; box-shadow:0 0 5px 0 rgba(34,60,80,0.3);}
HEADER A.ttl {font:bold 27px/37px Arial; color:#000; text-decoration:none;}

ARTICLE {flex:1 1 100%; padding-top:34px; padding-bottom:34px;}

FOOTER {flex:0 1 34px; padding:8px; background:#33363a; color:#ccc; font:normal 13px/21px Arial;}

TABLE {border-collapse:collapse; border-spacing:0;}
TABLE TD, TABLE TH {padding:0;}

A         {text-decoration:none;}
A:hover   {color:#e72446;}
A:active  {color:#e00;}
A:focus   {outline:dotted 1px !important}

SMALL {font:normal 10px/12px Arial narrow, Arial; font-stretch:condensed;}

H1 {font:bold 25px/29px Arial; margin:0 0 13px 0;}
H2 {font:bold 19px/23px Arial; }
H3 {font:bold 19px/23px Arial; }
H4 {font:bold 17px/21px Arial; margin:3px 0 3px 0;}

UL LI {margin-top:8px; margin-bottom:8px;}

/* CONTENT */

.dt {display:inline-block; padding:3px 8px; background:#f2f2f2; border-radius:5px;}

.nums {display:inline-block; padding:3px 8px; background:#fdfdfd; border:solid 1px #f2f2f2; border-radius:5px;}

.news {padding:8px 0 30px 0;}

.valtop, .valtop TD {vertical-align:top;}
.valmid, .valmid TD {vertical-align:middle;}

A.green {color:#0a0;}  A.green:hover  {color:#e72446;}  A.green:active {color:#e00;}
A.black {color:#000;}  A.black:hover  {color:#e72446;}  A.black:active {color:#e00;}
A.grey  {color:#aaa;}  A.grey:hover   {color:#e72446;}  A.grey:active  {color:#e00;}
.red {color:#d00;}
.gr {color:#999;}

.tar {text-align:right;}

#errdiv {padding:8px 13px; margin:21px 0; font:bold 17px/23px Arial; background:#d00; color:#fff;}
#wrndiv {padding:5px 8px;  margin:21px 0; font:bold 17px/23px Arial; background:#ff0; color:#000;}

#floatdiv {
  color:#00f; background:#fff; font:normal 11px/12px arial narrow,arial,sans-serif; font-stretch:condensed;
  position:absolute; top:2px; left:2px;
  text-align:left; border:solid 1px; padding:2px 4px;
  z-index:10; opacity:0.8; -moz-opacity:0.8; -khtml-opacity:0.8; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
  max-width:40%;
  min-height:13px;
}
#floatdiv > A {float:right; color:#555; font-size:15px/15px;}

.sminputs FORM {line-height:15px;}
.sminputs INPUT, .sminputs TEXTAREA, .sminputs SELECT, .sminputs INPUT[type=submit].sminput {
  margin:1px 0; padding:2px;
  font:normal 13px/15px Arial,sans-serif;
  border:solid 1px #bbb; border-radius:0; color:#222; background:#f7f7f7;
  height:21px;
}
.sminputs INPUT[type=submit] {padding:3px 12px; border:outset 1px #ddd; background-color:#f0f0f0; font:bold 11px/13px arial,sans-serif; color:#333;}
.sminputs INPUT[type=submit]:disabled {color:gray;}

TEXTAREA.autosizable {resize:none; overflow-x:hidden; border-bottom:dotted 1px #aaa;}
TEXTAREA.autosizable {-webkit-transition:height 0.2s; -moz-transition:height 0.2s; transition:height 0.2s;}

SUP, SPAN.sup {vertical-align:middle; position:relative; font-size:70%; line-height:0.7em; bottom:0.3em;}

.nrrw {font-family:Arial narrow, Arial; font-stretch:condensed;}

.nobr {white-space:nowrap;}