@charset "UTF-8";
/* ==========================================================================================================

	 0. サイドバー
 
============================================================================================================*/

#kodomo-common-side {
  display: inline !important;
  width: 240px !important;
  background-color: #fff !important;
  margin: 20px 0 30px 15px !important;
  padding: 0 !important;
  float: left !important;
}

/* ==========================================================================================================

	 1. index
 
============================================================================================================*/

h2#mainContentAbout {
  display: block;
  width: 980px;
  height: 160px;
  background: url('../img/about_top_main_img.gif') no-repeat;
  text-indent: -9999px;
  overflow: hidden;
}

div#shourai p {
  font-size: 18px;
  margin: 20px 10px 0px 20px;
  width: 710px;
}

div#shourai img {
  margin-bottom: 20px
}

div#merit p {
  font-size: 18px;
  margin: 0 20px 40px 5px;
  width: 386px;
  float: left;
}

div#merit img {
  margin: 20px 0px;
  float: left;
}

div#mokuhyou {
  clear: left;
}

div#mokuhyou img {
  margin-bottom: 20px
}

div#mokuhyou p {
  font-size: 18px;
  margin: 20px 10px;
  width: 700px;
}

div#lesson_detail img {
  margin: 20px 0px
}

div#home_detail img {
  margin: 20px 0px
}

div#lesson a:hover {
  filter: alpha(opacity=80);
  opacity: 0.8;
}

div#home a:hover {
  filter: alpha(opacity=80);
  opacity: 0.8;
}

div#event img {
  margin-bottom: 20px
}

div#main {
  float: left;
}

div#sesami p {
  font-size: 18px;
  margin: 0px 10px 20px 10px;
  width: 710px;
}

div#sesami {
  margin-bottom: 40px;
}

div#ermolink p {
  text-align: right;
}

#event_banner {
  width: 668px;
  margin: 0 auto;
}

/*  ie6 ie7
-----------------------------------*/

.bnrbtm {
  /margin: 0 0 30px 0;
  clear: both;
}

/* ==========================================================================================================

	 2. skill
 
============================================================================================================*/

h2#mainContentSkill {
  display: block;
  width: 980px;
  height: 160px;
  background: url(../img/about_skill_main_img.gif) no-repeat;
  text-indent: -9999px;
  overflow: hidden;
}

p.contentSkillTxt {
  margin: 0 0 30px 5px;
}

div#contentSkillBox {
  width: 670px;
  clear: both;
}

/*20140402*/

div.contentSkillBox01 {
  clear: both;
  background-color: #ffeeee;
  border-top: 3px solid #f23038;
  padding: 10px;
  overflow: hidden;
}

div.contentSkillBoxLeft {
  float: left;
  width: 146px;
}

div.contentSkillBoxLeft img {
  margin-right: 10px;
}

div.contentSkillBoxRight {
  float: left;
  width: 504px;
}

div.contentSkillBoxRight p {
  margin-top: 8px;
}

div.contentSkillBox02 {
  clear: both;
  background-color: #ebf6fa;
  border-top: 3px solid #28b2eb;
  padding: 10px;
  overflow: hidden;
}

div.contentSkillBox03 {
  clear: both;
  background-color: #fff9d4;
  border-top: 3px solid #f08000;
  padding: 10px;
  overflow: hidden;
}

div.contentSkillBoxBtn {
  text-align: right;
  margin: 10px 0 5px;
}

ul#contentSkillLeftBox {
  width: 335px;
  float: left;
  display: block;
}

ul#contentSkillRightBox {
  width: 335px;
  float: left;
  display: block;
}

ul#contentSkillCenterBox {
  width: 670px;
  clear: both;
  display: block;
}

li.contentSkillTitle01 {
  display: block;
  width: 335px;
  height: 118px;
  background: url(../img/about_skill_title01.jpg) no-repeat;
  text-indent: -9999px;
  overflow: hidden;
}

