body.legacy-app *,
body.legacy-static * {
  margin: 0;
  padding: 0;
  font-style: normal;
}

html { overflow-y: scroll; }

body.legacy-app {
  margin: 0;
  color: #333;
  background: #fff;
  font-size: 0.85em;
  line-height: 1.6;
  letter-spacing: 1px;
  font-family: verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  text-align: center;
}

body.legacy-app div { text-align: left; }
body.legacy-static div { text-align: left; }
body.legacy-app strong { font-weight: bold; }
body.legacy-app h1,
body.legacy-app h2,
body.legacy-app h3,
body.legacy-app h4,
body.legacy-app h5,
body.legacy-app h6 { font-size: 100%; font-weight: normal; }
body.legacy-app a { font-size: 1em; }
body.legacy-app a:link { color: #039; text-decoration: underline; }
body.legacy-app a:visited,
body.legacy-app a:active { color: #90C; text-decoration: underline; }
body.legacy-app a:hover { text-decoration: none; }
body.legacy-app ul { list-style: none; }
body.legacy-app hr { display: none; }
body.legacy-app img { border: none; vertical-align: bottom; }
body.legacy-app input { padding: 2px; }
body.legacy-app textarea { padding: 2px; }
body.legacy-app fieldset { border: none; }
body.legacy-app table { font-size: 1em; line-height: 1.6; letter-spacing: 1px; }
body.legacy-app th { font-weight: bold; text-align: left; }

body.legacy-app > #container {
  position: relative;
  width: 800px;
  margin: 0 auto;
  text-align: left;
}

body.legacy-app > #container > header { width: 557px; }
div#header {
  width: 557px;
  padding: 10px 0 0;
}
div#header::after { display: block; clear: both; content: ""; }
div#header p#pageTop {
  margin: 0 0 10px;
  font-size: 0.9em;
}
/* 99navi のロゴ（左）と地域名のロゴ（右）を横に並べる（2026-10-30 user 指示。旧は縦に積み、99navi の右に空き枠があった） */
div#header h1 {
  float: left;
  margin: 14px 0 0 20px;
  font-size: 100%;
  font-weight: normal;
}
div#header h1 img { max-width: none; }
/* 旧は画像だけの行に行の高さが付かない描き方なので、ロゴは block にして同じ高さ（画像の高さ）にする */
div#header h1 a,
div#header h1 img { display: block; width: fit-content; }
div#header p.logo {
  float: left;
}
div#header p.logo img { display: block; }
div#header p.pr { padding-top: 20px; }
p.pr {
  clear: both;
  margin: 0 0 20px;
  text-align: center;
  font-size: 0.9em;
}
body.legacy-app > #container > nav[data-component="breadcrumb"] {
  width: 557px;
  margin: 20px 0 0;
  text-align: left;
}
body.legacy-app > #container > nav[data-component="breadcrumb"] ol {
  display: inline;
  list-style: none;
}
body.legacy-app > #container > nav[data-component="breadcrumb"] li { display: inline; }
body.legacy-app > #container > nav[data-component="breadcrumb"] > ol {
  font-size: 1em;
  line-height: 22px;
  text-indent: 10px;
}

div#main {
  width: 597px;
  min-height: 0;
}
body.legacy-app[data-pref-id="top"] div#main { background: url("/legacy/img/main_grd_top.jpg") 0 32px no-repeat; }
body.legacy-app[data-pref-id="01"] div#main { background: url("/legacy/osaka/img/main_grd_top.jpg") 0 32px no-repeat; }
body.legacy-app[data-pref-id="01"] div#main div#subjectSelect { background: url("/legacy/osaka/img/main_grd_bottom.jpg") 0 100% no-repeat; }
body.legacy-app[data-pref-id="02"] div#main { background: url("/legacy/hyogo/img/main_grd_top.jpg") 0 32px no-repeat; }
body.legacy-app[data-pref-id="02"] div#main div#subjectSelect { background: url("/legacy/hyogo/img/main_grd_bottom.jpg") 0 100% no-repeat; }
body.legacy-app[data-pref-id="03"] div#main { background: url("/legacy/kyoto/img/main_grd_top.jpg") 0 32px no-repeat; }
body.legacy-app[data-pref-id="03"] div#main div#subjectSelect { background: url("/legacy/kyoto/img/main_grd_bottom.jpg") 0 100% no-repeat; }
body.legacy-app[data-pref-id="04"] div#main { background: url("/legacy/nara/img/main_grd_top.jpg") 0 32px no-repeat; }
body.legacy-app[data-pref-id="04"] div#main div#subjectSelect { background: url("/legacy/nara/img/main_grd_bottom.jpg") 0 100% no-repeat; }

