@charset "UTF-8";

/*
@import url('https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/bootflat/2.0.4/css/bootflat.min.css');
*/

/* BASE
---------------------------------------------------------------------------------------------------- */
html {
  min-height:100%;
}

body {
  /* background-image:url(images/container-bg.png); */
  background-position:top center;
  background-repeat:repeat-x;
/*  background-color:#ffffff; */
/*  background-color: #f8f9fa */
  background-color: #6C7A89
  margin:0px;
  padding:0px;
  border-top:4px solid #604f86;
}

a {
	color: #000000;
}

* {
  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", verdana, Osaka, Sans-Serif;
  font-size:11pt;
  color:black;
  line-height:1.4em;
}

.container {
  width:1200px;
  padding:0px 20px 0px 20px;
  margin:0px auto;
  background-color:#ffffff;
}

#div-left {
   float:left;
   padding: 0px 20px 10px 0px;
   width: 200px;
}

#div-right {
  float:left;
  padding: 0px 20px 10px 40px;
  width: 920px;
}

.mtitle {
  position:  absolute;        /* 要素の配置方法を指定 */
  background-color: #ccc;     /* 背景色指定 */
  padding:  20px;             /* 余白指定 */
  left:  00px;                /* 左からの位置指定 */
  top: -10px;                  /* 上からの位置指定 */
  color: #FFFFFF!important;
  background-color: transparent;
  font-size:1.6em;
  /* font-weight:bold; */
  font-family: "メイリオ", "Meiryo", Sans-Serif;
}

/* bootstrap override */
.bt-h-200 { height: 200px; }
.bt-h-100 { height: 80px; }
.bt-h-80 { height: 80px; font-size: 36px; }

::-ms-input-placeholder {
  color: #cdd;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:#cdd;
}

::placeholder {
  color: #40e0d0!important;
}

/* Header
---------------------------------------------------------------------------------------------------- */
header {
  margin:0px;
  padding:0px;
}

h1 {
  font-size:1.2em;
  font-weight:bold;
  font-family:"ヒラギノ角ゴ Pro W6", "HiraKakuPro-W6", "ヒラギノ角ゴ ProN W6", "HiraKakuProN-W6", "メイリオ", "Meiryo", Sans-Serif;
  color:#604f86;
  margin:0px;
  padding:10px 0px;
}

h2 {
  font-size:1.5em;
  font-weight:bold;
  font-family:"ヒラギノ角ゴ Pro W6", "HiraKakuPro-W6", "ヒラギノ角ゴ ProN W6", "HiraKakuProN-W6", "メイリオ", "Meiryo", Sans-Serif;
}

h5 {
  font-size: 2.0em;
  font-weight: bold;
  font-family: "ヒラギノ角ゴ Pro W6", "HiraKakuPro-W6", "ヒラギノ角ゴ ProN W6", "HiraKakuProN-W6", "メイリオ", "Meiryo", Sans-Serif;
  color: #ff0000;
}

form {
  margin:50px 0px;
}

/* Menu
---------------------------------------------------------------------------------------------------- */
#menu { 
  position: relative; 
  margin: 0px 0px 0px 0px; 
}

#menu li { 
  position: relative; 
  float: left; 
/*  margin: 0px 5px 0px 5px; 
    padding: 5px 0px 5px 0px; */
  width: 180px; 
/*  height: 30px; */
/*  line-height: 30px; */
/*  border: solid 1px #ccc; */
  font-size:2.0em;
/*  font-weight: bold;  */
  list-style: none;
  text-align: left;
/*
  font-size: 2.5em;
  border: solid 1px #4169E1;
  margin: 5px 0px 0px 10px;
  color: #000000;
  text-decoration: none;
  display: block;
  width: 600px;
  background-color: #f3f3ff3;
*/
}

#menu li a {
/*  color: #fff; */
/*  background: #333; */
  font-size:0.7em;
  text-decoration: none;
  border: solid 1px #4169E1;
  display: block;
  margin: 20px 0px 0px 0px;
  padding: 5px 5px 5px 5px;
  text-align: left;
} 

/*
#menu li:hover { 
  color: #fff; 
  background: #333; 
  display: block;
  margin: 20px 0px 0px 0px;
} 
*/

#menu li a:hover { 
  color: #fff; 
  background: #333; 
  display: block;
  margin: 20px 0px 0px 0px;
} 

/*
#menu li ul { 
  position: absolute; 
  width: 150px; 
  background: #eee; 
} 

#menu li ul li { 
  margin: 0; 
  padding: 0; 
  float: left; 
  width: 150px; 
  height: 30px; 
  line-height: 30px;
//  border: solid 1px #ccc; 
  list-style: none;
} 

#menu li ul li a { 
  display: inline-block; 
  width: 150px; 
  height: 30px; 
  line-height: 30px;
} 

#menu li ul li a:hover { 
  background: #999; 
  color: #fff; 
} 
*/

/* Table
---------------------------------------------------------------------------------------------------- */

th {
  font-size:1.1em;
  font-weight:bold;
  font-family:"ヒラギノ角ゴ Pro W6", "HiraKakuPro-W6", "ヒラギノ角ゴ ProN W6", "HiraKakuProN-W6", "メイリオ", "Meiryo", Sans-Serif;
  color:#FFFFFF;
  background:#7965AA;
  padding:5px 20px;
  border:0px;
}

th.mono {
  background:#808080;
}

td {
  background:#FFFFFF;
  padding:0px;
}

.tableProductsList th {
  font-size:1.0em;
  font-weight:bold;
  font-family:"ヒラギノ角ゴ Pro W6", "HiraKakuPro-W6", "ヒラギノ角ゴ ProN W6", "HiraKakuProN-W6", "メイリオ", "Meiryo", Sans-Serif;
  color:#FFFFFF;
  background:#1F4788!important;
  padding:5px 5px!important;
  border-color: #000080!important;
  border-width: 1px!important;
  text-align: center;
}

.tableProductsList td {
  font-family:"ヒラギノ角ゴ Pro W6", "HiraKakuPro-W6", "ヒラギノ角ゴ ProN W6", "HiraKakuProN-W6", "メイリオ", "Meiryo", Sans-Serif;
  font-size:1.0em;
  padding:3px 3px!important;
  border-style: solid;
  border-color: #000000;
  border-width: 1px;
  text-align: center;
}

.tableProductsList th.th00 { width: 150px; text-align: center; }
.tableProductsList td.td00 { width: 150px; text-align: center; }
.tableProductsList th.th01 { width: 400px; text-align: left; }
.tableProductsList td.td01 { width: 400px; text-align: left; }
.tableProductsList th.th02 { width: 250px; text-align: left; }
.tableProductsList td.td02 { width: 250px; text-align: right; }

.tableContractsList th {
  font-size:1.0em;
  font-weight:bold;
  font-family:"ヒラギノ角ゴ Pro W6", "HiraKakuPro-W6", "ヒラギノ角ゴ ProN W6", "HiraKakuProN-W6", "メイリオ", "Meiryo", Sans-Serif;
  color:#FFFFFF;
  background:#1F4788!important;
  padding:5px 5px!important;
  border-color: #000080!important;
  border-width: 1px!important;
  text-align: center;
}

