body{margin: 0;word-break:break-all;font-family:"メイリオ", Meiryo,"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif; } 
 #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;}
 .rtunbtn{ position:relative; border: 1px solid #d5af00;background-color:#ffd89b;font-size:0.875em; top:10px; width:180px; left:50%; margin-left:-90px;text-align:center;
	-webkit-border-radius: 3px 3px 3px 3px / 3px 3px 3px 3px; -o-border-radius: 3px 3px 3px 3px / 3px 3px 3px 3px; -ms-border-radius: 3px 3px 3px 3px / 3px 3px 3px 3px; border-radius:3px 3px 3px 3px / 3px 3px 3px 3px;
}
.rtunbtn a{ text-decoration:none;}
.rtunbtn:hover, .rtunbtn:focus, .rtunbtn:active { cursor:pointer;}
.rtunbtn:hover a{color:#ff0000;}
 
 #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: 5px; font-size:18px;}
   #y,#m{ right:-30px;}
   #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;}
  #start{ width: 100px; left: auto;right:5%;}
}