@charset "utf-8";

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

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

.fla{
width:900px;
height:341px;
background:url(../../img/guide/fla.jpg) 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/guide/s_navi01.jpg) no-repeat;
width:217px;
height:53px;
display:block;
}
.sbnavi1 a:hover{
background:url(../../img/guide/s_navi01_r.jpg) no-repeat;
width:217px;
height:53px;
display:block;
}
.sbnavi1on{
background:url(../../img/guide/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 iframe{
float:left;
width:389px;
height:343px;
display:block;
border:2px solid #E4D7B7 !important;
}
.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%;
}


/* ---------------------------------
*    index
*/
.tit01{
background:url(../../img/guide/tit01.jpg) no-repeat;
width:570px;
height:54px;
text-indent:-9999px;
}