@import "../common/common.css";



/* main lr
-------------------------------- */
#lesson_bg{
width:798px;
background:url(img/j_bg.gif) repeat-y;
margin:0 auto 0 0;
}


/* main lr
-------------------------------- */
#lesson_side{
float:left;
width:167px;
text-align:left;
}


#lesson_main{
float:right;
width:631px;
text-align:left;
background:url(img/j_waku-end02.gif) no-repeat bottom left;
padding-bottom:21px;
}


/* side
-------------------------------- */
#lesson_side h2{
margin-bottom:15px;
}

#lesson_side ul{
list-style:none;
margin:0 0 15px 0;
}


#lesson_side li {
width:167px;
text-indent: -9999px;
}


#lesson_side li a {
text-decoration: none;
width:167px;
display: block;
}

#side_base li,#side_base li a{height:51px;}
#side_make li a,#side_make00 li a{height:34px;}

#side_base a:hover{ background-position:0 -51px; }
#side_make a:hover,#side_make00 a:hover{ background-position:0 -34px; }


#side_base01 a{background:url(img/menu_btn_01.gif) no-repeat;}
#side_base02 a{background:url(img/menu_btn_02.gif) no-repeat;}
#side_base03 a{background:url(img/menu_btn_03.gif) no-repeat;}
#side_make01 a{background:url(img/menu_btn_04.gif) no-repeat;}
#side_make02 a{background:url(img/menu_btn_05.gif) no-repeat;}
#side_make03 a{background:url(img/menu_btn_06.gif) no-repeat;}
#side_make04 a{background:url(img/menu_btn_07.gif) no-repeat;}

#side_base01act a{background:url(img/menu_btn_01.gif) no-repeat 0 -51px;}
#side_base02act a{background:url(img/menu_btn_02.gif) no-repeat 0 -51px;}
#side_base03act a{background:url(img/menu_btn_03.gif) no-repeat 0 -51px;}
#side_make01act a{background:url(img/menu_btn_04.gif) no-repeat 0 -34px;}
#side_make02act a{background:url(img/menu_btn_05.gif) no-repeat 0 -34px;}
#side_make03act a{background:url(img/menu_btn_06.gif) no-repeat 0 -34px;}
#side_make04act a{background:url(img/menu_btn_07.gif) no-repeat 0 -34px;}

#side_make {
background:url(img/menu_btn_bg.gif) repeat-y;
}

#side_make00 ul{
margin:0;
}

#side_make ul{
background:url(img/menu_btn_end.gif) no-repeat bottom;
padding-bottom:14px;
}

.side_make_san {background:url(img/menu_btn_00.gif) no-repeat; height:14px; text-indent: -9999px; font-size:7px; margin:0; padding:0;}

/*sub */
#side_make_sub ul{
background:none;
margin:0;
padding:0;
background:url(img/menu_btn_bg.gif) repeat-y;
}

#side_make_sub li a{height:15px;}
#side_make_sub a:hover{ background-position:0 -15px; }

#side_make01_1 a{background:url(img/menu_btn_04a.gif) no-repeat;}
#side_make01_2 a{background:url(img/menu_btn_04b.gif) no-repeat;}
#side_make01_3 a{background:url(img/menu_btn_04c.gif) no-repeat;}
#side_make01_4 a{background:url(img/menu_btn_04d.gif) no-repeat;}
#side_make02_1 a{background:url(img/menu_btn_05a.gif) no-repeat;}
#side_make02_2 a{background:url(img/menu_btn_05b.gif) no-repeat;}
#side_make02_3 a{background:url(img/menu_btn_05c.gif) no-repeat;}
#side_make03_1 a{background:url(img/menu_btn_06a.gif) no-repeat;}
#side_make03_2 a{background:url(img/menu_btn_06b.gif) no-repeat;}
#side_make03_3 a{background:url(img/menu_btn_06c.gif) no-repeat;}

