@charset "utf-8";

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

/* ---------------------------------
*    fla
*/

.fla{
width:900px;
height:341px;
background:url(../../img/lesson/fla.jpg) no-repeat !important;
}
.fla1{
width:900px;
height:341px;
background:url(../../img/lesson/fla01.jpg) no-repeat !important;
}
.fla2{
width:900px;
height:341px;
background:url(../../img/lesson/fla02.jpg) no-repeat !important;
}
.fla3{
width:900px;
height:341px;
background:url(../../img/lesson/fla03.jpg) no-repeat !important;
}
.fla4{
width:900px;
height:341px;
background:url(../../img/lesson/fla04.png) no-repeat !important;
}
.fla5{
width:900px;
height:341px;
background:url(../../img/lesson/fla05.png) no-repeat !important;
}
.fla6{
width:900px;
height:341px;
background:url(../../img/lesson/fla06.png) no-repeat !important;
}


/* ---------------------------------
*    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/lesson/s_navi01.jpg) no-repeat;
width:217px;
height:53px;
display:block;
}
.sbnavi1 a:hover{
background:url(../../img/lesson/s_navi01_r.jpg) no-repeat;
width:217px;
height:53px;
display:block;
}
.sbnavi1on{
background:url(../../img/lesson/s_navi01_r.jpg) no-repeat;
width:217px;
height:53px;
display:block;
}
.sbnavi2 a{
background:url(../../img/lesson/s_navi02.jpg) no-repeat;
width:217px;
height:54px;
display:block;
}
.sbnavi2 a:hover{
background:url(../../img/lesson/s_navi02_r.jpg) no-repeat;
width:217px;
height:54px;
display:block;
}
.sbnavi2on{
background:url(../../img/lesson/s_navi02_r.jpg) no-repeat;
width:217px;
height:54px;
display:block;
}
.sbnavi3 a{
background:url(../../img/lesson/s_navi03.jpg) no-repeat;
width:217px;
height:53px;
display:block;
}
.sbnavi3 a:hover{
background:url(../../img/lesson/s_navi03_r.jpg) no-repeat;
width:217px;
height:53px;
display:block;
}
.sbnavi3on{
background:url(../../img/lesson/s_navi03_r.jpg) no-repeat;
width:217px;
height:53px;
display:block;
}
.sbnavi4 a{
background:url(../../img/lesson/s_navi04.png) no-repeat;
width:217px;
height:54px;
display:block;
}
.sbnavi4 a:hover{
background:url(../../img/lesson/s_navi04_r.png) no-repeat;
width:217px;
height:54px;
display:block;
}
.sbnavi4on{
background:url(../../img/lesson/s_navi04_r.png) no-repeat;
width:217px;
height:54px;
display:block;
}
.sbnavi5 a{
background:url(../../img/lesson/s_navi05.png) no-repeat;
width:217px;
height:54px;
display:block;
}
.sbnavi5 a:hover{
background:url(../../img/lesson/s_navi05_r.png) no-repeat;
width:217px;
height:54px;
display:block;
}
.sbnavi5on{
background:url(../../img/lesson/s_navi05_r.png) no-repeat;
width:217px;
height:54px;
display:block;
}
.sbnavi6 a{
background:url(../../img/lesson/s_navi06.jpg) no-repeat;
width:217px;
height:54px;
display:block;
}
.sbnavi6 a:hover{
background:url(../../img/lesson/s_navi06_r.jpg) no-repeat;
width:217px;
height:54px;
display:block;
}
.sbnavi6on{
background:url(../../img/lesson/s_navi06_r.jpg) no-repeat;
width:217px;
height:54px;
display:block;
}

/* ---------------------------------
*    contents
*/
.contR div{
width:555px;
margin:0 auto;
display:block;
padding:0 0 35px 0;
}
.contR div img{ float:left; margin:0 0 30px 0; }
.contR div p{
display:block;
float:right;
width:340px;
line-height:160%;
padding:0 0 40px 0;
}
.contR div p a{
background:url(../../img/lesson/more.jpg) no-repeat left bottom;
width:134px;
height:35px;
display:block;
text-indent:-9999px;
}
.contR div p a:hover{
background:url(../../img/lesson/more_r.jpg) no-repeat left bottom;
width:134px;
height:35px;
display:block;
text-indent:-9999px;
}

.tex1{
background:url(../../img/top/tex01.jpg) no-repeat;
width:555px;
height:60px;
text-indent:-9999px;
}


/* ---------------------------------
*    index
*/
.tit01{
background:url(../../img/lesson/tit01.jpg) no-repeat;
width:570px;
height:54px;
text-indent:-9999px;
}
.tit02{
background:url(../../img/lesson/tit02.jpg) no-repeat;
width:570px;
height:54px;
text-indent:-9999px;
}
.tit03{
background:url(../../img/lesson/tit03.jpg) no-repeat;
width:570px;
height:54px;
text-indent:-9999px;
}
.tit05{
background:url(../../img/lesson/tit05.png) no-repeat;
width:570px;
height:54px;
text-indent:-9999px;
}
.tit06{
background:url(../../img/lesson/tit06.png) no-repeat;
width:570px;
height:54px;
text-indent:-9999px;
}
.tit07{
background:url(../../img/lesson/tit07.png) no-repeat;
width:570px;
height:54px;
text-indent:-9999px;
}

/* ---------------------------------
*    p1
*/
.point{
background:url(../../img/lesson/bg01.jpg) repeat-y;
width:545px !important;
margin:0 auto;
border-bottom:solid #F0DED0 2px;
}
.p1tit1{
background:url(../../img/lesson/p1_t01.jpg) no-repeat;
width:545px;
height:80px;
text-indent:-9999px;
}
.p1tit2{
background:url(../../img/lesson/p1_t02.jpg) no-repeat;
width:545px;
height:45px;
text-indent:-9999px;
}
.p1tit3{
background:url(../../img/lesson/p1_t03.jpg) no-repeat;
width:545px;
height:45px;
text-indent:-9999px;
}
.point ul{
width:480px;
margin:0 auto 20px auto;
display:block;
}
.point ul li{
display:block;
padding:0 0 15px 0;
}
.point ul li strong{
color:#C79574;
}

.tb1{
border-top:1px solid #F0DFD2;
border-left:1px solid #F0DFD2;
background:url(../../img/lesson/tb_bg.jpg) no-repeat #FFFCF6;
width:480px;
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/lesson/p1_btn01.jpg) repeat;
width:102px;
height:18px;
}
.btmbtn01 a:hover{
background:url(../../img/lesson/p1_btn01_r.jpg) repeat;
width:102px;
height:18px;
}
.btmbtn02 a{
background:url(../../img/lesson/p1_btn02.jpg) repeat;
width:176px;
height:18px;
}
.btmbtn02 a:hover{
background:url(../../img/lesson/p1_btn02_r.jpg) repeat;
width:176px;
height:18px;
}
.btmbtn03 a{
background:url(../../img/lesson/p1_btn03.jpg) repeat;
width:117px;
height:18px;
}
.btmbtn03 a:hover{
background:url(../../img/lesson/p1_btn03_r.jpg) repeat;
width:117px;
height:18px;
}