@charset "utf-8";

body        {background-color:white;color:black;font-family:arial,sans-serif,sans;font-size:13px;margin:0}
tbody       {vertical-align:top}
h2          {font-family:Segoe,'Segoe UI',Optima,Arial,sans-serif;font-size:20px;font-weight:normal;margin-top:40px;margin-bottom:20px;color:#7A0018}
h1          {font-family:Segoe,'Segoe UI',Optima,Arial,sans-serif;font-size:24px;font-weight:bold;margin-top:15px;margin-bottom:10px;text-align:center;}
h3          {font-family:Segoe,'Segoe UI',Optima,Arial,sans-serif;font-size:16px;font-weight:bold;margin-top:30px;margin-bottom:15px}
h4          {font-family:Segoe,'Segoe UI',Optima,Arial,sans-serif;font-size:15px;font-weight:bold;margin-top: 0px;margin-bottom:10px}
h5          {font-family:Segoe,'Segoe UI',Optima,Arial,sans-serif;font-size:15px;font-weight:normal;margin-top: 0px;margin-bottom:10px}
li          {font-family:Segoe,'Segoe UI',Optima,Arial,sans-serif;font-size:14px;margin:0px;margin-bottom:10px;padding-left:6px}
p           {font-family:Segoe,'Segoe UI',Optima,Arial,sans-serif;font-size:14px;margin:0px;margin-bottom:10px;padding-left:6px}
p.h2sub     {font-family:Georgia, serif;font-size:16px;margin-top:-30px;margin-bottom:30px}
p.date      {font-size:13px;color:#7A0018;margin-bottom:3px;margin-top:15px}
p.keywords  {background-color:#ffeedd;border-radius:6px;padding:3px 6px;padding-bottom:6px}
div         {margin:0px}

div.nav     {width:299px;position:absolute;top:35px;right:0px;}
div.navt    {width:150px;padding:19px;border:1px solid #D3D3D3;background-color:#e7eaed;}

th          {white-space:nowrap;text-align:left;padding-right:30px}

.nfont      {font-family:"Palatino Linotype","Book Antiqua",Palatino,serif;font-size:13px}

.asian      {font-family:Meiryo,"Hiragino Kaku Gothic Pro W3","MS PGothic","Microsoft Yahei",sans-serif;font-weight:normal}
.center     {margin-left:auto;margin-right:auto;width:900px;background-color:white;position:relative}

span.himg   {color:Peru;text-decoration:underline;position:relative}
span.himg:hover
            {color:SandyBrown;cursor:pointer}
span.himg span
            {visibility:hidden;display:block;width:600px;border:0px solid black;z-index:1;position:absolute;bottom:30px;left:-300px;text-align:center;}
span.himg:hover span
            {visibility:visible}
span.himg:hover span img
            {border:0px solid #D3D3D3;border-radius:0px;background-color:#e7eaed;padding:0px;box-shadow: 6px 6px 12px 0px rgba(0,0,0,0.25);}

.button     {
  padding:10px 15px; padding-right:20px;min-width:0px;
  float:left;
  border-top-left-radius:6px;
  border-top-right-radius:6px;
  color:White;
  background-color:#808080;
  font-family:Segoe,'Segoe UI',Optima,Arial,sans-serif;
  font-size:14px;
}

.button-selected    {
  padding:10px 15px; padding-right:20px;min-width:0px;
  float:left;
  border-top-left-radius:6px;
  border-top-right-radius:6px;
  color:White;
  background-color:#7A0018;
  font-family:Segoe,'Segoe UI',Optima,Arial,sans-serif;
  font-size:14px;
}

.button-margin      {
  width:3px;height:1px;float:left;
}

.button:hover,.button-selected:hover
            {background-color:#B7001B}
:link       {color:DarkSlateBlue}
:visited    {color:DarkSlateBlue}
a.inherit   {color:inherit;text-decoration:inherit}
a.inherit:hover
            {color:inherit}
a:hover     {color:SlateBlue}

table {
	font-size:14px;
}

/* ============================================================
   RESPONSIVE — タブレット (901px 〜 640px)
   デスクトップレイアウトを維持しつつ幅を可変に
   ============================================================ */
@media screen and (max-width: 900px) {
  .center {
    width: 100%;
    box-sizing: border-box;
  }
  /* バナー画像をウィンドウ幅に合わせてスケール */
  .center img[alt="ISIPS 2026 Banner"] {
    width: 100%;
    height: auto;
  }
  /* フッターロゴも縮小 */
  .center img[alt="ips.gif"],
  .center img[alt="fais.gif"] {
    max-width: 100%;
    height: auto;
  }
  /* フッターロゴのコンテナ幅制限を解除 */
  div[style*="width:546px"],
  div[style*="width:564px"] {
    width: auto !important;
    max-width: 95%;
  }
}

/* ============================================================
   RESPONSIVE — スマホ (〜 640px)
   縦1カラムレイアウトに切り替え
   ============================================================ */
@media screen and (max-width: 640px) {
  body { overflow-x: hidden; }

  .center {
    width: 100%;
  }

  /* すべての画像をウィンドウ幅内に収める */
  img {
    max-width: 100%;
    height: auto;
  }

  /* タブを absolute → static にしてバナー下に流す */
  div[style*="position:absolute;bottom:-10px"] {
    position: static !important;
    overflow: hidden; /* float クリア */
    padding: 6px 8px 0;
  }

  /* タブのサイズを小さく */
  .button, .button-selected {
    font-size: 12px;
    padding: 8px 10px;
    padding-right: 12px;
  }

  /* メインコンテンツの右マージン（サイドバー分）を解除 */
  div[style*="margin-right:330px"] {
    margin-right: 16px !important;
  }

  /* サイドバーを absolute → static に変更して下に流す */
  div.nav {
    position: static !important;
    width: auto !important;
    border-top: 1px solid #D3D3D3;
    margin: 20px 20px 0;
    padding-top: 10px;
  }
  div.nav > div {
    border-left: none !important;
    padding: 0 !important;
  }

  /* フッターロゴ */
  div[style*="width:546px"],
  div[style*="width:564px"],
  div[style*="width:250px"] {
    width: auto !important;
    max-width: 100%;
    padding: 0 16px;
    box-sizing: border-box;
  }

  /* テーブルのセル折り返し許可 */
  th { white-space: normal; }
}

/* ============================================================
   RESPONSIVE — 小型スマホ (〜 420px)
   ============================================================ */
@media screen and (max-width: 420px) {
  div[style*="margin-right:330px"],
  div[style*="margin:30px 30px"] {
    margin: 16px !important;
    margin-right: 16px !important;
  }
  .button, .button-selected {
    font-size: 11px;
    padding: 7px 8px;
    padding-right: 10px;
  }
  h2 { font-size: 17px; }
  h3 { font-size: 14px; }
  p  { font-size: 13px; }
}