@font-face {
 font-family:'Archivo';
 src:url('fonts/Archivo/Archivo-Bold.woff2') format('woff2'),
 url('fonts/Archivo/Archivo-Bold.woff') format('woff'),
 url('fonts/Archivo/Archivo-Bold.ttf') format('truetype');
 font-weight:700;
 font-style:normal;
}
@font-face {
 font-family:'Archivo';
 src:url('fonts/Archivo/Archivo-BoldItalic.woff2') format('woff2'),
 url('fonts/Archivo/Archivo-BoldItalic.woff') format('woff'),
 url('fonts/Archivo/Archivo-BoldItalic.ttf') format('truetype');
 font-weight:700;
 font-style:italic;
}
@font-face {
 font-family:'Archivo';
 src:url('fonts/Archivo/Archivo-Regular.woff2') format('woff2'),
 url('fonts/Archivo/Archivo-Regular.woff') format('woff'),
 url('fonts/Archivo/Archivo-Regular.ttf') format('truetype');
 font-weight:400;
 font-style:normal;
}
@font-face {
 font-family:'Archivo';
 src:url('fonts/Archivo/Archivo-Italic.woff2') format('woff2'),
 url('fonts/Archivo/Archivo-Italic.woff') format('woff'),
 url('fonts/Archivo/Archivo-Italic.ttf') format('truetype');
 font-weight:400;
 font-style:italic;
}
@font-face {
 font-family:'Archivo';
 src:url('fonts/Archivo/Archivo-Medium.woff2') format('woff2'),
 url('fonts/Archivo/Archivo-Medium.woff') format('woff'),
 url('fonts/Archivo/Archivo-Medium.ttf') format('truetype');
 font-weight:500;
 font-style:normal;
}
@font-face {
 font-family:'Archivo';
 src:url('fonts/Archivo/Archivo-MediumItalic.woff2') format('woff2'),
 url('fonts/Archivo/Archivo-MediumItalic.woff') format('woff'),
 url('fonts/Archivo/Archivo-MediumItalic.ttf') format('truetype');
 font-weight:500;
 font-style:italic;
}
@font-face {
 font-family:'Archivo';
 src:url('fonts/Archivo/Archivo-SemiBold.woff2') format('woff2'),
 url('fonts/Archivo/Archivo-SemiBold.woff') format('woff'),
 url('fonts/Archivo/Archivo-SemiBold.ttf') format('truetype');
 font-weight:600;
 font-style:normal;
}
@font-face {
 font-family:'Archivo';
  src:url('fonts/Archivo/Archivo-SemiBoldItalic.woff2') format('woff2'),
 url('fonts/Archivo/Archivo-SemiBoldItalic.woff') format('woff'),
 url('fonts/Archivo/Archivo-SemiBoldItalic.ttf') format('truetype');
 font-weight:600;
 font-style:italic;
}
@font-face {
 font-family:'Lora';
 src:url('fonts/Lora/Lora-Regular.woff2') format('woff2'),
 url('fonts/Lora/Lora-Regular.woff') format('woff'),
 url('fonts/Lora/Lora-Regular.ttf') format('truetype');
 font-weight:normal;
 font-style:normal;
}
@font-face {
 font-family:'Lora';
 src:url('fonts/Lora/Lora-Bold.woff2') format('woff2'),
 url('fonts/Lora/Lora-Bold.woff') format('woff'),
 url('fonts/Lora/Lora-Bold.ttf') format('truetype');
 font-weight:bold;
 font-style:normal;
}
@font-face {
 font-family:'Lora';
 src:url('fonts/Lora/Lora-Italic.woff2') format('woff2'),
 url('fonts/Lora/Lora-Italic.woff') format('woff'),
 url('fonts/Lora/Lora-Italic.ttf') format('truetype');
 font-weight:normal;
 font-style:italic;
}
@font-face {
 font-family:'Lora';
 src:url('fonts/Lora/Lora-BoldItalic.woff2') format('woff2'),
 url('fonts/Lora/Lora-BoldItalic.woff') format('woff'),
 url('fonts/Lora/Lora-BoldItalic.ttf') format('truetype');
 font-weight:bold;
 font-style:italic;
}


html {
  font-family: "Archivo";
}

table.overview, table.overview tr, table.overview th, table.overview td {
  border-collapse: collapse;
  border: 1px solid black;
  padding: .5em;
  vertical-align: top;
}

/*
table.nav {
  border-collapse: collapse;
  border: none;
  width: 100%;
}
*/

div.nav, header.nav {
  background-color: white;
  position: sticky;
  top: 2px;

}
div.nav-l {
  display: inline-block;
  vertical-align: top;
  color: #000;
  line-height: 1.4em;
  font-weight: 400;
  text-transform: none;
  padding: 0 0 0 14px;
  font-family: "Lora";
  font-size: 28px;
}
div.nav-r {
  display: inline-block;
  position: absolute;
  right: 1px;
  color: #000;
  line-height: 1.4em;
  padding: 6px 0 6px 14px;
  font-family: "Archivo";
  font-size: 16px;
}
div.kpjw {
  display: inline-block;
  vertical-align: top;
  color: #000;
  line-height: 1.4em;
  font-weight: 400;
  padding: 30px 0 0 14px;
  font-family: "Archivo";
  font-size: 26px;
}

div.bottom {
  background-color: white;
  position: fixed;
  bottom: 2px;
}

.unit {
  background-color: #ccc;
  padding: 10px;
}

a:hover.buttonlink {
  font-family: Archivo;
  background-color: #444;
  color: #FFF;
  padding: 6px;
  text-decoration: none;
}

a.buttonlink {
  font-family: Archivo;
  background-color: #777;
  color: #FFF;
  padding: 6px;
  text-decoration: none;
}

a.kpjw {
  text-decoration: none;
}
a {
  color: #000;
}

/*td.member_nav {
  text-align: right;
  font-family: Archivo;
}

td.kpjw {
  text-align: left;
  font-family: Lora;
  font-size: 28px;
}
*/

/*
div.nav2 {
  display: inline-block;
  vertical-align: top;
  color: #000;
  line-height: 1.4em;
  font-weight: 400;
  text-transform: none;
  padding: 0 0 0 14px;
  font-family: Lora,Archivo;
}
*/


/*KH*/
/*.kh-home {
display: inline-block;
vertical-align: top;
color: #000;
line-height: 1.4em;
font-weight: 400;
text-transform: none;
padding: 0 0 0 14px;
font-family: Lora,Archivo;
}
*/