div#main h2 {
  width: 597px;
  height: 35px;
  margin: 0 0 20px;
  font-size: 0.9em;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  line-height: 35px;
  text-indent: 10px;
  font-weight: normal;
}
body.legacy-app[data-pref-id="top"] div#main h2 { background: url("/legacy/img/main_head.jpg") 0 0 no-repeat; }
body.legacy-app[data-pref-id="01"] div#main h2 { background: url("/legacy/osaka/img/main_head.jpg") 0 0 no-repeat; }
body.legacy-app[data-pref-id="02"] div#main h2 { background: url("/legacy/hyogo/img/main_head.jpg") 0 0 no-repeat; }
body.legacy-app[data-pref-id="03"] div#main h2 { background: url("/legacy/kyoto/img/main_head.jpg") 0 0 no-repeat; }
body.legacy-app[data-pref-id="04"] div#main h2 { background: url("/legacy/nara/img/main_head.jpg") 0 0 no-repeat; }

div#main div.typeWord {
  margin: -10px 60px 15px 20px;
  padding: 5px;
  border: 2px #DDD solid;
  font-size: 12px;
}
div#main div.typeWord dl dt { font-weight: bold; }
div#main div.typeWord dl dd { margin: 0 1em; }
div#main div.typeWord span { font-weight: bold; }
div#main div.typeWord ul.selectNavi {
  margin: 10px 0 5px;
  text-align: center;
}
div#main div.typeWord ul.selectNavi li {
  display: inline;
  margin: 0 20px;
  font-size: 1.3em;
}
div#main div.selectList { margin: 0 0 20px; background: none; }
div#main div.selectList h3 {
  margin: 5px 65px 0 25px;
  padding: 0 15px;
  font-weight: bold;
}
div#main div.selectList h4 {
  margin: 5px 0 0 40px;
  font-weight: bold;
  color: #EE7835;
}
div#main div.selectList div.section ul { margin: 0 0 0 30px; }
div#main div.selectList div.section ul li {
  float: left;
  width: 185px;
  margin: 0.1em 0;
  font-size: 0.95em;
  text-indent: 10px;
  letter-spacing: 0;
}
div#main form ul li input { margin: 0 5px 0 0; padding: 2px; vertical-align: middle; }
/* 旧は画像だけの行に行の高さが付かない描き方なので、画像ボタンを行の下端に寄せて同じ高さにする */
div#main p.search input[type="image"] { padding: 2px; vertical-align: bottom; }
div#main div.selectList div.section::after { display: block; clear: both; content: ""; }
div#main::after,
div#main ul::after,
div#main .section::after,
div#main div.typeWord dl.index ol::after { display: block; clear: both; content: "."; height: 0; visibility: hidden; }
div#main div#subjectSelect {
  position: relative;
  width: 597px;
  margin: 0 0 15px;
  padding: 0 0 20px;
}
div#main div#subjectSelect p.areaChange {
  position: absolute;
  top: 0;
  right: 60px;
  height: 35px;
  font-size: 0.9em;
  line-height: 35px;
}
div#main div#subjectSelect p.areaChange a {
  padding: 0 0 0 11px;
  color: #666;
}
body.legacy-app[data-pref-id="01"] div#main div#subjectSelect p.areaChange a { background: url("/legacy/osaka/img/main_head_arw.gif") 0 50% no-repeat; }
body.legacy-app[data-pref-id="02"] div#main div#subjectSelect p.areaChange a { background: url("/legacy/hyogo/img/main_head_arw.gif") 0 50% no-repeat; }
body.legacy-app[data-pref-id="03"] div#main div#subjectSelect p.areaChange a { background: url("/legacy/kyoto/img/main_head_arw.gif") 0 50% no-repeat; }
body.legacy-app[data-pref-id="04"] div#main div#subjectSelect p.areaChange a { background: url("/legacy/nara/img/main_head_arw.gif") 0 50% no-repeat; }
div#main div#subjectSelect div.section .search {
  margin: 10px 57px 25px 30px;
  padding: 0 10px 5px;
  border-bottom: solid 1px #AAA;
  text-align: right;
}
div#main div#areaChange {
  margin: 0 0 20px 30px;
}
div#main div#areaChange h3 {
  font-size: 0.9em;
  line-height: 1.6;
  font-weight: normal;
}
div#main div#areaChange ul { margin: 0 5px 0 0; }
div#main div#areaChange ul li {
  display: inline;
  margin: 0 0 0 10px;
  font-size: 0.9em;
}