.tableContractsList td {
  font-family:"ヒラギノ角ゴ Pro W6", "HiraKakuPro-W6", "ヒラギノ角ゴ ProN W6", "HiraKakuProN-W6", "メイリオ", "Meiryo", Sans-Serif;
  font-size:1.0em;
  padding:3px 3px!important;
  border-style: solid;
  border-color: #000000;
  border-width: 1px;
  text-align: center;
}

.tableContractsList th.th00 { width: 150px; text-align: center; }
.tableContractsList td.td00 { width: 150px; text-align: center; }
.tableContractsList th.th01 { width: 150px; text-align: left; }
.tableContractsList td.td01 { width: 150px; text-align: left; }
.tableContractsList th.th02 { width: 150px; text-align: left; }
.tableContractsList td.td02 { width: 150px; text-align: left; }
.tableContractsList th.th03 { width: 150px; text-align: left; }
.tableContractsList td.td03 { width: 150px; text-align: left; }
.tableContractsList th.th04 { width: 150px; text-align: left; }
.tableContractsList td.td04 { width: 150px; text-align: left; }
.tableContractsList th.th05 { width: 300px; text-align: left; }
.tableContractsList td.td05 { width: 300px; text-align: left; }


select#product_name {
	width: 300px;
}

.custominfo {
  width: 200px;
}

.custom_name {
  font-size: 16px;
  font-weight: bold;
  color: #0000cd;
}

.custom_name a {
  font-size: 16px;
  font-weight: bold;
  color: #0000cd;
}

.custom_address {
  font-size: 12px;
  color: #778899;
}

.custom_data_link {
  font-size: 14px;
  color: #4169e1;
}

.edit_elm {
  border-style: none;
}

/* Button
---------------------------------------------------------------------------------------------------- */
#button-fculist {
  position: relative;
  width: 400px;
  height: 50px;
  margin: 0px 0px 0px 50px;
  font-size:2.0em;
  overflow:hidden;
  box-shadow:0px 0px 10px #cccccc inset;
}

#file-error {
  color:#CC0000;
  margin-bottom:40px;
}

/* List
---------------------------------------------------------------------------------------------------- */
dl {
  margin-bottom:30px;
}

dt, dd {
  display:inline-block;
  *display:inline;
  *zoom:1;
  margin:0px 0px 10px 0px;
  padding:0px;
}

dt {
  font-weight:bold;
  font-family:"ヒラギノ角ゴ Pro W6", "HiraKakuPro-W6", "ヒラギノ角ゴ ProN W6", "HiraKakuProN-W6", "メイリオ", "Meiryo", Sans-Serif;
  width:200px;
}

dd {
  width:470px;
}

label {
  margin-right:15px;
}

a.pdf {
  background:url(images/icon-pdf.png) no-repeat left center;
  padding-left:16px;
}

/* Form
---------------------------------------------------------------------------------------------------- */
input[type="number"] {
  width:70px;
  text-align: right;
}

input[disabled] {
  color:#808080;
}

/*
#overlay {
  position:fixed;
  left:0px;
  top:0px;
  width:100%;
  height:100%;
  background:transparent;
  z-index:10000;
}
*/

.icon-loading {
  display:inline-block;
  *display:inline;
  *zoom:1;
  width:16px;
  height:16px;
  background:url(images/icon-loading.gif) no-repeat center center;
  vertical-align:middle;
}

strong {
  font-weight:bold;
  font-family:"ヒラギノ角ゴ Pro W6", "HiraKakuPro-W6", "ヒラギノ角ゴ ProN W6", "HiraKakuProN-W6", "メイリオ", "Meiryo", Sans-Serif;
}

.red {
  color:#CC0000;
}

/* Textarea Radio button
---------------------------------------------------------------------------------------------------- */
#pnumber, #premaining {
  background-color:#dcdcdc;
}

/* Footer
---------------------------------------------------------------------------------------------------- */
footer {
  text-align:right;
  font-size:1.2em;
  color:#000000;
  position: fixed;
  bottom: 0;
  right: 0;
  height: 25px;
  padding: 0px 15px 0px 0px;
}

#chatbot {
  position: fixed;
  bottom: 100;
  right: 100;
}



.div-header {
  height: 80px;
}

.div-grouplist {
  height: 380px;
}

.div-controllpanel {
  height: 80px;
}

.div-footer {
  height: 60px;
}


/* devicelist.php
---------------------------------------------------------------------------------------------------- */

table.devicelist th {
	text-align: center;
	vertical-align: middle!important;
}

.tdcenter {
	text-align: center;
}

.tdleft {
	text-align: left;
}

/* deviceStatusList.php ★？
---------------------------------------------------------------------------------------------------- */

.tableDailyList th {
  font-size:0.9em;
  font-weight:bold;
  font-family:"ヒラギノ角ゴ Pro W6", "HiraKakuPro-W6", "ヒラギノ角ゴ ProN W6", "HiraKakuProN-W6", "メイリオ", "Meiryo", Sans-Serif;
  color:#FFFFFF;
  background:#1F4788!important;
  padding:5px 5px!important;
  border-color: #000080!important;
  border-width: 1px!important;
  text-align: center;
}

.tableDailyList td {
  font-family:"ヒラギノ角ゴ Pro W6", "HiraKakuPro-W6", "ヒラギノ角ゴ ProN W6", "HiraKakuProN-W6", "メイリオ", "Meiryo", Sans-Serif;
  font-size:0.8em;
  padding:3px 3px!important;
  border-style: solid;
  border-color: #000000;
  border-width: 1px;
  text-align: center;
}

.tableDailyList th.th00 { width: 100px; text-align: center; }
.tableDailyList td.td00 { width: 100px; text-align: center; }
.tableDailyList th.th01 { width: 100px; text-align: center; }
.tableDailyList td.td01 { width: 100px; text-align: center; }
.tableDailyList th.th02 { width: 100px; text-align: center; }
.tableDailyList td.td02 { width: 100px; text-align: center; }
.tableDailyList th.th03 { width: 100px; text-align: center; }
.tableDailyList td.td03 { width: 100px; text-align: center; }
.tableDailyList th.th04 { width: 100px; text-align: center; }
.tableDailyList td.td04 { width: 100px; text-align: center; }
.tableDailyList th.th05 { width: 100px; text-align: center; }
.tableDailyList td.td05 { width: 100px; text-align: center; }


.tableMasterList th {
  font-size:0.9em;
  font-weight:bold;
  font-family:"ヒラギノ角ゴ Pro W6", "HiraKakuPro-W6", "ヒラギノ角ゴ ProN W6", "HiraKakuProN-W6", "メイリオ", "Meiryo", Sans-Serif;
  color:#FFFFFF;
  background:#1F4788!important;
  padding:5px 5px!important;
  border-color: #000080!important;
  border-width: 1px!important;
  text-align: center;
}

