#plan {
  width:320px;
  background-color:#FFFFFF;
}
#plan img {max-width:100%;}

#bg {
  background:url('../../images/plan/plan_201203/gk_uranai_02_sp.jpg') center top no-repeat;
  background-size: 100%;
  min-height: 132px;
  padding-top: 89px;
  position: relative;
}

#namePos {
  position: absolute;
  top: 50%;
  left: 41.5%;
}
#namePos input {
  font-size: 13px;
  padding-top:1px;
  padding-bottom:0;
  width: 53%;
}
#bloodPos {
  position: absolute;
  top: 68%;
  left: 41.5%;
  padding:0;
}
#bloodPos select {
	font-size:12px;
	width:50px;
	padding:0;
	}

#imagePos{
  position:absolute;
  top: 84%;
  left: 70%;
}
#imagePos img{
  width:67%;
}

#past {
    text-align: right;
    list-style:none inside;
    font-size:15px;
    line-height:20px;
}

#past a {
    color:#FF33CC;
}

@media (min-width: 768px) {

#plan {
  width: 640px;
  background-color:#FFFFFF;
}

#bg {
  background:url('../../images/plan/plan_201203/gk_uranai_02.jpg') center top no-repeat;
  width:640px;
  height:433px;
  min-height: 0;
  padding-top: 0;
  position:relative;
}

#namePos {
  position:absolute;
  top:227px;
  left:267px;
}
#namePos input {
  font-size:18px;
  width:195px;
}
#bloodPos {
  position:absolute;
  top:309px;
  left:267px;
}

#imagePos{
  position:absolute;
  top:372px;
  left:454px;
}
#imagePos img{
  width:100%;
}

#past {
    text-align: right;
    list-style:none inside;
    font-size:15px;
    line-height:20px;
}

#past a {
    color:#FF33CC;
}
}