@charset "UTF-8";
/* 左サイドコンテンツ ページタイトル
------------------------------------------------ */
#page_title{
  background:url(../lesson/image/ptitle_lesson.gif) no-repeat;
}
#lnavi_class a{
  width:185px;
  height:46px;
  display:block;
  text-indent:-9999px;
  background:url(../lesson/image/pmenu_class-guide.gif) 0 0 no-repeat;
  margin-bottom:10px;
}
#lnavi_class a:hover{
  background:url(../lesson/image/pmenu_class-guide.gif) 0 -46px no-repeat;
}
#lnavi_teaching-mate a{
  width:185px;
  height:46px;
  display:block;
  text-indent:-9999px;
  background:url(../lesson/image/pmenu_teaching-mate.gif) 0 0 no-repeat;
  margin-bottom:10px;
}
#lnavi_teaching-mate a:hover{
  background:url(../lesson/image/pmenu_teaching-mate.gif) 0 -46px no-repeat;
}

/* メインコンテンツ共通
------------------------------------------------ */
.container{
  width:540px;
  margin-bottom:50px;
  overflow:hidden;
  position:relative;
  zoom:1; /*IE6でのレイアウト崩れ防止*/
}

/* メインコンテンツ　料金表共通
------------------------------------------------ */
#main_contents table{
  width:540px;
  border:1px solid #333;
  border-collapse:collapse;
  background-color:#fafaeb;
  font-size:90%;
  text-align:center;
  margin-top:15px;
}
#main_contents th,#main_contents td{
  border:1px solid #333;
  border-collapse:collapse;
  padding:5px 15px;
}
#main_contents .annotation{
  font-size:80%;
  line-height:150%;
  padding-top:5px;
}

/* メインコンテンツ [クラスのご案内]
------------------------------------------------ */
#content_class-guide{
  margin-bottom:30px;
}
#content_class-guide h3{
  background:url(../lesson/image/stitle_class-guide.gif) no-repeat;
}
#content_class-guide h4{
  height:35px;
  display:block;
  text-indent:-9999px;
  padding-bottom:5px;
}
#class2_title{
  background:url(../lesson/image/sstitle_class-2.png) left 0 no-repeat;
  border-bottom:3px solid #ff9900;
}
#class3_title{
  background:url(../lesson/image/sstitle_class-3.gif) left 0 no-repeat;
  border-bottom:3px solid #7ecc00;
}
#class4_title{
  background:url(../lesson/image/sstitle_class-4.gif) left 0 no-repeat;
  border-bottom:3px solid #33ccff;
}
#class5_title{
  background:url(../lesson/image/sstitle_class-5.gif) left 0 no-repeat;
  border-bottom:3px solid #ff7bae;
}
.l_box{
  width:350px;
  float:left;
}
#class2_c, #class3_c, #class4_c, #class5_c{
  height:66px;
  display:block;
  text-indent:-9999px;
  padding-bottom:20px;
}
#class2_c{
  background:url(../lesson/image/caption_class-2.gif) left 0 no-repeat;
}
#class3_c{
  background:url(../lesson/image/caption_class-3.gif) left 0 no-repeat;
}
#class4_c{
  background:url(../lesson/image/caption_class-4.gif) left 0 no-repeat;
}
#class5_c{
  background:url(../lesson/image/caption_class-5.gif) left 0 no-repeat;
}
#class2_s, #class3_s, #class4_s, #class5_s{
  font-size:120%;
  font-weight:bold;
  line-height:160%;
  padding-bottom:15px;
}
#class2_s{
  color:#ff9900;
}
#class3_s{
  color:#7ecc00;
}
#class4_s{
  color:#33ccff;
}
#class5_s{
  color:#ff7bae;
}
.class4_h5{
  font-size:14px;
  line-height:1em;
  background-color:#33ccff;
  padding:5px 15px;
  -moz-border-radius:10px;    /* firefox */
  border-radius:10px;         /* CSS3 */
  margin-bottom:10px;
}
.pb_20{
  padding-bottom:20px;
}
.r_box{
  width:160px;
  padding-top:20px;
  float:right;
}
#content_class-guide img{
  padding-bottom:10px;
}
.class1_bg, .class2_bg, .class3_bg, .class4_bg, .class5_bg{
  color:#fff;
  font-weight:normal;
  text-align:left;
}
.class2_bg{
  background-color:#ff9900;
}
.class3_bg{
  background-color:#7ecc00;
}
.class4_bg{
  background-color:#33ccff;
}
.class5_bg{
  background-color:#ff7bae;
}

/* メインコンテンツ [主な使用教材]
------------------------------------------------ */
#content_teaching-mate{
  clear:both;
}
#content_teaching-mate h3{
  background:url(../lesson/image/stitle_teaching-mate.gif) no-repeat;
}
#content_teaching-mate h4{
  height:55px;
  display:block;
  text-indent:-9999px;
  padding-bottom:5px;
}
#bbc_title{
  background:url(../lesson/image/sstitle_bbc.gif) no-repeat;
}
#wbook_title{
  background:url(../lesson/image/sstitle_wbook.gif) no-repeat;
}
#reading_title{
  background:url(../lesson/image/sstitle_reading.gif) no-repeat;
}
#content_teaching-mate h5{
  color:#68cbd2;
  font-size:20px;
  letter-spacing:0.1em;
  text-align:center;
  padding:5px 0;
  border:1px dotted #68cbd2;
  display:block;
}
#content_teaching-mate h6{
  color:#68cbd2;
  font-size:16px;
  line-height:1.6em;
  padding-bottom:10px;
}
#content_teaching-mate img{
  padding-bottom:10px;
}
.pbox_bbc{
  width:200px;
  padding:20px 30px 0 0;
  float:left;
}
.pbox_wbook{
  width:240px;
  padding-top:20px;
  float:right;
}
.pbox_reading{
  width:240px;
  padding:20px 20px 0 0;
  float:left;
}
.tbox_bbc{
  width:310px;
  padding-top:20px;
  float:right;
}
.tbox_wbook{
  width:280px;
  padding:20px 20px 0 0;
  float:left;
}
.tbox_reading{
  width:280px;
  padding-top:20px;
  float:right;
}
.caption_tm{
  height:50px;
  display:block;
  text-indent:-9999px;
  padding-bottom:5px;
}
.bbc1_c{
  background:url(../lesson/image/caption_bbc1.gif) no-repeat;
}
.bbc2_c{
  background:url(../lesson/image/caption_bbc2.gif) no-repeat;
}
.wbook_c{
  background:url(../lesson/image/caption_wbook.gif) no-repeat;
}
#reading_c{
  height:95px;
  display:block;
  text-indent:-9999px;
  padding-bottom:5px;
  background:url(../lesson/image/caption_reading.gif) no-repeat;
}
#content_teaching-mate span{
  color:#68cbd2;
}
.padding-b{
  padding-bottom:10px;
}