@charaset "utf-8";
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 100;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 200;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 300;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 400;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Bold");
  font-weight: bold;
}
@font-face {
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue Regular");
  font-weight: 100;
}
@font-face {
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue Regular");
  font-weight: 200;
}

html {
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif;
}
@media all and (-ms-high-contrast: none)  {
  html {
    font-family: Verdana, Meiryo, sans-serif;
  }
}
@media all and (-ms-high-contrast: active) {
  html {
    font-family: Verdana, Meiryo, sans-serif;
  }
}

/* クリア */
.cf:after{
content:"";
display:block;
clear:both;
}
/* ヘッダ */
#header{
width:100%;
backgound:#fff;
box-shadow:0 1px 3px #ccc;
position:relative;
z-index:1000;
}
#header .box{
width:1100px;
margin:0 auto;
padding:10px 20px;
}

h1{
float:left;
line-height: 35px;
color:#e27f26;
font-weight: bold;
font-size: 21px;
}
h1 img{
  margin-right:5px;
  vertical-align: middle;
}
h1 a{
  color: #e27f26;
  text-decoration: none;
}

h2{
font-size:21px;
border-left:6px solid #696969;
padding:3px 0 3px 10px;
color:#696969;
margin:25px 0 20px;
}

/* コンテナ */
#container{
padding-top:15px;
padding-bottom:15px;
background:#f3f3f3;
width:100%;
}
/* タブメニュー */
#tabmenu{
width:1110px;
margin:0 auto;
border-bottom:5px solid #e27f26;
box-shadow:1px 1px 3px #ccc;
position:relative;
z-index:1000;
font-size:15px;
}

#tabmenu li{
float:left;
width:183px;
border-right:2px solid #f3f3f3;
}

#tabmenu li:last-child{
float:left;
width:185px;
border-right:none;
}

#tabmenu span,
#tabmenu a{
display:block;
padding:10px 0;
text-align:center;
text-decoration:none;
}

#tabmenu span{
background:#e27f26;
color:#fff;
}
#tabmenu a{
background:#d9d9d9;
color:#000;
}
#tabmenu a:hover{
background:#e27f26;
color:#fff;
}

/* コンテンツ */
#content{
background:#fff;
width:1060px;
margin:0 auto;
padding:25px;
box-shadow:1px 1px 3px #ccc;
position:relative;
z-index:1000;
}

/* 設定 */
.settei input[type="text"]{
border:1px solid #999;
padding:9px 10px;
border-radius:4px;
font-size:13px;
}

