#contents .rpgmain {
   position:relative;
   width: 773px;
   line-height:1.5em;
   margin-left:10px;
}

#contents .rpgmain a {
   color:#339E93;
   text-decoration:under-line;
}

#contents .rpgmain a:hover {
   text-decoration:none;
}

#contents .rpgmain ul,
li,
dl,
dt,
dd {
   list-style:none;
   margin:0;
   padding:0;
}

#contents .rpgmain ul.top {
   position:absolute;
   top:40px;
   left:467px;
   width: 306px;
   height: 35px;
}

#contents .rpgmain ul.bottom {
   margin:10px auto;
   width:620px;
   text-align:center;
}

*html #contents .rpgmain ul.top {
   top:60px;
}

*+html #contents .rpgmain ul.top {
   top:60px;
}

#contents .rpgmain ul li {
   float:left;
}

/*#contents .rpgmain ul li a {
   text-indent: -9999px;
   display:block;
   background-repeat: no-repeat;
}*/

/*#contents .rpgmain ul li.top a {
   width: 176px;
   height: 34px;
   background-image: url(../img/btn_top.gif);
}

#contents .rpgmain ul li.next a {
   width: 130px;
   height: 34px;
   margin-left:-9px;
   background-image: url(../img/btn_next.gif);
}

#contents .rpgmain ul li.prev a {
   width: 130px;
   height: 34px;
   background-image: url(../img/btn_prev.gif);
}
*/
#contents .rpgmain h2 {
   background-image: url(../img/idx_head.jpg);
   background-repeat: no-repeat;
   background-position: top center;
   text-indent: -9999px;
   width: 773px;
   height: 235px;
   margin-top: 20px;
}

#contents .rpgmain p {
   width:753px;
   margin-left:10px;
   font-size:0.7em;
}

#contents .rpgmain h2.lesson1 {
   background-image: url(../img/lesson1_head.jpg);
   height: 98px;
}

#contents .rpgmain h3 {
   background-repeat: no-repeat;
   background-position: top center;
   text-indent: -9999px;
   width: 773px;
   height: 48px;
}

#contents .rpgmain h3.lesson1 {
   background-image: url(../img/lesson1_ttl.jpg);
}

#contents .rpgmain h3.lesson2 {
   background-image: url(../img/mainttl_lesson2-1.jpg);
}

#contents .rpgmain ul.list_top dl {
   width:763px;
   height:165px;
   background-repeat:no-repeat;
}

#contents .rpgmain ul.list_top dl.lesson1 {
   background-image: url(../img/idx_lesson1.jpg);
   border-top:2px solid #E1FF77;
}

#contents .rpgmain ul.list_top dl.lesson2 {
   margin-bottom:20px;
   background-image: url(../img/idx_lesson2.jpg);
   border-top:2px solid #E1FF77;
   border-bottom:2px solid #E1FF77;
}

#contents .rpgmain ul.list_rpg {
   width: 762px;
   color:#339E93;
}

#contents .rpgmain ul.list_top dl dt {
   margin-left:250px;
   width:513px;
   height:74px;
   background-repeat:no-repeat;
   text-indent: -9999px;
}

#contents .rpgmain ul.list_top dl dd {
   padding-left:260px;
   width:513px;
   font-size:0.9em;
}

#contents .rpgmain ul.list_top dl dt.lesson1_ttl {
   background-image: url(../img/idx_lesson1_ttl.gif);
}

#contents .rpgmain ul.list_top dl dt.lesson2_ttl {
   background-image: url(../img/idx_lesson2_ttl.gif);
}

#contents .rpgmain ul.list_rpg li {
   list-style:none;
   float:left;
}

#contents .rpgmain ul.list_rpg li.lesson1 {
   width: 202px;
}

#contents .rpgmain ul.list_rpg li dt.idx_ttl {
   text-indent: -9999px;
   width: 202px;
   height: 121px;
   background-image: url(../img/idx_ttl-lesson1.gif);
   background-repeat: no-repeat;
}

#contents .rpgmain ul.list_rpg li dt.no001 {
   font-weight:bold;
}

