@charset "UTF-8";

#topImage{ width:766px; height:auto;}


#Contents h2{ margin:0; padding:0 0 25px 0;}
#Contents h3{ margin:15px 0; padding:0;}
#Contents h4{ margin:0; padding:0;}
#Contents p,#Contents dl{ font-size:70%;}

#greeting .teacher,#history .teacher{ float:left;}
#history{ margin:0 0 0 210px;}


#teacher_tk{ margin:0 0 0 160px; padding:45px 0 0 15px;}

#history dl{ margin:0;}
#teacher_tk dl{ padding:0 0 0 15px;}

#p_padding{padding:0 0 0 30px;}

#history dt{ padding:0 0 0 10px; color:#FFFFFF; font-weight:bold; background:url(img/greeting_dt.gif) no-repeat 0 50%;}
#history dd{ margin:0; padding:5px 0 5px 15px; list-style:none; text-indent:0;}


#history_list{ font-size:70%; margin:0 0 0 30px; background:url(img/history_girl.jpg) no-repeat 90% bottom;}
#history_list table{ width:450px;}
#history_list th{ padding:5px; background: #8B265C url(img/history_dt.gif) no-repeat; color:#FFF;}
#history_list td{ padding:5px; background-color: #F9E9FE;}


#class_index{ padding:50px 0 0 100px; width:650px; background:url(img/class_top.gif) no-repeat;}
#class_index ul{ margin:0; padding:0; text-indent:0;}
#class_index li{ margin:0; padding:0 18px 10px 0; text-indent:0; float:left; list-style:none;}
#class_index hr{ margin:0; padding:0; visibility:hidden; }


#class_note{ padding:0 30px 30px 30px; font-size:110%; background:url(img/class_bg.jpg) no-repeat 100% 100%;}

#class_table table{ margin:0 0 5px 80px; width:550px; background-color:#FFF; border-collapse:collapse; border-top:1px solid #663366; border-bottom:1px solid #663366;}
#class_table .prag{ margin:0 0 50px 80px; font-size:70%;}
#class_table th{background-color:#E8E8EA;}
#class_table td{ padding:5px; vertical-align:top;border-bottom:1px dotted #CCC; border-top:1px dotted #CCC;}
#class_table p{margin:3px 0;}
#class_table tr.ttl{ text-align:center;}
#class_table .green{ padding:0 3px;background-color:#690; color:#FFF;}
#class_table .blue{ padding:0 3px; background-color:#69C; color:#FFF;}
#class_table .yellow{ padding:0 3px; background-color:#D2A800; color:#FFF;}
#class_table .orange{ padding:0 3px; background-color:#CD5A05; color:#FFF;}
#class_table .sa{ padding:0 3px; background-color:#FC6624; color:#FFF;}
#class_table .red{ padding:0 3px; background-color:#FE1818; color:#FFF;}
#class_table .special{ padding:0 3px; background-color:#CC0000; color:#FFF;}
#class_table .bg_blue{background-color:#E1F5FF;}
#class_table .bg_day{background-color:#D5C8D3; border-bottom:1px solid #FFF;}
#class_table .bg_place{background-color:#E1F5FF; border-bottom:1px solid #CCC; border-top:1px solid #CCC;}
#class_table .bg_place2{border-bottom:1px solid #CCC; border-top:1px solid #CCC;}
#class_table .time{border-bottom:1px dotted #CCC; border-top:1px dotted #CCC;}

.no-margin{margin:0 !important;}

#payment{ width:370px; float:left;}

#payment h4{margin:10px 0 10px 15px;}
#payment p,#payment dl{margin:10px 0 10px 30px;}

#access{/*background:url(img/access_bg.jpg) no-repeat 100% 95%;*/}
#access h3{ margin:0 0 3px 0; padding:0 0 0 15px; color:#AF4A62; background:url(img/access_dot.jpg) no-repeat 0 50%;}
#access p{ margin:0 0 15px 0; padding:0;}
#access_map_l{ float:left; width:358px;}
#access_map_r{ padding:60px 0 30px 15px; margin-left:365px;}
#access_map_l2{ float:left; width:358px; clear:left;}
#access_map_r2{ padding:0 0 0 15px; margin-left:365px;}

#photo_box_l{ padding:20px 0 0 0; width:370px; float:left;}
#photo_box_r{margin-left:370px;}