.tableMasterList td {
  font-family:"ヒラギノ角ゴ Pro W6", "HiraKakuPro-W6", "ヒラギノ角ゴ ProN W6", "HiraKakuProN-W6", "メイリオ", "Meiryo", Sans-Serif;
  font-size:0.8em;
  padding:3px 3px!important;
  border-style: solid;
  border-color: #000000;
  border-width: 1px;
  text-align: center;
}

.tableMasterList th.th00 { width: 100px; text-align: center; }
.tableMasterList td.td00 { width: 100px; text-align: center; }
.tableMasterList th.th01 { width: 100px; text-align: center; }
.tableMasterList td.td01 { width: 100px; text-align: center; }
.tableMasterList th.th02 { width: 100px; text-align: center; }
.tableMasterList td.td02 { width: 100px; text-align: center; }
.tableMasterList th.th03 { width: 100px; text-align: center; }
.tableMasterList td.td03 { width: 100px; text-align: center; }
.tableMasterList th.th04 { width: 100px; text-align: center; }
.tableMasterList td.td04 { width: 100px; text-align: center; }
.tableMasterList th.th05 { width: 100px; text-align: center; }
.tableMasterList td.td05 { width: 100px; text-align: center; }

.orgcell {
  color:#000000;
  background:#FFFFFF!important;
}

.editedcell {
  color:#FF0000;
  background:#f0f8ff!important;
}

.even-row {
  background-color: #666;
}

#xscroolarea {
	overflow-x: scroll;
	overflow-y: auto;
	width: 900px;
	height: 600px;
	text-align: left;
}

#deviceStatusList_header {
	width: 1300px;
}

#deviceStatusList_data {
	width: 1300px;
}

.cltab {
  background-color: #ccc;
  color: #fff;
  display: inline-block;
  width: 40px;
  text-align: center;
}

.cltab_now {
  background-color: #ccc;
  color: #000;
  display: inline-block;
  width: 40px;
  text-align: center;
}

/****
.tableUserList th {
  font-size:0.9em;
  font-weight:bold;
  font-family:"ヒラギノ角ゴ Pro W6", "HiraKakuPro-W6", "ヒラギノ角ゴ ProN W6", "HiraKakuProN-W6", "メイリオ", "Meiryo", Sans-Serif;
  color:#FFFFFF;
  background:#1F4788!important;
  padding:5px 5px!important;
  border-color: #000080!important;
  border-width: 1px!important;
  text-align: center;
}

.tableUserList td {
  font-family:"ヒラギノ角ゴ Pro W6", "HiraKakuPro-W6", "ヒラギノ角ゴ ProN W6", "HiraKakuProN-W6", "メイリオ", "Meiryo", Sans-Serif;
  font-size:0.8em;
  padding:3px 3px!important;
  border-style: solid;
  border-color: #000000;
  border-width: 1px;
  text-align: center;
}

.tableUserList th.th01 { width: 100px; text-align: center; }
.tableUserList td.td01 { width: 100px; text-align: center; }
.tableUserList th.th02 { width: 100px; text-align: center; }
.tableUserList td.td02 { width: 100px; text-align: center; }
.tableUserList th.th03 { width: 100px; text-align: center; }
.tableUserList td.td03 { width: 100px; text-align: left; }
.tableUserList th.th04 { width: 100px; text-align: center; }
.tableUserList td.td04 { width: 100px; text-align: left; }
.tableUserList th.th05 { width: 100px; text-align: center; }
.tableUserList td.td05 { width: 100px; text-align: left; }
.tableUserList th.th06 { width: 100px; text-align: center; }
.tableUserList td.td06 { width: 100px; text-align: center; }
****/

.tableAppAuthList th {
  font-size:0.9em;
  font-weight:bold;
  font-family:"ヒラギノ角ゴ Pro W6", "HiraKakuPro-W6", "ヒラギノ角ゴ ProN W6", "HiraKakuProN-W6", "メイリオ", "Meiryo", Sans-Serif;
  color:#FFFFFF;
  background:#1F4788!important;
  padding:5px 5px!important;
  border-color: #000080!important;
  border-width: 1px!important;
  text-align: center;
}

.tableAppAuthList td {
  font-family:"ヒラギノ角ゴ Pro W6", "HiraKakuPro-W6", "ヒラギノ角ゴ ProN W6", "HiraKakuProN-W6", "メイリオ", "Meiryo", Sans-Serif;
  font-size:0.8em;
  padding:3px 3px!important;
  border-style: solid;
  border-color: #000000;
  border-width: 1px;
  text-align: center;
}

.tableAppAuthList th.th01 { width: 50px; text-align: center; }
.tableAppAuthList td.td01 { width: 50px; text-align: center; }
.tableAppAuthList th.th02 { width: 80px; text-align: center; }
.tableAppAuthList td.td02 { width: 80px; text-align: center; }
.tableAppAuthList th.th03 { width: 300px; text-align: center; }
.tableAppAuthList td.td03 { width: 300px; text-align: left; }
.tableAppAuthList th.th04 { width: 80px; text-align: center; }
.tableAppAuthList td.td04 { width: 80px; text-align: center; }


/* alertList.php
---------------------------------------------------------------------------------------------------- */

.tableAlertList {
  border-collapse: collapse;
  border-style: solid;
  border-color: #000080;
  border-width: 1px;
}

.tableAlertList th {
  font-size:1.0em;
  padding:5px 10px;
  border-style: solid;
  border-color: #000000;
  border-width: 1px;
}

.tableAlertList tr {
  font-size:1.0em;
  padding:5px 10px;
}

.tableAlertList td {
  font-family:"ヒラギノ角ゴ Pro W6", "HiraKakuPro-W6", "ヒラギノ角ゴ ProN W6", "HiraKakuProN-W6", "メイリオ", "Meiryo", Sans-Serif;
  font-size:1.0em;
  padding:5px 10px;
  border-style: solid;
  border-color: #000000;
  border-width: 1px;
}

.tableAlertList th.thAlertList00 {
  width: 200px;
}

.tableAlertList th.thAlertList01 {
  width: 200px;
}

.tableAlertList th.thAlertList02 {
  width: 200px;
}

.tableAlertList th.thAlertList03 {
  width: 300px;
}

.tableAlertList th.thAlertList04 {
  width: 50px;
}

.tableAlertList td.tdAlertList00 {
  width: 200px;
}

.tableAlertList td.tdAlertList01 {
  width: 200px;
}

.tableAlertList td.tdAlertList02 {
  width: 200px;
}

.tableAlertList td.tdAlertList03 {
  width: 300px;
}

.tableAlertList td.tdAlertList04 {
  width: 50px;
  text-align: center;
}

#alertbutton11 {
  margin: 5px 0px;
  width: 80px;
}

#alertbutton21 {
  margin: 5px 20px 5px 20px;
  width: 80px;
}

#alertbutton22 {
  margin: 5px 0px 5px 0px;
  width: 80px;
}

