@charset "utf-8";

/* 20260908　　ほぼ GeminiAI で教えてもらっている　 */


/* テーブルのみのCSSセット、高さは <br> で調整するようにして指定はしないことにする */



/* ========================================================
   上部の ロゴと「トップに戻る」などのリンク部分　START
   ======================================================== */

/* テーブル全体のスタイル（width="100%", border="0", cellspacing="0" の代わり） */
.POP-Set_nav-table {
  width: 100%;
  border-collapse: collapse; /* セル間の隙間をなくす */
  border: none;
}

/* 各セル共通のスタイル（cellpadding="5", valign="middle" の代わり） */
.POP-Set_nav-table td {
  padding: 5px;
  vertical-align: middle;
}

/* ロゴセルのスタイル（width="8%", align="center" の代わり） */
.logo-cell {
  width: 8%;
  text-align: center;
}

/* ロゴ画像自体のスタイル（border="0" の代わり） */
.logo-cell img {
  width: 25px;
  height: 25px;
  border: none;
  display: inline-block;
  vertical-align: middle;
}

/* 「トップに戻る」セルのスタイル（width="22%", align="left" の代わり） */
.top-cell {
  width: 22%;
  text-align: left;
}

/* 「基本的な不良と対策に戻る」セルのスタイル（width="70%", align="left" の代わり） */
.back-cell {
  width: 70%;
  text-align: left;
}


/* ========================================================
   上部の ロゴと「トップに戻る」などのリンク部分　END
   ======================================================== */



/* ■■■■■■■不良と対策の外枠部分　" no_good "のファイル等に使用■■■■■■■■■■■■■■■■■ */


/* HTML には、角R+色を付けるCSSを別に読み込んで使用するために下記のソースになる  */
/*  <table class="bd-out-blue1_R10_all POP-Set_table-layout_1x1"> </table>  */


/* テーブル全体のレイアウト設定 */
.POP-Set_table-layout_1x1 {
  width: 95%;         /* width="570" の代わり　570px */
  max-width: 590px;  /* 最大 590px 以上にならないようにしておく */
  border-spacing: 0;    /* cellspacing="0" の代わり */
}

/* セル内の余白設定 */
.table-layout-POP-Set_1x1,
.table-layout-POP-Set_1x1 {
  padding: 5px;         /* cellpadding="5" の代わり */
  text-align: left;     /* 必要に応じて center や right に変更してください */
}

/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */



/* ========================================================
   1. 画像テーブル (製品画像など)
   ======================================================== */
.POP-Set_qa-image-table {
  width: 100%;
  max-width: 535px;
  border-collapse: collapse;
  border: none;
}

.POP-Set_qa-image-table .qa-image-cell {
  text-align: center;
  vertical-align: middle;
  padding: 10px;
}

.POP-Set_qa-image-table .qa-image-cell img {
  max-width: 100%;
  height: auto;
  border: none;
  display: inline-block;
}


/* ========================================================
   2. 見出しテーブル (不良内容など)
   ======================================================== */
.POP-Set_qa-header-table {
  width: 95%;
  max-width: 535px;
  border-collapse: separate;
  border-spacing: 3px;
  border: none;
}

.POP-Set_qa-header-table .qa-header {
  text-align: left;
  vertical-align: middle;
  padding: 5px;
  font-weight: bold;
}

.POP-Set_qa-header-table .qa-header img {
  vertical-align: middle;
  margin-right: 5px;
}


/* ========================================================
   3. 質問文テーブル (Q1など)
   ======================================================== */
.POP-Set_qa-table {
  width: 95%;
  max-width: 535px;
  border-collapse: separate;
  border-spacing: 3px;
  border: none;
}

.POP-Set_qa-table .qa-num {
  width: 7%;
  text-align: right;
  vertical-align: top;
  padding: 5px;
  white-space: nowrap;
}

.POP-Set_qa-table .qa-text {
  text-align: left;
  vertical-align: top;
  padding: 5px;
}



/* ========================================================
   　下部の「お見積もり・お問い合わせ部分」
   ======================================================== */


/* テーブル全体のスタイル（width="580", border="0", cellspacing="0" の代わり） */
.POP-Set_contact-table {
  width: 95%;
  max-width: 535px;
  border-collapse: collapse; /* セル間の隙間をなくす */
  border: none;
}

/* セル内のスタイル（cellpadding="5", align="right", valign="middle" の代わり） */
.POP-Set_contact-table .contact-cell {
  padding: 5px;
  text-align: right;
  vertical-align: middle;
}

/* セル内画像の位置微調整用のスタイル（文字との縦方向の揃え） */
.POP-Set_contact-table .contact-cell img {
  vertical-align: middle;
  border: none;
}



/* ========================================================
   　一番下部の「コピーライト」と「閉じる」部分
   ======================================================== */

/* テーブル全体のスタイル（width="100%", border="0", cellspacing="0" の代わり） */
.footer-wide-table {
  width: 100%;
  border-collapse: collapse; /* セル間の隙間をなくす */
  border: none;
}

/* 各セル共通のスタイル（cellpadding="3" の代わり） */
.footer-wide-table td {
  padding: 3px;
  vertical-align: middle; /* 縦方向の中央揃え */
}

/* コピーライトセルのスタイル（width="85%", align="center" の代わり） */
.footer-wide-table .copyright-cell {
  width: 85%;
  text-align: center;
}

/* 閉じるボタンセルのスタイル（width="15%", align="center" の代わり） */
.footer-wide-table .close-cell {
  width: 15%;
  text-align: center;
}



/* =======================================================