@charset "utf-8";

@import url(../../css/common.css);



/* ---------------------------------
*    title
*/
.tit01{
background:url(../img/top/tit01.jpg) no-repeat;
width:570px;
height:54px;
text-indent:-9999px;
}
.tit02{
background:url(../img/top/tit02.jpg) no-repeat;
width:570px;
height:54px;
text-indent:-9999px;
}
.tit03{
background:url(../img/top/tit03.jpg) no-repeat;
width:570px;
height:44px;
text-indent:-9999px;
}

/* ---------------------------------
*    navi
*/
.sbtit1{
background: url(../../img/lesson/s_t01.jpg) no-repeat;
width:217px;
height:25px;
display:block;
text-indent:-9999px;
}
.sbtit2{
background: url(../../img/lesson/s_t02.jpg) no-repeat;
width:217px;
height:30px;
display:block;
text-indent:-9999px;
}
.sbnavi1 a{
background:url(../../img/teacher/s_navi01.jpg) no-repeat;
width:217px;
height:53px;
display:block;
}
.sbnavi1 a:hover{
background:url(../../img/teacher/s_navi01_r.jpg) no-repeat;
width:217px;
height:53px;
display:block;
}
.sbnavi1on{
background:url(../../img/teacher/s_navi01_r.jpg) no-repeat;
width:217px;
height:53px;
display:block;
}


/* ---------------------------------
*    contents
*/
.contR div{
width:555px;
margin:0 auto;
display:block;
padding:0 0 35px 0;
}
.contR div img{
float:left;
}
.contR div p{
float:right;
width:160px;
line-height:160%;
display:block;
width:140px;
}
.contR div strong{
background:url(../../img/guide/p02.jpg) no-repeat left bottom;
height:40px;
width:80px;
text-indent:-9999px;
display:block;
}
.contR div p span{
background:#F2ECDF;
display:block;
padding:10px;
font-size:90%;
}

.tb1{
border-top:1px solid #F0DFD2;
border-left:1px solid #F0DFD2;
background:url(../../img/lesson/tb_bg.jpg) no-repeat #FFFCF6;
width:550px;
margin:0 auto;
}
.tb1 th{
width:118px;
padding:10px 0;
text-align:center;
color:#C79574;
border-right:1px solid #F0DFD2;
border-bottom:1px solid #F0DFD2;
font-weight:bold;
}
.tb1 td{
padding:10px 20px;
border-right:1px solid #F0DFD2;
border-bottom:1px solid #F0DFD2;
}
.tb1 td strong{color:#C79574;}

.btmbtn{
width:540px;
margin:0 auto;
display:block;
}
.btmbtn li{
display:inline;
float:left;
margin:0 25px 0 0;
}
.btmbtn li a{ display:block; text-indent:-9999px;}
.btmbtn01 a{
background:url(../../img/business/p1_btn01.jpg) repeat;
width:176px;
height:20px;
}
.btmbtn01 a:hover{
background:url(../../img/business/p1_btn01_r.jpg) repeat;
width:176px;
height:20px;
}