#alertbutton23 {
  margin: 5px 20px 5px 70px;
  width: 80px;
}

#alertbutton24 {
  margin: 5px 20px 5px 0px;
  width: 80px;
}

/* operationList.php
---------------------------------------------------------------------------------------------------- */

.tableOperationList {
  border-collapse: collapse;
  border-style: solid;
  border-color: #000080;
  border-width: 1px;
}

.tableOperationList th {
  font-size:1.0em;
  padding:5px 10px;
  border-style: solid;
  border-color: #000000;
  border-width: 1px;
}

.tableOperationList tr {
  font-size:1.0em;
  padding:5px 10px;
}

.tableOperationList td {
  font-family:"ヒラギノ角ゴ Pro W6", "HiraKakuPro-W6", "ヒラギノ角ゴ ProN W6", "HiraKakuProN-W6", "メイリオ", "Meiryo", Sans-Serif;
  font-size:1.0em;
  padding:5px 10px;
  border-style: solid;
  border-color: #000000;
  border-width: 1px;
}

.tableOperationList th.thOperationList00 {
  width: 200px;
}

.tableOperationList th.thOperationList01 {
  width: 200px;
}

.tableOperationList th.thOperationList02 {
  width: 200px;
}

.tableOperationList th.thOperationList03 {
  width: 300px;
}

.tableOperationList th.thOperationList04 {
  width: 50px;
}

.tableOperationList td.tdOperationList00 {
  width: 200px;
}

.tableOperationList td.tdOperationList01 {
  width: 200px;
}

.tableOperationList td.tdOperationList02 {
  width: 200px;
}

.tableOperationList td.tdOperationList03 {
  width: 300px;
}

.tableOperationList td.tdOperationList04 {
  width: 60px;
  text-align: center;
}

#operationbutton11 {
  margin: 0px 5px 5px 5px;
  width: 80px;
}

#operationbutton21 {
  margin: 0px 5px 5px 5px;
  width: 80px;
}

#operationbutton23 {
  margin: 0px 5px 5px 5px;
  width: 80px;
}

#operationbutton24 {
  margin: 0px 5px 5px 5px;
  width: 80px;
}

/* systemsetting.php
---------------------------------------------------------------------------------------------------- */

#sysbtncool {
  font-family:"ヒラギノ角ゴ Pro W6", "HiraKakuPro-W6", "ヒラギノ角ゴ ProN W6", "HiraKakuProN-W6", "メイリオ", "Meiryo", Sans-Serif;
  font-size:4.0em;
  margin: 10px 0px 50px 50px;
  width: 150px;
  height: 100px;
  color: #0000ff;
}

#sysbtnhot {
  font-family:"ヒラギノ角ゴ Pro W6", "HiraKakuPro-W6", "ヒラギノ角ゴ ProN W6", "HiraKakuProN-W6", "メイリオ", "Meiryo", Sans-Serif;
  font-size:4.0em;
  margin: 10px 0px 50px 50px;
  width: 150px;
  height: 100px;
  color: #ff0000;
}

#sysbtnsubmit {
  font-family:"ヒラギノ角ゴ Pro W6", "HiraKakuPro-W6", "ヒラギノ角ゴ ProN W6", "HiraKakuProN-W6", "メイリオ", "Meiryo", Sans-Serif;
  font-size:2.0em;
  margin: 50px 0px 0px 50px;
  width: 150px;
  height: 80px;
  color: #000000;
}

#sysbtncancel {
  font-family:"ヒラギノ角ゴ Pro W6", "HiraKakuPro-W6", "ヒラギノ角ゴ ProN W6", "HiraKakuProN-W6", "メイリオ", "Meiryo", Sans-Serif;
  font-size:1.6em;
  margin: 50px 0px 0px 100px;
  width: 150px;
  height: 80px;
  color: #000000;
}

/* 2018.02.20 koike */
#modesetlist {
  margin: 30px 0px 0px 0px;
}

#syslbl01 {
  font-family:"ヒラギノ角ゴ Pro W6", "HiraKakuPro-W6", "ヒラギノ角ゴ ProN W6", "HiraKakuProN-W6", "メイリオ", "Meiryo", Sans-Serif;
  font-size:2.0em;
  margin: 100px 0px 0px 50px;
}

#syslbl02 {
  font-family:"ヒラギノ角ゴ Pro W6", "HiraKakuPro-W6", "ヒラギノ角ゴ ProN W6", "HiraKakuProN-W6", "メイリオ", "Meiryo", Sans-Serif;
  font-size:3.0em;
  margin: 30px 0px 0px 20px;
}

/* fcusetting.php
---------------------------------------------------------------------------------------------------- */

#fcu_devicename {
  font-size: 2.0em;
  display: inline-block;
}

#fcuzone {
  margin: 10px 0px 0px 50px;
}

#fcu_select_zone {
  font-size:1.5em;
  height; 40px;
  width: 400px;
}

#fcu_schedule {
  margin: 10px 0px 0px 50px;
}

#fcu_select_schedule {
  font-family:"ヒラギノ角ゴ Pro W6", "HiraKakuPro-W6", "ヒラギノ角ゴ ProN W6", "HiraKakuProN-W6", "メイリオ", "Meiryo", Sans-Serif;
  font-size:1.5em;
  height; 40px;
  width: 400px;
}

.opcls {
  font-size:1.0em;
  height; 50px;
  width: 400px;
}

.opzone {
  font-size:1.0em;
  height; 50px;
  width: 400px;
}

/*
#fcuviewarea01 {
  margin: 20px 0px 0px 50px;
  float: left;
}
*/

#fcu_mode {
  font-family:"ヒラギノ角ゴ Pro W6", "HiraKakuPro-W6", "ヒラギノ角ゴ ProN W6", "HiraKakuProN-W6", "メイリオ", "Meiryo", Sans-Serif;
  font-size:2.0em;
  display: inline-block; 
  width: 150px;
  border-style: none;
  background-color: #ff0000;
  color: #ffffff;
  text-align: center;
  vertical-align: center;
}

#fcu_temperature {
  font-family:"ヒラギノ角ゴ Pro W6", "HiraKakuPro-W6", "ヒラギノ角ゴ ProN W6", "HiraKakuProN-W6", "メイリオ", "Meiryo", Sans-Serif;
  font-size:1.5em;
  display: inline-block; 
  /* width: 100px; */
}

#fcu_flowrate {
  font-family:"ヒラギノ角ゴ Pro W6", "HiraKakuPro-W6", "ヒラギノ角ゴ ProN W6", "HiraKakuProN-W6", "メイリオ", "Meiryo", Sans-Serif;
  font-size:2.2em;
  display: inline-block; 
  width: 150px;
  border-style: none;
  background-color: #F4D03F;
  color: #ffffff;
  text-align: center;
  vertical-align: center;
}


