@charset "UTF-8";
/* CSS Document */

html, body, form {margin:0; padding:0;}
img {border:0;}

body {font-family: Meiryo,"メイリオ","ヒラギノ角ゴ Pro W3", Osaka,"ＭＳ Ｐゴシック"; font-size:12px; color:#222;}
h1 {margin:20px 0 0; padding:0; font-size:12px;}

#wrapper {width:720px; margin:0 auto;}
#container { background:url(img1/cont_mid.jpg) repeat-y; padding:0 5px;}
#navigation {width:180px; float:left;}
#navigation ul { margin:0; padding:0;}
#navigation ul li { margin:0; padding:0; list-style-type:none;}
#navigation p { margin:10px 0 0; padding:0;}
#navigation .box { padding:2px; line-height:125%;}

#Cont { width:525px; float:left; margin-left:5px;}
#Cont p.mess { margin:0; padding:5px; line-height:130%;}
#Cont b { color:#f60; text-decoration:underline;}

#footer {text-align:center; margin-top:5px;}
#footer .link {padding:5px 5px 0px;}
#footer .link a {margin:0 3px;}


.topics dl { margin:0; padding:5px;}
.topics dt{color:#660; font-weight:bold;}
.topics dd{ color:#630;}

.topimage { margin-bottom:10px;}
.sign {text-align:right; padding:5px; font-size:9px; font-family:Geneva, Arial, Helvetica, sans-serif;}
.clear {clear:both;}

.link a:link,
.link a:active,
.link a:visited { text-decoration:none; color:#36f;}
.link a:hover,
.link a:focus { text-decoration:underline; color:#039;}

.box a:link,
.box a:active,
.box a:visited { text-decoration:none; color:#36f;}
.box a:hover,
.box a:focus { text-decoration:underline; color:#039;}

.lesson dl {margin:5px 15px;}
.lesson dt { margin:0;  padding:0;  font-weight:bold; color:#033;}
.lesson dd { margin:0; padding:0 0 0 10px;}

#map {width:500px; height:280px; margin:0 auto; border:1px solid #999;}
.counter { text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#444;}