#plan {
    margin: 0 auto;
    width: 100%;
    max-width: 780px;
    padding:10px 0px;;
    background-color:#FFFFFF;
    background:url(../../images/plan/plan_201106/bg.jpg);
    font-weight:bold;
}
.top_img {
    position: relative;
    text-align: center;
}
.top_img a.btn_start {
    width: 24%;
    height: 12%;
    position: absolute;
    top: 67%;
    left: 24%;
    text-decoration: none;
}
.leftArea {
    position: relative;
    width: 343px;
    height: 445px;
    margin:10px 0px 0px 10px;
    float:left;
}
.handbox {
    margin: 10px 0px 0px 0px;
    width: 283px;
    height: 385px;
    position: absolute;
    top:30px;
    left:30px;
    background-color:#FFFFFF;
}
.handbox p {
    font-weight:bold;
    text-align: center;
    padding: 50% 0;
}
.handLine0 {
    position:absolute;
    top:10px;
    left:10px;
}
.handLine0 img {
    width: 257px;
}
.handImage {
  float:left;
  width:200px;
}
.handTitle {
  float:left;
  width:190px;
  float:left;
  margin-top:20px;
  margin-right:10px;
}

.rightArea {
    float:right;
    width:400px;
    margin: 22px 0 0;
}
.hand {
	float:left;
    width:180px;
    font-size:12px;
    text-align:center;
}
.hand:nth-child(even) {
    margin-right:10px;
}
.execTitle {
	font-size:32px;
	text-align:center;
}
.execDoc{
	text-align:center;
}

.judgeTitle {
    font-size:18px;
    text-align:center;
}
.confirm {
    text-align: center;
    margin-top:200px;
}
#past {
    text-align: right;
    list-style:none inside;
    font-size:15px;
    line-height:20px;
}

#past a {
    color:#FF33CC;
}



@media (max-width: 767px) {
  .top_img a.btn_start {
    width: 31%;
    height: 12%;
    position: absolute;
    top: 67%;
    left: 16%;
    text-decoration: none;
  }
  .leftArea {
    position: relative;
    width: 85%;
    /*height: auto;*/
    margin: 10px auto 20px;
    float: none;
  }
  .handbox {
    margin: 10px auto 0px;
    text-align: center;
    width: 100%;
    height: 92%;
    top: 0;
    left: 0;
  }
  .handbox p {
    padding: 150px 0;
  }
  .rightArea {
    float: none;
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
  }
  .handLine0 {
    top: 0;
    left: 18%;
    text-align: center;
    padding: 10px;
  }
  .handLine0 img {
    width: 90%;
  }
  .handTitle {
    float: left;
    width: 190px;
    margin-top: 20px;
    margin-right: 10px;
  }
.confirm {
    text-align: center;
    margin-top: 0;
}
}
@media (min-width: 768px) and (max-width: 991px) {
}
@media (min-width: 992px) {
}
@media (max-width: 640px) {
  .handLine0 {
    top: 0;
    left: 0;
  }
}
@media (max-width: 420px) {
  .leftArea {
    height: 350px;
  }
  .rightArea {
    width: 90%;
  }
  .handTitle {
    float: none;
    width: 100%;
    margin: 20px auto 0;
  }
  .handImage {
    float: none;
    width: 100%;
    text-align: center;
  }
  .hand {
    width: 47%;;
  }
  .handLine0 img {
    width: 70%;
  }
}
@media (max-width: 320px) {
  .handLine0 img {
    width: 85%;
  }
  .hand {
    float: none;
    width: 90%;
}
}