#fcu_settingtemparature {
  font-family:"ヒラギノ角ゴ Pro W6", "HiraKakuPro-W6", "ヒラギノ角ゴ ProN W6", "HiraKakuProN-W6", "メイリオ", "Meiryo", Sans-Serif;
  font-size:2.2em;
  display: inline-block; 
  width: 150px;
  border-style: none;
  background-color: #89C4F4;
  color: #ffffff;
  text-align: center;
  vertical-align: center;
}



.fcuview {
  display: flex;
  justify-content: space-between;
}

.fcuview-btn-temp {
/*    display: flex; */
/*  float: right; */
/*  justify-content: space-between; */
}

.fcuview-btn-set {
  display: flex;
  text-align: right;
/*  float: right; */
/*  justify-content: space-between; */
}

.fcuview2 {
  display: inline-block; 
/*  justify-content: space-between; */
}

.fcu_lbl11 {
  font-family:"ヒラギノ角ゴ Pro W6", "HiraKakuPro-W6", "ヒラギノ角ゴ ProN W6", "HiraKakuProN-W6", "メイリオ", "Meiryo", Sans-Serif;
  font-size:1.5em;
  display: inline-block; 
  /* width: 100px; */
}

#fcuviewarea02 {
  margin: 0px 0px 0px 100px;
  float: left;
}

#fculbl11 {
  font-family:"ヒラギノ角ゴ Pro W6", "HiraKakuPro-W6", "ヒラギノ角ゴ ProN W6", "HiraKakuProN-W6", "メイリオ", "Meiryo", Sans-Serif;
  font-size:2.0em;
  display: inline-block; 
  width: 100px;
}

#fcu_flowrate01 {
  font-family:"ヒラギノ角ゴ Pro W6", "HiraKakuPro-W6", "ヒラギノ角ゴ ProN W6", "HiraKakuProN-W6", "メイリオ", "Meiryo", Sans-Serif;
  font-size:1.2em;
  display: inline-block; 
}

#fculbl13 {
  font-family:"ヒラギノ角ゴ Pro W6", "HiraKakuPro-W6", "ヒラギノ角ゴ ProN W6", "HiraKakuProN-W6", "メイリオ", "Meiryo", Sans-Serif;
  font-size:1.2em;
  display: inline-block; 
  width: 100px;
}

#fculbl14 {
  font-family:"ヒラギノ角ゴ Pro W6", "HiraKakuPro-W6", "ヒラギノ角ゴ ProN W6", "HiraKakuProN-W6", "メイリオ", "Meiryo", Sans-Serif;
  font-size:1.2em;
  display: inline-block; 
  width: 200px;
  /* margin: 0px 0px 0px 20px; */
}

#fcu_roomtemp01 {
  font-family:"ヒラギノ角ゴ Pro W6", "HiraKakuPro-W6", "ヒラギノ角ゴ ProN W6", "HiraKakuProN-W6", "メイリオ", "Meiryo", Sans-Serif;
  font-size:1.2em;
  display: inline-block; 
}

#fcuviewarea11 {
  clear: both;
}

#fcu_settingtemp01 {
  font-family:"ヒラギノ角ゴ Pro W6", "HiraKakuPro-W6", "ヒラギノ角ゴ ProN W6", "HiraKakuProN-W6", "メイリオ", "Meiryo", Sans-Serif;
  font-size: 2.5em;
  margin: 0px 0px 0px 250px;
  display: inline-block; 
  background-color: #f0f8ff;
  text-align: center;
  width: 100px;
}

#fcu_select_settingtemp01 {
  font-family:"ヒラギノ角ゴ Pro W6", "HiraKakuPro-W6", "ヒラギノ角ゴ ProN W6", "HiraKakuProN-W6", "メイリオ", "Meiryo", Sans-Serif;
  font-size: 2.4em;
/*  margin: 0px 0px 0px 250px; */
/*  margin: 0px 0px 0px 20px; */
/*  display: inline-block;  */
  background-color: #f0f8ff;
  text-align: right;
  width: 200px;
}

.mar1 { margin: 0px 0px 0px 250px; }
.mar2 { margin: 10px 0px 0px 50px; }

.optemp {
  font-size: 1.0em;
/*  height; 50px; */
  width: 200px;
  text-align: right;
}

#fcubuttonarea0 {
  height: 80px;
  margin: 20px 0px 0px 0px;
}

#fcubtntempdown {
  font-size:2.0em;
  margin: 0px 0px 0px 50px;
  width: 180px;
  height: 80px;
  color: #000000;
}

#fcubtntempup {
  font-size:2.0em;
  margin: 0px 0px 0px 30px;
  width: 180px;
  height: 80px;
  color: #000000;
}

#fcubuttonarea1 {
  clear: both;
  height: 80px;
  margin: 90px 0px 0px 0px;
  vertical-align: top;
}

#fcusettingrunningmode {
 float: left;
 /* width: 250px; */
}

#fcubtncold {
  font-family:"ヒラギノ角ゴ Pro W6", "HiraKakuPro-W6", "ヒラギノ角ゴ ProN W6", "HiraKakuProN-W6", "メイリオ", "Meiryo", Sans-Serif;
  font-size:1.9em;
  margin: 0px 0px 0px 50px;
  width: 80px;
  height: 80px;
  vertical-align: top;
  color: #000000;
}

#fcubtnhot {
  font-family:"ヒラギノ角ゴ Pro W6", "HiraKakuPro-W6", "ヒラギノ角ゴ ProN W6", "HiraKakuProN-W6", "メイリオ", "Meiryo", Sans-Serif;
  font-size:1.9em;
  margin: 0px 0px 0px 20px;
  width: 80px;
  height: 80px;
  vertical-align: top;
  color: #000000;
}

#fcubtnrunning {
  font-family:"ヒラギノ角ゴ Pro W6", "HiraKakuPro-W6", "ヒラギノ角ゴ ProN W6", "HiraKakuProN-W6", "メイリオ", "Meiryo", Sans-Serif;
  font-size:1.9em;
  margin: 0px 0px 0px 50px;
  width: 80px;
  height: 80px;
  vertical-align: top;
  color: #000000;
}

#fcubtnstop {
  font-family:"ヒラギノ角ゴ Pro W6", "HiraKakuPro-W6", "ヒラギノ角ゴ ProN W6", "HiraKakuProN-W6", "メイリオ", "Meiryo", Sans-Serif;
  font-size:1.9em;
  margin: 0px 0px 0px 20px;
  width: 80px;
  height: 80px;
  vertical-align: top;
  color: #000000;
}

#fcubtnflowrate {
  font-family:"ヒラギノ角ゴ Pro W6", "HiraKakuPro-W6", "ヒラギノ角ゴ ProN W6", "HiraKakuProN-W6", "メイリオ", "Meiryo", Sans-Serif;
  font-size:1.9em;
  margin: 0px 0px 0px 20px;
  width: 80px;
  height: 80px;
  vertical-align: top;
  color: #000000;
}

