#container{position:absolute; width:100%; height:640px; z-index:1; top:0px; left:0px;
  margin-right:129px; background-color:#ffffff; overflow:hidden; min-width:320px;}
#title{position:absolute; width:350px; height:25px; z-index:1; top:48px; left:50%; margin-left:-175px; text-align:center; font-size:16px;}
#titlesub{position:absolute; width:350px; height:27px; z-index: 4; top:81px; left:50%; margin-left:-175px; text-align:center; font-size:20px;}
#target{border:1px solid #666666; position:absolute; width:580px; height:370px; z-index:2; top:240px; left:50%; margin-left:-290px;}
#valbox{border:1px solid #000000; position:absolute; width:560px; height:59px; z-index:3; top:147px; left:50%; margin-left:-280px; border-radius:5px;}
#yydatabox{position: absolute; /*width:102px;*/height:30px; z-index:1; top:13px; left:70px;}
#mmdatabox{position:absolute; /*width:52px;*/ height:30px; z-index:4; top:13px; left:220px;}
.ym{position:absolute; width:25px; height:25px; z-index: 3; top:23px; font-size:18px;}
#y{left: 183px;}
#m{ left: 283px;}
#YYY{ width:100px;height:30px;font-size:20px; text-align:center;}
#MMM{ width:50px;height:30px;font-size:20px; text-align:center;}
#start{position: absolute; width: 130px; height: 23px; z-index: 2; top: 20px; left: 399px; text-align: center; font-size:16px; color:#ffffff;
 background-color:#ffa71a; border-radius:11px;}
#start:hover{ cursor:pointer;}
.week{ position:absolute;width:11%;height:25px;top: 60px;text-align:center;font-size:16px; z-index:3; color:#ffffff;}
#Sunday{left: 7%; background-color:#ff0000;}
#Monday{left: 19.5%;background-color:#000000;}
#Tuesday{left: 32%;background-color:#000000;}
#Wednesday{left: 44.5%;background-color:#000000;}
#Thursday{left: 57%;background-color:#000000;}
#Friday{left: 69.5%;background-color:#000000;}
#Saturday{left: 82%;background-color:#0001ff;}
.linex{position: absolute; width: 86%; height: 1px; z-index: 4; left: 7%; background-color:#5e5e5e;}
.liney{position: absolute; width: 1px; height: 270px; z-index: 5; top: 90px;background-color:#5e5e5e;}
#x01{top: 90px;}
#x02{top: 135px;}
#x03{top: 180px;}
#x04{top: 225px;}
#x05{top: 270px;}
#x06{top: 315px;}
#x07{top: 360px;}
#y01{left:18.75%}
#y02{left:31.25%}
#y03{left:43.75%}
#y04{left:56.25%}
#y05{left:68.75%}
#y06{left:81.25%}
#dayagg{position: absolute;width:100%; height:100%; top:0px;left:0px;z-index:20; }
#ymd{position: absolute; width: 189px; height: 23px; z-index: 1; top: 17px; left: 50px; text-align: left; font-size:22px;font-weight: 400;}
.day{position: absolute; width: 11%; height: 30px; z-index: 6; text-align: center; font-size:18px;font-weight:600;color:#c2c2c2;}
#day1{top: 100px; left: 7%;}
#day2{top: 100px; left: 19%;}
#day3{top: 100px; left: 32%;}
#day4{top: 100px; left: 44.5%;}
#day5{top: 100px; left: 57%;}
#day6{top: 100px; left: 69.5%;}
#day7{top: 100px; left: 82%;}

#day8{top: 145px; left: 7%;}
#day9{top: 145px; left: 19.5%;}
#day10{top: 145px; left: 32%;}
#day11{top: 145px; left: 44.5%;}
#day12{top: 145px; left: 57%;}
#day13{top: 145px; left: 69.5%;}
#day14{top: 145px; left: 82%;}

#day15{top: 190px; left: 7%;}
#day16{top: 190px; left: 19.5%;}
#day17{top: 190px; left: 32%;}
#day18{top: 190px; left: 44.5%;}
#day19{top: 190px; left: 57%;}
#day20{top: 190px; left: 69.5%;}
#day21{top: 190px; left: 82%;}

#day22{top: 235px; left: 7%;}
#day23{top: 235px; left: 19.5%;}
#day24{top: 235px; left: 32%;}
#day25{top: 235px; left: 44.5%;}
#day26{top: 235px; left: 57%;}
#day27{top: 235px; left: 69.5%;}
#day28{top: 235px; left: 82%;}

#day29{top: 280px; left: 7%;}
#day30{top: 280px; left: 19.5%;}
#day31{top: 280px; left: 32%;}
#day32{top: 280px; left: 44.5%;}
#day33{top: 280px; left: 57%;}
#day34{top: 280px; left: 69.5%;}
#day35{top: 280px; left: 82%;}

#day36{top: 325px; left: 7%;}
#day37{top: 325px; left: 19.5%;}
#day38{top: 325px; left: 32%;}
#day39{top: 325px; left: 44.5%;}
#day40{top: 325px; left: 57%;}
#day41{top: 325px; left: 69.5%;}
#day42{top: 325px; left: 82%;}

/*1280_1024_960_854_823_812_800_768_736_732_731_667_640_600*/
@media screen and (max-width: 599px){/*_568_411_384_375_360_320*/
#target{ width: 94%; height: 370px; margin-left:-47%;}
#valbox{ width: 94%; height: 59px; margin-left:-47%; }
#yydatabox{ left:10px;}
#YYY{ width:70px;}
#mmdatabox{ left:110px;}
#MMM{ width:40px;}
#y{ left: 90px;}
#m{ left: 160px;}
#start{ width: 100px; left: auto;right:5%;}
}