@charset "UTF-8";

:root{
  --mls5-bg: #f3f6fb;
  --mls5-surface: #ffffff;
  --mls5-surface-2: #f0f4fa;
  --mls5-text: #1e293b;
  --mls5-muted: #64748b;
  --mls5-accent: #2563eb;
  --mls5-accent-strong: #1d4ed8;
  --mls5-accent-soft: #cde4ff;
  --mls5-accent-soft-2: #eaf1ff;
  --mls5-border: #bcd8ff;
  --mls5-nav-border: #c3d3ff;
  --mls5-footer-grad: linear-gradient(to right, #cde4ff, #057ae7);
  --mls5-panel-grad: linear-gradient(180deg, #f3f7fc 0%, #e8f0fb 40%, #f6f8fc 100%);
  --mls5-button-grad: linear-gradient(180deg, #eaf1ff, #d0e0ff);
  --mls5-button-grad-hover: linear-gradient(180deg, #dce9ff, #c7d9ff);
}


/*全ページ共通
-----------------------------------------*/
* {
margin:0;
padding:0;
}

li {
list-style:none;
}

a img {
border:none;
}

html {
  /* background:#F8F8EC;
height:100%; */
}

body {
  padding: 0;
  margin: 0 auto;
  width:1900px;
  /* min-height:100%; */
  position: relative;
  font-size: 16px;
  color: var(--mls5-text);
  line-height: 1.2;
  font-family: "Hiragino Kaku Gothic Pro", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
  text-align: center;
  background: var(--mls5-bg);
  /* left: 0px;
  top: 0px; */
}

a{
color:var(--mls5-accent-strong);
}

a:hover{
color:var(--mls5-accent-strong);
}

hr{
  border: none;
  height: 0;
  overflow: hidden;
  border-bottom: 1px dotted var(--mls5-border);
  clear: both;
}

header,
footer,
section,
article,
figure,
figcaption {
  display: block;
}

/*ヘッダー
-----------------------------------------*/
body header {
  width:1850px;
  height:95px;
  position:relative;
  margin:0 auto 20px;
  background: var(--mls5-footer-grad);
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0,0,0,.08), inset 0 0 0 1px rgba(188,216,255,.9);
}

/* MSEロゴ */
#h1id1 img {
  height: 70px;   /* ヘッダ内に収まる高さに調整 */
  width: auto;
  display: block;
}
body header h1 {
/*position:absolute;*/
top:0px;
left:0px;
}

body header h2 {
font-size:14px;
color:rgba(255,255,255,.88);
font-weight:normal;
text-align:right;
position:absolute;
top:0px;
right:10px;
}

body header big {
margin-top:10px;
font-size:28px;
color:#eaf2ff;
}

body header h3{
position:absolute;
top:15px;
right:10px;
}

body header .system-name {
color:#ffffff;
text-shadow:0 1px 0 rgba(0,0,0,.08);
}

/*ヘッダー:メニュー
-----------------------------------------*/
nav {
position:absolute;
bottom:30px;
left:0px;
right:0px;
width:500px;
height:25px;
}
nav ul li {
float:left;
}
nav ul li a {
display:block;
width:85px;
height:35px;
text-align:center;
line-height:35px;
color:rgba(255,255,255,.88);
font-weight:bold;
background-image:url('common/img/menu2.png');
background-repeat:no-repeat;
text-decoration:none;
}
nav ul li a:hover {
background-color:var(--mls5-accent-strong);
color:#FFF;
}
nav ul li:first-child a {
background-image:url('common/img/menu1.png');
}
nav ul li:last-child a {
background-image:url('common/img/menu3.png');
}

div.nav-button a,
a.nav-button {
color: #1d4ed8;
text-decoration: none;
}
div.nav-button:hover a,
a.nav-button:hover {
color: #1e3a8a;
}


/*noscript
-----------------------------------------*/
p#noscript {
width:80%;
padding:30px;
margin:0 auto;
/* color:red; */
color:var(--mls5-accent-strong);
font-weight:bold;
}

/*フッター
-----------------------------------------*/
footer {
border:1px solid transparent;
margin-top:10px;
}

footer small {
display:block;
position:absolute;
top:920px;
padding:10px 0 20px 0;
font-size:18px;
text-align:center;
line-height:1;
/* background:red; */
background:var(--mls5-footer-grad);
width:100%;
color:white;
font-family:Arial,sans-serif;
}

/*
-----------------------------------------*/
#footerid1 {
display:block;
position:absolute;
top:1250px;
left:0px;
padding:10px 0 20px 0;
font-size:18px;
text-align:center;
line-height:1;
background:var(--mls5-footer-grad);
width:100%;
}



/*　ページごとの見出し
-----------------------------------------*/
#page_title {
background: linear-gradient(to right, #4f8ff7, #1d4ed8) url('common/img/icon1.png') no-repeat 5px center;
color:#FFF;
font-size:16px;
padding:1px 0 0 25px;
height:30px;
line-height:30px;
border-bottom:2px solid #CCC;
position:relative;
left:0px;
top:-40px;
}

th {
padding:1px 5px 1px 5px;
}

td {
padding:1px 5px 1px 5px;
}

/* MSEロゴ */
#h1id1 {
margin: 0 24px;
}

#h1id2 {
top:60px;
left:615px;
position:absolute;
}

#headerid1 {
  /* height: 120px; */
align-items: center;
}

/* 携帯用ボタン */
#switching_btm
{
top:60px;
left:1650px;
font-size:16px;
position:absolute;
}

/* リアルタイムモニターボタン */
#autoreload_btm
{
top:50px;
left:465px;
font-size:50px;
/* position:absolute; */
}

#div_inp{
  font-size:20px;
  /*padding-right: 1456px;*/
  padding-top: 0px;
  /*position:absolute;*/
  margin-left: 25px;
}

input#dispdate{
  font-size: 19px;
  font-family: "Hiragino Kaku Gothic Pro", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
}

input#display{
  font-size: 20px;
}

input#download{
  font-size: 20px;
}

select#devname{
  font-size: 20px;
  font-family: "Hiragino Kaku Gothic Pro", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
}