#fcubtnlockcontrol {
  font-family:"ヒラギノ角ゴ Pro W6", "HiraKakuPro-W6", "ヒラギノ角ゴ ProN W6", "HiraKakuProN-W6", "メイリオ", "Meiryo", Sans-Serif;
  font-size: 1.2em;
  margin: 0px 0px 0px 20px;
  padding: 0px;
  width: 80px;
  vertical-align: top;
  height: 80px;
  color: #000000;
}

#fcubuttonarea2 {
  height: 80px;
  margin: 10px 0px 0px 0px;
  vertical-align: top;
  float: left;
}

#fcubtnbulb {
  font-family:"ヒラギノ角ゴ Pro W6", "HiraKakuPro-W6", "ヒラギノ角ゴ ProN W6", "HiraKakuProN-W6", "メイリオ", "Meiryo", Sans-Serif;
  font-size:1.0em;
  margin: 0px 0px 0px 50px;
  padding: 0px;
  width: 80px;
  height: 80px;
  vertical-align: top;
  color: #000000;
}

#fcubtncleanmode {
  font-family:"ヒラギノ角ゴ Pro W6", "HiraKakuPro-W6", "ヒラギノ角ゴ ProN W6", "HiraKakuProN-W6", "メイリオ", "Meiryo", Sans-Serif;
  font-size:1.0em;
  margin: 0px 0px 0px 20px;
  padding: 0px;
  width: 80px;
  height: 80px;
  vertical-align: top;
  text-align: center;
  color: #000000;
}

#fcuviewarea22 {
  margin: 0px 0px 0px 30px;
  float: left;
}

#fcu_inroom {
  font-size: 2.0em;
  display: inline-block; 
  width: 160px;
  height: 80px;
  text-align: center;
  margin: 40px 0px 0px 0px;
}

#fcubuttonarea3 {
  height: 80px;
  margin: 10px 0px 0px 0px;
  vertical-align: top;
  clear: both;
}

#fcubtnsubmit {
  font-size:2.0em;
  margin: 20px 0px 0px 50px;
  width: 150px;
  height: 80px;
  color: #000000;
}

#fcubtncancel {
  font-size:1.6em;
  margin: 20px 0px 0px 100px;
  width: 150px;
  height: 80px;
  color: #000000;
}

/* timersetting.php
---------------------------------------------------------------------------------------------------- */

#timschedule {
  margin: 10px 0px 0px 50px;
}

#tim_select_schedule {
  font-family:"ヒラギノ角ゴ Pro W6", "HiraKakuPro-W6", "ヒラギノ角ゴ ProN W6", "HiraKakuProN-W6", "メイリオ", "Meiryo", Sans-Serif;
  font-size:1.5em;
  height; 40px;
  width: 400px;
}

.opsch {
  font-size:1.0em;
  height; 50px;
  width: 400px;
}

#tim_div_block {
  margin: 50px 0px 0px 50px;
}

#tim_div_set_title {
  margin: 0px 0px 0px 0px;
}

#tim_lbl-wday, #tim_lbl-sday1, #tim_lbl-sday2, #tim_lbl-sday3
{
  font-size:2.0em;
  display: inline-block; 
  width: 150px;
  border-style: none;
  background-color: #696969;
  color: #ffffff;
  text-align: center;
  vertical-align: center;
}

#tim_lbl-wday {
  background-color: #696969;
}

#tim_lbl-sday1 {
  background-color: #6A5ACD;
}

#tim_lbl-sday2 {
  background-color: #DC143C;
}

#tim_lbl-sday3 {
  background-color: #006400;
}

#tim_div_title1 {
  margin: 20px 0px 0px 0px;
}

#tim_lbl_cmd {
  font-size:2.0em;
  display: inline-block; 
  margin: 0px 0px 0px 100px;
  width: 80px;
  border-style: none;
  color: #000000;
  text-align: center;
  vertical-align: center;
}

#tim_lbl_start {
  font-size:2.0em;
  display: inline-block; 
  margin: 0px 0px 0px 120px;
  width: 80px;
  border-style: none;
  color: #000000;
  text-align: center;
  vertical-align: center;
}

#tim_lbl_end {
  font-size:2.0em;
  display: inline-block;
  margin: 0px 0px 0px 10px;
  width: 70px;
  border-style: none;
  color: #000000;
  text-align: center;
  vertical-align: center;
}

#tim_lbl_temp {
  font-size:2.0em;
  display: inline-block; 
  margin: 0px 0px 0px 0px;
  width: 160px;
  border-style: none;
  color: #000000;
  text-align: center;
  vertical-align: center;
}

#tim_div_set_contents {
  margin: 10px 0px 0px 0px;
}

#tim_lbl_wday1, #tim_lbl_wday2, #tim_lbl_wday3, #tim_lbl_wday4,
#tim_lbl_s1day1, #tim_lbl_s1day2, #tim_lbl_s1day3, #tim_lbl_s1day4,
#tim_lbl_s2day1, #tim_lbl_s2day2, #tim_lbl_s2day3, #tim_lbl_s2day4,
#tim_lbl_s3day1, #tim_lbl_s3day2, #tim_lbl_s3day3, #tim_lbl_s3day4
{
  width: 80px;
  font-size:2.0em;
  display: inline-block; 
  text-align: center;
}

#tim_select_cmd_wday1, #tim_select_cmd_wday2, #tim_select_cmd_wday3, #tim_select_cmd_wday4,
#tim_select_cmd_s1day1, #tim_select_cmd_s1day2, #tim_select_cmd_s1day3, #tim_select_cmd_s1day4,
#tim_select_cmd_s2day1, #tim_select_cmd_s2day2, #tim_select_cmd_s2day3, #tim_select_cmd_s2day4,
#tim_select_cmd_s3day1, #tim_select_cmd_s3day2, #tim_select_cmd_s3day3, #tim_select_cmd_s3day4
{
  font-size:1.5em;
  display: inline-block; 
  text-align: center;
  width: 200px;
}

/*
#tim_lbl_wday4, #tim_lbl_s1day4, #tim_lbl_s2day4, #tim_lbl_s3day4
{
	font-size:1.0em;
}
*/

.opcmd {
  font-size: 1.0em;
  width: 200px;
  text-align: right;
}

#tim_txt_start_wday1, #tim_txt_start_wday2, #tim_txt_start_wday3, #tim_txt_start_wday4,
#tim_txt_start_s1day1, #tim_txt_start_s1day2, #tim_txt_start_s1day3, #tim_txt_start_s1day4,
#tim_txt_start_s2day1, #tim_txt_start_s2day2, #tim_txt_start_s2day3, #tim_txt_start_s2day4,
#tim_txt_start_s3day1, #tim_txt_start_s3day2, #tim_txt_start_s3day3, #tim_txt_start_s3day4
{
  font-size:1.5em;
  display: inline-block; 
  text-align: center;
  width: 80px;
}