li.contentSkillTitle02 {
  display: block;
  width: 335px;
  height: 118px;
  background: url(../img/about_skill_title02.jpg) no-repeat;
  text-indent: -9999px;
  overflow: hidden;
}

li.contentSkillTitle03 {
  display: block;
  width: 670px;
  height: 71px;
  background: url(../img/about_skill_title03.jpg) no-repeat;
  text-indent: -9999px;
  overflow: hidden;
}

li.contentSkillTxt01 {
  display: block;
  width: 335px;
  height: 161px;
  background: url(../img/about_skill_txt01.jpg) no-repeat;
  text-indent: -9999px;
  overflow: hidden;
}

li.contentSkillTxt02 {
  display: block;
  width: 335px;
  height: 161px;
  background: url(../img/about_skill_txt02.jpg) no-repeat;
  text-indent: -9999px;
  overflow: hidden;
}

li.contentSkillTxt03 {
  display: block;
  width: 670px;
  height: 351px;
  background: url(../img/about_skill_txt03.gif) no-repeat;
  text-indent: -9999px;
  overflow: hidden;
}

li.contentSkillBtn01 {
  width: 335px;
  height: 30px;
  background: url(../img/about_skill_btnbg01.jpg) no-repeat;
}

li.contentSkillBtn02 {
  width: 335px;
  height: 27px;
  background: url(../img/about_skill_btnbg02.jpg) no-repeat;
  padding: 3px 0 0 0;
}

li.contentSkillBtn03 {
  width: 670px;
  height: 27px;
  background: url(../img/about_skill_btnbg03.jpg) no-repeat;
}

li.contentSkillBtn01 a {
  display: block;
  width: 122px;
  height: 26px;
  background: url(../img/about_skill_btn01.jpg) no-repeat;
  text-indent: -9999px;
  overflow: hidden;
  margin: 0 0 0 168px;
}

li.contentSkillBtn02 a {
  display: block;
  width: 122px;
  height: 26px;
  background: url(../img/about_skill_btn02.jpg) no-repeat;
  text-indent: -9999px;
  overflow: hidden;
  margin: 0 0 0 188px;
}

li.contentSkillBtn03 a {
  display: block;
  width: 122px;
  height: 26px;
  background: url(../img/about_skill_btn03.jpg) no-repeat;
  text-indent: -9999px;
  overflow: hidden;
  margin: 0 0 0 349px;
}

li.contentSkillBtn01 a:hover {
  display: block;
  width: 122px;
  height: 26px;
  background: url(../img/about_skill_btn01_on.jpg) no-repeat;
  text-indent: -9999px;
  overflow: hidden;
  margin: 0 0 0 168px;
}

li.contentSkillBtn02 a:hover {
  display: block;
  width: 122px;
  height: 26px;
  background: url(../img/about_skill_btn02_on.jpg) no-repeat;
  text-indent: -9999px;
  overflow: hidden;
  margin: 0 0 0 188px;
}

li.contentSkillBtn03 a:hover {
  display: block;
  width: 122px;
  height: 26px;
  background: url(../img/about_skill_btn03_on.jpg) no-repeat;
  text-indent: -9999px;
  overflow: hidden;
  margin: 0 0 0 349px;
}

/*  ie6 ie7
-----------------------------------*/

li.contentSkillTitle01 {
  /display: block;
  width: 335px;
  height: 118px;
  background: url(../img/about_skill_title01.jpg) no-repeat;
  text-indent: -9999px;
  overflow: hidden;
  margin: -1px 0 0 0;
}

li.contentSkillTitle02 {
  /display: block;
  width: 335px;
  height: 118px;
  background: url(../img/about_skill_title02.jpg) no-repeat;
  text-indent: -9999px;
  overflow: hidden;
  margin: -1px 0 0 0;
}

li.contentSkillTitle03 {
  /display: block;
  width: 670px;
  height: 71px;
  background: url(../img/about_skill_title03.jpg) no-repeat;
  text-indent: -9999px;
  overflow: hidden;
  margin: -2px 0 0 0;
}