#contents .rpgmain ul.list_rpg li dd {
   padding:8px 8px 8px 0;
}

#contents .rpgmain ul.list_rpg li.pt001 {
   margin-right:2px;
}

#contents .rpgmain ul.list_rpg li.pt001,
#contents .rpgmain ul.list_rpg li.pt002 {
   margin-bottom:8px;
   text-indent: -9999px;
   width: 279px;
   height: 366px;
}

#contents .rpgmain ul.list_rpg li.pt001 a,
#contents .rpgmain ul.list_rpg li.pt002 a {
   display:block;
   background-repeat: no-repeat;
   width: 279px;
   height: 366px;
}

#contents .rpgmain ul.list_rpg li.pt001 a {
   background-image: url(../img/idx_btn001.jpg);
}

#contents .rpgmain ul.list_rpg li.pt002 a {
   background-image: url(../img/idx_btn002.jpg);
}

#contents .rpgmain ul.list_rpg li.pt001 a:hover {
   background-position:0 -366px;
}

#contents .rpgmain ul.list_rpg li.pt002 a:hover {
   background-position:0 -366px;
}

dl.topic01 dt {
   width:284px;
   height: 116px;
   float:left;
   clear:both;
}

dl.topic01 dd.sumsoni_ttl {
   text-indent: -9999px;
   width: 478px;
   height: 22px;
   background-image: url(../img/idx_ttl-sumsoni.gif);
   background-repeat: no-repeat;
   float:left;
}

dl.topic01 dd.wire_ttl {
   text-indent: -9999px;
   width: 478px;
   height: 22px;
   background-image: url(../img/idx_ttl-wire.gif);
   background-repeat: no-repeat;
   float:left;
}

dl.topic04 dt {
   width:341px;
   height: 440px;
   float:left;
   clear:both;
}

dl.topic04 dd.sumsoni_ttl {
   text-indent: -9999px;
   width: 421px;
   height: 38px;
   background-image: url(../img/lesson2_subttl.gif);
   background-repeat: no-repeat;
   float:left;
}

dl dd.sumsoni_txt {
   padding-left:8px;
   padding-right:10px;
}

dl dd.wire_txt {
   padding-left:18px;
   padding-right:10px;
}

dl.topic02 dd.rpg_ttl {
   text-indent: -9999px;
   width: 486px;
   height: 32px;
   background-image: url(../img/idx_ttl-rpg.gif);
   background-repeat: no-repeat;
   float:left;
}

dl.topic02 {
   margin-bottom:40px;
}

dl.topic02 dt {
   width:276px;
   height: 116px;
   float:right;
   clear:both;
}

dl.topic03 dd.rpg_ttl {
   text-indent: -9999px;
   width: 419px;
   height: 54px;
   background-image: url(../img/lesson1_subttl.gif);
   background-repeat: no-repeat;
   float:left;
}

dl.topic2-1 dd.rpg_ttl {
   text-indent: -9999px;
   width: 499px;
   height: 79px;
   background-image: url(../img/subttl_lesson2-1.gif);
   background-repeat: no-repeat;
   float:left;
}

dl.topic2-2 dd.rpg_ttl {
   text-indent: -9999px;
   width: 344px;
   height: 55px;
   background-image: url(../img/subttl_lesson2-2.gif);
   background-repeat: no-repeat;
   float:left;
}

dl.topic03 dt {
   width:354px;
   height: 248px;
   float:right;
   clear:both;
}

dl.topic2-1 dt {
   width:274px;
   height: 274px;
   float:right;
   clear:both;
}

dl.topic2-2 dt {
   width:429px;
   height:282px;
   float:right;
   clear:both;
}

#contents .rpgmain .topic2-1 a,
#contents .rpgmain .topic2-2 a,
#contents .rpgmain .topic03 a,
#contents .rpgmain .topic04 a {
   color:#FF2C76;
}

dl.rog_bottom {
   margin-bottom:30px;
}

dl.rog_bottom dt {
   text-indent: -9999px;
   width:762px;
   height: 27px;
   background-image: url(../img/idx_ttl-next.gif);
   background-repeat: no-repeat;
}