#rounded-index {
  width: 140px;
  height: 35px;
  border-radius: 5px;
  background-color: #add8e6;
  border: solid 1px #6a6a6a;
  display: flex;
  justify-content: center;
  align-items: center;
}

/*** 各BOXの左上に付くタイトル部 ***/
#box-title {
  width: 140px;
  height: 35px;
  border-radius: 3px;
  background-color: #5f9ea0;
  border: solid 0px #
  #2f4f4f;
  display: flex;
  justify-content: center;
  align-items: center;
}

/*** Login 画面の新着情報BOX ***/
#rounded-box {
  width: 100%;
  height: 600px;
  border-radius: 3px;
  background-color: #ffffff;
  border: solid 1px #6a6a6a;
  vertical-align: top;
  overflow: auto;
}

/*** Login 画面のログインBOX ***/
#rounded-login-box {
  width: 80%;
  height: 250px;
  border-radius: 3px;
  background-color: #ffffff;
  border: solid 1px #6a6a6a;
  vertical-align: top;
  display: flex;
  justify-content: center;
}

/*************** 設定画面関連 ****************/
#rounded-config-base {
  width: 90%;
  height: 100%;
/*  border-radius: 3px; */
  background-color: #ffffff;
/*  border: solid 0px #6a6a6a; */
  justify-content: center;
  text-align:center
}
#rounded-config-sys_id-box {
  width: 90%;
  height: 200px;
  border-radius: 3px;
  background-color: #ffffff;
  border: solid 1px #6a6a6a;
  display: flex;
  justify-content: center;
  align-items: center;
}
#rounded-config-box {
  width: 90%;
  height: 100%;
  border-radius: 3px;
  background-color: #ffffff;
  border: solid 1px #6a6a6a;
  display: flex;
  justify-content: center;
  align-items: center;
}
#rounded-config-title {
  width: 80%;
  height: 40px;
  border-radius: 3px;
  background-color: #add8e6;
  border: solid 1px #6a6a6a;
  display: flex;
  justify-content: left;
  align-items: center;
}

/**** タグを強制指定 ***/
input {
  height: 28px;
  font-size: 18px;
}

/************* ボタンCSS *************/
button {
    background-color: #5f9ea0; /*#4CAF50;*/ /* 背景色 */
    color: #FFFFFF; /* 文字色 */
    padding: 2px 24px; /* パディング */
    text-align: center; /* 文字のアライメント */
    text-decoration: none; /* 文字装飾 */
    display: inline-block; /* ボタンの表示方法 */
    font-size: 18px; /* フォントサイズ */
    font-family: Myriad, verdana, arial, "Osaka", "ＪＳゴシック", "ヒラギノ角ゴ Pro W3", "MS Pゴシック", sans-serif;
    font-weight: none;
    margin: 4px 2px; /* 外側の余白 */
    cursor: pointer; /* カーソル */
    border-radius: 5px; /* ボーダーの角丸 */
    border: 1px solid #105a59;
}


button:hover {
    background-color: #105a59; /*#3e8e41;*/
}


/********** [グラフ][CSVダウンロード]等のItemボタン ********/
.itm-button {
    background-color: #1499CC; /*#4CAF50;*/ /* 背景色 */
    color: #FFFFFF; /* 文字色 */
    padding: 2px 24px; /* パディング */
    text-align: center; /* 文字のアライメント */
    text-decoration: none; /* 文字装飾 */
    display: inline-block; /* ボタンの表示方法 */
    font-size: 14px; /* フォントサイズ */
    font-family: Myriad, verdana, arial, "Osaka", "ＪＳゴシック", "ヒラギノ角ゴ Pro W3", "MS Pゴシック", sans-serif;
    font-weight: none;
    margin: 4px 2px; /* 外側の余白 */
    cursor: pointer; /* カーソル */
    border-radius: 5px; /* ボーダーの角丸 */
    border: 1px solid #105a59;
}


.itm-button:hover {
  color: #ffffff;     /* 文字色     */
  background-color:  #335c8b; /*#3e8e41;*/
}

/*************計測値表示画面のBOX *********************/
#view-box2 {
  width: 500px;
  /* height: 600px;*/
  border-radius: 3px;
  background-color: #444444;
  border: solid 1px #6a6a6a;
  vertical-align: top;
  margin: -5px 0;
  /*overflow: auto;*/
}
/**********一覧・詳細画面の枠CSS *************/
#view-title {
  display: flex;
  width: 90%;
  height: 40px;
  border-radius: 3px;
  background-color: #5f9ea0;
  border: solid 1px #00326d;
  text-align: center;
  margin: 10px 0;
  color: #FFFFFF;
  vertical-align: bottom;
}
/**********一覧・詳細画面の目次文字のCSS *************/
#item-title {
  width: 250px;
  height: 100%;
  border: none;
  vertical-align: middle;
  text-align: left;
  margin: 5px 24px;
}

#view-box {
  width: 90%;
  /* height: 600px;*/
  border-radius: 3px;
  background-color: #ffffff;
/*  border: solid 1px #6a6a6a; */
  border: none;
  vertical-align: top;
}

#ditel-box {
  width: 90%;
  /* height: 600px;*/
  border-radius: 3px;
  background-color: #ffffff;
  border: solid 0px #6a6a6a;
  vertical-align: top;
  /*overflow: auto;*/
}

/*************メール配信注意書きのBOX *********************/
#attention-box {
  width: 270px;
  height: 32px;
  border-radius: 5px;
  background-color: #FFFFFF;
  border: solid 0px #ee0000;
  vertical-align: top;
  margin: 0px;
  padding: 0px 20px 0px 0px;

  display: flex;
  align-items: left;
}
#attention2-box {
  width: 400px;
  /*height: 40px;*/
  border-radius: 5px;
  background-color: #FFFFFF;
  border: solid 2px #ee0000;
  vertical-align: top;
  margin: 10px;
  padding: 10px;
}
/***** オリジナルボタン *****/
.pop-btn{
    border: 1px solid #ffffff ;
    border-radius: 5px;
    display: block;
    width: 150px;
    height: 35px;
    padding: 4px;
    box-sizing: border-box;
    background: #5f9ea0;
    color: #ffffff;
    text-decoration: none;
    text-align: center;
    margin: 10px 0;
}
.pop-btn:hover {
  color         : #ffffff;     /* 文字色     */
  background    : #2f4f4f;     /* 背景色     */
}
 
/***** オリジナルボタン *****/
.itm-btn{
    border: 1px solid #105a59 ;
    border-radius: 3px;
    display: block;
    width: 100px;
    height: 26px;
    padding: 2px;
    box-sizing: border-box;
    background: #5F9EA0;
    color: #ffffff;
    text-decoration: none;
    text-align: center;
    margin: 10px 0;
}
.itm-btn:hover {
  color         : #ffffff;     /* 文字色     */
  background    : #3b7a7c;     /* 背景色     */
}

/***** 小さなボタン *****/
.mini-btn{
    border: 1px solid #105a59 ;
    border-radius: 2px;
    display: block;
    width: 60px;
    height: 24px;
    padding: 2px;
    box-sizing: border-box;
    background: #5F9EA0;
    color: #ffffff;
    text-decoration: none;
    text-align: center;
    margin: 10px 0;
}
.mini-btn:hover {
  color         : #ffffff;     /* 文字色     */
  background    : #3b7a7c;     /* 背景色     */
}