#intro{
 background-image:url(../images/icon/en/introduction.png);
 background-repeat:no-repeat;
float: right; 
 padding: 0px 10px 0px 0px;
 width:100px;
 height:140px;
 margin-left:10px;
}
#intro-s{
 background-image:url(../images/icon/en/introduction_small.png);
 background-repeat:no-repeat;
 float: right; 
 padding: 0px 10px 0px 0px;
  width:47px;
 height:57px;
 margin-left:10px;
}
#ending{
 background-image:url(../images/icon/en/ending.png);
 background-repeat:no-repeat;
 float: right; 
 padding: 0px 10px 0px 0px;
 width:100px;
 height:140px;
 margin-left:10px;
}
#ending-s{
 background-image:url(../images/icon/en/ending_small.png);
 background-repeat:no-repeat;
float: right; 
 padding: 0px 10px 0px 0px;
  width:47px;
 height:57px;
 margin-left:10px;
}
#topic{
 background-image:url(../images/icon/en/topic.png);
 background-repeat:no-repeat;
 float: right; 
 padding: 0px 10px 0px 0px;
 width:100px;
 height:140px;
 margin-left:10px;
}
#topic-s{
 background-image:url(../images/icon/en/topic-small.png);
 background-repeat:no-repeat;
 float: right; 
 padding: 0px 10px 0px 0px;
  width:47px;
 height:57px;
 margin-left:10px;
}
#summary{
 background-image:url(../images/icon/en/summary.png);
 background-repeat:no-repeat;
 float: right; 
 padding: 0px 10px 0px 0px;
 width:100px;
 height:140px;
 margin-left:10px;
}
#summary-s{
 background-image:url(../images/icon/en/summary-small.png);
 background-repeat:no-repeat;
 float: right; 
 padding: 0px 10px 0px 0px;
  width:47px;
 height:57px;
 margin-left:10px;
}
#reference{
 background-image:url(../images/icon/en/reference.png);
 background-repeat:no-repeat;
 float: right; 
 padding: 0px 10px 0px 0px;
 width:100px;
 height:140px;
 margin-left:10px;
}
#reference-s{
 background-image:url(../images/icon/en/reference-small.png);
 background-repeat:no-repeat;
 float: right; 
 padding: 0px 10px 0px 0px;
  width:47px;
 height:57px;
 margin-left:10px;
}
#list_of_topic{
 background-image:url(../images/icon/en/list_of_topic.png);
 background-repeat:no-repeat;
 float: left; 
 padding: 0px 10px 0px 0px;
 width:100px;
 height:140px;
 margin-left:10px;
}
#list_of_topic-s{
 background-image:url(../images/icon/en/list_of_topic-small.png);
 background-repeat:no-repeat;
 float: right; 
 padding: 0px 10px 0px 0px;
  width:47px;
 height:57px;
 margin-left:10px;
}
#learning_outcome{
 background-image:url(../images/icon/en/learning_outcome.png);
 background-repeat:no-repeat;
 float: left; 
 padding: 0px 10px 0px 0px;
 width:100px;
 height:140px;
 margin-left:10px;
}
#learning_outcome-s{
 background-image:url(../images/icon/en/learning_outcome-small.png);
 background-repeat:no-repeat;
 float: right; 
 padding: 0px 10px 0px 0px;
  width:47px;
 height:57px;
 margin-left:10px;
}
#exercise{
 background-image:url(../images/icon/en/exercise.png);
 background-repeat:no-repeat;
float: right; 
 padding: 0px 10px 0px 0px;
 width:100px;
 height:140px;
 margin-left:10px;
}
#exercise-s{
 background-image:url(../images/icon/en/exercise-small.png);
 background-repeat:no-repeat;
 float: right; 
 padding: 0px 10px 0px 0px;
  width:47px;
 height:57px;
 margin-left:10px;
}