@charset "utf-8"; .guidehelp {position:absolute; width:501px; left:225px; top:120px; border:6px solid #f56987; background:#FFF; padding:0px;} .guidehelp dd {width:501px; } .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%} .guidespeak {position:absolute; width:584px; left:165px; top:100px; border:6px solid #8c8c8c; background:#FFF url(../image/inc/ico_sound.png) no-repeat center 20px; padding:93px 30px 30px 30px;} .guidespeak dd {font:16px nbgM; color:#222;} .guidespeak dd.img {text-align:center;margin:15px 0 0 0;} .guidespeak dd.btn {position:absolute; width:53px; height:50px; right:0px; top:0px; background:url("../image/inc/btn_close_03.png") no-repeat;} .guidespeak dd.btn a {display:block; overflow:hidden; width:53px; height:50px; text-indent:-9999px;} .guideanswer1 {position:absolute; width:484px; left:240px; top:170px; border:6px solid #f56987; background:#FFF; padding:0px;} .guideanswer1 dt {display:inline-block;font:30px nbgM;width:484px; color:#f56987; background:#fff;padding:55px 0px 25px 0px;text-align:center;background:url(../image/inc/popup_bg_01.png) no-repeat center 20px} .guideanswer1 dd {font-size:20px;color:#222222;padding:0 0 30px 20px; } .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_01/btn_01.png") no-repeat;} .guideanswer1 dd.maingo a {display:block; overflow:hidden; width:161px; height:42px; text-indent:-9999px;} .guidehelp1 {position:absolute; width:792px; left:95px; top:110px; border:6px solid #f56987; background:#FFF; padding:0px;} .guidehelp1 dt {display:inline-block;font:20px nbgM; color:#222222; background:#fff;padding:15px 50px 15px 85px;border-bottom:1px solid #e4e4e4;} .guidehelp1 dd {width:792px;text-align:center; } .guidehelp1 dd:after {content:"";display:block;clear:both} .guidehelp1 dd.text {font:17px nbgM; line-height:20px; padding:25px 0px 100px 30px;color:#222222;text-align:left;} .guidehelp1 dd img {margin:25px 0 0 0;} .guidehelp1 dd.btn {position:absolute; width:50px; height:50px; right:0px; top:0px; background:url("../image/inc/btn_close_01.png") no-repeat;} .guidehelp1 dd.btn a {display:block; overflow:hidden; width:53px; height:50px; text-indent:-9999px;} .guidehelp1 dd.maingo {position:absolute; width:177px; height:42px; left:310px; bottom:20px; background:url("../image/action_01/btn_02.png") no-repeat;} .guidehelp1 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; 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:60px;position:absolute; width:382px; height:176px; left:28px;z-index:10;background:#eff8ff url(../image/action_02/block_bg.png) no-repeat;border:1px solid #dae3e9;} #content-1 dd .drag-1 .block {top:36px;left:50px;position:absolute;} #content-1 dd .drag-1 .garo {top:45px;left:167px;position:absolute;} #content-1 dd .drag-1 .sero {top:95px;left:167px;position:absolute;} #content-1 dd .table-1 {top:266px;position:absolute; width:384px; height:91px; left:28px;z-index:10;background:url(../image/action_02/table_bg.png) no-repeat;padding:0px 0 0 240px;} #content-1 dd .table-1 p {display:block;font-size:24px;color:#414141;font-weight:bold;margin:20px 0 5px 0;} #content-1 dd .drop-1 {top:0px;position:absolute; width:377px; height:429px; right:80px;z-index:10;border:1px solid #dfdfdf;border-right:none;border-bottom:none;} #content-1 dd .drop-1:after {content:"";display:block;clear:both} #content-1 dd .drop-1 ul {width:377px; height:390px;z-index:1} #content-1 dd .drop-1 li {float:left;margin:0;padding:0;background:#000 url(../image/action_02/block_normal.png) no-repeat;width:29px;height:39px;display:block;font-size:0;} #content-1 dd .drop-1 .block-complet-01 {top:-1px;left:-1px;position:absolute;background:url(../image/action_02/red_block_01.png) no-repeat;z-index:100;width:117px;height:118px;font-size:0;} #content-1 dd .drop-1 .block-complet-02 {top:-1px;left:-1px;position:absolute;background:url(../image/action_02/red_block_02.png) no-repeat;z-index:100;width:233px;height:235px;font-size:0;} #content-1 dd .drop-1 .block-complet-03 {top:-1px;left:-1px;position:absolute;background:url(../image/action_02/red_block_03.png) no-repeat;z-index:100;width:349px;height:352px;font-size:0;} #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;}