#tim_txt_stop_wday1, #tim_txt_stop_wday2, #tim_txt_stop_wday3, #tim_txt_stop_wday4,
#tim_txt_stop_s1day1, #tim_txt_stop_s1day2, #tim_txt_stop_s1day3, #tim_txt_stop_s1day4,
#tim_txt_stop_s2day1, #tim_txt_stop_s2day2, #tim_txt_stop_s2day3, #tim_txt_stop_s2day4,
#tim_txt_stop_s3day1, #tim_txt_stop_s3day2, #tim_txt_stop_s3day3, #tim_txt_stop_s3day4
{
  font-size:1.5em;
  display: inline-block; 
  text-align: center;
  width: 80px;
}

#tim_select_temp_wday1, #tim_select_temp_wday2, #tim_select_temp_wday3, #tim_select_temp_wday4,
#tim_select_temp_s1day1, #tim_select_temp_s1day2, #tim_select_temp_s1day3, #tim_select_temp_s1day4,
#tim_select_temp_s2day1, #tim_select_temp_s2day2, #tim_select_temp_s2day3, #tim_select_temp_s2day4,
#tim_select_temp_s3day1, #tim_select_temp_s3day2, #tim_select_temp_s3day3, #tim_select_temp_s3day4
{
  font-size:1.5em;
  display: inline-block; 
  text-align: center;
  width: 120px;
}

#tim_btn_submit {
  font-size:2.0em;
  margin: 0px 0px 0px 50px;
  width: 150px;
  height: 80px;
  color: #000000;
}

#tim_btn_cancel {
  font-size:1.6em;
  margin: 0px 0px 0px 350px;
  width: 150px;
  height: 80px;
  color: #000000;
}

/* dialog */
#dlgtxt {
  margin: 20px 0px 0px 75px;
}

#tim_txt_dlg_time {
  margin: 5px 0px 0px 30px;
}

#tim_txt_dlg_time {
  font-size:2.0em;
  display: inline-block; 
  text-align: center;
  width: 100px;
}

#tim_dlg_select_hour {
  font-size:2.0em;
  display: inline-block; 
  text-align: center;
  width: 80px;
}

#tim_dlg_select_min {
  font-size:2.0em;
  display: inline-block; 
  text-align: center;
  width: 80px;
}

#tim_dlg_lbl_1 {
  font-size:2.0em;
  display: inline-block; 
  text-align: center;
  width: 20px;
}

#tim_dlg_lbl_2 {
  font-size:2.0em;
  display: inline-block; 
  text-align: center;
  width: 20px;
}

.cl_tim_btn_dlg {
  font-size: 2.0em;
  display: inline-block; 
  text-align: center;
  width: 50px;
  height: 40px;
}

#tim_btn_dlg_hour_dn {
  margin: 10px 0px 0px 75px;
}

#tim_btn_dlg_hour_up {
  margin: 10px 0px 0px 0px;
}

#tim_btn_dlg_min_dn {
  margin: 10px 0px 0px 20px;
}

#tim_btn_dlg_min_up {
  margin: 10px 0px 0px 0px;
}

.tim_dlg_btn_nosch {
  margin: 20px 0px 0px 0px;
  width: 200px;
  height: 40px;
}

/* specificdate.php
---------------------------------------------------------------------------------------------------- */

#spc_header {
  margin: 10px 0px 0px 50px;
}

#spc_yymm {
  font-family:"ヒラギノ角ゴ Pro W6", "HiraKakuPro-W6", "ヒラギノ角ゴ ProN W6", "HiraKakuProN-W6", "メイリオ", "Meiryo", Sans-Serif;
  font-size:1.5em;
  height; 40px;
  width: 400px;
}

.opspcym {
  font-size:1.0em;
  height; 50px;
  width: 400px;
}

#spc_contents {
  margin: 20px 0px 0px 50px;
}

#spc_div_dayofweek {
  margin: 20px 0px 0px 0px;
}

.tableSpecificDay {
  width: 100%;
}

.tableSpecificDay th {
  text-align: center;
  height: 40px;
  border: 1px #BDC3C7 solid;
  background:#ffffff;

}

.tableSpecificDay .th_sun {
  font-size:1.6em;
  color:#ff0000;
}

.tableSpecificDay .th_sat {
  font-size:1.6em;
  color:#0000ff;
}

.tableSpecificDay .th_other {
  font-size:1.6em;
  color:#000000;
}

.tableSpecificDay td {
  font-size:1.6em;
  color:#000000;
  background:#ffffff;
  width: 40px;
  height: 45px;
  text-align: center;
  vertical-align: middle;
/*  border-style: none; */
  border: 1px #BDC3C7 solid;
  border-collapse: separate;
}

#spc_table th#spc_table_th_sun {
  font-size:2.0em;
  color:#ff0000;
  background:#dfdfdf;
  width: 40px;
  height: 50px;
}

#spc_table th#spc_table_th {
  font-size:2.0em;
  color:#000000;
  background:#dfdfdf;
  width: 40px;
  height: 50px;
}

#spc_table th#spc_table_th_sat {
  font-size:2.0em;
  color:#0000ff;
  background:#dfdfdf;
  width: 40px;
  height: 50px;
}

#spc_table td {
  font-size:2.0em;
  color:#000000;
  background:#ffffff;
  width: 40px;
  height: 45px;
/*  padding:5px 20px; */
  text-align: center;
  vertical-align: middle;
  border-style: none;
  border-collapse: separate;
}

#spc_table td#spc_table_td_00 {
  border: 1px #000000 solid;
}

#spc_footer {
  margin: 5px 0px 0px 50px;
}

#spc_footer_lbl_wday, #spc_footer_lbl_s1day, #spc_footer_lbl_s2day, #spc_footer_lbl_s3day
{
  font-size:1.5em;
  display: inline-block; 
  width: 100px;
  margin: 0px 20px 0px 20px;
  border-style: none;
/*  background-color: #FFFFFF; */
/*  color: #ffffff; */
  text-align: center;
  vertical-align: center;
}

#spc_footer_lbl_wday {
  background-color: #FFFFFF;
  color: #000000;
  border: 1px #000000 solid;
}

#spc_footer_lbl_s1day {
  background-color: #6A5ACD;
  color: #ffffff;
  border-style: none;
}

#spc_footer_lbl_s2day {
  background-color: #DC143C;
  color: #ffffff;
  border-style: none;
}

#spc_footer_lbl_s3day {
  background-color: #006400;
  color: #ffffff;
  border-style: none;
}

#spc_footer_btn_submit {
  font-size:2.0em;
  margin: 20px 0px 0px 50px;
  width: 120px;
  height: 60px;
  color: #000000;
}

#spc_footer_btn_cancel {
  font-size: 1.4em;
  margin: 20px 0px 0px 300px;
  width: 120px;
  height: 60px;
  color: #000000;
}


/* 追加 */
.topmenu {
	margin: 10px 10px 10px 10px;
	text-align: right;
}

.subtitle {
	margin: 0px 0px 0px 40px;
	font-size: 1.2em;
}


/* user.php
---------------------------------------------------------------------------------------------------- */
#user_searchcondition {
  margin: 20px 0 0 0;
}

