/*suburbanew*/
body{margin:0; padding:0; text-align:center; font-size:small; font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3",Arial, Helvetica, sans-serif; background:url(img/bg_flower.gif) repeat; color:#0066CC;}
*{margin:0px; padding:0px; font-style:normal;}
ul,li{list-style:none;}
img{border:0;}
img a{border:0;}
a:link{color:#EF7D1C;}
a:visited{color:#EF7D1C;}
a:hover{color:#50B442; text-decoration:none;}
a:active{color:#EF7D1C;}
iframe{width:470px; height:430px; margin:0; padding:0; border-style:none;}
/* main layout */
#container{width:887px; text-align:center; margin:0px auto; padding:0; }
#header{ width:955px; height:142px; text-align:center; margin:0px auto; font: bold 35px Arial, Helvetica, sans-serif, Times, serif; padding:0px; color: #ffffff; background-image:url(img/header.gif); background-repeat:no-repeat; }
#gnavi{ margin:0; padding:0; width:890px; z-index:1000;}
#flash{width:887px; height:256px; background-color:#4884c0; clear:both; }

#container dl dt{margin:6px 0 4px 0;}
#container ol,ul,li{margin:15px 0 0 0; line-height:120%}

#wrap_main{ float:left;width:690px; margin:0; padding:0; text-align:left;}
#rnavi{text-align:left;}

#lmain{float:left; width:245px; margin:0px; padding:0px; background-color:#FFFFFF;}
#rmain{ float:right; width:245px; margin:0px; padding:0px; background-color:#FFFFFF;}

#bgbottom{width:887px; height:30px;background: url(img/bg_bottom.gif) repeat-x bottom; margin:0px; padding:0px; clear:both;text-align:center;  color:#FFFFFF;}
#footer{width:100%; height:97px; text-align:left; margin:0px; padding:0px; background: url(img/footer.gif) repeat-x bottom;  }
#clear{ clear:both;}

/* layout */
h1{ display:none; text-indent:-9999px;}/*suburbanew*/
body{margin:0; padding:0; text-align:center; font-size:small; font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3",Arial, Helvetica, sans-serif; background:url(img/bg_flower.gif) repeat; color:#0066CC;}
*{margin:0px; padding:0px; font-style:normal;}
ul,li{list-style:none;}
img{border:0;}
img a{border:0;}
iframe{width:470px; height:430px; margin:0; padding:0; border-style:none;}
/* main layout */
#container{width:887px; text-align:center; margin:0px auto; padding:0; }
#header{ width:955px; height:142px; text-align:center; margin:0px auto; font: bold 35px Arial, Helvetica, sans-serif, Times, serif; padding:0px; color: #ffffff; background-image:url(img/header.gif); background-repeat:no-repeat; }
#gnavi{ margin:0; padding:0; width:890px; z-index:1000;}
#flash{width:887px; height:256px; background-color:#4884c0; clear:both; }

#container dl dt{margin:6px 0 4px 0;}
#container ol,ul,li{margin:15px 0 0 0; line-height:120%}

#wrap_main{ float:left;width:690px; margin:0; padding:0; text-align:left;}


#lmain{float:left; width:245px; margin:0px; padding:0px; background-color:#FFFFFF;}
#rmain{ float:right; width:245px; margin:0px; padding:0px; background-color:#FFFFFF;}

#bgbottom{width:887px; height:30px;background: url(img/bg_bottom.gif) repeat-x bottom; margin:0px; padding:0px; clear:both;text-align:center;  color:#FFFFFF;}
#footer{width:100%; height:97px; text-align:left; margin:0px; padding:0px; background: url(img/footer.gif) repeat-x bottom;  }
#clear{ clear:both;}

/* layout */
h1{ display:none; text-indent:-9999px;}
h2{ font-size:medium; height:40px; margin:0; padding:20px 0 0 0;text-align:center; font-weight:bold; color:#FFFFFF; }
h2#mainttl{width:245px;background: url(img/bg_h2green.gif) no-repeat top center; }
h2#navittl{width:200px;background:#7EC1EC url(img/bg_h2blue.gif) no-repeat; }
h2#navittl2{width:200px;background:#4884c0  url(img/bg_h2blue.gif) no-repeat; }
#rnavi h2#rnavittl{width:197px;background:#7EC1EC url(img/h2_rnavi.gif) no-repeat; }
#rnavi h2#rnavittl2{width:197px;background:#4884c0 url(img/h2_rnavi.gif) no-repeat; }


h3{margin:6px 0 4px 0; padding:0; font-weight:bold; font-size:110%; border-bottom:1px dotted #4884c0;}

address{margin:8px 2px 5px 2px;}

#navicon{margin:10px; font-size:small;}
#navicon img{text-align:center;}
#navicon p{margin:6px 0 4px 0; line-height:140%}
#navicon dl{margin:6px 0 4px 0;}
#main #navicon ul li{list-style-image:url(img/icon_flower.gif);margin-left:20px; line-height:120%}
#main #navicon ol li{margin-left:20px; line-height:140%; list-style:decimal}

#main #navicon dt{ margin:10px 0 5px 0px; font-weight:bold; line-height:120%;}
#main #navicon dd{ margin:2px 0 5px 5px; line-height:120%;}
.more{text-align:right;}
#lnavi #navicon ul li, #rnavi #navicon ul li{ list-style:circle; margin-left:20px; line-height:120%;}

.lessonnum{vertical-align:top; font-weight:bold; width:20%; text-align:center; }
.timetbl{ border-collapse:collapse;padding:0; background-color:#4884c0; text-align:center; font-weight:bold;  margin:0; border:1px solid #FFFFFF; width:100% }
table.timetbl td{padding:3px; border:1px solid #FFFFFF;}
caption{font-size:medium; padding-bottom:10px;}
/*lesson*/
.lessonttl{vertical-align:top; font-weight:bold;}
.lessonnum{vertical-align:top; font-weight:bold; width:30%; text-align:center;}

.lfee{border-collapse:collapse;padding:0; text-align:left; font-weight:bold; margin:0 0 10px 0; border:1px solid #4884c0; width:100%;}
table.lfee td{padding:8px; border:1px solid #4884c0;} 
.visitor{background-color:#FFFF99;}

#lesson_bg{margin:0; padding:0;}
#lesson_bg h2{ background: url(img/h2_lesson.gif) no-repeat; color:#FFFFFF;}
.sumb1{float:left;}
.sumb2{width:117px; height:250px; float:left; margin:auto; padding:0;}
div.sumb2 dl{width:117px; line-height:90%;}
.st{color:#FF0000;}
.photo{float:left; margin-right:20px;}
.cl{ margin:2px 0 0 20px; font-weight:bold; color:#50b442;}
img.loginimg{border:1px solid #666; margin:10px 0;}

.bnavi{font-size:0.8em; margin-bottom:10px;}
.news{line-height:150%;}
