.fileio {    
    position: absolute;
    right: 0;
    top: 0;
    width: 20%; /* フォームの幅 */
    height: 30%;
    background-color: #f0f0f0;
    padding: 20px;
    box-sizing: border-box;
    overflow: auto; /* 内容がはみ出した場合にスクロールバーを表示 */
  }

.guimenu {
  position: absolute;
  right: 0;
  top: 30%;
  width: 20%; /* フォームの幅 */
  height: 70%;
  background-color: #f0f0f0;
  padding: 20px;
  box-sizing: border-box;
  overflow: auto; /* 内容がはみ出した場合にスクロールバーを表示 */
}

.toggle-btn-topgui {
  padding: 8px 10px;
  background-color: #74757cd2;
  color: white;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}

.camPosBTN {
  padding: 1px 5px;
  margin: 2px 2px;
  background-color: #f5ab0dd2;
  color: white;    
  border-color: #000000d2;
  border-radius: 4px;
  cursor: pointer;
}

/* 共通スタイル */
.dropZone {
  width: 200px;
  height: 50px; /* 高さ */
  border: 3px dashed #efff10; /* 枠線 */
  border-radius: 10px; /* 角を丸く */
  text-align: center;
  font-size: 16px;
  transition: background-color 0.3s ease; /* アニメーション */
}

/* ドラッグオーバー時のスタイル */
.dragover {
  background-color: #e0eaff !important; /* ドラッグオーバー時の背景色 */
  border-color: #ee0552 !important; /* ドラッグオーバー時の枠線の色 */
  color: #0056b3 !important; /* ドラッグオーバー時のテキストカラー */
}

/* 各ファイルリストスタイル */
.fileList {
  margin-top: 5px;
  font-size: 12px;
}

/* 特定の要素に異なるスタイルを設定 */
#dropZone_Dat {
  background-color: #a168fd; /* 背景色 */
  color: #c8ff00; /* テキストカラー */
  line-height: 50px; /* 中央揃え */
}

#dropZone_folder {
  width: 250px;
  background-color: #1b007a; /* 背景色 */
  color: #ffffff; /* テキストカラー */
}

#dropZone_ini {
  width: 250px;
  background-color: #87c513; /* 背景色 */
  color: #ffffff; /* テキストカラー */
}

.window-size-label {
    display: inline-block;
    margin-left: 8px;
    padding: 4px 8px;
    background-color: #222;
    color: #00ffcc;
    border-radius: 6px;
    font-family: monospace;
    font-size: 0.9rem;
    letter-spacing: 0.5px;
}

.rec-res-label {
    display: inline-block;
    margin-left: 8px;
    padding: 4px 8px;
    background-color: #222;
    color: #00ffcc;
    border-radius: 6px;
    font-family: monospace;
    font-size: 0.9rem;
    letter-spacing: 0.5px;
}

.RecResBTN {
  padding: 1px 5px;
  margin: 2px 2px;
  background-color: #f5ab0dd2;
  color: white;    
  border-color: #000000d2;
  border-radius: 4px;
  cursor: pointer;
}

#RecRes_Area {
  border: 1px solid #383838dc;
  border-radius: 4px;
  padding: 8px;
  padding-left: 15px;
  padding-right: 15px;
  margin-top: 10px;
  background-color: #af7dff;
  display: inline-block;
}

#label_RecRes {
  font-size: 16px;
  font-weight: bold;
  color: #ffffff;
}

#textPPD{
  font-size : 16px;
}