@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; text-decoration:none;}
body {margin:0; padding:0; background:#dddddd;}
h1,h2,h3,p {margin:0; padding:5px 0 5px 0;}
h1 {font-size:1.5rem; color:#464a61; }
h2 {font-size:1.3rem;}
h3 {font-size:1.1rem;}
.main {width:800px; margin:0 auto; background:#fff;}
.mynav { display:block; height:32px; background:#555555; border:1px solid #f2f2f2; line-height:32px;}
.mynav ul{margin:0; padding:0;}
.mynav li{float:left; padding:0 30px 0 30px; list-style:none; text-align:center; height:32px; line-height:32px;}
.mynav .now{ background:#000000;}
.mynav a{ color:#fff; text-decoration:none;}
.head {background:#464a61;  padding:15px 0 15px 10px;}
.head h1{margin:0; padding:0;}
.head a{color:#fff; text-decoration:none; font-size:18px; font-weight:bold;}
.toptxt {background:none; border:0; width:310px; color:#fff;}
.mowermn {padding:15px 10px 15px 10px; clear:both; height:auto;}
.mowermn a{text-decoration:underline;}
.left{width:80%; float:left;}
.right{width:18%; float:left;}
.right h3{margin: 0 0 0 15px; padding:0;}
.right ul{margin:5px 0 0 15px; padding:0;}
.right ul li{list-style:none;}
.right ul li a:hover{ color:#093; font-weight:bold;}
.foot {background:#464a61; 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; }.mowermn{ 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%; } }