@charset "utf-8"; .guidehelp {position:absolute; width:375px; left:315px; top:120px; border:6px solid #94c20c; background:#FFF; padding:0px;} .guidehelp dd {width:375px; } .guidehelp dd:after {content:"";display:block;clear:both} .guidehelp dd.title {font:20px nbgM; line-height:20px; padding:25px 0px 25px 70px;color:#222222;background:url(../image/inc/icon_cancel.png) no-repeat 30px 50%} .guidehelp dd.maingo {position:absolute; width:161px; height:41px; left:110px; bottom:20px; background:url("../image/action_02/btn_02.png") no-repeat;} .guidehelp dd.maingo a {display:block; overflow:hidden; width:161px; height:41px; text-indent:-9999px;} .guidehelp1 {position:absolute; width:375px; left:325px; top:120px; border:6px solid #94c20c; background:#FFF; padding:0px;height:300px;} .guidehelp1 dd {width:375px; } .guidehelp1 dd:after {content:"";display:block;clear:both} .guidehelp1 dd.title {font:20px nbgM; line-height:20px; padding:25px 0px 25px 70px;color:#222222;background:url(../image/inc/icon_cancel.png) no-repeat 30px 50%} .guidehelp1 dd.maingo {position:absolute; width:161px; height:41px; left:110px; bottom:20px; background:url("../image/action_02/btn_02.png") no-repeat;} .guidehelp1 dd.maingo a {display:block; overflow:hidden; width:161px; height:41px; text-indent:-9999px;} .guidehelp2 {position:absolute; width:526px; left:195px; top:50px; border:6px solid #94c20c; background:#FFF; padding:0px;} .guidehelp2 dt {display:inline-block;font:20px nbgM; color:#222222; background:#fff;padding:15px 50px 15px 85px;border-bottom:1px solid #e4e4e4;} .guidehelp2 dd {width:526px; } .guidehelp2 dd:after {content:"";display:block;clear:both} .guidehelp2 dd.text {font:17px nbgM; line-height:20px; padding:225px 0px 100px 30px;color:#222222;background:url(../image/action_02/popup_03.png) no-repeat} .guidehelp2 dd img {margin:0 0 15px 0;} .guidehelp2 dd.btn {position:absolute; width:50px; height:50px; right:0px; top:0px; background:url("../image/inc/btn_close_01.png") no-repeat;} .guidehelp2 dd.btn a {display:block; overflow:hidden; width:53px; height:50px; text-indent:-9999px;} .guidehelp2 dd.maingo {position:absolute; width:177px; height:42px; left:180px; bottom:20px; background:url("../image/action_02/btn_04.png") no-repeat;} .guidehelp2 dd.maingo a {display:block; overflow:hidden; width:161px; height:42px; text-indent:-9999px;} .guidehelp3 {position:absolute; width:618px; left:195px; top:110px; border:6px solid #94c20c; background:#FFF; padding:0px;} .guidehelp3 dt {display:inline-block;font:20px nbgM; color:#222222; background:#fff;padding:15px 50px 15px 85px;border-bottom:1px solid #e4e4e4;} .guidehelp3 dd {width:792px; } .guidehelp3 dd:after {content:"";display:block;clear:both} .guidehelp3 dd.text {font:17px nbgM; line-height:20px; padding:25px 0px 100px 30px;color:#222222;} .guidehelp3 dd img {margin:0 0 15px 0;} .guidehelp3 dd.btn {position:absolute; width:50px; height:50px; right:0px; top:0px; background:url("../image/inc/btn_close_01.png") no-repeat;} .guidehelp3 dd.btn a {display:block; overflow:hidden; width:53px; height:50px; text-indent:-9999px;} .guidehelp3 dd.maingo {position:absolute; width:177px; height:42px; left:230px; bottom:20px; background:url("../image/action_01/btn_02.png") no-repeat;} .guidehelp3 dd.maingo a {display:block; overflow:hidden; width:161px; height:42px; text-indent:-9999px;} .guideanswer1 {position:absolute; width:300px; left:340px; top:170px; border:6px solid #94c20c; background:#FFF; padding:0px;height:180px;} .guideanswer1 dt {display:inline-block;font:30px nbgM;width:300px; color:#222222; background:#fff;padding:25px 0px 25px 0px;text-align:center;background:url(../image/inc/popup_bg_01.png) no-repeat center 20px} .guideanswer1 dt span {display:block;color:#d81f1f;font-size:16px;} .guideanswer1 dd {width:300px; } .guideanswer1 dd:after {content:"";display:block;clear:both} .guideanswer1 dd.maingo {position:absolute; width:180px; height:44px; left:60px; top:110px; background:url("../image/action_02/btn_01.png") no-repeat;} .guideanswer1 dd.maingo a {display:block; overflow:hidden; width:161px; height:42px; text-indent:-9999px;} .guideanswer2 {position:absolute; width:375px; left:300px; top:170px; border:6px solid #94c20c; background:#FFF; padding:0px;height:302px;} .guideanswer2 dt {display:inline-block;font:30px nbgM;width:375px; color:#222222; background:#fff;padding:25px 0px 25px 0px;text-align:center;} .guideanswer2 dt span {display:block;color:#d81f1f;font-size:16px;} .guideanswer2 dd {width:375px; } .guideanswer2 dd:after {content:"";display:block;clear:both} .guideanswer2 dd.maingo {position:absolute; width:180px; height:44px; left:100px; bottom:20px; background:url("../image/action_02/btn_01.png") no-repeat;} .guideanswer2 dd.maingo a {display:block; overflow:hidden; width:161px; height:42px; text-indent:-9999px;} .guideanswer3 {position:absolute; width:375px; left:300px; top:170px; border:6px solid #94c20c; background:#FFF; padding:0px;height:302px;} .guideanswer3 dt {display:inline-block;font:30px nbgM;width:375px; color:#222222; background:#fff;padding:25px 0px 25px 0px;text-align:center;} .guideanswer3 dt span {display:block;color:#d81f1f;font-size:16px;} .guideanswer3 dd {width:375px; } .guideanswer3 dd:after {content:"";display:block;clear:both} .guideanswer3 dd.maingo {position:absolute; width:180px; height:44px; left:100px; bottom:20px; background:url("../image/action_02/btn_01.png") no-repeat;} .guideanswer3 dd.maingo a {display:block; overflow:hidden; width:161px; height:42px; text-indent:-9999px;} #content-1 {position: relative; width:974px; height:497px; left:0px; top:0px; background:url("../image/action_01/bg.png") 0 0;padding:0px} #content-1 dt {width:880px; height:30px; font:17px nbgM; color:#222222; line-height:20px; background:url("../image/action_01/bullet_01.png") 0 25px no-repeat; padding:25px 0 0 35px;margin:0 auto;} #content-1 dt span {position:absolute; width:18px; height:17px; background:url("../image/inc/btn_sounds.png") no-repeat;margin-left:10px;} #content-1 dt span a {display:block; overflow:hidden; width:18px; height:17px; text-indent:-9999px;} #content-1 dd {position:absolute;padding-top:0px;} #content-1 dd span {float:left; width:140px; height:29px; font:17px nbgM; line-height:18px; color:#FFF; text-align:center; background:#002636; padding-top:12px;} #content-1 dd.drag-area {position:relative; width:974px; height:442px;} #content-1 dd .drag-1 {top:30px;position:absolute; width:201px; height:405px; left:747px;z-index:10;} #content-1 dd .drag-1 li {float:left;margin:0 0px 11px 0;width:201px;height:118px;font-size:0;text-align:center;line-height:118px;} #content-1 dd .drag-1 li img {cursor:pointer;vertical-align:middle} #content-1 dd .drag-1 li.figure-1 {background:url(../image/action_02/figure-1_bg.png) no-repeat;} #content-1 dd .drag-1 li.figure-2 {background:url(../image/action_02/figure-2_bg.png) no-repeat} #content-1 dd .drag-1 li.figure-3 {background:url(../image/action_02/figure-3_bg.png) no-repeat} #content-1 dd .drop-1 {top:30px;position:relative; width:695px; height:377px; left:28px;z-index:10;background:url(../image/action_02/bg_01.png) no-repeat;} #content-1 dd .drop-1 .flgure-1 {position:absolute;top:21px;left:336px;width:162px;height:94px;} #content-1 dd .drop-1 .flgure-2 {position:absolute;top:21px;left:395px;width:216px;height:94px;} #content-1 dd .drop-1 .flgure-3 {position:absolute;top:21px;left:459px;width:155px;height:135px;} #content-1 dd .drop-1 .flgure-4 {position:absolute;top:54px;left:459px;width:155px;height:135px;} #content-1 dd .drop-1 .flgure-5 {position:absolute;top:112px;left:491px;width:155px;height:135px;} #content-1 dd .drop-1 .flgure-6 {position:absolute;top:148px;left:460px;width:155px;height:135px;} #content-1 dd .drop-1 .flgure-7 {position:absolute;top:205px;left:460px;width:155px;height:135px;} #content-1 dd .drop-1 .flgure-8 {position:absolute;top:205px;left:395px;width:155px;height:135px;} #content-1 dd .drop-1 .flgure-9 {position:absolute;top:204px;left:335px;width:155px;height:135px;} #content-1 dd .drop-1 .flgure-10 {position:absolute;top:147px;left:303px;width:155px;height:135px;} #content-1 dd .drop-1 .flgure-11 {position:absolute;top:114px;left:302px;width:155px;height:135px;} #content-1 dd .drop-1 .flgure-12 {position:absolute;top:56px;left:303px;width:155px;height:135px;} #content-1 dd .drop-1 .flgure-13 {position:absolute;top:114px;left:238px;width:155px;height:135px;} #content-1 dd .drop-1 .flgure-14 {position:absolute;top:114px;left:180px;width:155px;height:135px;} #content-1 dd .drop-1 .flgure-15 {position:absolute;top:148px;left:146px;width:155px;height:135px;} #content-1 dd .drop-1 .flgure-16 {position:absolute;top:205px;left:144px;width:155px;height:135px;} #content-1 dd .drop-1 .flgure-17 {position:absolute;top:237px;left:146px;width:155px;height:135px;} #content-1 dd .drop-1 .flgure-18 {position:absolute;top:295px;left:177px;width:155px;height:135px;} #content-1 dd .drop-1 .flgure-19 {position:absolute;top:295px;left:237px;width:155px;height:135px;} #content-1 dd .drop-1 .flgure-20 {position:absolute;top:295px;left:302px;width:155px;height:135px;} #content-1 dd .drop-1 .flgure-21 {position:absolute;top:239px;left:303px;width:155px;height:135px;} #content-1 dd .drop-1 .flgure-22 {position:absolute;top:88px;left:359px;width:155px;height:135px;} #content-1 dd .drop-1 .flgure-23 {position:absolute;top:180px;left:203px;width:155px;height:135px;} #content-1 dd .next {position:absolute;background:url(../image/inc/btn_next.png) no-repeat;width:61px;height:132px;right:-9px;top:110px;text-indent:-9999px;z-index:1000} #content-1 dd .next a {display:block;width:61px;height:132px;} #content-1 dd .prev {position:absolute;background:url(../image/inc/btn_prev.png) no-repeat;width:61px;height:132px;left:-9px;top:110px;text-indent:-9999px;z-index:1000} #content-1 dd .prev a {display:block;width:61px;height:132px;} #content-2 {position: relative; width:974px; height:497px; left:0px; top:0px; background:url("../image/action_01/bg.png") 0 0;padding:0px} #content-2 dt {width:880px; height:30px; font:17px nbgM; color:#222222; line-height:20px; background:url("../image/action_01/bullet_01.png") 0 25px no-repeat; padding:25px 0 0 35px;margin:0 auto;} #content-2 dt span {position:absolute; width:18px; height:17px; background:url("../image/inc/btn_sounds.png") no-repeat;margin-left:10px;} #content-2 dt span a {display:block; overflow:hidden; width:18px; height:17px; text-indent:-9999px;} #content-2 dd {position:absolute;padding-top:0px;} #content-2 dd span {float:left; width:140px; height:29px; font:17px nbgM; line-height:18px; color:#FFF; text-align:center; background:#002636; padding-top:12px;} #content-2 dd.drag-area {position:relative; width:974px; height:442px;} #content-2 dd .timer {top:30px;left:474px;position:absolute;background:url(../image/action_02/timer.png) no-repeat;width:103px;height:27px;z-index:100;color:#fff;font-size:24px;text-align:center;padding:110px 0 0 0;} #content-2 dd .drag-1 {top:30px;position:absolute; width:367px; height:405px; left:581px;z-index:10;} #content-2 dd .drag-1 li {float:left;margin:0 0px 6px 5px ;width:178px;height:129px;font-size:0;text-align:center;line-height:129px;} #content-2 dd .drag-1 li img {cursor:pointer;vertical-align:middle} #content-2 dd .drag-1 li.figure-1 {background:url(../image/action_02/figure-4_bg.png) no-repeat;} #content-2 dd .drag-1 li.figure-2 {background:url(../image/action_02/figure-5_bg.png) no-repeat} #content-2 dd .drag-1 li.figure-3 {background:url(../image/action_02/figure-6_bg.png) no-repeat} #content-2 dd .drag-1 li.figure-4 {background:url(../image/action_02/figure-7_bg.png) no-repeat;} #content-2 dd .drag-1 li.figure-5 {background:url(../image/action_02/figure-8_bg.png) no-repeat} #content-2 dd .drag-1 li.figure-6 {background:url(../image/action_02/figure-9_bg.png) no-repeat} #content-2 dd .drop-1 {top:30px;position:relative; width:550px; height:402px; left:28px;z-index:10;background:url(../image/action_02/bg_02.png) no-repeat;} #content-2 dd .drop-1 .flgure-1 {position:absolute;top:34px;left:268px;} #content-2 dd .drop-1 .flgure-2 {position:absolute;top:13px;left:261px;} #content-2 dd .drop-1 .flgure-3 {position:absolute;top:16px;left:181px;} #content-2 dd .drop-1 .flgure-4 {position:absolute;top:55px;left:231px;} #content-2 dd .drop-1 .flgure-5 {position:absolute;top:79px;left:173px;} #content-2 dd .drop-1 .flgure-6 {position:absolute;top:84px;left:232px;} #content-2 dd .drop-1 .flgure-7 {position:absolute;top:112px;left:246px;} #content-2 dd .drop-1 .flgure-8 {position:absolute;top:87px;left:257px;} #content-2 dd .drop-1 .flgure-9 {position:absolute;top:77px;left:266px;} #content-2 dd .drop-1 .flgure-10 {position:absolute;top:69px;left:291px;} #content-2 dd .drop-1 .flgure-11 {position:absolute;top:106px;left:78px;} #content-2 dd .drop-1 .flgure-12 {position:absolute;top:143px;left:87px;} #content-2 dd .drop-1 .flgure-13 {position:absolute;top:180px;left:20px;} #content-2 dd .drop-1 .flgure-14 {position:absolute;top:219px;left:87px;} #content-2 dd .drop-1 .flgure-15 {position:absolute;top:257px;left:87px;} #content-2 dd .drop-1 .flgure-16 {position:absolute;top:238px;left:176px;} #content-2 dd .drop-1 .flgure-17 {position:absolute;top:297px;left:88px;} #content-2 dd .drop-1 .flgure-18 {position:absolute;top:168px;left:425px;} #content-2 dd .drop-1 .flgure-19 {position:absolute;top:206px;left:469px;} #content-2 dd .drop-1 .flgure-20 {position:absolute;top:207px;left:402px;} #content-2 dd .drop-1 .flgure-21 {position:absolute;top:284px;left:391px;} #content-2 dd .next {position:absolute;background:url(../image/inc/btn_next.png) no-repeat;width:61px;height:132px;right:-9px;top:110px;text-indent:-9999px;z-index:1000} #content-2 dd .next a {display:block;width:61px;height:132px;} #content-2 dd .prev {position:absolute;background:url(../image/inc/btn_prev.png) no-repeat;width:61px;height:132px;left:-9px;top:110px;text-indent:-9999px;z-index:1000} #content-2 dd .prev a {display:block;width:61px;height:132px;} #content-3 {position: relative; width:974px; height:497px; left:0px; top:0px; background:url("../image/action_01/bg.png") 0 0;padding:0px} #content-3 dt {width:880px; height:30px; font:17px nbgM; color:#222222; line-height:20px; background:url("../image/action_01/bullet_01.png") 0 25px no-repeat; padding:25px 0 0 35px;margin:0 auto;} #content-3 dt span {position:absolute; width:18px; height:17px; background:url("../image/inc/btn_sounds.png") no-repeat;margin-left:10px;} #content-3 dt span a {display:block; overflow:hidden; width:18px; height:17px; text-indent:-9999px;} #content-3 dd {position:absolute;padding-top:0px;} #content-3 dd span {float:left; width:140px; height:29px; font:17px nbgM; line-height:18px; color:#FFF; text-align:center; background:#002636; padding-top:12px;} #content-3 dd.drag-area {position:relative; width:974px; height:442px;} #content-3 dd .drag-1 {top:30px;position:absolute; width:367px; height:405px; left:581px;z-index:10;} #content-3 dd .drag-1 li {float:left;margin:0 0px 6px 5px ;width:178px;height:129px;font-size:0;text-align:center;line-height:129px;} #content-3 dd .drag-1 li img {cursor:pointer;vertical-align:middle} #content-3 dd .drag-1 li.figure-1 {background:url(../image/action_02/figure-4_bg.png) no-repeat;} #content-3 dd .drag-1 li.figure-2 {background:url(../image/action_02/figure-5_bg.png) no-repeat} #content-3 dd .drag-1 li.figure-3 {background:url(../image/action_02/figure-6_bg.png) no-repeat} #content-3 dd .drag-1 li.figure-4 {background:url(../image/action_02/figure-7_bg.png) no-repeat;} #content-3 dd .drag-1 li.figure-5 {background:url(../image/action_02/figure-8_bg.png) no-repeat} #content-3 dd .drag-1 li.figure-6 {background:url(../image/action_02/figure-9_bg.png) no-repeat} #content-3 dd .drop-1 {top:30px;position:relative; width:550px; height:402px; left:28px;z-index:10;background:url(../image/action_02/bg_03.png) no-repeat;} #content-3 dd .drop-1 .flgure-1 {position:absolute;top:41px;left:344px;} #content-3 dd .drop-1 .flgure-2 {position:absolute;top:81px;left:344px;} #content-3 dd .drop-1 .flgure-3 {position:absolute;top:126px;left:344px;} #content-3 dd .drop-1 .flgure-4 {position:absolute;top:171px;left:344px;} #content-3 dd .drop-1 .flgure-5 {position:absolute;top:217px;left:184px;} #content-3 dd .drop-1 .flgure-6 {position:absolute;top:217px;left:221px;} #content-3 dd .drop-1 .flgure-7 {position:absolute;top:216px;left:245px;} #content-3 dd .drop-1 .flgure-8 {position:absolute;top:216px;left:365px;} #content-3 dd .drop-1 .flgure-9 {position:absolute;top:217px;left:293px;} #content-3 dd .drop-1 .flgure-10 {position:absolute;top:216px;left:316px;} #content-3 dd .drop-1 .flgure-11 {position:absolute;top:258px;left:222px;} #content-3 dd .drop-1 .flgure-12 {position:absolute;top:258px;left:246px;} #content-3 dd .drop-1 .flgure-13 {position:absolute;top:258px;left:294px;} #content-3 dd .drop-1 .flgure-14 {position:absolute;top:258px;left:318px;} #content-3 dd .drop-1 .flgure-15 {position:absolute;top:258px;left:366px;} #content-3 dd .drop-1 .flgure-16 {position:absolute;top:299px;left:248px;} #content-3 dd .drop-1 .flgure-17 {position:absolute;top:299px;left:342px;} #content-3 dd .drop-1 .flgure-18 {position:absolute;top:300px;left:266px;} #content-3 dd .drop-1 .flgure-19 {position:absolute;top:300px;left:362px;} #content-3 dd .drop-1 .flgure-20 {position:absolute;top:336px;left:267px;} #content-3 dd .drop-1 .flgure-21 {position:absolute;top:336px;left:363px;} #content-3 dd .next {position:absolute;background:url(../image/inc/btn_next.png) no-repeat;width:61px;height:132px;right:-9px;top:110px;text-indent:-9999px;z-index:1000} #content-3 dd .next a {display:block;width:61px;height:132px;} #content-3 dd .prev {position:absolute;background:url(../image/inc/btn_prev.png) no-repeat;width:61px;height:132px;left:-9px;top:110px;text-indent:-9999px;z-index:1000} #content-3 dd .prev a {display:block;width:61px;height:132px;} #content-4 {position: relative; width:974px; height:497px; left:0px; top:0px; background:url("../image/action_01/bg.png") 0 0;padding:0px} #content-4 dt {width:880px; height:30px; font:17px nbgM; color:#222222; line-height:20px; background:url("../image/action_01/bullet_01.png") 0 25px no-repeat; padding:25px 0 0 35px;margin:0 auto;} #content-4 dt span {position:absolute; width:18px; height:17px; background:url("../image/inc/btn_sounds.png") no-repeat;margin-left:10px;} #content-4 dt span a {display:block; overflow:hidden; width:18px; height:17px; text-indent:-9999px;} #content-4 dd {position:absolute;padding-top:0px;} #content-4 dd span {float:left; width:140px; height:29px; font:17px nbgM; line-height:18px; color:#FFF; text-align:center; background:#002636; padding-top:12px;} #content-4 dd.drag-area {position:relative; width:974px; height:442px;} #content-4 dd .drag-1 {top:30px;position:absolute; width:367px; height:405px; left:581px;z-index:10;} #content-4 dd .drag-1 li {float:left;margin:0 0px 6px 5px ;width:178px;height:129px;font-size:0;text-align:center;line-height:129px;} #content-4 dd .drag-1 li img {cursor:pointer;vertical-align:middle} #content-4 dd .drag-1 li.figure-1 {background:url(../image/action_02/figure-4_bg.png) no-repeat;} #content-4 dd .drag-1 li.figure-2 {background:url(../image/action_02/figure-5_bg.png) no-repeat} #content-4 dd .drag-1 li.figure-3 {background:url(../image/action_02/figure-6_bg.png) no-repeat} #content-4 dd .drag-1 li.figure-4 {background:url(../image/action_02/figure-7_bg.png) no-repeat;} #content-4 dd .drag-1 li.figure-5 {background:url(../image/action_02/figure-8_bg.png) no-repeat} #content-4 dd .drag-1 li.figure-6 {background:url(../image/action_02/figure-9_bg.png) no-repeat} #content-4 dd .drop-1 {top:30px;position:relative; width:550px; height:402px; left:28px;z-index:10;background:url(../image/action_02/bg_04.png) no-repeat;} #content-4 dd .drop-1 .flgure-1 {position:absolute;top:125px;left:188px;} #content-4 dd .drop-1 .flgure-2 {position:absolute;top:95px;left:247px;} #content-4 dd .drop-1 .flgure-3 {position:absolute;top:124px;left:297px;} #content-4 dd .drop-1 .flgure-4 {position:absolute;top:242px;left:268px;} #content-4 dd .drop-1 .flgure-5 {position:absolute;top:213px;left:297px;} #content-4 dd .drop-1 .flgure-6 {position:absolute;top:240px;left:320px;} #content-4 dd .drop-1 .flgure-7 {position:absolute;top:239px;left:407px;} #content-4 dd .drop-1 .flgure-8 {position:absolute;top:290px;left:269px;} #content-4 dd .drop-1 .flgure-9 {position:absolute;top:340px;left:296px;} #content-4 dd .drop-1 .flgure-10 {position:absolute;top:340px;left:356px;z-index:100} #content-4 dd .drop-1 .flgure-11 {position:absolute;top:290px;left:406px;} #content-4 dd .next {position:absolute;background:url(../image/inc/btn_next.png) no-repeat;width:61px;height:132px;right:-9px;top:110px;text-indent:-9999px;z-index:1000} #content-4 dd .next a {display:block;width:61px;height:132px;} #content-4 dd .prev {position:absolute;background:url(../image/inc/btn_prev.png) no-repeat;width:61px;height:132px;left:-9px;top:110px;text-indent:-9999px;z-index:1000} #content-4 dd .prev a {display:block;width:61px;height:132px;}