#plan {
}

.bk {
    height:519px;
    background:url('../../images/plan/plan_200808/bk1.jpg') no-repeat;
    background-size: 460px;
    position:relative;
    margin: 0 auto;
}

.read_text1 {
    width:340px;
    position:absolute;
    top:125px;
    left:200px;
    font-size:14px;
    line-height:20px;
    font-weight:bold;
}

.read_text2 {
    width:300px;
    position:absolute;
    top:280px;
    left:45px;
    color: #993300;
    font-size:16px;
    line-height:22px;
    font-weight:bold;
}

.sp1 {
    width: 59px;
    height: 79px;
    position: absolute;
    top: 220px;
    left: 265px;
}

.sp2 {
    width: 59px;
    height: 79px;
    position:absolute;
    top: 220px;
    left: 329px;
}

.sp3 {
    width: 59px;
    height: 79px;
    position:absolute;
    top: 220px;
    left:394px;
}

.sp4 {
    width: 59px;
    height: 79px;
    position:absolute;
    top: 334px;
    left: 5px;
}

.sp5 {
    width: 59px;
    height: 79px;
    position:absolute;
    top: 334px;
    left: 69px;
}

.sp6 {
    width: 59px;
    height: 79px;
    position:absolute;
    top: 334px;
    left: 135px;
}

.sp7 {
    width: 59px;
    height: 79px;
    position:absolute;
    top: 334px;
    left: 199px;
}

.sp8 {
    width: 59px;
    height: 79px;
    position:absolute;
    top: 334px;
    left: 264px;
}

.sp9 {
    width: 59px;
    height: 79px;
    position:absolute;
    top: 334px;
    left: 329px;
}

.sp10 {
    width: 59px;
    height: 79px;
    position:absolute;
    top: 334px;
    left: 393px;
}

.sp11 {
    width: 59px;
    height: 79px;
    position:absolute;
    top: 447px;
    left: 6px;
}

.sp12 {
    width: 59px;
    height: 79px;
    position:absolute;
    top: 447px;
    left: 70px;
}

.sp13 {
    width: 59px;
    height: 79px;
    position:absolute;
    top: 447px;
    left: 135px;
}

.sp14 {
    width: 59px;
    height: 79px;
    position:absolute;
    top: 447px;
    left: 199px;
}

.sp15 {
    width: 59px;
    height: 79px;
    position:absolute;
    top: 447px;
    left: 264px
}

.sp16 {
    width: 59px;
    height: 79px;
    position:absolute;
    top: 447px;
    left: 329px;
}

.sp17 {
    width: 59px;
    height: 79px;
    position:absolute;
    top: 447px;
    left: 396px;
}

.result{
    width:185px;
    height:65px;
    margin: 0 auto;
}

.under_text{
    width:500px;
    font-size:14px;
    line-height:20px;
    margin: 5px auto;
}

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

#past a {
    color:#FF33CC;
}


@media (min-width: 610px) {
#plan {
    width: 610px;
}

.bk {
    width:610px;
    height:688px;
    background:url('../../images/plan/plan_200808/bk1.jpg') no-repeat;
    background-position: center;
    position:relative;
    padding-top: 0; 
}

.read_text1 {
    width:340px;
    position:absolute;
    top:125px;
    left:200px;
    font-size:14px;
    line-height:20px;
    font-weight:bold;
}

.read_text2 {
    width:300px;
    position:absolute;
    top:280px;
    left:45px;
    color: #993300;
    font-size:16px;
    line-height:22px;
    font-weight:bold;
}

.sp1 {
    width:77px;
    height:79px;
    position:absolute;
    top:290px;
    left:351px;
}

.sp2 {
    width:77px;
    height:79px;
    position:absolute;
    top:290px;
    left:436px;
}

.sp3 {
    width:77px;
    height:79px;
    position:absolute;
    top:290px;
    left:522px;
}

.sp4 {
    width:77px;
    height:79px;
    position:absolute;
    top:441px;
    left:7px;
}

.sp5 {
    width:77px;
    height:79px;
    position:absolute;
    top:441px;
    left:93px;
}

.sp6 {
    width:77px;
    height:79px;
    position:absolute;
    top:441px;
    left:180px;
}

