@charaset"utf-8";

#contents{margin-top:10px;}

h3.title{
background-repeat:no-repeat;
padding-right:20px;
padding-top:7px;
text-align:right;
height:30px;
margin-left:10px;
font-size:110%;
color:#FFFFFF;
}
#inside{
background-repeat:no-repeat;
margin-left:10px;
width:740px;
height:403px;
padding:20px;
}

h3.subTitle {margin:0px 0px 5px 0px;}

/*------SCROLL-------*/
.scroll{
width:390px;
height:140px;
overflow:auto;
padding:10px 20px 0px 5px;
margin-bottom:20px;
}

.scroll a {
color:#FF3366;
text-decoration:none;
padding-left:10px;
background-image:url(../../bst/lesson/image_pickup/arrow_pink.gif);
background-position:left;
background-repeat:no-repeat;
}
.scroll a:hover {
background-image:url(../../bst/lesson/image_pickup/arrow_pink_on.gif);
color:#FF6699;
}


.gold {color:#88725a;}
.lightBlue {color:#6699FF;}
.lightPink {color:#FF6699;}
.orange {color:#FF6600;}
.silver {color:#666666;}

/*------BEFORE NEXT------*/

#before{
margin-top:5px;
margin-left:10px;
text-align:left;
float:left;
}
#before a{
font-size:110%;
text-decoration:none;
color:#88725a;
background-image:url(../../bst/lesson/image_pickup/arow_gold.gif);
background-position:left;
background-repeat:no-repeat;
padding-left:25px;
}
#before a:hover{
color:#aa8f71;
background-image:url(../../bst/lesson/image_pickup/arrow_gold_on.gif);}

#next{
margin-top:5px;
text-align:right;
margin-right:10px;
}
#next a{
font-size:110%;
text-decoration:none;
color:#88725a;
background-image:url(../../bst/lesson/image_pickup/arow_gold.gif);
background-position:right;
background-repeat:no-repeat;
padding-right:25px;
}
#next a:hover{
color:#aa8f71;
background-image:url(../../bst/lesson/image_pickup/arrow_gold_on.gif);}