body { background-color: #ddffdf; font: Helvetica, Arial, sans-serif; margin-left: 0.5em; }

h1 {color: white; background-color: #000070; 
border-color: #8888ff; border-style: ridge; border-width: 10px;
font-size: 2.2em; text-align: center; padding: 13px; margin: 4px; }
h2 {color: #000060; font-size: 1.1em; line-height: 1.3em; }
h3 {color: #110011; font-size: 0.9em; line-height: 1.3em; }
h4 {color: #ff0044; font-size: 1.6em; line-height: 1.4em; }
p {line-height: 1.2em; }

a {text-decoration: none; }
a:link {color: #0000aa; }
a:visited {color: #640063; }
a:hover {color: yellow; background-color: black; }
a:active {color: blue; background-color: white; }

ul { list-style-image: url(yajirushi.gif); }
ul.star1 { list-style-image: url(hoshi1.gif); }
ul.star2 { list-style-image: url(hoshi2.gif); }
ul.hidari { list-style-image: url(greenarrow.gif); }

div#first { width: 96%; float: left; background-color: #ddffdf; line-height: 2em; padding: 0.4em; }
div#second { display:none; }
div#toplink { display:none; }
div#main { width: 96%; float: left; background-color: #ffffff; line-height: 1.4em; padding: 0.2em; font-size: 81%; margin-left: 0.1em; margin-right: 0.1em}
div#foot { width: 96%; float: left; background-color: #ddffdf; align: center; margin-left: 0.1em; margin-right: 0.1em }

td.linklogo {text-align: center; vertical-align: middle; padding: 0.3em; }
html, body {scrollbar-base-color: #0000bb; }

.slicknav_menu {
display:none;
}
 
/*Media Queries*/
@media screen and (max-width: 480px) {
.js #menu {
display:none;
}
 
.js .slicknav_menu {
display:block;
}
}