/* vr 1121*/
@charset "utf-8";
.body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	position: relative;
	background-color:#cccccc;
	top: 0px;
	left: 0px;
	color:mediumblue;
	  width: 100vw;
  height: 100vh;
}
.body2 {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	position: relative;
	background-color:#ffffff;
	top: -10px;
	left: -10px;
	color:mediumblue;
	  width: 100vw;
  height: 100vh;
}
#title {
	font-size-adjust:auto;
	font-weight: bold;
	color:aqua;
	font-size: 42px;
	text-shadow:
       2px  2px 1px #000000,
      -2px  2px 1px #000000,
       2px -2px 1px #000000,
      -2px -2px 1px #000000,
       2px  0px 1px #000000,
       0px  2px 1px #000000,
      -2px  0px 1px #000000,
       0px -2px 1px #000000;
}
.vartical-middle {
	background-color:#eeeeee;
	font-weight: bold;
	color:#aaaaaa;
	font-size: 210px;
font-style: italic;
  display: table;
  width: 100%;        /* 外枠を拡張します */
  text-align: center; /*【基本】インライン要素の中央寄せ */
}
.vartical-middle-child {
  display: table-cell;
  height: 900px;
  vertical-align: middle;
}
#sel_day {
	position: absolute;
	font-size: 18px;
	top: 170px;
	left: 40px;
	border: 2px solid #aaaaaa;
	border-radius: 12;
}

#sel_day-wrap img {
    vertical-align: top;
    margin-left: 100px;
    border: 100px solid dimgray;
}
img.ui-datepicker-trigger{
  cursor: pointer;
	margin-top:100px!important;
  margin-left: 270px!important;
  vertical-align: middle;
	top: 0px;
	left: 0px;
}
#link {
	position: absolute;
	top: 30px;
	left: 1600px;
	font-weight: bold;
	color: #0091ED;
	font-size: 22px;
}
#btm1 {
	position: absolute;
	top: 80px;
	left: 40px;

}
#btm2 {
	position: absolute;
	top: 80px;
	left: 140px;

}
#btm3 {
	position: absolute;
	top: 100px;
	left: 240px;
}

#buttons,#aps  {
	left: 40px;
	width: 450px;
}
#buttons{
	position: absolute;
	top : 220px;
	height: 60px;
}
#senser_files {
	font-size: 15px;
	position: absolute;
	top: 250px;/*190*/
	left: 30px;
	width: 360px;
	height: 600px;/*770*/
	overflow:hidden;
	background-color:#ffffff;
	border: 1px solid #ADADAD;
}

thead.scrollHead{
	text-align: center;
	border: 2px solid #ADADAD;

	position: absolute;

}
tbody.scrollBody{
	top: 38px;
	height:440px;/*636*/
	width: 350px;
	text-align: center;
	display:block;
	position: absolute;
	background:#ffffff;
	overflow-y:scroll;

}
tbody.btm{
	top: 480px;
	height:150;/*636*/
	width: 350px;
	text-align: center;
	display:block;
	position: absolute;
	background:#ffeeee;
	overflow-y:scroll;
}
.scrollBody th, .s-tbl td {
	border: 1px solid #000;

}

.scrollBody tr:nth-child(2n+1) {
	background:#C8D5DD;

}
.scrollBody tr:hover {
	background:#77B4D7;
}

#disp{
	position: absolute;
	top: 80px;
	left: 500px;
	width: 1300px;
	height:840px;
	overflow:hidden;
background:#ffffff;
		overflow-x:scroll;
}
.square_btn{
    display: inline-block;
    padding: 0.1em 1em;
    text-decoration: none;
    border-radius: 8px;
    color: #ffffff;
    background-image: -webkit-linear-gradient(#6795fd 0%, #67ceff 100%);
    background-image: linear-gradient(#6795fd 0%, #67ceff 100%);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
    border-bottom: solid 3px #0a005b;
  }

.square_btn:active{
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
    border-bottom: none;
}
/*平日 */
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{ color: #8FA0B4; background: rgb(248,248,248); }
 
 /*日付選択可能 */
.date-workday a.ui-state-default{ background: #77d5f7; color: #221199; }
.saturday a.ui-state-default{ background: rgb(248,248,248); color: #DBCC00; }
.sunday a.ui-state-default{ background: rgb(248,248,248); color: rgb(224, 97, 97); }
 /*日付選択不可 */
.date-workday span.ui-state-default{ background: #74ECFB; color: rgb(223, 167, 116); }
.saturday span.ui-state-default{ background: rgb(236, 248, 250); color: rgb(98, 179, 253); }
.sunday span.ui-state-default{ background: rgb(255, 233, 225); color: rgb(224, 97, 97); }
.workday{ background: #B8D0EC; color: rgb(224, 97, 97); }