.sp7 {
    width:77px;
    height:79px;
    position:absolute;
    top:441px;
    left:265px;
}

.sp8 {
    width:77px;
    height:79px;
    position:absolute;
    top:441px;
    left:351px;
}

.sp9 {
    width:77px;
    height:79px;
    position:absolute;
    top:441px;
    left:436px;
}

.sp10 {
    width:77px;
    height:79px;
    position:absolute;
    top:441px;
    left:522px;
}

.sp11 {
    width:77px;
    height:79px;
    position:absolute;
    top:592px;
    left:7px;
}

.sp12 {
    width:77px;
    height:79px;
    position:absolute;
    top:592px;
    left:93px;
}

.sp13 {
    width:77px;
    height:79px;
    position:absolute;
    top:592px;
    left:180px;
}

.sp14 {
    width:77px;
    height:79px;
    position:absolute;
    top:592px;
    left:265px;
}

.sp15 {
    width:77px;
    height:79px;
    position:absolute;
    top:592px;
    left:351px;
}

.sp16 {
    width:77px;
    height:79px;
    position:absolute;
    top:592px;
    left:436px;
}

.sp17 {
    width:77px;
    height:79px;
    position:absolute;
    top:592px;
    left:525px;
}

.result{
    width:185px;
    height:65px;
    margin: 0px 50px 0px 200px;
}

.under_text{
    width:500px;
    font-size:14px;
    line-height:20px;
    margin: 5px 50px 0px 50px;
}

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

#past a {
    color:#FF33CC;
}
}
@media (max-width: 460px) {
.bk {
    width: 320px;
    height: 370px;
    background: url(../../images/plan/plan_200808/bk1.jpg) center top no-repeat;
    background-size: 100%;
    position: relative;
    margin: 0 auto;
}
.sp1 {
    width: 41px;
    height: 79px;
    position: absolute;
    top: 41.2%;
    left: 57.5%;
}

.sp2 {
    width: 41px;
    height: 79px;
    position:absolute;
    top: 41.2%;
    left: 71.5%;
}

.sp3 {
    width: 41px;
    height: 79px;
    position:absolute;
    top: 41.2%;
    left: 85.7%;
}

.sp4 {
    width: 41px;
    height: 79px;
    position:absolute;
    top: 63%;
    left: 1.5%;
}

.sp5 {
    width: 41px;
    height: 79px;
    position:absolute;
    top: 63%;
    left: 15.3%;
}

.sp6 {
    width: 41px;
    height: 79px;
    position:absolute;
    top: 63%;
    left: 29.4%;
}

.sp7 {
    width: 41px;
    height: 79px;
    position:absolute;
    top: 63%;
    left: 43.2%;
}

.sp8 {
    width: 41px;
    height: 79px;
    position:absolute;
    top: 63%;
    left: 57.2%;
}

.sp9 {
    width: 41px;
    height: 79px;
    position:absolute;
    top: 63%;
    left: 71.6%;
}

.sp10 {
    width: 41px;
    height: 79px;
    position:absolute;
    top: 63%;
    left: 85.7%;
}

.sp11 {
    width: 41px;
    height: 79px;
    position:absolute;
    top: 84%;
    left: 1.5%;
}

.sp12 {
    width: 41px;
    height: 79px;
    position:absolute;
    top: 84%;
    left: 15.3%;
}

.sp13 {
    width: 41px;
    height: 79px;
    position:absolute;
    top: 84%;
    left: 29.4%;
}

.sp14 {
    width: 41px;
    height: 79px;
    position:absolute;
    top: 84%;
    left: 43.2%;
}

.sp15 {
    width: 41px;
    height: 79px;
    position:absolute;
    top: 84%;
    left: 57.2%;
}

.sp16 {
    width: 41px;
    height: 79px;
    position:absolute;
    top: 84%;
    left: 71.6%;
}

.sp17 {
    width: 41px;
    height: 79px;
    position:absolute;
    top: 84%;
    left: 86%;
}
.result {
    width: 185px;
    height: 65px;
    margin: 0 auto;
}
.under_text {
    width: 95%;
    font-size: 14px;
    line-height: 20px;
    margin: 0 auto;
}
}