@media screen and ( min-width: 641px ) {
    body { margin: 2em; }
    .nav { text-align: right; }
    }
@media screen and ( max-width: 640px ) {
    body { margin: 1em; }
    .hide { display: none; }
    .nav { text-align: center; }
    }
body {
    color: #888; background-color: #fff;
    font-family: arial,sans-serif; overflow-wrap: break-word;
    -webkit-text-size-adjust: 100%;
     }
h1,h2,h3,hr,#foot,.date,.page { clear: both; }
h1,h2,h3,th,input,textarea,select { font-size: 1em; font-weight: normal; }
h1,h2,h3,th,input,textarea,select,a:link,a:visited,a.anchor { color: #000; }
a:hover,input[type="submit"]:hover { color: #aaa; position: relative; top: 1px; left: 1px; }
a.anchor { position: static; top: 0px; left: 0px; } /* for docomo feature-phone */
table,input.title,textarea { width: 100%; }
th,.boxc { text-align: center; }
td.main { width: 50%; padding: 0em 0.2em; }
hr,img { border: none; }
hr { border-top: 1px solid #ccc; }
div.page { margin: 1em; }
div.page,#foot,.date { text-align: right; }
div.page a,div.page span.current { padding: 0.5em; }
ul,ol { margin-left: 1em; }
input,textarea { padding: 0.2em; }
input[type="text"],input[type="password"],input[type="submit"],textarea,select {
    background-color: #fff; border: 1px solid #ccc;
    -webkit-appearance: none; -moz-appearance: none; appearance: none;
}
input[type="submit"] { padding: 0.2em 2em; border-color: #aaa; }
input[type="file"],#foot,.date,.boxl,.boxr,.nav { margin: 0.5em; }
select { padding: 0em 1em; }
textarea { resize: vertical; }
#foot,.boxl,.boxr { width: auto; }
#foot,.boxr { float: right; }
.boxl { float: left; }
.com { font-size:0.8em; }
.intro { padding: 1em 0em; }
.notice { color: #f00; }
img.new { outline: 4px dashed #f00; outline-offset: 0px; }
.lum-lightbox-inner img.lum-img { max-width: 100%; } /* luminous */
.lum-lightbox-inner { text-align: center; }