a:link {
color: #0000ff;
}

a:visited {
color: #330099;
}

a:hover {
color: #e00000;
position: relative;
top: 1px;
left: 1px;
}

body {
margin: 0px 0px 15px;
color: #663333;
background-image: url("https://yosenabe.com/pic/bgt2.png");
background-color: #fff0d9;
-webkit-text-size-adjust: 100%;
}

h1 {
color: #ffe0ac;
background-color: #663333;
font-size: 200%;
text-align: center;
line-height: 1em;
margin: 0px;
padding: 15px;
}

td.small {
font-size: 70%;
}

b.subcol {
color: #663333;
}

dl.log dt {
margin: 1em 10px;
line-height: 1.5em;
}

dl.log dd {
margin: 1em 10px 1em 25px;
line-height: 1.5em;
}

table.regfm th {
padding: 0px;
white-space: nowrap;
text-align: left;
}

table.regfm td {
padding: 0px;
text-align: left;
}

p.url {
margin: 1em 0px 0px 0px;
}

img.capt {
vertical-align: middle;
}

.ta-c {
text-align: center;
}

.err {
color: #e00000;
font-weight: bold;
text-align: center;
}

div.key {
float: left;
width: 3.5em;
}

div.val {
float: left;
}

.art {
width: 90%;
background: #ffe0ac;
margin: 1em auto;
padding: 5px;
text-align: left;
}

div.clear {
clear: both;
}

.msg {
color: #663333;
text-align: center;
}

p.close {
text-align: center;
margin-top: 1em;
}

.close input {
width: 80px;
}

table.enter {
margin: 80px auto;
width: 320px;
border: 1px solid #0080c0;
border-collapse: collapse;
}

table.enter th {
border: 1px solid #0080c0;
padding: 1em;
background: #0080c0;
color: #fff;
text-align: left;
}

table.enter td {
border: 1px solid #0080c0;
padding: 1em;
background: #fff;
font-family: verdana,helvetica,arial;
}

input.len {
width: 220px;
}

input.button {
color: #0000ff;
font-size: 0.9em;
font-weight: bold;
border: 1px solid #666666;
background: #f1e767;
background: linear-gradient(to bottom, #fdfbfb 0%, #ebedee 100%);
box-shadow: inset 1px 1px 1px #ffffff;
}

input.button:hover {
background: linear-gradient(to top, #fdfbfb 0%, #ebedee 100%);
}

div.btn {
text-align: right;
}

div.btn input {
font-family: verdana,helvetica,arial;
width: 100px;
height: 32px;
}

hr {
height: 2px;
background-color: #663333;
border-width: 0px;
}

label {
white-space: nowrap;
}

form {
margin: 15px 40px;
}

@media screen and (max-width: 449px) {

h1 {
font-size: 150%;
}

.comm {
width: 200px;
}

form {
margin-left: 10px;
}

}