@charset "utf-8";
/**************************************
 * CSS BasicStyle forHTML5 v2.0
**************************************/
/******************************
 All Area base
******************************/
body{width:100%;min-width:1430px;height:100%;
text-align:center;font-size: 15px; font-size: 1.5rem;color:#1a1a1a;background-color: #F7F7F7;}
body.report {min-width: 1730px;}
h1,h2,h3,h4,h5,h6,form{font-weight: normal;}
.slides:after { content: "";clear: both;display: block;}
form{display: block;}

/* default_box*/

/* table*/
table{width:100%;table-layout:fixed;}

/* All Link*/
a:link,a:visited 		{color:#663300; text-decoration: none;}
a:hover,a:active		{color:#663300; text-decoration: none;opacity: 0.7;}


/* input */
input[type="checkbox"] {
	display: none;
}
label {
	position: relative;
	display: inline-block;
	padding: 3px 3px 3px 22px;
	cursor: pointer;
}
label::before {
	position: absolute;
	content: '';
	top: 50%;
	left: 0;
	width: 14px;
	height: 14px;
	margin-top: -8px;
	background: #fff;
}
input[type="checkbox"]:checked + label::after {
	position: absolute;
	content: '';
	top: 10px;
	left: 3px;
	width: 13px;
	height: 5px;
	border-left: 2px solid #34db98;
	border-bottom: 2px solid #34db98;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

input[type="text"],
input[type="password"]{
    border-radius: 4px;
    width:100%;
    padding:4px 8px;
    margin:0;
    color:#333;
}

/* select */
select {
    color:#1a1a1a;border:solid 1px #E1E1E1;border-radius:5px;
	width: 100%;
	padding:6px 8px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
    background-color: #FFF;
}
select {
  -moz-appearance: none;
  text-indent: 0.01px;
  text-overflow: '';
}
select::-ms-expand {
  display: none;
}
.selectlist{position: relative;display: block;}
.selectlist:after{
    content:"";
    display: block;
    position: absolute;
    right: 15px;
    top:50%;
    margin-top:-9px;
    width: 6px;
    height: 12px;
    display: inline-block;
    background-image: url(../img/arrow_select.png);
    background-repeat: no-repeat;
}

/* checkbox */
input[type="checkbox"] {display: none;}
label {
    color: #FFF;
    position: relative;
    display: inline-block;
    padding: 3px 3px 3px 22px;
    margin-right: 10px;
    cursor: pointer;
    -webkit-transition: all .2s;
    transition: all .2s;
}
label::before,
label::after {
	position: absolute;
	content: '';
	-webkit-transition: all .2s;
	transition: all .2s;
}
input[type="radio"] + label::before {
	top: 50%;
	left: 0;
	width: 16px;
	height: 16px;
	margin-top: -8px;
	background: #f4f4f4;
	border-radius: 50%;
}
input[type="radio"] + label::after {
	opacity: 0;
	top: 50%;
	left: 3px;
	width: 8px;
	height: 4px;
	margin-top: -4px;
}

input[type="radio"]:checked + label::after {
	opacity: 1;
	background: #4cc485;
	border-radius: 50%;
	width: 8px;
	height: 8px;
	top: 50%;
	left: 4px;
}
label:hover::before {
	background: #fff;
}
input[type="checkbox"] + label::before {
	border: 1px solid #CECECE ;
    border-radius: 4px;
}
input[type="checkbox"]:checked + label::before {
	background: #fff;
	border: 1px solid #34db98;
}
input[type="checkbox"]:checked + label::after {
	opacity: 1;
	-webkit-transform: rotate(-45deg) scale(1);
	transform: rotate(-45deg) scale(1);
}
button:hover{opacity: 0.7;}

/******************************
 Header Area
******************************/
header{width:100%;height:50px;background-color: #1E4104;border-bottom:solid 1px #BBDEF2;}
.header_area_inr{position: relative;height:100%;border-bottom:solid 1px #4D90AD;}
.header_area_inr:after { content: "";clear: both;display: block;}
.logo{position: fixed;top:0;left:0;z-index: 10100;width:244px;height:50px;background-color: #104E04;border-right:solid 2px #c3ecc3;border-bottom:solid 1px #0e4403;}
h1{width:100%;height:100%;border-right:solid 2px #2E4A42;border-bottom:solid 1px #2E4F42;}

/******************************
 Side Nav
******************************/
/* side_nav_box */
#side_nav {position: fixed;top:0;left:0;z-index: 9000;background-color: #1E4104;
color:#FFF;width:244px;height:100%;border-right: solid 2px #CECECE;text-align: left;overflow-x: hidden;overflow-y: hidden;}
#side_nav .side_nav_inr {
    padding:80px 0 0;
    border-right: solid 2px #3A5366;
    width: 271px;
    height: 100%;
    padding-right: 27px;
    overflow-x: hidden;
    overflow-y: scroll;
}
#side_nav .side_nav_inr > * {
    width: 244px;
}
#side_nav .side_nav_box {
    padding:0 20px;
    margin-bottom:60px;
}
#side_nav input[type=text],
#side_nav input[type=password]{
    border-radius: 4px;
    width:100%;
    padding:4px 8px;
    margin:0;
    color:#333;
}
#side_nav .userid,
#side_nav .userpass {
    margin-bottom:15px;
}
#side_nav .userid span,
#side_nav .userpass span {
    display: block;
    margin-bottom:10px;
}
#side_nav .userid span:before,
#side_nav .userpass span:before {
    content: "";
    width:18px;
    height:18px;
    display: inline-block;
    vertical-align: middle;
    margin-right:5px;
}
#side_nav .userid span:before {
    background-image: url(../img/icon_id.png);
}
#side_nav .userpass span:before {
    background-image: url(../img/icon_password.png);
}
#side_nav .btn_login button {
    position: relative;
    background-color: #AFD34A;color:#FFF;
    width:200px;
    padding:10px 10px;
    border-radius: 4px;
    font-size:16px;
    font-size:1.6rem;
    box-shadow: 0px 2px 0px #344447;
}
#side_nav .btn_login button:hover{opacity: 0.7;}
#side_nav .btn_login button:before{
    position: absolute;
    left:10px;
    top:50%;
    content:"";
    display: block;
    width:30px;
    height:30px;
    margin-top:-15px;
    background-image: url(../img/icon_login.png);
}
#side_nav .nav_list {
    text-align: left;
    border-top: solid 1px #2c523c;
    border-bottom: solid 1px #61A389;
    margin-bottom:50px;
}
#side_nav .nav_list li {
    border-top: solid 1px #61A389;
}
#side_nav .nav_list a {
    display: block;
    padding:10px 20px;
    background-color: #6d9a4a;
    border-bottom: solid 1px #2c523c;
}
#side_nav .nav_list a:before{
    content: "";
    width:30px;
    height:25px;
    display: inline-block;
    vertical-align: middle;
    margin-right:5px;
}

