@charset "utf-8";




.info														{position:absolute; width:410px; left:260px; top:160px; border:6px solid #FFCD34; background:#FFF; padding:23px 29px 15px;}
.info dt													{float:left; width:410px; font:20px nbgM; color:#213F6E; line-height:25px; padding-bottom:2px;}
.info dd													{float:left; width:410px; font:15px nbgM; color:#222; line-height:20px;}
.info dd.btn												{width:252px; border-top:1px solid #D9D9D9; padding-top:10px; padding-left:158px; margin-top:10px;}
.info dd.btn a											{display:block; overflow:hidden; width:94px; height:39px; text-indent:-9999px; background:url("../image/inc/btn_pop_01.png") no-repeat;}



.feedback												{position:absolute; width:600px; left:165px; top:50px; border:6px solid #FFCD34; background:#FFF; padding:23px 29px 15px;}
.feedback dt											{float:left; width:600px; font:20px nbgM; color:#213F6E; line-height:25px; padding-bottom:8px;}
.feedback dd											{float:left; width:600px;}
.feedback dd.graph									{height:365px; text-indent:-9999px; background:url("../image/action_02/pop_img.png") no-repeat;}
.feedback dd.btn										{width:347px; padding-top:10px; padding-left:253px;}
.feedback dd.btn a									{display:block; overflow:hidden; width:94px; height:39px; text-indent:-9999px; background:url("../image/inc/btn_pop_01.png") no-repeat;}



canvas													{position:absolute; left:0; top:0;}



#content-2												{position:absolute; width:986px; height:586px; left:0; top:0; background:url("../image/action_02/bg_00.png") bottom no-repeat;}
#content-2 dt											{position:absolute; width:840px; height:30px; left:73px; top:98px; font:17px nbgM; color:#222; line-height:20px; background:url("../image/inc/bullet_01.png") 0 6px no-repeat; padding-left:10px;}
#content-2 dd											{position:absolute;}

#content-2 .control-area							{width:675px; height:64px; left:221px; top:136px; font:20px nbgM; color:#222; line-height:26px; padding-top:11px;}
#content-2 .control-area div						{float:left;}
#content-2 .control-area span					{float:left; width:60px; background:url("../image/action_01/point_01.png") 0 2px no-repeat; padding:0 16px 0 24px; margin-top:14px;}
#content-2 .control-area span.on				{background:url("../image/action_01/point_02.png") 0 2px no-repeat;}
#content-2 .control-area p						{float:left; width:105px; height:37px; text-indent:-9999px; margin-top:8px;}

#content-2 .control-area .name					{width:97px; color:#213F6E; padding-left:11px; margin-top:14px;}
#content-2 .control-area .time					{width:130px; font:700 45px play; line-height:50px; padding-left:27px;}
#content-2 .control-area .btn-1					{background:url("../image/action_01/btn_start.png") no-repeat;}
#content-2 .control-area .btn-2					{float:right; background:url("../image/action_01/btn_reset.png") no-repeat;}



#content-2 .box-area-1							{width:700px; height:205px; left:143px; top:223px; background:url("../image/action_02/bg_01.png") no-repeat;}
#content-2 .box-area-1 div						{position:absolute; width:55px; height:48px; text-indent:-9999px; background:url("../image/action_02/sphere_01.png") no-repeat;}
#content-2 .box-area-1 span					{position:absolute; width:55px; height:48px; text-indent:-9999px; background:url("../image/action_02/sphere_02.png") no-repeat;}

#content-2 .box-area-1 .type-00				{left:29px; top:0;}
#content-2 .box-area-1 .type-11				{left:54px; top:0;}
#content-2 .box-area-1 .type-12				{left:104px; top:11px;}
#content-2 .box-area-1 .type-13				{left:199px; top:33px;}
#content-2 .box-area-1 .type-14				{left:349px; top:68px;}
#content-2 .box-area-1 .type-15				{left:616px; top:127px;}
 


#content-2 .box-area-2							{width:700px; height:205px; left:143px; top:223px; background:url("../image/action_02/bg_02.png") no-repeat;}
#content-2 .box-area-2 div						{position:absolute; width:55px; height:48px; text-indent:-9999px; background:url("../image/action_02/sphere_01.png") no-repeat;}
#content-2 .box-area-2 span					{position:absolute; width:55px; height:48px; text-indent:-9999px; background:url("../image/action_02/sphere_02.png") no-repeat;}

#content-2 .box-area-2 .type-00				{left:25px; top:127px;}
#content-2 .box-area-2 .type-21				{left:292px; top:68px;}
#content-2 .box-area-2 .type-22				{left:442px; top:33px;}
#content-2 .box-area-2 .type-23				{left:537px; top:11px;}
#content-2 .box-area-2 .type-24				{left:587px; top:0;}
#content-2 .box-area-2 .type-25				{left:612px; top:0;}



#content-2 .table-area								{width:680px; height:112px; left:102px; top:435px;}
#content-2 .table-area table						{float:left; width:680px; height:95px; font:16px nbgM; color:#222; line-height:26px;}
#content-2 .table-area table th					{height:40px; font-weight:normal; padding-top:2px;}
#content-2 .table-area table td					{height:33px; color:#FF0000; text-align:center; padding-top:2px;}
#content-2 .table-area table .name			{color:#222;}



#content-2 .btn										{width:94px; height:116px; left:791px; top:433px; text-indent:-9999px; background:url("../image/action_02/btn_result.png") no-repeat;}



#content-2 .button									{cursor:pointer;}