li.contentSkillTxt01 {
  /display: block;
  width: 335px;
  height: 161px;
  background: url(../img/about_skill_txt01.jpg) no-repeat;
  text-indent: -9999px;
  overflow: hidden;
  margin: -1px 0 -1px 0;
}

li.contentSkillTxt02 {
  /display: block;
  width: 335px;
  height: 161px;
  background: url(../img/about_skill_txt02.jpg) no-repeat;
  text-indent: -9999px;
  overflow: hidden;
  margin: -1px 0 -1px 0;
}

li.contentSkillTxt03 {
  /display: block;
  width: 670px;
  height: 351px;
  background: url(../img/about_skill_txt03.gif) no-repeat;
  text-indent: -9999px;
  overflow: hidden;
  margin: -1px 0 0 0;
}

li.contentSkillBtn01 {
  /width: 335px;
  height: 30px;
  background: url(../img/about_skill_btnbg01.jpg) no-repeat;
  margin: -1px 0 0 0;
}

li.contentSkillBtn02 {
  /width: 335px;
  height: 27px;
  background: url(../img/about_skill_btnbg02.jpg) no-repeat;
  padding: 3px 0 0 0;
  margin: -1px 0 0 0;
}

li.contentSkillBtn03 {
  /width: 670px;
  height: 27px;
  background: url(../img/about_skill_btnbg03.jpg) no-repeat;
  margin: -1px 0 0 0;
}

/* ==========================================================================================================

	 3. listen
 
============================================================================================================*/

h2#mainContentListen {
  display: block;
  width: 980px;
  height: 160px;
  background: url(../img/about_listen_main_img.gif) no-repeat;
  text-indent: -9999px;
  overflow: hidden;
}

h3#contentListenTitle01 {
  display: block;
  width: 670px;
  height: 58px;
  background: url(../img/about_listen_title01.gif) no-repeat;
  text-indent: -9999px;
  overflow: hidden;
}

h3#contentListenTitle02 {
  display: block;
  width: 670px;
  height: 58px;
  background: url(../img/about_listen_title02.gif) no-repeat;
  text-indent: -9999px;
  overflow: hidden;
}

h4#contentListenSubtitle01 {
  display: block;
  width: 670px;
  height: 25px;
  background: url(../img/about_listen_subtitle01.gif) no-repeat;
  text-indent: -9999px;
  overflow: hidden;
}

h4#contentListenSubtitle02 {
  margin: 0 0 0 270px;
  display: block;
  width: 95px;
  height: 22px;
  background: url(../img/about_listen_subtitle02.gif) no-repeat;
  text-indent: -9999px;
  overflow: hidden;
}

div#contentListenTxt01 {
  margin: 15px 0 0 5px;
}

div#contentListenTxt01 p {
  margin: 0 0 20px 0;
}

div#contentListenTxt02 {
  width: 670px;
  min-height: 160px;
  margin: 15px 0 0 0;
  background: url(../img/about_listen_img01.jpg) top right no-repeat;
}

div#contentListenTxt02 p {
  width: 420px;
  margin: 0 0 0 5px;
}

div#contentListenTxt03 {
  margin: 20px 0 30px 5px;
}

p.contentListenIntro {
  display: block;
  width: 670px;
  height: 116px;
  background: url(../img/about_listen_contitle01.gif) no-repeat;
  text-indent: -9999px;
  overflow: hidden;
}

div.contentListenIntroTxt {
  padding: 10px 0 20px 0;
  width: 670px;
  background: url(../img/about_listen_content_bg.gif) repeat-y;
}

div.contentListenIntroTxt p {
  margin: 0 25px 0 25px;
}

ul.contentListenImg {
  width: 650px;
  height: 182px;
  clear: both;
  padding: 0 0 25px 25px;
  background: url(../img/about_listen_content_bg.gif) repeat-y;
}

