body{ margin:0; padding:0; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; letter-spacing:1px; line-height:16px; color:#080808; background-image:url(../img/bg.gif); background-position:center; background-repeat:repeat-y; }

a{ color:#080808; text-decoration:none; }
a img{ border:none; }

#container{ width:750px; margin-left:auto; margin-right:auto; text-align:left; background-color:#ffffff; }

#header{ width:750px; height:125px; background-image:url(../img/header_bg.gif); }
#header #left{ float:left; }
#header #left #logo{ margin-top:10px; margin-left:28px; }
#header #left #logo img{ border:none; }
#header #left h1{ width:250px; margin-left:23px; margin-top:15px; font-size:12px; font-weight:normal; text-align:center; border:1px; }
#header #left h1 strong{ font-weight:normal; }

#header #right{ float:right; margin:60px 30px 0 0; }

#mainimg{ clear:both; }

#main{ }

#main #menuleft{ float:left; width:145px; }
#main #menuleft ul{ margin:0; padding:0; list-style:none; text-align:left; }
#main #menuleft li.title{ width:145px; height:28px; padding:0; background-image:url(../img/smenu_left_title.gif); }
#main #menuleft li.title span{ display:none; }
#main #menuleft li a{ display:block; width:130px; height:22px; padding:6px 0 0 15px; font-size:12px; background-image:url(../img/smenu_left_link.gif); }
#main #menuleft li a:hover{ display:block; width:130px; height:22px; padding:6px 0 0 15px; color:#f7f7f7; background-image:url(../img/smenu_left_link_b.gif);}
#main #menuleft li.chp{ width:145px; height:22px; padding:6px 0 0 0; font-weight:bold; text-align:center; color:#f87086; background-image:url(../img/smenu_left_chp.gif); }
#main #menuleft #bnspace{ width:140px; margin-top:20px; margin-left:4px; }
#main #menuleft #bnspace img{ margin-bottom:5px; border:none; }
#main #menuleft #bnspace p.title{ margin:10px 0 10px 0; padding:3px 0; color:#ffffff; text-align:center; background-color:#ab4d5d; border-top:2px solid #cccccc; border-bottom:2px solid #cccccc; }

#main #contents{ float:left; width:440px; }

#main #contents #navi{ height:22px; padding:5px 5px 0px 5px; text-align:left; border-bottom:1px solid #080808; background-color:#f7d8d2; }
#main #contents #navi marquee{ color:#ab4d5d; font-weight:bold; }

#main #contents #inhalt{ float:left; width:440px; }

#main #menuright{ float:right; clear:right; width:165px; }
#main #menuright ul{ margin:0; padding:0; list-style:none; text-align:left; }
#main #menuright li{ margin:0; padding:0; }
#main #menuright li.title{ width:165px; height:28px; margin-bottom:10px; padding:0; background-image:url(../img/smenu_right_title.gif);  }
#main #menuright li.title span{ display:none; }
#main #menuright li.chp{ width:145px; height:22px; padding:6px 0 0 0; font-weight:bold; text-align:center; background-image:url(../img/smenu_right_chp.gif); }


#footer{ clear:both; width:750px; height:110px; margin-top:10px; background-image:url(../img/footer_bg.gif); }
#footer #contact{ float:left; margin:70px 0 0 10px; }
#footer #link{ float:right; margin-top:15px; }
#footer #link ul{ clear:left; margin-top:5px; list-style:none; }
#footer #link li{ float:left; margin-right:20px; font-size:12px; }
#footer #link li img{ vertical-align:middle; }

/* toppage */
#main #contents #inhalt div.topbox01{ width:418px; height:120px; margin:10px 0px 0px 10px; border:1px solid #999999; }
#main #contents #inhalt div.topbox01 p{ width:390px; margin:5px; }
#main #contents #inhalt div.topbox01 p.chp{ width:403px; height:20px; margin:0; padding:5px 0 0 15px; font-weight:bold; color:#B55C5E; background-image:url(../img/top_chp01.gif); }
#main #contents #inhalt div.topbox01 p.text{ float:right; width:268px; }
#main #contents #inhalt div.topbox01 p.img01{ float:left; width:120px; }
#main #contents #inhalt div.topbox01 p img{ margin:0; border:none; }
#main #contents #inhalt div.topbox01 p.text img.bllt01{vertical-align:middle; }

#main #contents #inhalt div.topbox02{ width:418px; height:290px; margin:10px 0px 20px 10px; border:1px solid #999999; }
#main #contents #inhalt div.topbox02 p{ width:390px; margin:5px; }
#main #contents #inhalt div.topbox02 p.chp{ width:403px; height:20px; margin:0; padding:5px 0 0 15px; font-weight:bold; color:#B55C5E; background-image:url(../img/top_chp01.gif); }
#main #contents #inhalt div.topbox02 p.text{ float:right; width:268px; }
#main #contents #inhalt div.topbox02 p.img01{ float:left; width:120px; }
#main #contents #inhalt div.topbox02 p img{ margin:0; border:none; }

h2{ width:400px; height:32px; margin:0; padding:13px 0 0 10px; font-size:18px; text-align:left; color:#ab4d5d; background-image:url(../img/pagetitle.gif); }

/* iframe.html */
div.inews{}
div.inews p{ margin:0 5px 3px 5px; }
div.inews .date{ color:#336699; text-align:right; border-bottom:1px dashed #336699; }
div.inews span.red{ font-weight:bold; color:#cc3333; }
div.inews span.blue{ font-weight:bold; color:#336699; }
div.inews span.green{ font-weight:bold; color:#339933; }

/* access/index.html */
#main #contents #access_index{ float:left; width:410px; margin-left:6px; }
#main #contents #access_index p{ margin-right:10px; margin-left:10px; }

/* access/way01.html,way02.html */
#main #contents #access_way{ float:left; width:410px; margin-left:8px; }
#main #contents #access_way table{ margin-left:30px; }
#main #contents #access_way table img{ float:left; margin-right:10px; border:4px double #cccccc; }
#main #contents #access_way table span{ vertical-align:top; }
#main #contents #access_way table span.number{ font-size:14px; vertical-align:top;font-weight:bold;color:#990000; }

/* class/index.html */
#main #contents #class_index{ float:left; width:410px; margin-left:8px; text-align:center; }
#main #contents #class_index img.ip{ margin:15px 0 10px 0; border:4px double #cccccc; }

#main #contents #class_index table{ width:100%; margin-bottom:30px; text-align:center; }
#main #contents #class_index table td{ padding-top:10px; vertical-align:top; }
#main #contents #class_index table img{ border:3px double #cccccc; }

/* class/roomXX.html */
#main #contents #class_room{ float:left; width:410px; margin-left:8px; }
#main #contents #class_room p.image{ text-align:center; }
#main #contents #class_room img{ text-align:center; border:4px double #999999; }
#main #contents #class_room .toback{ margin-bottom:30px; padding-top:20px; text-align:center; border-top:2px dotted #999999; }

/* company/index.html */
#main #contents #company_index{ float:left; width:410px; margin-left:8px; margin-bottom:30px; }
#main #contents #company_index p.item{ margin-top:30px; padding-left:10px; border-bottom:2px solid #990000;  border-left:5px solid #990000;}

/* concept/index.html */
#main #contents #concept_index{ float:left; width:410px; margin-left:8px; }

/* cost/index.html */
#main #contents #cost_index{ float:left; width:410px; margin-bottom:30px; margin-left:8px; }
#main #contents #cost_index h3{ margin-left:10px; padding-bottom:5px; font-size:14px; font-weight:bold; border-bottom:2px dotted #999999; }
#main #contents #cost_index table{ width:360px; margin-left:20px; border:1px solid #999999; background-color:#f87086; }
#main #contents #cost_index td{ padding:2px 5px; border:1px solid #999999; background-color:#ffffff; }

/* contact/index.html */
#main #contents #contact_index{ float:left; width:410px; margin-bottom:30px; margin-left:8px; }
#main #contents #contact_index p{ margin-right:10px; margin-left:10px; }

/* contact/exp.html */
#main #contents #contact_exp{ float:left; width:410px; margin-left:8px; }
#main #contents #contact_exp p{ margin-right:10px; margin-left:10px; }

/* entrance/index.html */
#main #contents #entrance_index{ float:left; width:410px; margin-left:8px; margin-bottom:30px; }
#main #contents #entrance_index h3{ clear:both; margin-top:30px; padding-left:10px; padding-bottom:5px; font-size:14px; border-bottom:2px solid #ab4d5d; }
#main #contents #entrance_index p{ margin-right:10px; margin-left:10px; }
#main #contents #entrance_index img.number{ float:left; margin:0 10px 10px 0; }

/* entrance/cost.html */
#main #contents #entrance_cost{ float:left; width:410px; margin-left:8px; margin-bottom:30px; }
#main #contents #entrance_cost h3{ clear:both; margin-top:30px; padding-left:10px; padding-bottom:5px; font-size:14px; border-bottom:2px solid #ab4d5d; }
#main #contents #entrance_cost h4{ clear:both; font-size:12px;  border-bottom:2px dotted #999999; }
#main #contents #entrance_cost table{ width:100%; text-align:center; border:1px solid #CC0033; }
#main #contents #entrance_cost table td{ border:1px solid #CC0033; }
#main #contents #entrance_cost table tr.title{ color:#ffffff;background-color:#cc0033; }

/* french/index.html */
#main #contents #french_index{ float:left; width:410px; margin-left:8px; margin-bottom:30px; }
#main #contents #french_index h3{ clear:both; margin-top:30px; padding-left:10px; padding-bottom:5px; font-size:14px; border-bottom:2px solid #ab4d5d; }
#main #contents #french_index h4{ clear:both; font-size:12px;  border-bottom:2px dotted #999999; }
#main #contents #french_index table{ width:100％; margin-left:5px; border:1px solid #999999; text-align:center; }
#main #contents #french_index td{ padding:2px; border:1px solid #999999; }
/* french/teacherxx.html */
#main #contents #french_interview{ float:left; width:410px; margin-left:10px; margin-bottom:30px; }
#main #contents #french_interview img.photo{ float:left; margin-right:20px; margin-bottom:20px; border:3px solid #bbbbbb; }
#main #contents #french_interview div.back_index{ margin:30px 0 30px 0; padding-top:30px; text-align:center; border-top:2px dotted #999999; }

/* french_contents/index.html */
#main #contents #french_contents{ float:left; width:410px; margin-left:8px; margin-bottom:30px; }
#main #contents #french_contents h3{ clear:both; margin-top:30px; padding-left:10px; padding-bottom:5px; font-size:14px; color:#ab4d5d; border-bottom:2px solid #ab4d5d; }
#main #contents #french_contents h3 a{ color:#ab4d5d; }
#main #contents #french_contents li { list-style-type:circle; }
#main #contents #french_contents li a{ font-size:14px; font-weight:bold; color:#336699; line-height:30px; }
#main #contents #french_contents ul.term a{ font-size:12px; font-weight:bold; color:#336699; line-height:20px; }

#main #contents #french_contents h4{ clear:both; font-size:12px;  border-bottom:2px dotted #999999; }
#main #contents #french_contents table{ width:100%; border:1px solid #999999; }
#main #contents #french_contents table td{ width:50%; padding:3px; border:1px solid #cccccc; }
#main #contents #french_contents table td.note{ font-size:10px; color:#999999; }
#main #contents #french_contents span.bd{ font-weight:bold; }

#main #contents #french_contents div.text01{ width:360px; margin-top:50px; margin-left:30px;}

#main #contents #french_contents .edited{ height:70px; margin-top:30px; padding:5px 15px; text-align:left; border:2px solid #999999; background-color:#efefef; }
#main #contents #french_contents .edited img.face{ float:left; margin-right:20px; border:1px solid #666699; }

/* link/index.html */
#main #contents #link_index{ float:left; width:410px; margin-left:8px; margin-bottom:30px; }
#main #contents #link_index h3{ clear:both; margin-top:30px; padding-left:10px; padding-bottom:5px; font-size:14px; border-bottom:2px solid #ab4d5d; }
#main #contents #link_index div.item{ margin:0 20px 0 20px; border-bottom:2px dotted #999999; }
#main #contents #link_index div.item p{ margin:7px 0 5px 0; }
#main #contents #link_index div.item a{ font-weight:bold; color:#990000; }
#main #contents #link_index div.item a:hover{ border-bottom:1px dotted #990000; }

/* recruit/index.html */
#main #contents #recruit_index{ float:left; width:410px; margin-bottom:30px; margin-left:8px; }
#main #contents #recruit_index h3{ margin-left:10px; padding-bottom:5px; font-size:14px; font-weight:bold; border-bottom:2px dotted #999999; }
#main #contents #recruit_index p{ margin-right:10px; margin-left:10px; }

/* school/timetable.html */
#main #contents #sch_timetable{ float:left; width:410px; margin-left:10px; margin-bottom:30px; }
#main #contents #sch_timetable h3{ margin-top:30px; padding-left:10px; padding-bottom:5px; font-size:14px; border-bottom:2px solid #ab4d5d; }
#main #contents #sch_timetable table{ width:300px; margin-top:15px; margin-left:25px; border:1px solid #999999; text-align:center; }
#main #contents #sch_timetable td{ padding:2px; border:1px solid #999999; }

/* site/index.html */
#main #contents #site_index{ float:left; width:410px; margin-left:8px; }
#main #contents #site_index h3{ margin-top:30px; padding-left:10px; padding-bottom:5px; font-size:14px; border-bottom:2px solid #ab4d5d; }

/* site/sitemap.html */
#main #contents #site_sitemap{ float:left; width:410px; margin-left:8px; margin-bottom:30px; }
#main #contents #site_sitemap h3{ margin-top:30px; padding-left:10px; padding-bottom:5px; font-size:14px; border-bottom:2px solid #ab4d5d; }
#main #contents #site_sitemap ul.sub{ margin-bottom:15px; }
#main #contents #site_sitemap li.sub01{ margin-left:15px; list-style-type:circle; }

/* student/index.html */
#main #contents #student_index{ float:left; width:410px; margin-left:10px; margin-bottom:30px; }
#main #contents #student_index img.photo{ float:left; margin-right:5px; }
#main #contents #student_index img.line{ margin-top:20px; }
#main #contents #student_index .item{ clear:left; margin-top:20px; margin-left:5px; }

#main #contents #student_index img.le{ float:left; margin-right:20px; }
#main #contents #student_index img.ri{ float:right; margin-left:20px; }

/* teacher/index.html */
#main #contents #teacher_index{ float:left; width:410px; margin-left:10px; margin-bottom:30px; }
#main #contents #teacher_index img.photo{ float:left; margin-right:20px; border:3px solid #bbbbbb; }
#main #contents #teacher_index img.line{ margin-top:20px; }
#main #contents #teacher_index .item{ clear:left; margin-top:20px; }
#main #contents #teacher_index .item strong{ color:#ab4d5d; line-height:24px; }

/* teacher/teacherxx.html */
#main #contents #teacher_interview{ float:left; width:410px; margin-left:10px; margin-bottom:30px; }
#main #contents #teacher_interview img.photo{ float:left; margin-right:20px; margin-bottom:20px; border:3px solid #bbbbbb; }
#main #contents #teacher_interview div.back_index{ margin:30px 0 30px 0; padding-top:30px; text-align:center; border-top:2px dotted #999999; }

/* voice/index.html */
#main #contents #voice_index{ float:left; width:410px; margin-left:10px; margin-bottom:30px;}
#main #contents #voice_index h3{ margin-top:30px; padding-top:10px; padding-left:10px; padding-bottom:5px; color:#ab4d5d; font-size:14px; border-top:5px solid #ddcccc; border-bottom:2px solid #ab4d5d; background-color:#fffcfc; }
#main #contents #voice_index p.thema{  font-size:14px; font-weight:bold; color:#666666; text-align:center; letter-spacing:0px; }
#main #contents #voice_index p.date{  font-size:14px; text-align:center; }