.user_label {
	display:block;
	width: 200px;
}

.tableUserList {
  border-collapse: collapse;
  border-style: solid;
  border-color: #000080;
  border-width: 1px;
}

.tableUserList th {
  font-size:0.9em;
  font-weight:bold;
  font-family:"ヒラギノ角ゴ Pro W6", "HiraKakuPro-W6", "ヒラギノ角ゴ ProN W6", "HiraKakuProN-W6", "メイリオ", "Meiryo", Sans-Serif;
  color:#FFFFFF;
  background:#1F4788!important;
  padding:5px 5px!important;
  border-color: #000080!important;
  border-width: 1px!important;
  text-align: center;
}

.tableUserList tr {
  font-size:0.9em;
  padding:5px 10px;
}

.tableUserList td {
  font-family:"ヒラギノ角ゴ Pro W6", "HiraKakuPro-W6", "ヒラギノ角ゴ ProN W6", "HiraKakuProN-W6", "メイリオ", "Meiryo", Sans-Serif;
  font-size:0.8em;
  padding:5px 10px;
  border-style: solid;
  border-color: #000000;
  border-width: 1px;
  cursor: pointer;
}

.tableUserList th.thUserList00, .tableUserList td.tdUserList00 {
  width: 80px;
}

.tableUserList th.thUserList01, .tableUserList td.tdUserList01 {
  width: 80px;
}

.tableUserList th.thUserList02, .tableUserList td.tdUserList02 {
  width: 200px;
}

.tableUserList th.thUserList03, .tableUserList td.tdUserList03 {
  width: 200px;
}

.tableUserList th.thUserList04, .tableUserList td.tdUserList04 {
  width: 300px;
}

.tableUserList th.thUserList05, .tableUserList td.tdUserList05 {
  width: 100px;
}

.user_diglabel {
  margin: 10px 10px 0px 20px;
}

.bggray {
	background-color: #dddddd;
}

.bgwhite {
	background-color: #ffffff;
}



/* popup
---------------------------------------------------------------------------------------------------- */

.popup {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  transition: .6s;
}
.popup.is-show {
  opacity: 1;
  visibility: visible;
}
.popup-inner {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  width: 80%;
  max-width: 600px;
  padding: 50px;
  background-color: #ECF0F1;
  z-index: 2;
}
.popup-inner img {
  width: 100%;
}
.close-btn {
  position: absolute;
  right: 0;
  top: 0;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  cursor: pointer;
}
.close-btn i {
  font-size: 20px;
  color: #333;
}
.black-background {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.8);
  z-index: 1;
  cursor: pointer;
}


/* confirm
---------------------------------------------------------------------------------------------------- */

.confirm {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  transition: .6s;
}
.confirm.is-show {
  opacity: 1;
  visibility: visible;
}
.confirm-inner {
  position: absolute;
  left: 50%;
  top: 40%;
  transform: translate(-50%,-50%);
  width: 80%;
  max-width: 600px;
  padding: 40px 20px 80px 50px;
  background-color: #ECF0F1;
  z-index: 2;
}
.confirm-inner img {
  width: 100%;
}

.confirm-btn {
  position: absolute;
  right: 5%;
  bottom: 10%;
}

.inputdialog1 {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  transition: .6s;
}
.inputdialog1.is-show {
  opacity: 1;
  visibility: visible;
}
.inputdialog1-inner {
  position: absolute;
  left: 50%;
  top: 40%;
  transform: translate(-50%,-50%);
  width: 80%;
  max-width: 600px;
  padding: 40px 20px 80px 50px;
  background-color: #ECF0F1;
  z-index: 2;
}
.inputdialog1-inner img {
  width: 100%;
}

.inputdialog1-input {
  position: absolute;
  left: 10%;
  bottom: 30%;
}

.inputdialog1-btn {
  position: absolute;
  right: 5%;
  bottom: 10%;
}


.loader {
  align-items: center;
  background: #fff;
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 999;
  &::after {
    animation: loader 0.5s linear infinite;
    border: 1px solid orange;
    border-radius: 50%;
    border-right: 1px solid rgba(orange, 0.2);
    border-top: 1px solid rgba(orange, 0.2);
    content: "";
    height: 70px;
    width: 70px;
  }
}

@keyframes loader {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}


#overlay{ 
  position: fixed;
  top: 0;
  z-index: 100;
  width: 100%;
  height:100%;
  display: none;
  background: rgba(0,0,0,0.6);
}

.cv-spinner {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;  
}

.spinner {
  width: 80px;
  height: 80px;
  border: 4px #ddd solid;
  border-top: 4px #2e93e6 solid;
  border-radius: 50%;
  animation: sp-anime 0.8s infinite linear;
}

@keyframes sp-anime {
  100% { 
    transform: rotate(360deg); 
  }
}
.is-hide{
  display:none;
}

.timeline_parking_name {
  font-size:1.5em;
  font-weight:bold;
  font-family:"ヒラギノ角ゴ Pro W6", "HiraKakuPro-W6", "ヒラギノ角ゴ ProN W6", "HiraKakuProN-W6", "メイリオ", "Meiryo", Sans-Serif;
}

.reportdate {
  display: inline-block;
  width: 50%;
  padding: 0.5em;
  border: 1px solid #999;
  box-sizing: border-box;
  background: #f2f2f2;
  margin: 0.5em 0;
}


.tableParkingSearch th {
  font-size:0.9em;
  font-weight:bold;
  font-family:"ヒラギノ角ゴ Pro W6", "HiraKakuPro-W6", "ヒラギノ角ゴ ProN W6", "HiraKakuProN-W6", "メイリオ", "Meiryo", Sans-Serif;
  color:#FFFFFF;
  background:#1F4788!important;
  padding:5px 5px!important;
  border-color: #000080!important;
  border-width: 1px!important;
  text-align: center;
}

.tableParkingSearch td {
  font-family:"ヒラギノ角ゴ Pro W6", "HiraKakuPro-W6", "ヒラギノ角ゴ ProN W6", "HiraKakuProN-W6", "メイリオ", "Meiryo", Sans-Serif;
  font-size:0.8em;
  padding:3px 3px!important;
  border-style: solid;
  border-color: #000000;
  border-width: 1px;
  text-align: center;
}

.tableParkingSearch td.td00 { width: 200px; text-align: left; }
.tableParkingSearch td.td01 { width: 100px; text-align: left; }
.tableParkingSearch td.td02 { width: 100px; text-align: left; }
.tableParkingSearch td.td03 { width: 100px; text-align: center; }
.tableParkingSearch td.td04 { width: 100px; text-align: center; }


.tippy-box[data-theme~='help_1'] {
  background-color: rgb(255,127,80);
  color: rgb(105,105,105);
}

.menu_control {
  height: 35px!important;
}

.menu_li {
  padding: 7px 15px 7px 20px;

}

.top_title {
  margin: 0px 0px 10px 10px;
}

.select_menu {
/*  background:#F5D76E!important; */
  background: #fafad2!important;
  color: #000000;
}