ul.contentListenImg li {
  float: left;
  margin: 0 20px 0 0;
}

ul.contentListenImg li.contentListenImgRight {
  float: left;
  margin: 0;
}

div.contentListenSub {
  padding: 22px 0 0 0;
  margin: 0 0 55px 0;
  width: 670px;
  height: 184px;
  background: url(../img/about_listen_subbg.gif) no-repeat;
}

div.contentListenSub p {
  width: 360px;
  margin: 10px 0 0 270px;
}

p.contentListenBnr01 {
  display: block;
  width: 670px;
  height: 233px;
  background: url(../img/about_listen_contitle02.jpg) no-repeat;
  text-indent: -9999px;
  overflow: hidden;
}

p.contentListenBnr02 {
  display: block;
  width: 670px;
  height: 66px;
  background: url(../img/about_listen_contitle03.gif) no-repeat;
  text-indent: -9999px;
  overflow: hidden;
}

div#contentListenBtn {
  width: 530px;
  height: 58px;
  clear: both;
  margin: 0 0 30px 70px;
  padding: 40px 0 0 0;
}

div#contentListenBtn li {
  float: left;
  margin: 0 8px;
  display: inline;
}

div#contentListenBtn02 {
  width: 530px;
  height: 58px;
  clear: both;
  margin: 0 0 30px 70px;
  padding: 20px 0 0 0;
}

div#contentListenBtn02 li {
  float: left;
  margin: 0 10px;
  display: inline;
}

.contentListenBtn01 a {
  display: block;
  width: 245px;
  height: 58px;
  background: url(../img/about_btn_listen.gif) no-repeat;
  text-indent: -9999px;
  overflow: hidden;
}

.contentListenBtn02 a {
  display: block;
  width: 245px;
  height: 58px;
  background: url(../img/about_btn_speak.gif) no-repeat;
  text-indent: -9999px;
  overflow: hidden;
}

.contentListenBtn03 a {
  display: block;
  width: 245px;
  height: 58px;
  background: url(../img/about_btn_think.gif) no-repeat;
  text-indent: -9999px;
  overflow: hidden;
}

.contentListenBtn01 a:hover {
  display: block;
  width: 245px;
  height: 58px;
  background: url(../img/about_btn_listen_on.gif) no-repeat;
  text-indent: -9999px;
  overflow: hidden;
}

.contentListenBtn02 a:hover {
  display: block;
  width: 245px;
  height: 58px;
  background: url(../img/about_btn_speak_on.gif) no-repeat;
  text-indent: -9999px;
  overflow: hidden;
}

.contentListenBtn03 a:hover {
  display: block;
  width: 245px;
  height: 58px;
  background: url(../img/about_btn_think_on.gif) no-repeat;
  text-indent: -9999px;
  overflow: hidden;
}

/* ==========================================================================================================

	 4. speak
 
============================================================================================================*/

h2#mainContentSpeak {
  display: block;
  width: 980px;
  height: 160px;
  background: url(../img/about_speak_main_img.gif) no-repeat;
  text-indent: -9999px;
  overflow: hidden;
}

h3#contentSpeakTitle01 {
  display: block;
  width: 670px;
  height: 58px;
  background: url(../img/about_speak_title01.gif) no-repeat;
  text-indent: -9999px;
  overflow: hidden;
}

h4#contentSpeakSubtitle01 {
  display: block;
  width: 660px;
  height: 60px;
  background: url(../img/about_speak_subtitle01.gif) no-repeat;
  text-indent: -9999px;
  overflow: hidden;
}

h4#contentSpeakSubtitle02 {
  display: block;
  width: 660px;
  height: 60px;
  background: url(../img/about_speak_subtitle02.gif) no-repeat;
  text-indent: -9999px;
  overflow: hidden;
}

