* {margin: 0px; padding: 0px; box-sizing: border-box; outline: 0; font-size: inherit; font-family: helvetica, arial, verdana, sans-serif; color: #777777;}
html {background: #F3F5F8; font-size: 16px; line-height: 120%; cursor: default;}
a {color: #3287B2; text-decoration: none;} a:hover {text-decoration: underline;}
fieldset {border: none;}
textarea {resize: none; min-width: 100%;}

button, input, select, textarea {padding: 0.2em 0.3em; border-radius: 2px;}
button, input:not([type=text]):not([type=password]):not([type=number]):not([type=date]), label {cursor: pointer;}
button, input[type=button], input[type=submit] {margin: 0.3em; background: #00AAFF; border: solid 1px #00A0F0; box-shadow: 0px 1px 2px 0 rgba(0,0,0,0.2); color: white; transition: all 0.1s ease-out;}
button:hover:not(:disabled), input[type=button]:hover:not(:disabled), input[type=submit]:hover:not(:disabled) {background-color: #00A0F0;}
button:disabled, input[type=button]:disabled, input[type=submit]:disabled {background: grey; border-color: grey;}
textarea, select, input:not([type=button]):not([type=submit]):not([type=checkbox]):not([type=radio]) {border: solid 1px #CCCCCC; box-shadow: 0px 1px 2px 0 rgba(0,0,0,0.1); background: #FCFCFC;}
input[type=number] {width: 4em;}

.banner_item {display: inline-block; white-space: nowrap;}

.menu {position: relative; cursor: pointer;}
.menu:hover {background: #FAFAFA;}
.menu:after {font-size: 80%; content: " ▼";}
.menu.closed .menu_list {display: none;}
.menu_list {position: absolute; right: 0px; top: 100%; white-space: nowrap; border: solid 1px #CCCCCC; border-radius: 3px; box-shadow: 0 2px 6px rgba(0,0,0,0.1); background: white;}
.menu_list div {padding: 0.3em 0.5em;}
.menu_list div:hover {background: #FAFAFA; color: #262626;}

#frame {display: table; min-width: 54em; border: solid 1px #EEEEEE; border-radius: 3px; box-shadow: 0 2px 6px rgba(0,0,0,0.1); background: white; margin: 1em auto; margin-top: 6em; padding: 1em; text-align: left;}
#frame table {border-collapse: collapse; margin: 1em 0px;}
#frame th {font-weight: bold;}
#frame td, #frame th {padding: 0.2em 0.3em; text-align: center; vertical-align: middle;}
#frame thead th {vertical-align: bottom;}
#frame tbody th, #frame tbody td:first-child, #frame thead th:first-child {text-align: left;}
#frame tbody tr:hover, option:hover {background: #F3F5F8;}

#info {position: absolute; display: none; border: solid 1px #00A0F0; background: #f5f5b5; box-shadow: 0.2em 0.2em 0.2em rgba(0,0,0,0.2); padding: 0.3em 0.5em; text-align: justify; white-space: nowrap; color: #006da3;}

/*
[type=checkbox] {}
[type=checkbox]:after {content: "☐";}
[type=checkbox]:checked:after {content: "☑";}checkbox
*/