BODY, HTML { background-color: #ffffff; color: #404040; text-align: left; width: 100%;
             font-family: arial, helvetica, sans-serif; font-size: 14px; font-weight: normal;}
TABLE.Main { border: 1px solid #f07c00; }
TABLE.Content { border: 1px solid #f07c00; }
TD { font-family: arial, helvetica, sans-serif; font-size: 14px; font-weight: normal; color: #404040; vertical-align: top; }
TD.Position { font-family: arial, helvetica, sans-serif; font-size: 14px; font-weight: normal; color: #040404; vertical-align: middle; }
TD.TContent { font-family: arial, helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #040404; text-align: left; vertical-align: middle; border: 1px solid #f07c00; padding: 5px 10px 5px 10px; margin: 0px;}
TD.PContent { font-family: arial, helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #040404; text-align: left; vertical-align: top; border: 1px solid #f07c00; padding: 5px 10px 5px 50px; margin: 0px;}
TD.LContent { font-family: arial, helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #000000; text-align: left; vertical-align: top; }
TD.CContent { font-family: arial, helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #000000; text-align: center; vertical-align: top; }
TD.RContent { font-family: arial, helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #000000; text-align: right; vertical-align: top; }
TD.ListHead { font-size: 16px; color: #050585; }
TD.HeadText { font-size: 20px; font-weight: bold; color: #040404; vertical-align: bottom; }
TD.BodyIndex { background-color: #050585; text-align: center; }
TD.NavHead { font-size: 20px; color: #ffffff; background-color: #ffffff; text-align: center; vertical-align: middle; }
TD.NavBody { font-size: 16px; font-weight: bold; color: #c50014; text-align: left; }
TD.NavAnow { font-size: 16px; font-weight: bold; color: #ffffff; text-align: left; background-color: #f07c00; }
TD.NavInow { font-size: 16px; font-weight: bold; color: #ff8094; text-align: left; }
TD.NavLine { font-size: 8px; }

TD.ContBox { font-family: arial, helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #000000; margin-left: 10px; text-align: left; vertical-align: top; padding: 8px 0px 0px 15px; }
P.ContHead { font-family: arial, helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #f07c00; border-bottom: 1px solid #f07c00; margin: 0px 0px 5px 0px;}
P.ContPara { font-family: arial, helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #f07c00; margin: 10px 0px 2px 0px; }
P.ContText { font-family: arial, helvetica, sans-serif; font-size: 13px; font-weight: normal; color: #404040; margin: 0px 0px 10px 0px; }
TD.NavBack { font-family: arial, helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #000000; background-color: #f07c00; text-align: left; vertical-align: top; }
UL.Menu { list-style-type:none; margin: 140px 0px 0px 0px; }
LI.MenA { font-family: arial, helvetica, sans-serif; font-size: 18px; font-weight: normal; text-align: left; color: #404040; background-color: #f07c00; margin: 0px 0px 1px 0px; padding: 4px 8px 4px 8px; border-bottom: thin solid #000000; }
LI.MenI { font-family: arial, helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #ffffff;  background-color: #f07c00; margin: 0px 0px 1px 0px; padding: 4px 4px 4px 8px; border-bottom: thin solid #000000; }
A.Menu:link { font-size: 18px; color: #000000; text-decoration: none; }
A.Menu:visited { font-size: 18px; color: #404040; text-decoration: none; }
A.Menu:active { font-size: 18px; color: #ffffff; text-decoration: none; }
A.Menu:hover { font-size: 18px; color: #ffffff; text-decoration: none; }

UL.ContText { margin: 0px 0px 0px 0px; }
LI.ContText { font-family: arial, helvetica, sans-serif; font-size: 13px; font-weight: normal; color: #404040; margin: 0px 0px 5px 0px; }
IMG.ContText { float:right; margin-left: 10px; }
INPUT.ContText { width: 210px; font-size: 14px; background-color: #ffffff; border: 1px solid #1c5180; margin: 5px 0px 5px 0px; padding: 3px 5px 3px 5px; }
INPUT.ContTerr { width: 210px; font-size: 14px; background-color: #ffbbbb; border: 1px solid #1c5180; margin: 5px 0px 5px 0px; padding: 3px 5px 3px 5px; }
INPUT.Button { cursor: pointer; font-size: 14px; padding: 3px 5px 3px 5px;}
SELECT.ContText { width: 160px; font-size: 14px; background-color: #ffffff; border: 1px solid #1c5180; margin: 5px 0px 5px 0px; padding: 3px 5px 3px 5px; }
SELECT.ContTerr { width: 160px; font-size: 14px; background-color: #ffbbbb; border: 1px solid #1c5180; margin: 5px 0px 5px 0px; padding: 3px 5px 3px 5px; }
TEXTAREA.ContText { width: 210px; font-family: arial, helvetica, sans-serif; font-size: 14px; background-color: #ffffff; border: 1px solid #1c5180; margin: 5px 0px 5px 0px; padding: 3px 5px 3px 5px; }
A:link { color: #000000; font-weight: bold; text-decoration: underline; }
A:visited { color: #000000; font-weight: bold; text-decoration: underline; }
A:active { color: #f07c00; font-weight: bold; text-decoration: underline; }
A:hover { color: #f07c00; font-weight: bold; text-decoration: underline; }
A.Info:link { font-size: 10px; color: #000000; font-weight: normal; text-decoration: underline; }
A.Info:visited { font-size: 10px; color: #000000; font-weight: normal; text-decoration: underline; }
A.Info:active { font-size: 10px; color: #f07c00; font-weight: normal; text-decoration: underline; }
A.Info:hover { font-size: 10px; color: #f07c00; font-weight: normal; text-decoration: underline; }

*,
*::before,
*::after { margin: 0; padding: 0; box-sizing: border-box; list-style: none; }

#ham-menu { display: none; }
label[for="ham-menu"]
{ display: block;
  position: fixed;
  top: 15px;
  left: 90%;
  z-index: 999;
  width: 52px;
  height: 52px;
  background-color: #ffffff;
  border-radius: 10px;
  border: 3px solid #000000 }
.ham-menu
{ width: 250px;
  height: 100%;
  position: fixed;
  top: 0;
  left: 78%;
  visibility: hidden;
  transform: translate(110%);
  z-index: 998;
  background-color: #f07c00;
  transition: 1s;
  display: flex;
  justify-content: left;
  align-items: top; }
.ham-menu > ul
{ display: flex;
  flex-flow: column nowrap;
  justify-content: space-around;
  padding: 10px;
  height: 50%; }
.ham-menu > ul > li
{ font-size: 24px;
  white-space: nowrap;
  cursor: pointer;
  color: #404040; }
#ham-menu:checked + label { background-color: transparent; border-color: #000000; }
#ham-menu:checked ~ div.ham-menu { transform: translate(0px); visibility: visible; }
.full-page-fade
{ position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(240, 124, 00, 0.4);
  z-index: 997;
  visibility: hidden; display: none;
  transition: 500ms;
  position: fixed;
  top: 0;
  left: 0; }
#ham-menu:checked ~ div.full-page-fade { display: block; opacity: 1; visibility: visible; }
[for="ham-menu"] > div
{ width: 100%; height: 100%;
  display: flex; flex-flow: column wrap;
  align-content: center; align-items: center; }
.menu-line
{ display: block; background-color: #000000;
  width: 16px; height: 5px; margin: 6px 0 4px;
  border-top-left-radius: 2px; border-bottom-left-radius: 2px;
  transition: 500ms; transform-origin: right center; }
[for="ham-menu"] > div > span:nth-child(4),
[for="ham-menu"] > div > span:nth-child(5),
[for="ham-menu"] > div > span:nth-child(6) { border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 2px; border-bottom-right-radius: 2px; transform-origin: left center; }
#ham-menu:checked + label span { background-color: #000000; }
#ham-menu:checked + label span:nth-child(2),
#ham-menu:checked + label span:nth-child(5) { transform: scale(0); }
#ham-menu:checked + label span:nth-child(1) { transform: translateY(17px) rotate(45deg); }
#ham-menu:checked + label span:nth-child(4) { transform: translateY(17px) rotate(-45deg); }
#ham-menu:checked + label span:nth-child(3) { transform: translateY(-17px) rotate(-45deg); }
#ham-menu:checked + label span:nth-child(6) { transform: translateY(-17px) rotate(45deg); }