h4#contentSpeakSubtitle03 {
  display: block;
  width: 660px;
  height: 60px;
  background: url(../img/about_speak_subtitle03.gif) no-repeat;
  text-indent: -9999px;
  overflow: hidden;
}

h4#contentSpeakSubtitle04 {
  display: block;
  width: 660px;
  height: 60px;
  background: url(../img/about_speak_subtitle04.gif) no-repeat;
  text-indent: -9999px;
  overflow: hidden;
}

h4#contentSpeakSubtitle05 {
  display: block;
  width: 660px;
  height: 60px;
  background: url(../img/about_speak_subtitle05.gif) no-repeat;
  text-indent: -9999px;
  overflow: hidden;
}

div.contentSpeak {
  padding: 20px 0 0 0;
}

div#contentSpeakTxt {
  margin: 20px 0 30px 5px;
}

div#contentSpeakSubbg01 {
  width: 660px;
  min-height: 130px;
  background: url(../img/about_speak_img01.gif) top right no-repeat;
}

div#contentSpeakSubbg01 p {
  width: 420px;
  margin: 10px 0 25px 20px;
}

div#contentSpeakSubbg02 {
  width: 660px;
}

div#contentSpeakSubbg02 p {
  margin: 10px 20px 20px 20px;
}

div#contentSpeakSubbg02 ul {
  margin: 0 20px 35px 20px;
  clear: both;
  height: 14px;
}

div#contentSpeakSubbg02 li {
  float: left;
  margin: 0 20px 0 0;
}

div#contentSpeakSubbg02 a:link {
  color: #F16421;
  text-decoration: underline;
}

div#contentSpeakSubbg02 a:visited {
  color: #F16421;
}

div#contentSpeakSubbg02 a:hover {
  color: #F16421;
  text-decoration: none;
}

div#contentSpeakSubbg02 a:active {
  color: #F16421;
}

div#contentSpeakSubbg03 {
  width: 660px;
}

div#contentSpeakSubbg03 p {
  margin: 10px 20px 20px 20px;
}

div#contentSpeakSubbg03 p.wiki {
  padding: 10px;
  font-size: 11px;
  background: #ffffff;
  width: 600px;
}

div#contentSpeakSubbg03 p.wiki span {
  color: #E00009;
}

div#contentSpeakSubbg04 {
  width: 660px;
  background: url(../img/about_speak_img02.gif) top right no-repeat;
}

div#contentSpeakSubbg04 p {
  width: 420px;
  margin: 10px 0 25px 20px;
}

div#contentSpeakSubbg05 {
  width: 660px;
  background: url(../img/about_speak_img03.jpg) top right no-repeat;
}

div#contentSpeakSubbg05 p {
  width: 420px;
  margin: 10px 0 25px 20px;
}

div#contentSpeakSubbg05 a:link {
  color: #F16421;
  text-decoration: underline;
}

div#contentSpeakSubbg05 a:visited {
  color: #F16421;
}

div#contentSpeakSubbg05 a:hover {
  color: #F16421;
  text-decoration: none;
}

div#contentSpeakSubbg05 a:active {
  color: #F16421;
}

/* ==========================================================================================================

	 5. think
 
============================================================================================================*/

h2#mainContentThink {
  display: block;
  width: 980px;
  height: 160px;
  background: url(../img/about_think_main_img.gif) no-repeat;
  text-indent: -9999px;
  overflow: hidden;
}

h3#contentThinkTitle01 {
  display: block;
  width: 670px;
  height: 58px;
  background: url(../img/about_think_title01.gif) no-repeat;
  text-indent: -9999px;
  overflow: hidden;
}

h3#contentThinkTitle02 {
  display: block;
  width: 670px;
  height: 58px;
  background: url(../img/about_think_title02.gif) no-repeat;
  text-indent: -9999px;
  overflow: hidden;
}

h3#contentThinkTitle03 {
  display: block;
  width: 670px;
  height: 58px;
  background: url(../img/about_think_title03.gif) no-repeat;
  text-indent: -9999px;
  overflow: hidden;
}