div#main div#areaSelect h3,
div#main div#trainSelect h3 {
  margin-bottom: 10px;
  padding: 0 15px 5px;
  font-size: 1.1em;
  background: url("/legacy/osaka/img/main_subhead_border.gif") 0 100% repeat-x;
}
body.legacy-app[data-pref-id="02"] div#main div#areaSelect h3,
body.legacy-app[data-pref-id="02"] div#main div#trainSelect h3 { background-image: url("/legacy/hyogo/img/main_subhead_border.gif"); }
body.legacy-app[data-pref-id="03"] div#main div#areaSelect h3,
body.legacy-app[data-pref-id="03"] div#main div#trainSelect h3 { background-image: url("/legacy/kyoto/img/main_subhead_border.gif"); }
body.legacy-app[data-pref-id="04"] div#main div#areaSelect h3,
body.legacy-app[data-pref-id="04"] div#main div#trainSelect h3 { background-image: url("/legacy/nara/img/main_subhead_border.gif"); }
div#main div#areaSelect div.section,
div#main div#trainSelect div.section { font-size: 1.1em; }
div#main div#areaSelect div.section .search,
div#main div#trainSelect div.section .search {
  margin: 10px 57px 10px 30px;
  padding: 0 10px 5px;
  text-align: center;
}
div#main div#localSelect,
div#main div#tNoSelect { margin-bottom: 20px; }
div#main div.typeWord dl.index { margin: 10px 10px 5px; }
div#main div.typeWord dl.index dt {
  margin: 0 auto;
  width: 420px;
}
div#main div.typeWord dl.index ol {
  margin: 0 auto;
  width: 450px;
}
div#main div.typeWord dl.index ol li {
  float: left;
  width: 90px;
  text-align: center;
  list-style: none;
  font-size: 1.2em;
}
div#main div#localSelect p.localALL { margin: 0 0 15px 40px; }
div#main div#localSelect h3,
div#main div#tNoSelect h3 {
  margin: 5px 65px 0 25px;
  color: #EE7835;
}
div#main div#localSelect div.section,
div#main div#tNoSelect div.section { font-size: 1.1em; }
div#main div#localSelect div.section .search,
div#main div#tNoSelect div.section .search {
  margin: 10px 57px 0 30px;
  padding: 0 10px 5px;
  text-align: center;
  font-size: 0.7em;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
div#main div#areaChange.local {
  margin: 0 25px 10px 0;
  text-align: center;
}
div#main div#areaChange.local h3 { font-size: 0.9em; }
div#main div#areaChange.local ul li { margin-left: 10px; }
p.reTop { margin: 2em 70px 0; text-align: right; font-size: 0.9em; }
/* body.legacy-app a:link より強くするため div#main を付ける（旧は a:link より p.reTop a が強かった） */
div#main p.reTop a { color: #9F0F09; }