#side_nav .nav_list .disabled a {
    cursor: not-allowed;
    color: #9dca7a;
}
#side_nav .nav_list .disabled a:hover,
#side_nav .nav_list .disabled a:focus,
#side_nav .nav_list .disabled a:active {
    cursor: not-allowed;
    opacity: 1.0;
}
/*
#side_nav .nav_list .disabled a:focus {
    cursor: not-allowed;
    opacity: 1.0;
}
#side_nav .nav_list .disabled a:active {
    cursor: not-allowed;
    opacity: 1.0;
}
*/


#side_nav .nav_list .snow a:before{background-image: url(../img/icon_snow.png);}
#side_nav .nav_list .graf a:before{background-image: url(../img/icon_graf.png);}
#side_nav .nav_list .excel a:before{background-image: url(../img/icon_excel.png);}
#side_nav .nav_list .export a:before{background-image: url(../img/icon_export.png);}
#side_nav .nav_list .info a:before{background-image: url(../img/icon_info.png);}
#side_nav .nav_list .data a:before{background-image: url(../img/icon_data.png);}
#side_nav .nav_list .malfunction a:before{background-image: url(../img/icon_malfunction.png);}
#side_nav .nav_list .master a:before{background-image: url(../img/icon_master.png);}
#side_nav .nav_list .config a:before{background-image: url(../img/icon_config.png);}
#side_nav .nav_list .exit a:before{background-image: url(../img/icon_exit.png);}
#side_nav .side_nav_bn {
    padding:0 20px 50px;
}
#side_nav a {
    color:#FFF;
}

