@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;
  }
}

/*�S��*/
.cf:after{
content:"";
display:block;
clear:both;
}
/*�w�b�_*/
#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;
margin-right:40px;
}
h1 img{
width:280px;
height:auto;
}
/*�X�C�b�`���j���[*/
#switch{
float:left;
}
#switch li{
float:left;
margin-top:8px;
}

#switch a{
display:block;
border:1px solid #fff;
padding:10px 40px;
text-decoration:none;
}

#switch span{
display:block;
border:1px solid #fff;
color:#fff;
padding:10px 40px;
}

.rireki a{
border-radius:6px 0 0 6px;
background:#eee;
color:#000;
}
.rireki span{
border-radius:6px 0 0 6px;
background:#0054a1;
}
.genkyo a{
border-radius:0 6px 6px 0;
background:#eee;
color:#000;
}
.genkyo span{
border-radius:0 6px 6px 0;
background:#e36900;
}

.rireki a:hover{
background:#0054a1;
color:#fff;
}

.genkyo a:hover{
background:#e36900;
color:#fff;
}

/*�R���e�i*/
#container{
padding-top:15px;
padding-bottom:15px;
background:#f3f3f3;
width:100%;
}
/*�^�u���j���[*/
#tabmenu{
width:1110px;
margin:0 auto;
}
.tabmenu_rireki{
border-bottom:5px solid #4590ec;
box-shadow:1px 1px 3px #ccc;
position:relative;
z-index:1000;
}

.tabmenu_genkyo{
border-bottom:5px solid #f68e3a;
box-shadow:1px 1px 3px #ccc;
position:relative;
z-index:1000;
}

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

#tabmenu li:last-child{
float:left;
width:183px;
}

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

.tabmenu_rireki span{
background:#4590ec;
color:#fff;
}
.tabmenu_rireki a{
background:#d9d9d9;
color:#000;
}
.tabmenu_rireki a:hover{
background:#4590ec;
color:#fff;
}

.tabmenu_genkyo span{
background:#f68e3a;
color:#fff;
}
.tabmenu_genkyo a{
background:#d9d9d9;
color:#000;
}
.tabmenu_genkyo a:hover{
background:#f68e3a;
color:#fff;
}
/*�R���e���c*/
#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:#000;
}
.fdl{
margin:0 0 0 10px;
padding:7px 30px 6px;
color:#41a6af;
}
.alarm{
margin:0 0 0 10px;
padding:7px 69px 6px;
color:#41a6af;
}
.csv:hover,
.fdl:hover,
.alarm:hover{
color:#79cfd7!important;
}

/**/
.enzan,.zoom,.reset,.setting{
padding:7px 30px 6px;
margin:0 0 20px 10px;
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 );
}
.input_err{
  color: #FF0000;
  font-weight:bold;
}

/*�J�n�I�������X�^�C��*/
.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;}
.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;}

/*�x��v���_�E��*/
.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%;
}

/**/


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

.datatime{
text-align:right;
font-size:13px;
margin:-20px 0 5px;
}

.content_rireki table,
.content_genkyo table,
.content_alarm table{
width:100%;
margin-bottom:20px;
}

.content_rireki table th{
color:#fff;
background:#4590ec;
border:1px solid #005ac9;
padding:10px 0;
font-weight:bold;
}

.content_rireki table td{
border:1px solid #005ac9;
padding:10px 0;
text-align:center;
width:263px;
}

.content_genkyo table th{
color:#fff;
background:#f68e3a;
border:1px solid #ae5a17;
padding:10px 0;
font-weight:bold;
}

.content_genkyo table td{
border:1px solid #ae5a17;
padding:10px 0;
text-align:center;
width:263px;
}

.content_alarm{
width:1060px;
margin:0 auto;
padding:25px;
}
/*�x��e�[�u��*/
.content_alarm table th{
color:#fff;
background:#4590ec;
border:1px solid #005ac9;
padding:10px 0;
font-weight:bold;
}
.content_alarm table td{
border:1px solid #005ac9;
padding:10px 0;
text-align:center;
width:263px;
}
/**/

.graph{
border:1px solid #999;
background:#ccc;
width:1058px;
}
/*�`���[�g*/
.windgraphbox{
position:relative;
height:300px;
}
.windgraphbox .graph1{
float:none;
position:absolute;
top:0;
left:-120px;
}

.windgraphbox .graph2{
float:none;
position:absolute;
top:0;
right:0;
}

.graph1{
float:left;
}
#myChart{
}
.graph2{
float:right;
}
.content_rireki table .enzankomoku{
background:#84fed5;
}
.content_genkyo table .enzankomoku{
background:#ffe476;
}
/*�t�b�^*/
#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;
}

/*���O�C�����*/
#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;
}

/*帳票*/
.monthbox{
width:100%;
margin-bottom:20px;
}

.monthbox th{
background:#4590ec;
border:1px solid #005ac9;
color:#fff;
}

.monthbox th div{
float:left;
margin:10px 0;
}

.monthbox th .mt{
padding:4px 0 0;
margin-left:450px;
margin-right:10px;
}

.monthbox th input[type="button"]{
color:#005ac9;
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-top:2px;
}

.monthbox th 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:#6290c9;
}

.monthbox td{
border:1px solid #005ac9;
}

.monthbox a{
color:#005ac9;
}

.monthbox a:hover{
text-decoration:none;
color:#6290c9;
}

.monthbox ul{
margin:20px 0 20px 40px;
}
.monthbox li{
width:auto;
padding:10px 20px 10px 20px;
vertical-align:middle;
border:1px solid #005ac9;
}

.monthbox li a{
	vertical-align:middle;
}