body.legacy-app > #container > aside {
  position: absolute;
  top: 10px;
  right: 0;
  width: 216px;
}
div#sub { display: flow-root; width: 216px; }
div#sub h2 { margin: 10px 0 5px; }
.legacy-pr-sidebar { width: 216px; }
.legacy-pr-sidebar > h2 {
  width: 216px;
  height: 24px;
  margin: 10px 0 5px;
  overflow: hidden;
  background: url("/legacy/share/img/upsite.gif") 0 0 no-repeat;
  color: transparent;
  font-size: 1px;
}
.legacy-pr-sidebar article {
  clear: both;
  margin: 5px 0;
  padding: 5px;
  border: solid 1px #FE9D32;
  font-size: 10px;
  line-height: 16px;
  letter-spacing: 0;
}
/* body.legacy-app * の margin: 0 に負けないよう .legacy-pr-sidebar を前に付ける */
.legacy-pr-sidebar .legacy-pr-card-media { float: left; margin: 0 10px 0 0; width: 66px; height: 66px; }
.legacy-pr-card-info { min-height: 66px; }
.legacy-pr-sidebar article h3 { margin: 0; font-size: 10px; font-weight: normal; }
.legacy-pr-sidebar article h3 a { font-size: 12px; font-weight: normal; }
.legacy-pr-sidebar article dl { margin: 0 0 0 76px; }
.legacy-pr-sidebar article dt { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.legacy-pr-sidebar article dd { display: block; margin: 0; font-size: 10px; line-height: 16px; }

body.legacy-app > #container > footer { clear: both; width: 557px; font-size: 11px; }
div#footer { clear: both; width: 557px; font-size: 11px; }
div#footerInner { padding: 5px 0; background: #B2B2B2; text-align: center; }
body.legacy-app div#footer > nav[aria-label="パンくず（ページ下）"] {
  width: 557px;
  margin: 20px 0 0;
  text-indent: 10px;
  font-size: 12px;
  text-align: left;
}
body.legacy-app div#footer > nav[aria-label="パンくず（ページ下）"] ol,
body.legacy-app div#footer > nav[aria-label="パンくず（ページ下）"] li { display: inline; }
div#footer ul { margin: 0 0 2px; }
div#footer ul li { display: inline; }
div#footer ul li a { color: #F9F9F9; }
div#footer address { color: #333; }

[data-page="top"] #perfSelect div.map {
  position: relative;
  width: 521px;
  height: 156px;
  margin: 0 0 40px 17px;
  border: 1px solid #CCC;
  background: url("/legacy/img/subject_maps.jpg") 0 0 no-repeat;
}
[data-page="top"] #perfSelect div.map ul.mapLink li { display: inline; }
[data-page="top"] #perfSelect div.map ul.mapLink li a {
  display: block;
  position: absolute;
  width: 55px;
  height: 15px;
  text-indent: -9999px;
  overflow: hidden;
}
[data-page="top"] #perfSelect div.map ul.mapLink li.osaka a { top: 67px; left: 352px; }
[data-page="top"] #perfSelect div.map ul.mapLink li.hyogo a { top: 34px; left: 315px; }
[data-page="top"] #perfSelect div.map ul.mapLink li.kyoto a { top: 18px; left: 371px; }
[data-page="top"] #perfSelect div.map ul.mapLink li.nara a { top: 95px; left: 379px; }
[data-page="top"] #perfSelect div.textLink {
  position: absolute;
  top: 16px;
  left: 20px;
  width: 220px;
  height: 100px;
  padding: 10px 0 10px 20px;
  border: 1px solid #CCC;
  background: #FFF;
  font-size: 0.9em;
}
[data-page="top"] #perfSelect div.textLink p { margin: 0 20px 10px 0; line-height: 1.4em; }
[data-page="top"] #perfSelect div.textLink ul { clear: left; margin: 0 0 10px; }
[data-page="top"] #perfSelect div.textLink ul li { float: left; margin: 0 20px 0 0; }
[data-page="top"] #perfSelect div.textLink ul li.shiga,
[data-page="top"] #perfSelect div.textLink ul li.wakayama { font-size: 13.6px; }

