.mytable{width:100%; border-spacing:0px;padding:0px;background-color:#ffffff; }
.mytabletd{text-align:right;}
.mhtd{text-align:center;}
.mtd{vertical-align:top;}
.mytable2{width:100%; border-spacing:6px;padding:0px;background-color:#ffffff; }
.mytable3{width:100%; border-spacing:0px;padding:0px;background-color:#DDC0FF;}
.menutable{width:160px;border-spacing:0px;vertical-align:top;}
.menutable2{width:210px; border-spacing:0px;padding:0px;}
.mhtd2{width:160px;vertical-align:top;}
.nav2 ul {margin:0px;padding:0px;background:#FFB36D;}
.nav2 ul li {display:inline-block;margin:0px;padding:2px;}
.nav2 ul li a{color:#ffffff;text-decoration: none;}
.nav2 ul li a:hover{text-decoration: underline;}
.header{width:100%;spacing:0px;background:#C67A00;color:#ffffff;font-size:1.2em;}
.header a{color:#ffffff}
.header a:hover{color:#888888}
.header a:visited {color:#ffffff}
.span1{position:relative;visibility:visible;margin:0px;padding:0px;background:#FFCCFF;border:1px solid #5970B2}
.span1 A:hover {font-family: Arial; color: green;}
.span2{position:relative;visibility:visible;margin:0px;padding:0px;background:#CCFFFF;border:1px solid #5970B2}
.span2 A:hover {font-family: Arial; color: green;}
.div1{position:absolute;top:15px;left:0px;visibility: hidden;margin:0px;padding:0px;background:#EAEBD8;border: 1px solid #000000;z-index:9;}
.div1 a{position:relative;display:block;margin:0px;padding:1px 1px;width:auto;white-space:nowrap;text-align:left;text-decoration: none;background: #EAEBD8;color: #2875DE;font-family: arial;font-size:5vw;z-index: 10;}
.div1 a:hover{background:#49A3FF;color:#ffffff;z-index:10;}
.url{float:left;padding:2px;}
.desc{float:right;padding:2px;text-align:right;}
H1{line-height:0.2em;}
BODY{background-color:#ffffff;font-family:arial;margin:0px;padding:0px;min-height:100vh;display:flex;flex-direction:column;}
footer{margin-top: auto;color:white;background-color:#000;margin-bottom:5px;}
footer a{color:white;text-decoration: none;}
footer a:hover{color:green;}
@media screen and (min-device-width: 481px)
{
.url{font-size:1.2em;}
.desc{font-size:1em;}
.nav2 li{font-size:1em;}
footer{font-size:80%}
a.bar:link {text-decoration: none;}
a.bar:visited {text-decoration: none}
a.bar:active {text-decoration: none}
a.bar:hover {text-decoration: underline;}
a.nav:link {text-decoration: none;}
a.nav:visited {text-decoration: none}
a.nav:active {text-decoration: none}
a.nav:hover {text-decoration: underline;}
BODY{font-size: 120%;}
.cat{background-color:#FFF9F4;}
h1{font-size:1em;}
H3{font-size:medium ;padding:1px 1px;margin: 0px;}
.readclass{font-size:2vw;opacity:1;transition:opacity 0.05s;height:100px;align:middle;text-align:center;}
.showtext{font-size:1.0em;}
}
@media screen and (max-device-width: 480px)
{
.url{font-size:0.8em;}
.desc{font-size:0.7em;}
.nav2 ul {font-size:1em;}
footer{font-size:1em;}
a {text-decoration: none;font-size:120%;padding-top:4px;padding-bottom:4px;}
br {line-height:100%}
a.bar {text-decoration: none;font-size:1.1em;}
a.bar:link {text-decoration: none;font-size:1.1em;padding: 0.1em;}a.bar:visited {text-decoration: none}
a.bar:active {text-decoration: none}a.nav {padding-top:4px;padding-bottom:4px;}
a.nav:link {text-decoration: none;}
a.nav:visited {text-decoration: none}
a.nav:active {text-decoration: none}
BODY{font-size: 120%;}
h1{font-size:1em;}
.readclass{font-size:2vw;opacity:1;transition:opacity 0.05s;height:100px;align:middle;text-align:center;}
.showtext{font-size:1.2em;}
}