p.contentThinkIntro {
  margin: 0 0 25px 5px;
}

p.contentThinkTxt {
  margin: 15px 0 20px 5px;
}

p.contentThinkVia {
  margin: 10px 0 0 0;
}

div#contentThinkALLen {
  margin: 15px 0 25px 5px;
}

div#contentThinkBrain {
  margin: 15px 0 25px 5px;
}

h4#contentThinkSubTitle01 {
  display: block;
  width: 670px;
  height: 66px;
  background: url(../img/about_skill_subtitle01.gif) no-repeat;
  text-indent: -9999px;
  overflow: hidden;
}

h4#contentThinkSubTitle02 {
  display: block;
  width: 670px;
  height: 70px;
  background: url(../img/about_skill_subtitle02.gif) no-repeat;
  text-indent: -9999px;
  overflow: hidden;
}

ul#contentThinkImg {
  width: 670px;
  height: 725px;
  clear: both;
  margin: 0 0 60px 0;
}

ul#contentThinkImg li {
  float: left;
}

li.contentThinkImg01 {
  display: block;
  width: 670px;
  height: 158px;
  background: url(../img/about_skill_approachimg01.jpg) no-repeat;
  text-indent: -9999px;
  overflow: hidden;
}

li.contentThinkImg02 {
  display: block;
  width: 335px;
  height: 309px;
  background: url(../img/about_skill_approachimg02.jpg) no-repeat;
  text-indent: -9999px;
  overflow: hidden;
}

li.contentThinkImg03 {
  display: block;
  width: 335px;
  height: 309px;
  background: url(../img/about_skill_approachimg03.jpg) no-repeat;
  text-indent: -9999px;
  overflow: hidden;
}

li.contentThinkImg04 {
  display: block;
  width: 335px;
  height: 258px;
  background: url(../img/about_skill_approachimg04.jpg) no-repeat;
  text-indent: -9999px;
  overflow: hidden;
}

li.contentThinkImg05 {
  display: block;
  width: 335px;
  height: 258px;
  background: url(../img/about_skill_approachimg05.jpg) no-repeat;
  text-indent: -9999px;
  overflow: hidden;
}

ul#contentThinkHint {
  width: 670px;
  height: 363px;
  clear: both;
  margin: 0 0 55px 0;
}

ul#contentThinkHint li {
  float: left;
}

li.contentThinkHint01 {
  display: block;
  width: 224px;
  height: 363px;
  background: url(../img/about_skill_hintimg01.gif) no-repeat;
  text-indent: -9999px;
  overflow: hidden;
}

li.contentThinkHint02 {
  display: block;
  width: 223px;
  height: 363px;
  background: url(../img/about_skill_hintimg02.gif) no-repeat;
  text-indent: -9999px;
  overflow: hidden;
}

li.contentThinkHint03 {
  display: block;
  width: 223px;
  height: 363px;
  background: url(../img/about_skill_hintimg03.gif) no-repeat;
  text-indent: -9999px;
  overflow: hidden;
}

ul#contentThinkLanguage {
  width: 670px;
  height: 361px;
  clear: both;
  margin: 0 0 60px 0;
}

ul#contentThinkLanguage li {
  float: left;
}

li.contentThinkLanguage01 {
  display: block;
  width: 335px;
  height: 361px;
  background: url(../img/about_skill_brainimg01.gif) no-repeat;
  text-indent: -9999px;
  overflow: hidden;
}

li.contentThinkLanguage02 {
  display: block;
  width: 335px;
  height: 361px;
  background: url(../img/about_skill_brainimg02.gif) no-repeat;
  text-indent: -9999px;
  overflow: hidden;
}

/* ==========================================================================================================

	 6. teacher
 
============================================================================================================*/

h2#mainContentTeacher {
  display: block;
  width: 980px;
  height: 160px;
  background: url(../img/about_teacher_main_img.gif) no-repeat;
  text-indent: -9999px;
  overflow: hidden;
}

