body { font:62.5% Arial, sans-serif; margin:0; background:rgba(0,0,0,0.05); }

h2 a { color:#000; text-decoration: none; }
div#panel { width:1024px; margin: 0 auto; }
div#game-field { width:1024px; height:768px; background:url('../img/field_bg.png') no-repeat 0 0; font:bold 120% Arial, sans-serif; }

div#field { width:1024px; height:488px; z-index:5; }
  div.task-box { width:430px; height:484px; float:left; background-position: 50% 50%; }
    div#task-item { height:50px; width:430px; margin:400px 0 0 0; }
      div.task-name { float:left; height:50px; font:bold 320%/140% Arial, sans-serif; text-align:right; }
      div#task-name-1 { margin:0 20px 0 110px; }
      div#task-name-2 { margin:0 20px 0 90px; }
      div#task-name-3 { margin:0 20px 0 70px; }
      div#task-name-4 { margin:0 20px 0 50px; }
      div#task-play { height:50px; width:50px; float:left; }
        div#task-play a { display:block; width:50px; height:36px; padding:7px 0; margin:0; background:url('../img/task_play.png') no-repeat 0 7px }
        div#task-play a:hover,
        div#task-play a:active { background:url('../img/task_play.png') no-repeat 0 -93px; }

  div#task-target-box { width:594px; height:484px; float:left; }
    div.target-box { float:left; }
    div#target-box-2 { width:280px; height:484px; background:url('../img/type_1_target_1.png') no-repeat 0 50%; }
      div#target-2 { width:201px; height:201px; margin:138px 0 0 4px; border:2px solid rgba(255,255,255,1); }
    div#target-box-1 { width:280px; height:484px; background:url('../img/type_1_target_2.png') no-repeat 0 50%; }
      div#target-1 { width:201px; height:201px; margin:140px 0 0 0; border:2px solid rgba(0,0,0,1); }
      
      div#target-1 div.object,
      div#target-2 div.object { margin:35px 0 0 35px !important; }

div.object-bar { width:1024px; padding:0; }
div#object-bar-1 { height:220px; width:1004px; padding:0 0 0 20px; background:url('../img/type_1_obj_bg.png') no-repeat 0 0; }
div#object-bar-2 { height:267px; background:url('../img/type_2_obj_bg.png') no-repeat 0 0; }

div.object { height:132px; width:132px; padding:0; margin:45px 0 0 26px; float:left; z-index:10; }

  div.object_rn_hlp { height:122px; width:122px; border:5px solid #5FD21B; border-radius: 64px; }
  div.object_sq_hlp { height:122px; width:122px; border:5px solid #5FD21B; }
  div.object_rn { height:130px; width:130px; }
  div.object_sq { height:130px; width:130px; }
  
div#target-1 {  }
div#target-2 { border-radius: 105px; }

.do-not-select {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.disabled-item { z-index: 2 !important; }
.disabled-area { z-index: 1 !important; }

.good { background:#B3DE5A !important; border: 2px solid #028900 !important; width: 201px !important; }
.drop-hover { background:#FFFACD !important; border: 2px solid #FF9000 !important; width: 201px !important; }
.bad { background:#FF0000 !important; border: 2px solid #960032 !important; width: 201px !important; }
.clr { clear: both; }