.settei input[type="button"]{
border:1px solid #999;
border-radius:4px;
cursor:pointer;
font-size:13px;
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #efefef 100%);
background: -webkit-linear-gradient(top, #ffffff 0%,#efefef 100%);
background: linear-gradient(to bottom, #ffffff 0%,#efefef 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 );
}

.settei input[type="button"]:hover{
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);
background: -webkit-linear-gradient(top, #ffffff 0%,#f7f7f7 100%);
background: linear-gradient(to bottom, #ffffff 0%,#f7f7f7 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=0 );
color:#999;
}
#datepicker{
margin:0 5px;
}
.prev,.next{
padding:7px 12px 6px;
}

.csv{
margin:0 0 0 30px;
padding:7px 30px 6px;
color:#40bc3a;
}
.csv:hover{
color:#40bc3a!important;
}

.fdl{
margin:0 0 0 10px;
/*padding:7px 30px 6px;*/
padding:7px 69px 6px;
color:#e27f26;
}
.fdl:hover{
color:#e27f26!important;
}

.alarm{
margin:0 0 0 10px;
padding:7px 69px 6px;
color:#e27f26;
}
.alarm:hover{
color:#e27f26!important;
}

.kakudai{
float: left;
}

.enzan,.zoom,.reset{
padding:7px 30px 6px;
margin:0 0 20px;
border:1px solid #999;
border-radius:4px;
cursor:pointer;
font-size:13px;
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #efefef 100%);
background: -webkit-linear-gradient(top, #ffffff 0%,#efefef 100%);
background: linear-gradient(to bottom, #ffffff 0%,#efefef 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 );
}
.starttime p,.endtime p{
margin:10px 0 0 0;
}
.starttime,.endtime,
.starttime p,.endtime p,
.starttime select,
.endtime select{
	float:left;
}
.starttime select:hover,
.endtime select:hover{
cursor:pointer;
}
.select1,.select2,.select3,.select4{width:50px;float:left;position: relative;}

.select1::before,
.select2::before,
.select3::before,
.select4::before{
	position: absolute;
	top: 1em;
	right: 0.4em;
	width: 0;
	height: 0;
	padding: 0;
	content: '';
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #666666;
	pointer-events: none;
}
.select1 select,
.select2 select,
.select3 select,
.select4 select{
	width: 100%;
	padding: 10px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #999;
	background: #eee;
	background: url(img/arrow01.png) right 50% no-repeat, -webkit-linear-gradient(top, #fff 0%,#efefef 100%);
	background: url(img/arrow01.png) right 50% no-repeat, linear-gradient(to bottom, #fff 0%,#efefef 100%);
	background-size: 20px, 100%;
}
.select1{margin:0 5px;}
.select2{margin:0 5px;}
.select3{margin:0 5px;}
.select4{margin:0 5px;}
.endtime{margin-right:20px;}

.alarmt h2,
.alarmt div,
.alarmt select{
	float:left;
}
.alarmt h2{
margin:7px 0 22px 0;
}
.alarmt div{
width:80px;
margin-left:20px;
}
.alarmt select:hover{
cursor:pointer;
}
.alarmt select{
	width: 100%;
	padding: 10px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #999;
	background: #eee;
	background: url(img/arrow01.png) right 50% no-repeat, -webkit-linear-gradient(top, #fff 0%,#efefef 100%);
	background: url(img/arrow01.png) right 50% no-repeat, linear-gradient(to bottom, #fff 0%,#efefef 100%);
	background-size: 20px, 100%;
}
/* 設定end */

.btn_set{
border:1px solid #999;
border-radius:4px;
cursor:pointer;
font-size:13px;
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #efefef 100%);
background: -webkit-linear-gradient(top, #ffffff 0%,#efefef 100%);
background: linear-gradient(to bottom, #ffffff 0%,#efefef 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 );
margin:0 0 0 30px;
padding:8px 10px;
color:#222;
width: 100px;
}

.btn_set:hover{
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);
background: -webkit-linear-gradient(top, #ffffff 0%,#f7f7f7 100%);
background: linear-gradient(to bottom, #ffffff 0%,#f7f7f7 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=0 );
color:#79cfd7;
}

.set1{
  margin-bottom: 20px;
}

.set1 p{
  float: left;
  line-height: 38px;
}

.set1 div{
  float: left;
  width: 100px;
  position: relative;
  margin: 0 5px;
}
.set1 select{
	width: 100%;
	padding: 10px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #999;
	background: #eee;
	background: url(img/arrow01.png) right 50% no-repeat, -webkit-linear-gradient(top, #fff 0%,#efefef 100%);
	background: url(img/arrow01.png) right 50% no-repeat, linear-gradient(to bottom, #fff 0%,#efefef 100%);
	background-size: 20px, 100%;
  font-size:13px;
  cursor: pointer;
}

.set1 div::before{
	position: absolute;
	top: 1em;
	right: 0.6em;
	width: 0;
	height: 0;
	padding: 0;
	content: '';
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #666666;
	pointer-events: none;
}



.set2 p,
.set2 div,
.set2 dt,
.set2 dd{
  float:left;
}

.set2 dl{
  margin-bottom: 10px;
}

.p1 dt::before,
.p2 dt::before,
.p3 dt::before,
.p4 dt::before{
  display: block;
  width:12px;
  content: '';
  position:absolute;
  top:6px;
  left:0;
}

.p1 dt::before{border-bottom:3px solid #4e73be;}
.p2 dt::before{border-bottom:3px solid #df8244;}
.p3 dt::before{border-bottom:3px solid #f8d63b;}
.p4 dt::before{border-bottom:3px solid #929292;}

.set2 dt{
  width:55px;
  position:relative;
  padding-left: 17px;
  margin-left: 5px;
}

.set2 label:hover,
.set2 input:hover{
  cursor: pointer;
}
.chk-input{
  display: none;
}
.chk-input + label{
  padding-left: 20px;
  position:relative;
  margin-right: 20px;
}
.chk-input + label::before{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 15px;
  height: 15px;
  border: 1px solid #999;
}
.chk-input:checked + label{
  color: #e27f26;
}
.chk-input:checked + label::after{
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: 4px;
  width: 6px;
  height: 5px;
  border-left:3px solid #e27f26;
  border-bottom:3px solid #e27f26;
  transform: rotate(-45deg);
}

.content_real table{
  width:100%;
  margin-bottom:20px;
}
.content_real table th{
  color:#fff;
  background:#f68e3a;
  border:1px solid #ae5a17;
  padding:10px 0;
  font-weight:bold;
}
.content_real table td{
  border:1px solid #ae5a17;
  padding:10px 0;
  text-align:center;
  width:10px;
}

.content_kobetu table{
width:75%;
margin-bottom:30px;
border-top:1px solid #636262;
border-left:1px solid #636262;
}
.content_kobetu table th{
color:#fff;
background:#e27f26;
border-right:1px solid #fff;
border-bottom:1px solid #636262;
padding:10px 0;
font-size:13px;
font-weight:bold;
}
.content_kobetu table th:last-child{
  border-right:1px solid #636262;
}
.content_kobetu table td{
padding:10px 0;
text-align:center;
border-right:1px solid #636262;
border-bottom:1px solid #636262;
}
.content_kobetu table td:first-child{
width:180px;
background: #ebebec;
}

.ijo{
  color: #fff;
  background: #ff0000;
}

.graphbox{
  margin: 20px 0;
}
.graphbox1,
.graphbox2{
  margin: 5px 0 20px;
}

.graphbox img,
.graphbox1 img,
.graphbox2 img{
  width: 100%;
}
/* フッタ */
#footer{
text-align:center;
font-size:12px;
padding:10px 0;
width:100%;
background:#fff;
box-shadow:0 -1px 3px #ccc;
position:relative;
z-index:1000;
}

/* ログイン */
#loginbox{
background:#fff;
width:260px;
margin:150px auto;
padding:15px 25px 25px;
box-shadow:1px 1px 3px #ccc;
position:relative;
z-index:1000;
}
.login-page{
text-align:center;
}
.login-page h2{
border-left:none!important;
font-weight:bold;
}
.login-page p{
margin:20px 0;
}
.login-page input[type="text"],
.login-page input[type="password"]{
border:1px solid #999;
padding:9px 10px;
border-radius:4px;
font-size:13px;
width:200px;
}

.login-page input[type="submit"]{
border:1px solid #999;
border-radius:4px;
cursor:pointer;
font-size:13px;
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #efefef 100%);
background: -webkit-linear-gradient(top, #ffffff 0%,#efefef 100%);
background: linear-gradient(to bottom, #ffffff 0%,#efefef 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 );
padding:10px 70px;
width:220px;
}

.login-page input[type="submit"]:hover{
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);
background: -webkit-linear-gradient(top, #ffffff 0%,#f7f7f7 100%);
background: linear-gradient(to bottom, #ffffff 0%,#f7f7f7 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=0 );
color:#999;
}

.login-page .message{
color:#ff0000;
}

/*insert*/
.input_err{
color: #FF0000;
font-weight:bold;
font-size:11px;
}

/*load*/
.loadbox {
position:relative;
width:100%;
height:532px;
}
.loadpos{
position:absolute;
top:50%;
left:50%;
transform:translateY(-50%) translateX(-50%);
-webkit- transform:translateY(-50%) translateX(-50%);
}

/*form*/
.monthbox{
width:100%;
margin-bottom:20px;
} 
.monthbox th{
background:#e27f26;
border:1px solid #636262;
color:#fff;
}
.monthbox th div{
float:left;
margin:10px 0;
}
.monthbox th .mt{
padding:4px 0 0;
margin-left:450px;
margin-right:10px;
}
.monthbox td{
border:1px solid #636262;
}
.monthbox ul{
margin:20px 0 20px 40px;
}
.monthbox li{
float:left;
width:145px;
padding:10px 20px 10px 0;
}

/*alarmlist*/
.content_alarm table{
width:100%;
margin-bottom:30px;
border-top:1px solid #636262;
border-left:1px solid #636262;
}
.content_alarm table th{
color:#fff;
background:#e27f26;
border-right:1px solid #fff;
border-bottom:1px solid #636262;
padding:10px 0;
font-size:13px;
font-weight:bold;
}
.content_alarm table th:last-child{
border-right:1px solid #636262;
}
.content_alarm table td{
padding:10px 0;
text-align:center;
border-right:1px solid #636262;
border-bottom:1px solid #636262;
}
.content_alarm table td:first-child{
width:180px;
background: #ebebec;
}
.content_alarm table td:nth-child(2),
.content_alarm table td:nth-child(3){
width:180px;
}