[data-page="subjects"] div.section ul { margin-left: 30px; }
[data-page="subjects"] div.section ul li { width: 185px; font-size: 0.95em; }
[data-page="subjects"] div.section h3 { margin: 5px 65px 0 25px; padding: 0 15px; font-size: 1em; font-weight: bold; }
[data-page="subjects"] div.section h3 a { font-weight: bold; color: #039; }

.contact-summary { margin-top: 20px; }
.contact-summary > div { padding: 6px 0; border-bottom: 1px solid #ddd; }
.contact-summary dt { font-weight: bold; }
.contact-summary dd { margin: 0; overflow-wrap: anywhere; }
.contact-content { white-space: pre-wrap; }
.form-error, .field-error { color: #c00; }
.contact-form { margin: 10px 20px; }
.contact-form .form-field { margin: 8px 0; }
.contact-form label { display: block; }
.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form textarea { width: 95%; box-sizing: border-box; font: inherit; }
.cf-turnstile { min-height: 65px; }

/* 静的ページ: 旧 2009 年版（docs/explain.css）の値を写す。旧は body の文字を指定しないので、ブラウザ既定の 16px・黒 */
body.legacy-static {
  margin: 8px;
  color: #000;
  background: #fff;
  font-size: 16px;
  line-height: normal;
  text-align: left;
}
body.legacy-static a { color: #03C; text-decoration: none; }
body.legacy-static a:visited { color: #909; text-decoration: none; }
body.legacy-static a:hover { color: #09F; text-decoration: underline; }
body.legacy-static .legacy-static-welcome { margin: 0; color: #F6C; font-size: 12px; font-weight: bold; }
body.legacy-static #base { width: auto; margin: 0; padding: 0; text-align: left; }
body.legacy-static #header {
  width: auto;
  height: 51px;
  margin: 0;
  padding: 0;
  background-image: url("/legacy/images/menu_bar.jpg");
}
body.legacy-static #logo_area { float: left; width: 125px; }
body.legacy-static #logo_area img { display: block; }
body.legacy-static #li_menu { float: left; width: 600px; margin: 25px 0 0; padding: 0 0 0 40px; list-style: none; }
body.legacy-static #li_menu li { float: left; margin: 0 6px; font-size: 12px; }
body.legacy-static #li_menu span { color: #630; font-size: 12px; font-weight: bold; }
body.legacy-static #contents {
  float: left;
  width: 675px;
  margin: 0;
  padding: 0;
  background-image: url("/legacy/images/right_bar.gif");
}
body.legacy-static #contents main { width: 675px; }
body.legacy-static #contents main h1 { display: none; }
body.legacy-static #contents main h2 { margin: 15px 0 0 10px; color: #F6C; font-size: 14px; font-weight: bold; }
body.legacy-static #contents main p,
body.legacy-static #contents main li { margin: 0; padding: 10px 15px 10px 10px; font-size: 14px; line-height: 160%; }
body.legacy-static #contents main li { padding-top: 0; padding-bottom: 0; list-style: none; }
/* 掲載情報について: 旧 publishingInfo.html の ul#none_set（display:inline の ul に li と p が並ぶ）と .comments / .s_comments / .spacial_area を写す */
body.legacy-static #contents main.legacy-terms .legacy-terms-list { display: inline; list-style: none; padding-left: 40px; }
body.legacy-static #contents main.legacy-terms li { display: list-item; padding: 0; font-size: 16px; line-height: normal; list-style: none; }
body.legacy-static #contents main.legacy-terms p.comments { margin: 0.3em 0; padding: 10px 15px 10px 10px; font-size: 14px; line-height: 160%; }
body.legacy-static #contents main.legacy-terms p.s_comments { width: 500px; margin: 5px 0 5px 40px; padding: 0; font-size: 12px; line-height: 1.5em; }
/* 旧は quirks モードで、ul の終わりと inline の .spacial_area の始まりが同じ空の行に入って高さ 0 になる。標準モードでは 16px の行が残るので block にして同じ位置に置く */
body.legacy-static #contents main.legacy-terms .spacial_area { display: block; font-weight: bold; }
body.legacy-static #contents main p.legacy-static-logo { padding: 150px 10px 10px 200px; }
body.legacy-static .legacy-static-panel { display: block; width: 670px; max-width: 100%; height: 80px; margin: 8px 0 0; }
body.legacy-static #contents main h2.contact-heading { margin: 0; padding: 0; color: #000; font-size: 1.5em; }
body.legacy-static #contents main p.contact-lead { padding: 0; font-size: 0.9125em; line-height: 1.5em; margin: 0.3em 0; }
body.legacy-static #footer { float: left; width: 100%; margin: 0; padding: 0; text-align: left; }
/* docs/explain.css の #footer は height:2px で、中身ははみ出して描く。div#footer の 11px も継がない */
body.legacy-static:not(.legacy-flow) #footer { clear: none; height: 2px; font-size: 16px; }
body.legacy-static #footer_line { height: 20px; background-color: #FEADAC; }
body.legacy-static #footer_copyright {
  width: 675px;
  margin: 0;
  padding: 0 0 0 100px;
  font-size: 12px;
  text-align: left;
}
/* 料金・申込フロー: 旧 2009 年版（style/top.css）の値を写す */
body.legacy-static #flow_header { height: 51px; background: url("/legacy/images/menu_bar.jpg") right top; }
body.legacy-static #flow_header > a { float: left; width: 396px; height: 51px; }
body.legacy-static #flow_header > a img { display: block; width: 396px; height: 51px; }
body.legacy-static #flow_contents { float: left; width: 784px; }
body.legacy-static #flow_contents main { width: 784px; margin: 0; }
body.legacy-static #flow_contents main > h1 { display: none; }
body.legacy-static .legacy-flow-title { display: block; width: 784px; max-width: 100%; height: 141px; margin: 0; }
body.legacy-static .legacy-flow-board-area { float: left; width: 700px; margin: 0; padding: 10px 0; border: 2px solid #FFE8FF; }
body.legacy-static .legacy-flow-board-area > p { margin: 0 0 10px 55px; color: #039; font-size: 0.8125em; line-height: 1.35em; }
body.legacy-static .legacy-flow-section { width: 591px; max-width: 100%; margin: 0; }
body.legacy-static .legacy-flow-section-title img { display: block; width: 591px; max-width: 100%; height: 65px; }
body.legacy-static .legacy-flow-section > h2 { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
body.legacy-static .legacy-flow-section > p,
body.legacy-static .legacy-flow-section > dl,
body.legacy-static .legacy-flow-section > ol {
  margin: 0;
  padding: 0 0 0 55px;
  background: url("/legacy/images/help_board_contents.gif") repeat-y;
  color: #039;
  font-size: 0.8125em;
  line-height: 1.35em;
  list-style-position: inside;
}
body.legacy-static .legacy-flow-section > dl > div,
body.legacy-static .legacy-flow-section > dl dt,
body.legacy-static .legacy-flow-section > dl dd { display: inline; margin: 0; }
body.legacy-static .legacy-flow-section > dl > div { display: block; }
body.legacy-static .legacy-flow-section > dl dt::after { content: "　"; }
body.legacy-static .legacy-flow-section::after { display: block; height: 49px; content: ""; background: url("/legacy/images/help_board_under.gif") 0 100% no-repeat; }
body.legacy-flow #footer_line { height: 2px; background-color: #FF944D; }
body.legacy-flow #footer_copyright { width: 100%; padding: 0; color: #CCC; font-size: 10px; text-align: center; }

/* 旧の結果ページは setup.css を読まない別の枠なので、文字の基準はブラウザの既定（16px・行の高さ normal・黒）に戻す */
body.legacy-result {
  color: #000;
  font-family: verdana, "trebuchet ms", sans-serif;
  font-size: 16px;
  line-height: normal;
  text-align: left;
  letter-spacing: normal;
}
body.legacy-result a:link { color: #00E; }
body.legacy-result a:visited { color: #551A8B; }
body.legacy-result #c_box {
  width: 820px;
  margin: 0 auto;
}
body.legacy-result #container {
  float: left;
  position: relative;
  width: 556px;
  margin: 0 auto;
  text-align: left;
}
body.legacy-result #banner { position: relative; width: 580px; height: 50px; }
#banner-header {
  margin: 5px 20px 0 0;
  color: #333;
  font-size: 11px;
  font-weight: bold;
  line-height: 1;
  text-shadow: #36414d 0 2px 3px;
  text-align: left;
}
body.legacy-result #s_top { height: 50px; }
body.legacy-result .result-breadcrumb {
  padding: 0;
  text-align: left;
}
body.legacy-result .t_left {
  margin: 10px 0 0;
  font-size: 12px;
}
body.legacy-result .t_s_left {
  padding: 0 0 5px;
  font-size: 11px;
}
body.legacy-result .result-breadcrumb span { display: inline; }
body.legacy-result .result-breadcrumb a { font-size: inherit; }
body.legacy-result main[data-page] { width: 556px; }
body.legacy-result h3.sub_bar_detail {
  width: 541px;
  height: 22px;
  margin: 0;
  padding: 8px 0 0 15px;
  color: #4C4C4C;
  background-image: url("/legacy/images_s/result_sub_bar_o.gif");
  background-repeat: no-repeat;
  font-size: 13px;
  font-weight: bold;
}
body.legacy-result[data-pref-id="02"] h3.sub_bar_detail { background-image: url("/legacy/images_s/result_sub_bar_h.gif"); }
body.legacy-result[data-pref-id="03"] h3.sub_bar_detail { background-image: url("/legacy/images_s/result_sub_bar_k.gif"); }
body.legacy-result[data-pref-id="04"] h3.sub_bar_detail { background-image: url("/legacy/images_s/result_sub_bar_n.gif"); }
body.legacy-result #subject_area {
  margin: 0 0 5px 20px;
  padding: 10px 10px 10px 0;
  text-align: right;
  font-size: 16px;
}
body.legacy-result .result-count { font-size: 12px; }
body.legacy-result .result-list {
  width: 556px;
  margin: 0;
  padding: 0;
  list-style: none;
}
body.legacy-result .result-card { width: 556px; margin: 0 0 20px; padding: 0; }
body.legacy-result .v_upper_bar,
body.legacy-result .v_under_bar { width: 556px; padding: 0; }
body.legacy-result .v_upper_bar img,
body.legacy-result .v_under_bar img { display: block; width: 556px; height: auto; max-width: none; }
body.legacy-result .vip { width: 580px; min-height: 480px; }
body.legacy-result .vip_box { width: 556px; height: 320px; }
body.legacy-result .vip_l { float: left; width: 250px; margin: 0 0 0 6px; }
body.legacy-result .img_surround { width: 250px; height: 200px; border: 1px solid #FEAD91; }
body.legacy-result .img_hosp { padding: 15px 5px 5px; text-align: center; }
body.legacy-result .img_hosp img { max-width: 240px; max-height: 180px; }
body.legacy-result .vip_r { float: right; width: 270px; }
body.legacy-result .btn_icon { height: 30px; padding: 5px 10px 5px 5px; text-align: right; }
body.legacy-result .btn_icon img,
body.legacy-result .n_btn_icon img { width: 110px; height: 17px; max-width: none; }
body.legacy-result .hosp_info { padding: 5px 8px 0 0; }
body.legacy-result .hospital {
  padding: 5px;
  color: #FD5A23;
  font-size: 18px;
  font-weight: bold;
  text-align: right;
}
body.legacy-result .subject { padding: 5px; color: #FCA779; font-size: 12px; text-align: right; }
body.legacy-result .address { padding: 5px; font-size: 12px; text-align: right; }
body.legacy-result .station { padding: 5px; font-size: 10px; text-align: right; }
body.legacy-result .tel,
body.legacy-result .fax { padding: 5px; font-size: 11px; text-align: right; }
body.legacy-result .main_d { padding: 5px; font-size: 12px; text-align: right; }
body.legacy-result .feature { border: 1px solid #7F7F7F; padding: 10px 5px; font-size: 12px; }
body.legacy-result .time { padding: 5px; font-size: 12px; }
body.legacy-result .result-notice { margin: 0; padding: 0; font-size: 12px; font-weight: bold; border: 0; }
body.legacy-result .time table { width: 255px; border: 0; background: #FFF; }
body.legacy-result .time thead.morning th { background: #E5F5ED; }
body.legacy-result .time thead.afternoon th { background: #FDE6E6; }
body.legacy-result .time th,
body.legacy-result .time td { padding: 1px; text-align: center; vertical-align: middle; }
body.legacy-result .normal { width: 556px; margin: 0 0 5px; }
body.legacy-result .normal_box { width: 556px; height: 100px; }
body.legacy-result .normal_l { float: left; width: 250px; margin: 0 0 0 6px; }
body.legacy-result .normal_r { float: right; width: 270px; }
body.legacy-result .n_hospital { padding: 5px; color: #000; font-size: 18px; font-weight: bold; text-align: left; }
body.legacy-result .n_subject { padding: 5px; color: #000; font-size: 12px; text-align: left; }
body.legacy-result .n_address { padding: 5px 10px 5px 5px; font-size: 12px; text-align: right; }
body.legacy-result .n_station { padding: 5px 10px 5px 5px; font-size: 10px; text-align: right; }
body.legacy-result .n_tel { padding: 5px; font-size: 11px; text-align: left; }
body.legacy-result .n_btn_icon { height: 20px; padding: 5px 10px 5px 5px; text-align: right; }
body.legacy-result .result-pagination { display: flex; justify-content: center; gap: 18px; margin: 20px 0; }
body.legacy-result #banner_area { float: right; width: 220px; }
body.legacy-result #banner_area .legacy-pr-sidebar { width: 220px; }
body.legacy-result #banner_area .legacy-pr-sidebar article { width: 216px; }
body.legacy-result #container > footer { clear: both; width: 556px; }
body.legacy-result #container > footer #footer { width: 556px; }

@media (max-width: 800px) {
  body.legacy-static { overflow-x: hidden; }
  body.legacy-static #base,
  body.legacy-static #header,
  body.legacy-static #contents,
  body.legacy-static #contents main,
  body.legacy-static #flow_header,
  body.legacy-static #flow_contents,
  body.legacy-static #flow_contents main { width: 100%; max-width: 100%; }
  body.legacy-static #flow_header { height: auto; background-size: auto 51px; }
  body.legacy-static #flow_header > a { float: none; display: block; }
  body.legacy-static .legacy-flow-board-area { width: 100%; }
  body.legacy-static .legacy-flow-title,
  body.legacy-static .legacy-flow-section,
  body.legacy-static .legacy-flow-section-title img { width: 100%; max-width: 100%; }
  body.legacy-app { overflow-x: hidden; }
  body.legacy-app > #container,
  body.legacy-result #c_box { width: 100%; }
  body.legacy-app > #container > header,
  div#header,
  div#main,
  body.legacy-app > #container > nav[data-component="breadcrumb"],
  body.legacy-app > #container > footer,
  div#footer { width: 100%; max-width: 100%; }
  body.legacy-app > #container > aside {
    position: static;
    width: 100%;
  }
  div#sub,
  .legacy-pr-sidebar,
  .legacy-pr-sidebar > h2 { width: 100%; max-width: 100%; }
  body.legacy-app[data-pref-id="top"] div#main,
  body.legacy-app[data-pref-id="01"] div#main,
  body.legacy-app[data-pref-id="02"] div#main,
  body.legacy-app[data-pref-id="03"] div#main,
  body.legacy-app[data-pref-id="04"] div#main { background-size: auto auto, auto auto; }
  div#main h2 { width: 100%; max-width: 100%; background-size: auto 35px; }
  div#main div#subjectSelect { width: 100%; max-width: 100%; }
  [data-page="top"] #perfSelect div.map { width: calc(100% - 2px); max-width: 521px; height: auto; min-height: 0; padding-bottom: 29.94%; background-position: 0 100%; background-size: 100% auto; }
  [data-page="top"] #perfSelect div.textLink,
  .legacy-top-map-links { position: static; top: auto; left: auto; width: auto; height: auto; }
  div#main div.typeWord dl.index ol { width: 100%; }
  div#main div.typeWord dl.index ol li { width: 20%; }
  body.legacy-static .legacy-static-panel,
  body.legacy-static .legacy-flow-title,
  body.legacy-static .legacy-flow-section-title img { height: auto; }
  /* 地図の上の透明リンクは画面幅で縮む地図に合わないので、SP では出さない（文字のリンクがある） */
  [data-page="top"] #perfSelect div.map ul.mapLink { display: none; }
  div#main div.selectList div.section ul { margin-left: 10px; }
  div#main div.selectList div.section ul li { width: 50%; max-width: 185px; }
  div#main div#localSelect div.section ul li,
  div#main div#tNoSelect div.section ul li { width: 100%; max-width: none; }
  body.legacy-result #container { width: 100%; float: none; }
  body.legacy-result #banner { width: 100%; }
  body.legacy-result main[data-page] { width: 100%; }
  body.legacy-result .result-list,
  body.legacy-result .result-card,
  body.legacy-result .v_upper_bar,
  body.legacy-result .v_under_bar { width: 100%; max-width: 100%; }
  body.legacy-result .v_upper_bar img,
  body.legacy-result .v_under_bar img { width: 100%; height: auto; }
  body.legacy-result .vip,
  body.legacy-result .vip_box,
  body.legacy-result .normal,
  body.legacy-result .normal_box { width: 100%; height: auto; min-height: 0; }
  body.legacy-result .vip_l,
  body.legacy-result .vip_r,
  body.legacy-result .normal_l,
  body.legacy-result .normal_r { float: none; width: 100%; margin-left: 0; }
  body.legacy-result .img_surround { width: 100%; height: auto; min-height: 200px; }
  body.legacy-result .btn_icon { height: auto; }
  body.legacy-result #subject_area { margin-left: 0; }
  body.legacy-result .result-hours table { min-width: 0; max-width: 100%; }
  body.legacy-result #banner_area { float: none; width: 100%; }
  body.legacy-result #banner_area .legacy-pr-sidebar,
  body.legacy-result #banner_area .legacy-pr-sidebar article { width: 100%; }
}