@font-face {
    font-family: 'revue';
    src: url('revue.ttf');
}
body {
    margin: 0px;
    font-family: Verdana;
    font-size: 12px;
}
table.layout {
    width: 800px;
}
table.layout thead td {
    text-align: center;
    background-color: #e2e2e2;
    height: 50px;
    width: 100%;
    top: 0px;
    font: 900 16px 'Meiryo UI';
    color:maroon;
    border-top: 5px solid #808080;
}
table.layout tfoot td {
    background-color: #e2e2e2;
    height: 20px;
    width: 100%;
    bottom: 0px;
    text-align: center;
}
table {font-size: 12px; font-family: Verdana;}

table.data { border-collapse: separate;}
table.data caption {font-style: italic; font-weight: bold; font-size: 16px; color: #801010; text-align: left; padding-left: 20px; padding-bottom: 5px; caption-side: top;}
table.data tr th { font-weight: bold; color: white; background-color: #808080; padding: 4px;}
table.data tr:nth-child(even) { background-color: #e2e2e2;}

a {
    text-decoration: none;
    color: #0094ff;
}
a:visited{
    color: #0094ff;
}

table.ipform { border-radius: 8px; background-color: #e9e9e9; padding: 5px; border-collapse: separate; }
table.ipform caption { font-style: italic; font-weight: bold; font-size: 16px; color: #801010; text-align: left; padding-left: 20px; padding-bottom: 5px; caption-side: top;}
table.ipform tbody tr:first-child td {text-align: right;}
table.ipform tbody tr:first-child th {text-align: right;}

div.user{ position: relative; right: 0px;}
div.user div {
  display: inline-block;
  width: 75px;
  height: 75px;
  border-radius: 50%;
  position: absolute;
  right: 0px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

div.filter { display: none; position: absolute; text-align: right; }
div.pop { font-family: verdana; font-size: 11px; background-color: #ececff; border-left-style: solid; border-left-width: 1px; border-right: 1px solid #9285cb; border-top-style: solid; border-top-width: 1px; border-bottom: 1px solid #9285cb; }

table.pop { font-family: verdana; font-size: 11px; background-color: #ececff; border-left-style: solid; border-left-width: 1px; border-right: 1px solid #9285cb; border-top-style: solid; border-top-width: 1px; border-bottom: 1px solid #9285cb; }

div#ajResponse {position: absolute; z-index: 100; display: none;}
div#ajResponse table { font-family: verdana; font-size: 11px; background-color: #c4e3f3 }
div#ajResponse table tr:nth-child(odd){ background-color: #cecece }
div.error { background-color: #e2e2e2; color: red; font-size: large; padding: 10px; border-radius: 5px;}

div.SessionTimer {position: fixed; z-index: 10000; display: none; background-color: rgba(205,205,205,0.85); width: 100%; height: 100%; top:0px; text-align: center }
div.SessionTimer div { position: fixed; top: 50%; left: 50%; }

@media screen and (max-width: 650px){
    body {background-color: inherit;}
    div.banner {background-color: #404040}
    div.banner h1 {font-size: 2.5vh;}
    div.banner h2 {font-size: 2.5vh; font-weight: bold; color: #cecece;}
    div.banner h3 { color: #cecece;}
    input#name {width: 120px}
    input#email {width: 120px}
}