/* side_nav_login */
#side_nav .side_nav_login {
    padding:0 20px 30px;
    border-bottom: solid 1px #2c523c ;
}
#side_nav .side_nav_login p{
    line-height:1.5;
}
#side_nav .side_nav_box2 {
    padding:0 20px;
    border-top: solid 1px #61A389 ;
}
#side_nav .side_nav_part {
    border-top: solid 1px #61A389;
    border-bottom: solid 1px #2c523c;
    padding:20px 0;
}
#side_nav .side_nav_part:first-child {
    border-top: none;
}
#side_nav .side_nav_part:last-child {
    border-bottom: none ;
}
#side_nav .side_nav_part.radio_area {
    text-align: center;
}
.page_snow #side_nav .side_nav_part input[type="text"] {
    width:140px;
}

input[type="radio"] {
    display: none;
}
.page_snow #side_nav .side_nav_part .txt{display: inline-block;margin-bottom:15px;}

.page_snow #side_nav .side_nav_input{
    text-align: center;
    margin-bottom: 20px;
}
.page_snow #side_nav .side_nav_input > span{
    display: inline-block;
    margin-bottom: 15px;
}
.page_snow #side_nav .side_nav_input input{
    margin-left: 5px;
    margin-right: 5px;
}
.page_snow #side_nav .side_nav_input > div > span{
    cursor: pointer;
}