h3#contentTeacherTitle01 {
  display: block;
  width: 670px;
  height: 58px;
  background: url(../img/about_teacher_title01.gif) no-repeat;
  text-indent: -9999px;
  overflow: hidden;
}

h3#contentTeacherTitle02 {
  display: block;
  width: 670px;
  height: 58px;
  background: url(../img/about_teacher_title02.gif) no-repeat;
  text-indent: -9999px;
  overflow: hidden;
}

div#contentTeacherTxt {
  margin: 20px 0 0 0;
}

div#contentTeacherTxt p {
  margin: 0 0 25px 0;
}

div#contentTeacherPoint {
  width: 630px;
  min-height: 280px;
  padding: 25px 0 10px 0;
  margin: 0 0 0 20px;
}

div#contentTeacherPoint dl {
  float: left;
  width: 201px;
  margin: 0 9px 0 0;
}

div#contentTeacherPoint dd {
  font-size: 12px;
  margin: 7px 5px 10px 0;
}

.contentTeacherPoint01 {
  display: block;
  width: 201px;
  height: 193px;
  background: url(../img/_D4S0315.jpg) no-repeat;
  text-indent: -9999px;
  overflow: hidden;
}

.contentTeacherPoint02 {
  display: block;
  width: 201px;
  height: 193px;
  background: url(../img/_D4S0666.jpg) no-repeat;
  text-indent: -9999px;
  overflow: hidden;
}

.contentTeacherPoint03 {
  display: block;
  width: 201px;
  height: 193px;
  background: url(../img/_D4S0336.jpg) no-repeat;
  text-indent: -9999px;
  overflow: hidden;
}

div#contentTeacherMs {
  width: 630px;
  margin: 20px 0 0 20px;
}

h5#contentTeacherMstitle {
  display: block;
  width: 630px;
  height: 38px;
  background: url(../img/about_teacher_ms_title.gif) no-repeat;
  text-indent: -9999px;
  overflow: hidden;
}

div#contentTeacherMsbg {
  padding: 0 0 10px 0;
  width: 630px;
  background: url(../img/about_teacher_ms_bg.jpg) no-repeat #ffffff;
}

div#contentTeacherMsbg p {
  font-size: 13px;
  padding: 0 20px 0 110px;
}

.contentTeacherMsbtm {
  margin: 0 0 10px 0;
}

div#contentTeacherWhy {
  width: 670px;
  background: url(../img/about_teacher_img.jpg) top right no-repeat;
  margin: 15px 0 50px 0;
}

div#contentTeacherWhy p {
  width: 430px;
}

/* ==========================================================================================================

	 7. movie
 
============================================================================================================*/

h2#mainContentMovie {
  display: block;
  width: 980px;
  height: 160px;
  background: url(../img/about_movie_main_img.gif) no-repeat;
  text-indent: -9999px;
  overflow: hidden;
}

h3#contentMovieTitle01 {
  display: block;
  width: 670px;
  height: 58px;
  background: url(../img/about_movie_title01.gif) no-repeat;
  text-indent: -9999px;
  overflow: hidden;
}

h3#contentMovieTitle02 {
  display: block;
  width: 670px;
  height: 58px;
  background: url(../img/about_movie_title02.gif) no-repeat;
  text-indent: -9999px;
  overflow: hidden;
}

h4#contentMovieSubtitle01 {
  display: block;
  width: 155px;
  height: 23px;
  background: url(../img/about_movie_subtitle01.gif) no-repeat;
  text-indent: -9999px;
  overflow: hidden;
  margin: 0 0 10px 0;
}

h4#contentMovieSubtitle02 {
  display: block;
  width: 191px;
  height: 23px;
  background: url(../img/about_movie_subtitle02.gif) no-repeat;
  text-indent: -9999px;
  overflow: hidden;
  margin: 0 0 10px 0;
}