/*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%);
}

.content_rireki table th{
width:150px;
}

details{
width:1000px;
}

.content_settei table th{
color:#fff;
background:#4590ec;
border:1px solid #005ac9;
padding:10px 0;
font-weight:bold;
width:300px;
}

.content_settei table td{
border:1px solid #005ac9;
padding:10px 0;
text-align:center;
width:700px;
}

.content_settei input[type="submit"]{
color:#005ac9;
border:1px solid #999;
border-radius:4px;
cursor:pointer;
font-size:16px;
top: 10px;
left: 920px;
width:80px;
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-top:2px;
}

.content_settei table input[type="text"]{
width:575px;
}
.content_settei table select{
	width:100px;
}

.content_settei table input[type="radio"]{
}

.content_settei table input[type="password"]{
	width:575px;
}

summary{
font-size:20px;
border-left:6px solid #696969;
padding:3px 0 3px 10px;
width:180px;
color:#696969;
margin:15px 0 5px;
}

.henkou{
padding:4px 10px 3px;
margin:0 0 10px 5px;
border:1px solid #999;
border-radius:4px;
cursor:pointer;
font-size:12px;
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 );
}

.accordion_header {
font-size:21px;
border-left:6px solid #696969;
padding:3px 0 3px 10px;
width:220px;
color:#696969;
margin:25px 0 20px;
cursor : pointer;
}

.content_kobetu table{
width:75%;
margin-bottom:30px;
border-top:1px solid #636262;
border-left:1px solid #636262;
}

.content_real table th,
.content_kobetu table th{
color:#fff;
background:#4590ec;
border-right:1px solid #fff;
border-bottom:1px solid #636262;
padding:10px 0;
font-size:13px;
font-weight:bold;
}

.content_real table th:last-child,
.content_kobetu table th:last-child{
  border-right:1px solid #636262;
}

.content_real table td,
.content_kobetu table td{
padding:10px 0;
text-align:center;
border-right:1px solid #636262;
border-bottom:1px solid #636262;
}

.content_real table td:first-child{
width:130px;
background: #ebebec;
}

.content_kobetu table td:first-child{
width:180px;
background: #ebebec;
}

.content_real table td:nth-child(2),
.content_real table td:nth-child(3),
.content_kobetu table td:nth-child(2),
.content_kobetu table td:nth-child(3){
width:180px;
}

.download{
	padding:7px 30px 6px;
	margin:10px 10px 10px 10px;
	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 );
	}

	.invisible {
		display: none;
	   }

/*
.s_02 .accordion_one {
	max-width: 1024px;
	margin: 0 auto;
}

.s_02 .accordion_one .accordion_header {
	background-color: #db0f2f;
	color: #fff;
	font-size: 26px;
	font-weight: bold;
	padding: 20px 11%;
	text-align: center;
	position: relative;
	z-index: +1;
	cursor: pointer;
	transition-duration: 0.2s;
}
.s_02 .accordion_one:nth-of-type(2) .accordion_header {
    background-color: #ff9a05;
}
.s_02 .accordion_one:nth-of-type(3) .accordion_header {
    background-color: #1c85d8;
}
.s_02 .accordion_one .accordion_header:hover {
	opacity: .8;
}
.s_02 .accordion_one .accordion_header .i_box {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 50%;
	right: 5%;
	width: 40px;
	height: 40px;
	border: 1px solid #fff;
	margin-top: -20px;
	box-sizing: border-box;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	transform-origin: center center;
	transition-duration: 0.2s;
}
.s_02 .accordion_one .accordion_header .i_box .one_i {
	display: block;
	width: 18px;
	height: 18px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	transform-origin: center center;
	transition-duration: 0.2s;
	position: relative;
}
.s_02 .accordion_one .accordion_header.open .i_box {
	-webkit-transform: rotate(-360deg);
	transform: rotate(-360deg);
}
.s_02 .accordion_one .accordion_header .i_box .one_i:before, .s_02 .accordion_one .accordion_header .i_box .one_i:after {
	display: flex;
	content: '';
	background-color: #fff;
	border-radius: 10px;
	width: 18px;
	height: 4px;
	position: absolute;
	top: 7px;
	left: 0;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	transform-origin: center center;
}
.s_02 .accordion_one .accordion_header .i_box .one_i:before {
	width: 4px;
	height: 18px;
	top: 0;
	left: 7px;
}
.s_02 .accordion_one .accordion_header.open .i_box .one_i:before {
	content: none;
}
.s_02 .accordion_one .accordion_header.open .i_box .one_i:after {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.s_02 .accordion_one .accordion_inner {
	display: none;
	padding: 30px 30px;
	border-left: 2px solid #db0f2f;
	border-right: 2px solid #db0f2f;
	border-bottom: 2px solid #db0f2f;
	box-sizing: border-box;
}
.s_02 .accordion_one:nth-of-type(2) .accordion_inner {
	border-left: 2px solid #ff9a05;
	border-right: 2px solid #ff9a05;
	border-bottom: 2px solid #ff9a05;
}
.s_02 .accordion_one:nth-of-type(3) .accordion_inner {
	border-left: 2px solid #1c85d8;
	border-right: 2px solid #1c85d8;
	border-bottom: 2px solid #1c85d8;
}
.s_02 .accordion_one .accordion_inner .box_one {
	height: 300px;
}
.s_02 .accordion_one .accordion_inner p.txt_a_ac {
	margin: 0;
}
@media screen and (max-width: 1024px) {
	.s_02 .accordion_one .accordion_header {
		font-size: 18px;
	}
	.s_02 .accordion_one .accordion_header .i_box {
		width: 30px;
		height: 30px;
		margin-top: -15px;
	}
}
@media screen and (max-width: 767px) {
	.s_02 .accordion_one .accordion_header {
		font-size: 16px;
		text-align: left;
		padding: 15px 60px 15px 15px;
	}
}
*/