/******************************
 Pagination Area
******************************/
.pagination_area{margin-bottom: 16px;}
.pagination_area p{display: inline-block;margin-right:20px;color: #FFF}
.pagination_area ul{display: inline-block;}
.pagination_box li{display: inline-block; margin-right: 2px;}
.pagination_box a, .pagination_box span{box-sizing: border-box; display: block;padding:2px 10px; text-align: center;border-radius: 4px;}
.pagination_box a{background-color: #EFF1F4;}
.pagination_box span{background-color: #FFF;}

/******************************
 Main
******************************/
#main{
    width: 100%;
    min-width: 1430px;
    position: relative;
    height:auto !important;
    height: 100%;
    min-height: 100%;
    text-align: left;
    overflow: auto;
    background-color: #999999;
}
.report #main {min-width: 1730px;}

#wrap{
    padding:20px 4.67% 170px 250px;
    background-color: #999999;
}
#wrap > *{min-width:1150px;}
.report #wrap > *{min-width:1450px;background-color: #333333}

#main h2{font-size:24px;font-size:2.4rem;font-weight: bold;color:#FFF ;padding-bottom:10px; margin-bottom:10px;border-bottom: solid 1px #B5B8BC;}

/******************************
 Footer Area
******************************/
footer{
min-width: 1430px;
width:100%;background-color: #B2B2B2;color:#E8E8E8;border-top:solid 1px #FFF;position: absolute; bottom: 0;}
.footer_inr{border-top:solid 1px #9E9E9E;}
.report footer {min-width: 1730px;}

footer .copy{}
div.gotop{ position: fixed; right: 1%;bottom: 30px;display: table;z-index: 100200;}
div.gotop a{ width: 40px;height: 40px; display: table-cell;vertical-align: middle; }
.copy{clear:both;padding:60px 0 25px;font-size:14px;font-size:1.4rem;text-align: center;}


/*///////////// Page of //////////////
　トップページ
////////////////////////////////////*/
/******************************
 info_area
******************************/
#info_area{padding:30px;background-color: #333333;margin-bottom:30px;box-shadow: 1px 2px 0px #CECECE; line-height: 1.6;}
#info_area dl:after {content: "";clear: both;display: block;}
#info_area dl dt{float:left;}
#info_area dl dt:before{content:"";display:inline-block;vertical-align: middle; width:10px;height:4px;background-color: #677B9E;margin-right:10px;}
#info_area dl dd{padding-left:14em;text-indent: -4em;}
#info_area dl dd:before{content:"";display:inline-block;vertical-align: middle; width:50px;height:1px;background-color: #9E9E9E;margin-right:10px;}


/******************************
 malfunction_area
******************************/
#malfunction_area{padding:30px;background-color: #333;box-shadow: 1px 2px 0px #CECECE; line-height: 1.6;}

/* malfunction_area table*/
#malfunction_area table{background-color: #EFF1F4;}
#malfunction_area thead{background-color: #000;color:#FFF;}
#malfunction_area th,
#malfunction_area td{padding:7px 10px;}
#malfunction_area th{text-align: center;font-weight: normal;border-bottom:solid 1px #989B9E;}
#malfunction_area th{border-right:solid 1px #989B9E;border-left:solid 1px #EFF1F4;}
#malfunction_area th:first-child{border-left:none;}
#malfunction_area th:last-child{border-right:none;}

#malfunction_area td{border-right:solid 1px #C6C9CC ;border-left:solid 1px #F7F8F9;border-top:solid 1px #F7F8F9;border-bottom:solid 1px #C6C9CC;}
#malfunction_area td.number{text-align: center;}
#malfunction_area td.determination{text-align: center;}
#malfunction_area td:first-child{border-left:none;}
#malfunction_area td:last-child{border-right:none;}
#malfunction_area tr:last-child td{border-bottom:none;}

/******************************
 fault_area
******************************/
#fault_area{padding:30px;background-color: #333333;box-shadow: 1px 2px 0px #CECECE; line-height: 1.6;}

/* fault_area table*/
#fault_area table{background-color: #EFF1F4;}
#fault_area thead{background-color: #000;color:#FFF;}
#fault_area th,
#fault_area td{padding:7px 10px;background-color: #000;color: #FFF}
#fault_area th{text-align: center;font-weight: normal;border-bottom:solid 1px #989B9E;}
#fault_area th{border-right:solid 1px #989B9E;border-left:solid 1px #EFF1F4;}
#fault_area th:first-child{border-left:none;}
#fault_area th:last-child{border-right:none;}

#fault_area td{border-right:solid 1px #C6C9CC ;border-left:solid 1px #F7F8F9;border-top:solid 1px #F7F8F9;border-bottom:solid 1px #C6C9CC;}
#fault_area td.number{text-align: center;}
#fault_area td.determination{text-align: center;}
#fault_area td:first-child{border-left:none;}
#fault_area td:last-child{border-right:none;}
#fault_area tr:last-child td{border-bottom:none;}

/******************************
 error
******************************/
span.v_error{color:#c42222;display: block;margin:0.5em 0;}
input.v_error{background-color:#ffdbdb;}
textarea.v_error{background-color:#ffdbdb;}
select.v_error{background-color:#ffdbdb;}

/*******************************
 blink
 ******************************/
.switch {
 -webkit-animation: switchtext 0.5s infinite alternate;
 -moz-animation: switchtext 0.5s infinite alternate;
 animation: switchtext 0.5s infinite alternate;
}
@-webkit-keyframes switchtext {
 from { opacity: 1.0; }
 to { opacity: 0; }
}
@-moz-keyframes switchtext {
 from { opacity: 1.0; }
 to { opacity: 0; }
}
@keyframes switchtext {
 from { opacity: 1.0; }
 to { opacity: 0; }
}