#side_make01_1act a{background:url(img/menu_btn_04a.gif) no-repeat 0 -15px;}
#side_make01_2act a{background:url(img/menu_btn_04b.gif) no-repeat 0 -15px;}
#side_make01_3act a{background:url(img/menu_btn_04c.gif) no-repeat 0 -15px;}
#side_make01_4act a{background:url(img/menu_btn_04d.gif) no-repeat 0 -15px;}
#side_make02_1act a{background:url(img/menu_btn_05a.gif) no-repeat 0 -15px;}
#side_make02_2act a{background:url(img/menu_btn_05b.gif) no-repeat 0 -15px;}
#side_make02_3act a{background:url(img/menu_btn_05c.gif) no-repeat 0 -15px;}
#side_make03_1act a{background:url(img/menu_btn_06a.gif) no-repeat 0 -15px;}
#side_make03_2act a{background:url(img/menu_btn_06b.gif) no-repeat 0 -15px;}
#side_make03_3act a{background:url(img/menu_btn_06c.gif) no-repeat 0 -15px;}



/*index
-------------------------------- */
#rose_index{
float:right;
width:631px;
text-align:left;
padding-bottom:21px;
background:#FFFFFF;
}

#rose_index p{
margin-top:10px;
}

/*main_top
-------------------------------- */
#main_top{
background:url(img/j_waku-end.gif) no-repeat bottom left;
padding-bottom:23px;
text-align:center;
}

#main_top h4{
margin:10px auto 5px auto;
}

#main_products{
margin-top:20px;
}

#main_products_l{
float:left;
width:255px;
margin-left:18px;
}

#main_products_r{
float:left;
width:300px;
margin:15px 15px 0 10px;
text-align:left;
}





/*lesson
-------------------------------- */
#lesson{
width:593px;
margin:30px auto 0 18px;
}

#lesson_title{
border-bottom:1px solid #dbdbdb;
padding-bottom:2px;
margin-bottom:15px;
}

#lesson h5{
float:left;
}

.btn_tec{
float:right;
}



#lesson p{
margin-bottom:10px;
}

#lesson_top{
background:url(img/j_lesson-top.gif) no-repeat top;
padding:20px 0 10px 0;
}

#lesson_top_l{
float:left;
width:141px;
margin-left:20px;
}

#lesson_top_r{
float:right;
width:380px;
margin-right:10px;
text-align:left;
}

.recommended{
text-align:right;
}

#lesson_body{
}

#lesson_body th{
width:215px;
padding:20px 0;
vertical-align:top;
text-align:left;
}

#lesson_body td{
width:377px;
padding:20px 0;
font-size:13px;
}

.lesson_img img{
vertical-align:top;
margin-right:5px;
}

.note{
text-align:center;
background:#f0f0f0;
padding:10px;
}

.finished {
text-align:center;
margin:15px 0 25px 0;
}


#waku_pink_l{
border-top:2px solid #f7bcc2;
border-left:2px solid #f7bcc2;
border-bottom:2px solid #f7bcc2;
}

#waku_pink_r{
border-top:2px solid #f7bcc2;
border-right:2px solid #f7bcc2;
border-bottom:2px solid #f7bcc2;
}


/*make_sub
-------------------------------- */
#make_sub h4{
margin:15px 0 0 20px;
}


#make_sub h5{
border-bottom:1px solid #dbdbdb;
padding-bottom:5px;
margin:25px 20px 0 20px;
}

#make_sub_copy{
margin:5px 20px 0 20px;
}

#lesson_body_sub{
border-top:1px solid #dbdbdb;
padding-top:10px;
}

#lesson_body_sub th{
width:160px;
padding:20px 0;
vertical-align:top;
text-align:center;
}

#lesson_body_sub td{
width:432px;
padding:20px 0;
font-size:13px;
}

#make_sub_tec{
text-align:right;
margin:10px 0;
}


/*make_1_4
-------------------------------- */
#make_1_4 .h6{
margin-top:15px;
}

#make_1_4 th{
width:150px;
padding:5px 0;
vertical-align:top;
text-align:center;
}

#make_1_4 td{
padding:5px 0;
font-size:13px;
}

/*next
-------------------------------- */
#next{
font-size:11px;
margin:20px 20px;
border-top:1px solid #dbdbdb;
padding-top:10px;
}

#next_l{
float:left;
}

#next_r{
float:right;
}