@charset "utf-8";
*, html, body, div, span, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, hr, pre, form, label, fieldset, input, textarea, select, p, blockquote, th, td {
margin: 0;
padding: 0;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
fieldset, img {
border: 0;
}
address, caption, cite, code, dfn, em, strong, th, var {
font-style: normal;
font-weight: normal;
}
caption, th {
text-align: left;
}
h1, h2, h3, h4, h5, h6 {
font-weight: normal;
}
q::before, q::after {
content: "";
}
strong {
font-weight: normal;
}
em {
font-style: italic;
}
a img {
border: none;
}
a {
text-decoration: none;
}
html {
box-sizing: border-box;
}
*, *::before, *::after {
  box-sizing: inherit;
}
body.simple {
background-color: #f9f9f9;
}
body.err, section.err {
background-color: #ffffb0;
}
body.ornate {
background-color: #2a2e36;
}
body, h1, h2, h3,
p, label, form, hr, table, ol, ul, li,
input, input[type="text"], input[type="email"], input[type="tel"], input[type="password"], input[type="checkbox"], input[type="radio"], input[type="submit"], textarea, select {
font-family: sans-serif; 
line-height: 1.3125;
color: #000000;
font-size: 0.75rem;
}
body.ornate, body.ornate h2,
body.ornate p, body.ornate label, body.ornate form, body.ornate hr, body.ornate table, body.ornate ol, body.ornate ul, body.ornate li,
body.ornate input, body.ornate input[type="text"], body.ornate input[type="email"], body.ornate input[type="tel"], body.ornate input[type="password"],
body.ornate input[type="checkbox"], body.ornate input[type="radio"], body.ornate input[type="submit"], body.ornate textarea, body.ornate select {
font-size: 0.9375rem;
}
h1, h3 {
font-size: 1.375rem;
}
body.simple h1, body.err h1 {
padding: 0.1875rem;
}
h2 {
margin-top: 1rem;
margin-bottom: 1rem;
}
hr {
border: 0;
margin: 1rem 0;
height: 1px;
border-top: #9498a1 dotted 1px;
}
hr.invisible {
border: 0;
margin: 0;
height: 0;
}
div.content-nav hr {
margin: 0.75rem 0;
}
a {
color: #1c5ea2;
}
a:hover, a:focus {
color: #6099ff;
}
a.external::after {
margin-left: 0.125rem;
content: url("/pix/box-external.png");
width: 12px;
height: 12px;
}
img {
max-width: 100%;
height: auto;
}
@media (min-width:52rem) {
div.img_medium {
display: none;
}
}
@media (max-width:52rem) {
div.img_large {
display: none;
}
}
@media (width:52rem) {
div.img_large {
display: initial;
}
}
ol, ul {
padding-left: 1.125rem;
}
ul {
list-style-type: circle;
list-style-image: url("/pix/box-ul.png");
}
li, p {
margin-top: 0.75rem;
}
li {
padding-left: 0.25rem;
}
ol.compact {
margin-top: 0.75rem;
}
ol.compact li {
color: #3e3f68;
margin-top: 0;
}
p, div.box-venue, div.box-exclamation, div.box-contact {
color: #3e3f68;
}
p.center {
text-align: center;
}
p.right {
text-align: right;
}
p.inverse {
color: #3e3f68;
}
body.ornate p.inverse {
color: #f9f9f9;
}
em {
font-style: normal;
border-bottom: #ee204d solid 1px;
}
div.page-center {
max-width: 1072px;
margin: 0 auto;
padding: 0.25rem 8px 0 8px;
}
div.no-box {
display: block;
padding: 0.125rem 0;
}
div.box-answer {
padding: 1.0rem 3rem 0 3rem;

}
div.box-content, div.box-link, div.box-linkless, div.box-information, div.box-confirmation, div.box-warning, div.box-error {
display: block;
padding: 0.5rem;
margin: 1rem 0;
border-radius: 0.3125rem;
}
div.box-content::before, div.box-link::before, div.box-linkless::before, div.box-information::before, div.box-confirmation::before, div.box-warning::before, div.box-error::before {
vertical-align: top;
margin-right: 0.375rem;
}
div.box-content {
margin: 1.5rem 0;
padding-top: 0.75rem;
padding-bottom: 0.75rem;
border: solid 1px;
}
div.box-link, div.box-linkless {
background-color: #d3e1fc;
color: #666971;
}
div.box-linkless {
color: #1c5ea2;
}
div.box-link:hover, div.box-linkless:hover, div.box-link:focus, div.box-linkless:focus {
background-color: #f7dbfc;
color: #6099ff;
}
div.box-link::before { 
content: url("/pix/box-link.png");
width: 16px;
height: 16px;
}
div.box-information {
background-color: #e0fac5;
color: #666971;
}
div.box-information::before {
content: url("/pix/box-information.png");
width: 16px;
height: 16px;
}
div.box-confirmation {
background-color: #9cdd99;
color: #3c6d3a;
}
div.box-confirmation::before {
content: url("/pix/box-confirmation.png");
width: 16px;
height: 16px;
}
div.box-warning {
background-color: #edeb6f;
color: #666971;
}
div.box-warning ul {
list-style-type: disc;
list-style-image: none;
}
div.box-warning::before {
content: url("/pix/box-warning.png");
width: 16px;
height: 16px;
}
div.box-error {
background-color: #fa9bc1;
color: #b21e1e;
}
div.box-error::before {
content: url("/pix/box-error.png");
width: 16px;
height: 16px;
}
div.box-error ul {
list-style-type: disc;
list-style-image: none;
}
div.box-venue::before {
vertical-align: top;
margin-right: 0.375rem;
content: url("/pix/box-venue.png");
width: 16px;
height: 16px;
}
div.box-exclamation::before {
vertical-align: top;
margin-right: 0.375rem;
content: url("/pix/box-exclamation.png");
width: 16px;
height: 16px;
}
div.box-contact::before {
vertical-align: top;
margin-right: 0.375rem;
content: url("/pix/box-contact.png");
width: 16px;
height: 16px;
}
label {
display: block;
color: #2a2e36;
padding: 0.25rem 0 0 0;
}
body.ornate label {
padding: 0.5rem 0 0.125rem 0;
}
label span {
display: block;
padding: 0.5rem;
margin: 1rem 0;
border-radius: 0.3125rem;
background-color: #e0fac5;
color: #666971;
}
label span::before {
vertical-align: top;
margin-right: 0.375rem;
content: url("/pix/box-ul.png");
width: 16px;
height: 16px;
}
label:not(:hover) span {
display: none;
}
input[type="text"], input[type="email"], input[type="tel"], input[type="password"], input[type="checkbox"], input[type="radio"], input[type="submit"], select, textarea {
border: #bbbdbe solid 1px;
padding: 0.5rem 0.3125rem;
border-radius: 0.3125rem;
outline: none;
white-space: pre-wrap;
}
input[type="text"]:hover, input[type="email"]:hover, input[type="tel"]:hover, input[type="password"]:hover, input[type="checkbox"]:hover, input[type="radio"]:hover, select:hover, textarea:hover,
input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="password"]:focus, input[type="checkbox"]:focus, input[type="radio"]:focus, select:focus, textarea:focus {
border: #959798 solid 1px;
}
textarea {
word-break: break-all;
}
input[type="checkbox"], input[type="radio"] {
margin: 0.625rem 0.375rem;
}
input[type="checkbox"].small, input[type="radio"].small {
margin: 0.4375rem 0.375rem;
margin: 0 0.375rem;
}
select {
padding-left: 0.0625rem;
padding-bottom: 0.4375rem;
}
input[type="submit"], input[type="submit"]:hover, input[type="submit"]:focus {
background: none;
border: none;
display: inline;
font: inherit;
margin: 0;
padding: 0;
outline: none;
outline-offset: 0;
box-shadow: none;
text-indent: 0;
text-decoration: none;
text-align: left;
white-space: normal;
color: #1c5ea2;
cursor: pointer;
}
input[type="submit"]:hover, input[type="submit"]:focus {
color: #6099ff;
}
input[type="submit"].big, input[type="submit"]:hover.big, input[type="submit"]:focus.big {
padding: 0.5rem 0;
}
.hot, input[type="submit"].hot {
color: #000000;
}
.hot:hover, .hot:focus, input[type="submit"]:hover.hot, input[type="submit"]:focus.hot {
color: #6099ff;
}
form.inline {
display: inline;
}
form.inline input[type="submit"] {
display: inline;
}
form.fullwidth-form, div.as-fullwidth-form {
padding-top: 0.5rem;
margin: 0 auto;
}
form.standard-form, div.as-standard-form {
padding-top: 0.5rem;
margin: 0 auto;
max-width: 18rem;
}
form.fullwidth-form input, form.fullwidth-form textarea, form.standard-form input, form.standard-form textarea {
width: 100%;
}
div.box-link input[type="submit"] {
width: 85%;
}
form.fullwidth-form div.box-link, form.standard-form div.box-link {
margin-top: 1rem;
}
form.fullwidth-form input[type="checkbox"], form.standard-form input[type="checkbox"] {
width: 1rem;
margin: 0;
}
footer {
text-align: center;
padding: 1.5rem 0.5rem;
}
div.table {
display: table;
border-collapse: collapse;
}
div.tablefull {
display: table;
width: 100%;
}
div.tr {
display: table-row;
width: 100%;
background-color: #ececec;
border-bottom: #0000b0 solid 1px;
}
div.tr:nth-child(odd) {
background-color: #c7c7c7;
}
div.tr.hot {
background-color: #967676;
}
div.tr > form {
display: inline;
}
@media (min-width:52rem) {
div.tr > form {
display: table-cell;
}
}
div.trinsert {
display: table-row;
width: 100%;
background-color: #d6f49a;
border-bottom: #0000b0 solid 1px;
}
div.tr:hover, div.tr:focus, div.trinsert:hover, div.trinsert:focus {
background-color: #d3e1fc;
}
div.trinsert > form {
padding-bottom: 1.75rem;
display: inline;
}
@media (min-width:52rem) {
div.trinsert > form {
display: table-cell;
}
}
div.td {
padding: 0.1875rem;
white-space: nowrap;
display: inline;
}
@media (min-width:52rem) {
div.td {
display: table-cell;
}
}
span.showpct {
white-space: nowrap;
line-height: 0;
vertical-align: top;
}
div.showinline {
display: inline;
white-space: nowrap;
}
div.showtitle {
display: inline;
white-space: nowrap;
}
div.showsubtitle {
display: inline;
text-decoration: underline;
white-space: nowrap;
}
div.showtext {
padding: 0.375rem;
padding: 0.625rem 0.375rem 0.5rem 0.375rem;
white-space: nowrap;
}
div.showlog {
padding: 0.375rem;
word-break: break-all;
white-space: normal;
}
div.showlog > br {
content: "";
margin-bottom: 0.625rem;
display: block;
}
div.showlink {
padding: 0.375rem;
width: 16rem;
word-break: break-all;
white-space: normal;
}
div.showheading {
width: 18rem;
white-space: normal;
}
@media (min-width:52rem) {
div.showheading {
width: 32rem;
}
}
span.showtransparent, span.showgreen, span.showyellow, span.showred {
display: inline-block;
font-size: 1rem;
min-width: 2.75rem;
/*
color: #000000;
*/
padding: 0 0 0 0.375rem;
border-radius: 0.3125rem;
border: transparent solid 1px;
}
span.showgreen {
background-color: #00ff7f;
}
span.showyellow {
background-color: #ffd300;
}
span.showred {
background-color: #ee204d;
}
th {
padding: 0.0625rem 0.125rem;
vertical-align: top;
}
td {
padding: 0.0625rem 0.125rem;
vertical-align: top;
}
div.showlang10, div.showlang11 {
display: inline-block;
padding: 0.25rem;
border-left: #9498a1 dotted 1px;
border-right: #9498a1 dotted 1px;
}
span.pic_head {
vertical-align: 20px;
padding-left: 1rem;
}
span.pic_bottom {
padding-left: 2rem;
}
div.status {
text-align: center;
}
span.status_woman_pic, span.status_man_pic {
margin: 0 0.75rem;
}
span.status_woman_txt, span.status_man_txt {
display: inline-block;
text-align: left;
}
div.nav01 {
padding-bottom: 0.5rem;
}
div.nav02, div.nav10, div.nav11 {
padding: 0.5rem;
}
div.nav10, div.showlang10 {
color: #ffffff;
background-color: #e11a78;
border-radius: 0.3125rem;
}
div.nav11:hover, div.nav11:focus, div.showlang11:hover, div.showlang11:focus {
background-color: #ffc7e1;
border-radius: 0.3125rem;
}
div.img, div.img_medium, div.img_large {
margin-top: 1.5rem;
}
div.img_large {
text-align: center;
}
div.content-container {
display: flex;
flex-direction: column;
}
@media (min-width:52rem) {
div.content-container {
flex-direction: row;
}
}
div.content-content {
width: 100%;
}
div.content-nav {
text-align: right;
}
@media (min-width:52rem) {
div.content-nav {
width: 24rem;
width: 384px;
margin-left: 1.5rem;
}
}
section, body.ornate nav {
padding: 1.5rem 0.75rem 0.5rem 0.75rem;
margin-top: 1.5rem;
background-color: #f9f9f9;
}
@media (min-width:52rem) {
section, body.ornate nav {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
}
img + h1, img + h3 {
margin-top: 1rem;
}
.revoked {
text-decoration: line-through;
}
input[type="submit"]::-moz-focus-inner, submit::-moz-focus-inner {
padding: 0;
border: 0;
margin: 0;
}