@charset "utf-8";
*{font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; line-height:25px; font-size:1.0rem; color:#000;}
a:hover,a:active,a:link,a:visited{color:#000; }
body {margin:0; padding:0; background:#999999;}
h1,h2,h3,p {margin:0; padding:5px 0 5px 0;}
h2 {font-size:1.3rem;}
h3 {font-size:1.1rem;}
.main {width:880px; margin:0 auto; background:#fff;}
.mynav { display:block; height:30px; background:#3f637e; line-height:30px;}
.mynav ul{margin:0; padding:0;}
.mynav li{float:left; width:185px; list-style:none; text-align:center; height:30px; line-height:30px;}
.mynav .now{ background:#243e52;}
.mynav a{ color:#fff; text-decoration:none; line-height:30px;}
.head {background:#6d90aa; text-align:center; padding:20px 0 20px 0;}
.head h1{margin:0; padding:0;}
.head h1 a{color:#fff; text-decoration:none; font-size:1.5rem;}
.orumatilla {padding:15px 10px 15px 10px; clear:both; height:auto;}
.foot {background:#6d90aa; height:50px; padding:10px 0 10px 0; text-align:center; color:#f1f1f1;}
.foot a{color:#fff; text-decoration:none;}
table tr:hover{background:#FF9;}
.clr{clear:both;}
@media screen and (max-width: 1200px) {}
@media screen and (max-width: 900px) {.main { width:100%; padding:0;} .mynav{height:auto; padding:0;} .mynav ul li{width:31%; font-size:1rem; padding:0.2rem 0 0.2rem 0; }.orumatilla{ width:auto; padding:0.8rem 1rem 0.8rem 1rem;} }
@media screen and (max-width: 700px) {.mynav ul li{width:46%; } }
@media screen and (max-width: 500px) {.mynav ul li{width:100%; } }