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


@import "base.css";




.aa{ border:#CCCCCC 1px solid;}

h3{ width:600px; height:36px; background:url(../img/h3.gif) no-repeat center; text-indent:1em; font-weight:bold; font-size:130%; line-height:2.8;}
h3.beginner{ width:600px; height:36px; background:url(../img/h3_beginner.gif) no-repeat center; text-indent:1em; font-weight:bold; font-size:130%; line-height:2.8;}
h3.intermediate{ width:600px; height:36px; background:url(../img/h3_intermediate.gif) no-repeat center; text-indent:1em; font-weight:bold; font-size:130%; line-height:2.8;}
h3.experienced{ width:600px; height:36px; background:url(../img/h3_experienced.gif) no-repeat center; text-indent:1em; font-weight:bold; font-size:130%; line-height:2.8;}
h4{ width:600px; height:30px; background:url(../../characteristic/img/h4.jpg) no-repeat center; margin-top:2em; text-indent:1.5em; font-weight:bold; line-height:2.3;}
h5{ font-weight:bold; text-align:center; line-height:1.8;}
h6{ text-align:center; text-decoration:underline;}
.weight_b{ font-weight:bold;}
.orange{ color:#FF6600; padding-left:2em;}
.shedule_orange{ color:#FF6600; font-weight:bold; padding-left:1em;}
.blue{ color:#3366CC;}
.green{ color:#009900; font-weight:bold;}
.right{ text-align:right;}
.center{ text-align:center;}
.annotate{ font-size:85%;}

.extra_lessons{ color:#FF6600; text-align:center;}

.inner_contents{ width:598px; border-bottom:#CCCCCC 1px solid; border-left:#CCCCCC 1px solid; border-right:#CCCCCC 1px solid; min-height:100%; padding-top:1.5em;}
.inner_contents p{ margin:0.5em auto;}

.top_photo{ float:left; width:305px; padding-top:10px; }
.top_text{ width:280px; padding-top:10px; float:right;}


img.catch{ margin:auto; padding:0 7px;}

.contents_blue{ width:600px; background:url(../img/blue_back.gif) top no-repeat; margin-top:1.5em; padding-top:5px;}
.contents_blue p{ margin:0.8em auto;}
.contents_blue ol{ width:550px; margin:auto; padding-left:2.5em;}
.contents_blue li{ list-style-type:decimal; margin-bottom:1.5em;}
.contents_blue_foot{ width:590px; background:url(../img/blue_foot.gif) bottom no-repeat; padding:5px 5px 20px;}

.contents_blue_teachers{ width:475px; background:url(../img/blue_teachers_back.gif) top no-repeat; margin-top:1em; padding-top:5px;}
.contents_blue_teachers_foot{ width:475px; background:url(../img/blue_teachers_foot.gif) bottom no-repeat; padding-bottom:20px;}

.contents_blue_notification{ width:290px; background:url(../img/blue_back_notification_back.gif) top no-repeat; margin-top:1em; padding-top:5px;}
.contents_blue_notification_foot{ width:290px; background:url(../img/blue_back_notification_foot.gif) bottom no-repeat; padding-bottom:20px;}
.notification_tit{ width:280px; margin:auto; background:url(../../img/arrow_orange.jpg) no-repeat left; text-indent:1.5em; font-weight:bold;}
.contents_blue_notification p{ width:240px; margin:20px;}
.orange_notification{ color:#FF6600;}

dl.notification{ width:240px; margin:0.5em auto;}
dl.notification dt{ width:3em; float:left; clear:left; color:#3366CC;}
dl.notification dd{ margin-left:3.5em;}
dl.notification dd{ margin-left:3.5em; height:1%;}

.contents_yellow{ width:600px; background:url(../img/yellow_back.gif) top no-repeat; margin-top:1.5em; padding-top:5px; margin-bottom:2em;}
.contents_yellow p{ margin:0.8em auto;}
.contents_yellow_foot{ width:590px; background:url(../img/yellow_foot.gif) bottom no-repeat; padding:5px 5px 20px;}


.item{ width:580px; background:url(../../img/arrow_orange.jpg) no-repeat left; text-indent:2em; font-weight:bold; margin:auto; }
dl.place{ width:580px; margin:0.8em auto; border-top:#CCCCCC 1px solid; padding-top:1em;}
dl.place dt{ width:400px; background:url(../../img/arrow_orange.jpg) no-repeat left; text-indent:2em; font-weight:bold; float:left;}
dl.place dd{ width:160; float:right;}
.expense{ width:580px; text-align:center; }


dl.detail{ width:540px; margin:auto;}
dl.detail dt{ width:4em; float:left; clear:left; color:#3366CC;}
dl.detail dd{ margin-left:4.5em;}
* html dl.detail dd{ margin-left:4.5em; height:1%;}

.members{ width:580px; margin:auto;}
.members_voice{ width:190px; float:left;}
.members_voice_center{ width:200px; float:left;}
.members_voice_center p{ border-left:#CCCCCC 1px solid; border-right:#CCCCCC 1px solid; padding-left:4px; margin-right:4px;}
dl.voice{ width:180px;}
dl.voice dt{ width:70px; float:left;}
dl.voice dd{ width:105px; float:right; }

.section{ width:600px;}
.section p{ margin:0.8em auto;}
.sub_tit{ color:#009900; font-weight:bold; margin:0;}
.section img{ margin:1em auto 0.5em;}
.left_column{ width:290px; float:left;}
.right_column{ width:290px; float:right;}
dl.description{ width:290px; margin-top:0.5em;}
dl.description dt{ width:100px; float:left; clear:left;}
dl.description dt img{ margin:0;}
dl.description dd{ width:185px; float:right;}
* html dl.description dd{ width:185px; float:right; height:1%;}

/**
p.sample{ width:100px; background:url(../../img/arrow_orange.jpg) no-repeat left; text-indent:1.5em; margin-top:0;}
**/

/** profile **/
dl.profile{ width:540px; margin:auto;}
dl.profile dt{ width:5em; float:left; clear:left;}
dl.profile dd{ margin-left:5.5em;}
* html dl.profile dd{ margin-left:5.5em; height:1%;}

.rule{ width:540px; margin:auto;}
.rule p{ margin-top:2em; line-height:1;}



/** news **/


.news_contents{ width:600px; margin:1em auto; border-bottom:#CCCCCC 1px solid; padding-bottom:1em;}
p.day{ color:#009900;}
p.news_tit{ color:#006600;}
.red{ color:#FF0000;}

.news_photo{ width:200px; float:left;}
.news_text{ width:400px; float:right;}
.news_btn{ width:20.5em;}
.back{ color:#FFFFFF; font-size:90%; width:10em; background-color:#6DDB00; text-align:center; float:left; padding:0.2em;}
.next{ color:#FFFFFF; font-size:90%; width:10em; background-color:#6DDB00; text-align:center; float:right; padding:0.2em;}


dl.entry{ width:590px; margin:auto;}
dl.entry dt{ font-size:130%; font-weight:bold; background:url(../../img/arrow_green.gif) no-repeat left; padding-left:1em;}
dl.entry dd{ padding-left:1em;}


/** teachers **/

.teachers{ width:600px; border-bottom:#CCCCCC 1px solid; padding:2em 0;}
.teachers_photo{ width:120px; float:left;}
.teachers_comment{ width:475px; float:right;}
dl.teachers_name{ width:440px; margin:auto; padding-top:1em;}
dl.teachers_name dt{ background:url(../../img/arrow_orange.jpg) no-repeat left; text-indent:1.5em; font-weight:bold; }
dl.teachers_name dd{ padding-left:1.5em;}

dl.shedule{ width:580px; margin:1em auto;}
dl.shedule dt{ background:url(../../img/arrow_green.gif) no-repeat left; text-indent:1.5em; font-weight:bold;}
dl.shedule dd{ padding-left:0.5em; margin-top:0.5em;}


.shedule_table{ border:#FFFFFF 1px solid; border-collapse: collapse; width:591px; text-align:center; margin:1.5em auto;}
.shedule_table td{ white-space:nowrap;border:#FFFFFF 1px solid; font-size:88%; line-height:100%; width:68px;}
.shedule_table th{ white-space:nowrap; padding:5px 0;  border:#FFFFFF 1px solid; width:70px;}
th.am{ background:#73be1e; color:#FFFFFF;}
tr.am{ background:#ccff42;}
th.pm{ background:#f5a200; color:#FFFFFF;}
tr.pm{ background:#fede58;}
th.night{ background:#3896ff; color:#FFFFFF;}
tr.night{ background:#d9e8e1;}
.week{ background:#666666; color:#FFFFFF;}
.sun{ background:#f57c00; color:#FFFFFF;}
.sat{ background:#027abb; color:#FFFFFF;}
.hall{ line-height:200%;}


.pagetop{ width:600px; padding-bottom:1em; border-bottom:#CCCCCC 1px solid; text-align:right; margin-bottom:1em}


/** sample **/

.sample_tit{ font-weight:bold; text-align:center; color:#000000; font-size:130%;}
.sample_subtit{ font-weight:bold; text-align:center; color:#666666;}


dl.sample{ width:530px; margin:auto;}
dl.sample dt{ width:3.5em; float:left; clear:left; text-align:right;}
dl.sample dd{ margin-left:4.5em; margin-bottom:0.5em;}
* html dl.sample dd{ margin-left:4.5em; margin-bottom:0.5em; height:1%;}

ol.sample{ width:530px; margin-left:5em;}
ol.sample li{ list-style-type:decimal;}


/** lesson **/

.description_01{ background:url(../../lesson/img/description_image_01.gif) no-repeat center;}
.description_01 p{ width:160px; margin-left:120px; height:100px; padding-top:30px;}

/** Q&A **/

ul.q{ width:540px; margin-left:2.5em; margin-top:1em;}
ul.q li{ list-style-image:url(../../img/arrow_green.gif); padding-bottom:1em; }
dl.a{ width:540px; margin:1em auto; }
dl.a dt{ width:540px; background:url(../../img/arrow_orange.jpg) no-repeat left top; text-indent:2em; font-weight:bold;}
dl.a dd{ width:540px;}

.qa_pagetop{ width:550px; text-align:right; }



.sub{ color:#999999; font-weight:normal;}


.yellow_left{ float:left; width:313px;padding-left:5px; }
.yellow_right{ float:right; width:265px; padding-right:5px; }
.yellow_right p{ margin-top:0; }
p.first:first-letter{color:#009900; font-weight:bold; font-size:160%;}

table.member_top{ width:540px; margin:auto;}

p.member{ width:540px; margin:auto;}
p.member_news_tit{ font-size:120%; text-align:center; color:#009900; font-weight:bold;}

p.member_news:first-line{ color:#0033CC; font-weight:bold;}

ol.class{ width:540px; margin-left:1.5em;}
ol.class li{ list-style-type:decimal;}

.class_explanation{ width:520px; margin:auto;}

.schedule_table{ width:590px; text-align:left; border:#CCCCCC 1px solid; border-collapse:collapse; margin-left:5px;}
.schedule_table th{ color:#009900; font-weight:bold; font-size:120%; border:#CCCCCC 1px solid;}
.schedule_table td{ border:#CCCCCC 1px solid;}
.schedule_table_head{ color:#3366CC; text-align:left; font-size:110%;}
.no_schedule{ font-size:120%; font-weight:bold; text-align:center; color:#FF0000;}

.map_table{ border:#FFFFFF 1px solid; border-collapse: collapse; width:591px; text-align:center; margin:0 auto 1.5em;}
.map_table td{ border:#FFFFFF 1px solid;}
.map_table th{ padding:5px 0;  border:#FFFFFF 1px solid; color:#FFFFFF;}
th.map_hall{ background:#73be1e;}
th.map_location{ background:#f5a200;}
th.map{ background:#3896ff; width:120px;}
th.map span{ color:#FF0000; font-size:88%;}
.td_left{ text-align:left;}

.time_table{ background:url(../../img/arrow_orange.jpg) no-repeat left; text-indent:2em;}


.notification_print_tit{ font-weight:bold; text-align:center;}

.notification_print{ font-size:110%; width:800px; }

dl.print{ width:750px; margin:auto;}
dl.print dt{ width:17em; float:left; clear:left; text-align:right;}
dl.print dd{ margin-left:17.5em; margin-bottom:1em;}
* html dl.print{ margin-left:17.5em; margin-bottom:1em; height:1%;}