h4#contentMovieSubtitle03 {
  display: block;
  width: 134px;
  height: 23px;
  background: url(../img/about_movie_subtitle03.gif) no-repeat;
  text-indent: -9999px;
  overflow: hidden;
  margin: 0 0 10px 0;
}

h4#contentMovieSubtitle04 {
  display: block;
  width: 155px;
  height: 23px;
  background: url(../img/about_movie_subtitle04.gif) no-repeat;
  text-indent: -9999px;
  overflow: hidden;
  margin: 0 0 10px 0;
}

h4#contentMovieSubtitle05 {
  display: block;
  width: 133px;
  height: 23px;
  background: url(../img/about_movie_subtitle05.gif) no-repeat;
  text-indent: -9999px;
  overflow: hidden;
  margin: 0 0 10px 0;
}

h4#contentMovieSubtitle06 {
  display: block;
  width: 115px;
  height: 23px;
  background: url(../img/about_movie_subtitle06.gif) no-repeat;
  text-indent: -9999px;
  overflow: hidden;
  margin: 0 0 10px 0;
}

div.contentMovie {
  width: 660px;
  height: 600px;
  clear: both;
  margin: 30px -30px 0 20px;
}

div.contentMovieBox {
  float: left;
  width: 300px;
  margin: 0 30px 0 0;
  height: 300px;
}

div.contentMovieBox p {
  font-size: 11px;
}

div.contentMovieBox span {
  font-size: 13px;
  font-weight: bold;
}

div.contentMovieBox img {
  margin: 0 0 10px 0;
}

.contentMovieTxt {
  margin: 0 0 20px 0;
}

/* add20131018 */

div.contentComment {
  width: 660px;
  clear: both;
  margin: 30px 0 0 6px;
  overflow: hidden;
}

div.contentCommentBox {
  float: left;
  width: 206px;
  margin: 0 20px 0 0;
  height: 330px;
}

div.contentCommentBox p {
  font-size: 11px;
}

div.contentCommentBox span {
  font-size: 13px;
  font-weight: bold;
}

div.contentCommentBox img {
  margin: 0 0 10px 0;
}

div.contentCommentBox02 {
  float: left;
  width: 206px;
  margin: 0;
  height: 430px;
}

div.contentCommentBox02 p {
  font-size: 11px;
}

div.contentCommentBox02 span {
  font-size: 13px;
  font-weight: bold;
}

div.contentCommentBox02 img {
  margin: 0 0 10px 0;
}

.contentCommentTxt {
  margin: 10px 0;
}

/* 20140122 */

div.contentLook {
  width: 670px;
  clear: both;
  margin: 0 0 30px 0;
  overflow: hidden;
}

div.contentLookBox01 {
  float: left;
  clear: both;
  width: 655px;
  margin: 10px 0 0;
  padding: 0px 0 20px 15px;
}

div.contentLookBox02 {
  float: left;
  width: 670px;
  margin: 0;
}

div.contentLookBox03 {
  float: left;
  width: 295px;
  margin: 0;
  padding: 80px 0 0 375px;
  height: 260px;
  background: url(../img/about_movie_look07.jpg) no-repeat;
}

div.contentLookBox04 {
  float: left;
  width: 294px;
  margin: 0;
  padding: 100px 0 0 376px;
  height: 262px;
  background: url(../img/about_movie_look08.jpg) no-repeat;
}

div.contentLookBox05 {
  float: left;
  width: 641px;
  margin: 0;
  padding: 82px 0 0 29px;
  height: 237px;
  background: url(../img/about_movie_look09.jpg) no-repeat;
}

div.contentLookBox06 {
  float: left;
  width: 670px;
  margin: 10px 0 0;
}

/*div.contentLookBox p{ font-size:11px;}
div.contentLookBox span{ font-size:13px; font-weight:bold; }
div.contentLookBox img{ margin:0 0 10px 0;}*/

.contentLookTxt {
  margin: 10px 0;
}