@charset "UTF-8";

/*
**********************************************************************

* teacher.css

* site name   : http://www.toshin-tierra.com/
* description : Teacher Page styles
* since       : 2008-06-25
* editor      : Tooru Ehara 
* modified    : 
* editor      :

*********************************************************************
*/



/*
===== CONTENTS ===========================================

  1: Teacher Page styles
	2: POP Page styles

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

/*
*********************************************************************

* 1: Teacher Page styles

*********************************************************************
*/

div#Contents h1{
background:url("../img/teacher/ttl_teacher.jpg") 0 0 no-repeat;
}
div#Contents ul#Index{
margin:20px 0;
}
div#Contents ul#Index li{
text-align:center;
float:left;
width: 266px;
padding:0 0 10px 10px;
}
div#Contents h2.english,
body.pop div#Contents h2.english{
background:url("../img/teacher/ttl_english.jpg") 0 0 no-repeat;
}
div#Contents h2.math,
body.pop div#Contents h2.math{
background:url("../img/teacher/ttl_math.jpg") 0 0 no-repeat;
}
div#Contents h2.japanese,
body.pop div#Contents h2.japanese{
background:url("../img/teacher/ttl_japanese.jpg") 0 0 no-repeat;
}
div#Contents h2.social,
body.pop div#Contents h2.social{
background:url("../img/teacher/ttl_social.jpg") 0 0 no-repeat;
}
div#Contents h2.science,
body.pop div#Contents h2.science{
background:url("../img/teacher/ttl_science.jpg") 0 0 no-repeat;
}
div#Teacher {
background:url("../img/common/bg_sNav.gif") 0 100% no-repeat;
margin-bottom:10px;
padding-bottom:1px;
}
div#Teacher h3{
background:url("../img/teacher/ttl_teacher_sNav.jpg") 0 0 no-repeat;
text-indent:-999em;
width:200px;
height:31px;
}
div#Teacher h3 a{
display:block;
overflow:hidden;
width:100%;
height:100%;
}
div#Teacher li{
border-bottom:1px solid #F0F0F0;
font-weight:bold;
padding:10px 10px 10px 20px;
margin:0 1px;
}
div#Teacher li.english{
background:url("../img/teacher/icn_english.gif") 10px 50% no-repeat;
}
div#Teacher li.math{
background:url("../img/teacher/icn_math.gif") 10px 50% no-repeat;
}
div#Teacher li.japanese{
background:url("../img/teacher/icn_japanese.gif") 10px 50% no-repeat;
}
div#Teacher li.science{
background:url("../img/teacher/icn_science.gif") 10px 50% no-repeat;
}
div#Teacher li.social{
background:url("../img/teacher/icn_social.gif") 10px 50% no-repeat;
}
div#Teacher li.active{
background-color:#E7F9F2;
}
div#Teacher li.last{
border:none;
}

div#Contents div.teacher {
position:relative;
float:left;
width:49%;
min-height:83px;
padding-bottom:10px;
}
* html div#Contents div.teacher{
height:85px;
}
div#Contents div.teacher p.img{
position:absolute;
top:5px;
left:0;
}
div#Contents div.teacher p.movie{
position:absolute;
top:0;
right:10px;
}
div#Contents div.teacher h3{
font-size:100%;
color:#000000;
margin:0 100px 5px 50px;
}
div#Contents div.teacher p.text{
margin-left:50px;
}

/*
*********************************************************************

* 2: POP Page styles

*********************************************************************
*/
body.pop div#Header,
body.pop div#MainBody,
body.pop div#Footer div{
width:750px;
}
body.pop div#Header{
padding-top:20px;
}
body.pop div#Contents h1{
color:#FFFFFF;
text-indent:0;
width:740px;
height:auto;
padding:2px 0 2px 10px;
}
body.pop div#Contents h1.english{
background:#99CC00;
}
body.pop div#Contents h1.math{
background:#3F9FFF;
}
body.pop div#Contents h1.japanese{
background:#FF6666;
}
body.pop div#Contents h1.social{
background:#FF9900;
}
body.pop div#Contents h1.science{
background:#009900;
}

body.pop div#MainBody div#Contents{
float:none;
width:750px;
}
body.pop div#Detail h2,
body.pop div#Detail p{
float:right;
width:380px;
}
body.pop div#Detail div#Movie{
float:left;
width:330px;
}