@charset "UTF-8";
.clearfix, div.unit, .related_cols .related_cols-col, .sapa_index_list .sapa_index_list-flag {
  *zoom: 1;
}
.clearfix:after, div.unit:after, .related_cols .related_cols-col:after, .sapa_index_list .sapa_index_list-flag:after {
  content: "";
  display: block;
  clear: both;
}

/* [static] 文字組み */
.center {
  text-align: center !important;
}

.left {
  text-align: left !important;
}

.right {
  text-align: right !important;
}

/* [static] 縦方向の揃え位置 */
.top {
  vertical-align: top !important;
}

.middle {
  vertical-align: middle !important;
}

.bottom {
  vertical-align: bottom !important;
}

/* [static] まわりこみ制御 */
.fl {
  float: left;
}

.fr {
  float: right;
}

.fc {
  float: none;
  clear: both;
}

/* [static] レイアウト制御 */
.inline {
  display: inline !important;
}

.block {
  display: block !important;
}

/* [static] マージン制御 */
.mt0 {
  margin-top: 0   !important;
}

.mt1 {
  margin-top: 1px !important;
}

.mt2 {
  margin-top: 2px !important;
}

.mt3 {
  margin-top: 3px !important;
}

.mt4 {
  margin-top: 4px !important;
}

.mt5 {
  margin-top: 5px !important;
}

.mt6 {
  margin-top: 6px !important;
}

.mt7 {
  margin-top: 7px !important;
}

.mt8 {
  margin-top: 8px !important;
}

.mt9 {
  margin-top: 9px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mt15 {
  margin-top: 15px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mt25 {
  margin-top: 25px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mb0 {
  margin-bottom: 0   !important;
}

.mb1 {
  margin-bottom: 1px !important;
}

.mb2 {
  margin-bottom: 2px !important;
}

.mb3 {
  margin-bottom: 3px !important;
}

.mb4 {
  margin-bottom: 4px !important;
}

.mb5 {
  margin-bottom: 5px !important;
}

.mb6 {
  margin-bottom: 6px !important;
}

.mb7 {
  margin-bottom: 7px !important;
}

.mb8 {
  margin-bottom: 8px !important;
}

.mb9 {
  margin-bottom: 9px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.mb15 {
  margin-bottom: 15px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.mb25 {
  margin-bottom: 25px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.ml0 {
  margin-left: 0   !important;
}

.ml1 {
  margin-left: 1px !important;
}

.ml2 {
  margin-left: 2px !important;
}

.ml3 {
  margin-left: 3px !important;
}

.ml4 {
  margin-left: 4px !important;
}

.ml5 {
  margin-left: 5px !important;
}

.ml6 {
  margin-left: 6px !important;
}

.ml7 {
  margin-left: 7px !important;
}

.ml8 {
  margin-left: 8px !important;
}

.ml9 {
  margin-left: 9px !important;
}

.ml10 {
  margin-left: 10px !important;
}

.ml15 {
  margin-left: 15px !important;
}

.ml20 {
  margin-left: 20px !important;
}

.ml25 {
  margin-left: 25px !important;
}

.ml30 {
  margin-left: 30px !important;
}

.mr0 {
  margin-right: 0   !important;
}

.mr1 {
  margin-right: 1px !important;
}

.mr2 {
  margin-right: 2px !important;
}

.mr3 {
  margin-right: 3px !important;
}

.mr4 {
  margin-right: 4px !important;
}

.mr5 {
  margin-right: 5px !important;
}

.mr6 {
  margin-right: 6px !important;
}

.mr7 {
  margin-right: 7px !important;
}

.mr8 {
  margin-right: 8px !important;
}

.mr9 {
  margin-right: 9px !important;
}

.mr10 {
  margin-right: 10px !important;
}

.mr15 {
  margin-right: 15px !important;
}

.mr20 {
  margin-right: 20px !important;
}

.mr25 {
  margin-right: 25px !important;
}

.mr30 {
  margin-right: 30px !important;
}

/* [static] パディング制御 */
.pt0 {
  padding-top: 0   !important;
}

.pt1 {
  padding-top: 1px !important;
}

.pt2 {
  padding-top: 2px !important;
}

.pt3 {
  padding-top: 3px !important;
}

.pt4 {
  padding-top: 4px !important;
}

.pt5 {
  padding-top: 5px !important;
}

.pt6 {
  padding-top: 6px !important;
}

.pt7 {
  padding-top: 7px !important;
}

.pt8 {
  padding-top: 8px !important;
}

.pt9 {
  padding-top: 9px !important;
}

.pt10 {
  padding-top: 10px !important;
}

.pt15 {
  padding-top: 15px !important;
}

.pt20 {
  padding-top: 20px !important;
}

.pt25 {
  padding-top: 25px !important;
}

.pt30 {
  padding-top: 30px !important;
}

.pb0 {
  padding-bottom: 0   !important;
}

.pb1 {
  padding-bottom: 1px !important;
}

.pb2 {
  padding-bottom: 2px !important;
}

.pb3 {
  padding-bottom: 3px !important;
}

.pb4 {
  padding-bottom: 4px !important;
}

.pb5 {
  padding-bottom: 5px !important;
}

.pb6 {
  padding-bottom: 6px !important;
}

.pb7 {
  padding-bottom: 7px !important;
}

.pb8 {
  padding-bottom: 8px !important;
}

.pb9 {
  padding-bottom: 9px !important;
}

.pb10 {
  padding-bottom: 10px !important;
}

.pb15 {
  padding-bottom: 15px !important;
}

.pb20 {
  padding-bottom: 20px !important;
}

.pb25 {
  padding-bottom: 25px !important;
}

.pb30 {
  padding-bottom: 30px !important;
}

.pl0 {
  padding-left: 0   !important;
}

.pl1 {
  padding-left: 1px !important;
}

.pl2 {
  padding-left: 2px !important;
}

.pl3 {
  padding-left: 3px !important;
}

.pl4 {
  padding-left: 4px !important;
}

.pl5 {
  padding-left: 5px !important;
}

.pl6 {
  padding-left: 6px !important;
}

.pl7 {
  padding-left: 7px !important;
}

.pl8 {
  padding-left: 8px !important;
}

.pl9 {
  padding-left: 9px !important;
}

.pl10 {
  padding-left: 10px !important;
}

.pl15 {
  padding-left: 15px !important;
}

.pl20 {
  padding-left: 20px !important;
}

.pl25 {
  padding-left: 25px !important;
}

.pl30 {
  padding-left: 30px !important;
}

.pr0 {
  padding-right: 0   !important;
}

.pr1 {
  padding-right: 1px !important;
}

.pr2 {
  padding-right: 2px !important;
}

.pr3 {
  padding-right: 3px !important;
}

.pr4 {
  padding-right: 4px !important;
}

.pr5 {
  padding-right: 5px !important;
}

.pr6 {
  padding-right: 6px !important;
}

.pr7 {
  padding-right: 7px !important;
}

.pr8 {
  padding-right: 8px !important;
}

.pr9 {
  padding-right: 9px !important;
}

.pr10 {
  padding-right: 10px !important;
}

.pr15 {
  padding-right: 15px !important;
}

.pr20 {
  padding-right: 20px !important;
}

.pr25 {
  padding-right: 25px !important;
}

.pr30 {
  padding-right: 30px !important;
}

/* [static] 幅 */
.w05per {
  width: 5% !important;
}

.w10per {
  width: 10% !important;
}

.w15per {
  width: 15% !important;
}

.w20per {
  width: 20% !important;
}

.w25per {
  width: 25% !important;
}

.w30per {
  width: 30% !important;
}

.w33per {
  width: 33% !important;
}

.w34per {
  width: 34% !important;
}

.w35per {
  width: 35% !important;
}

.w40per {
  width: 40% !important;
}

.w45per {
  width: 45% !important;
}

.w50per {
  width: 50% !important;
}

.w55per {
  width: 55% !important;
}

.w60per {
  width: 60% !important;
}

.w65per {
  width: 65% !important;
}

.w70per {
  width: 70% !important;
}

.w75per {
  width: 75% !important;
}

.w80per {
  width: 80% !important;
}

.w85per {
  width: 85% !important;
}

.w90per {
  width: 90% !important;
}

.w95per {
  width: 95% !important;
}

.w100per {
  width: 100% !important;
}

/* [parts] 見出し */
.h1_def {
  margin-top: 20px;
  overflow: hidden;
  font-size: 214.2%;
  line-height: 1.3;
  position: relative;
}
.h1_def > span {
  display: block;
  padding: 16px 11px 11px 11px;
  border-bottom: 1px solid #DDDDDD;
}
.h1_def:after {
  content: "";
  position: absolute;
  bottom: -20px;
  left: 0;
  width: 100%;
  height: 20px;
  background: red;
  z-index: 1;
}

/* 各カテゴリーのカラバリ */
.page_home .h1_def {
  border-top: 3px solid #3da414;
  color: #3da414;
}

.page_trafic .h1_def {
  border-top: 3px solid #1c83bf;
  color: #1c83bf;
}

.page_sapa .h1_def {
  border-top: 3px solid #9cb71e;
  color: #9cb71e;
}

.page_trip .h1_def {
  border-top: 3px solid #c0a61d;
  color: #c0a61d;
}

.page_otoku .h1_def {
  border-top: 3px solid #e3594e;
  color: #e3594e;
}

.h2_def {
  padding-bottom: 5px;
  font-size: 171.4%;
  line-height: 1.2;
}
.h2_def.icon {
  padding-left: 28px;
}

/* 各カテゴリーのカラバリ */
.page_home .h2_def {
  border-bottom: 2px solid #3da414;
}
.page_home .h2_def.icon {
  background: url(/resources/img/common/icn_h2_bullet_home.png) no-repeat 0 0.4em;
}

.page_trafic .h2_def {
  border-bottom: 2px solid #1c83bf;
}
.page_trafic .h2_def.icon {
  background: url(/resources/img/common/icn_h2_bullet_trafic.png) no-repeat 0 0.4em;
}

.page_sapa .h2_def {
  border-bottom: 2px solid #9cb71e;
}
.page_sapa .h2_def.icon {
  background: url(/resources/img/common/icn_h2_bullet_sapa.png) no-repeat 0 0.4em;
}

.page_trip .h2_def {
  border-bottom: 2px solid #c0a61d;
}
.page_trip .h2_def.icon {
  background: url(/resources/img/common/icn_h2_bullet_trip.png) no-repeat 0 0.4em;
}

.page_otoku .h2_def {
  border-bottom: 2px solid #e3594e;
}
.page_otoku .h2_def.icon {
  background: url(/resources/img/common/icn_h2_bullet_otoku.png) no-repeat 0 0.4em;
}

.contents > .h2_def:first-child, .main_area > .h2_def:first-child {
  margin-top: 0;
}

.h3_def {
  padding-bottom: 3px;
  border-bottom: 1px solid #E5E5E5;
  font-size: 142.8%;
  line-height: 1.4;
}
.h3_def.icon {
  padding-left: 18px;
}

/* 各カテゴリーのカラバリ */
.page_home .h3_def.icon {
  background: url(/resources/img/common/icn_h3_bullet_home.png) no-repeat 0 0.1em;
}

.page_trafic .h3_def.icon {
  background: url(/resources/img/common/icn_h3_bullet_trafic.png) no-repeat 0 0.1em;
}

.page_sapa .h3_def.icon {
  background: url(/resources/img/common/icn_h3_bullet_sapa.png) no-repeat 0 0.1em;
}

.page_trip .h3_def.icon {
  background: url(/resources/img/common/icn_h3_bullet_trip.png) no-repeat 0 0.1em;
}

.page_otoku .h3_def.icon {
  background: url(/resources/img/common/icn_h3_bullet_otoku.png) no-repeat 0 0.1em;
}

.h4_def {
  padding-bottom: 5px;
  border-bottom: 1px solid #E5E5E5;
  font-size: 114.2%;
  line-height: 1.4;
}
.h4_def.icon {
  padding-left: 14px;
}

/* 各カテゴリーのカラバリ */
.page_home .h4_def.icon {
  background: url(/resources/img/common/icn_h4_bullet_home.png) no-repeat 0 0.4em;
}

.page_trafic .h4_def.icon {
  background: url(/resources/img/common/icn_h4_bullet_trafic.png) no-repeat 0 0.4em;
}

.page_sapa .h4_def.icon {
  background: url(/resources/img/common/icn_h4_bullet_sapa.png) no-repeat 0 0.4em;
}

.page_trip .h4_def.icon {
  background: url(/resources/img/common/icn_h4_bullet_trip.png) no-repeat 0 0.4em;
}

.page_otoku .h4_def.icon {
  background: url(/resources/img/common/icn_h4_bullet_otoku.png) no-repeat 0 0.4em;
}

/* 各カテゴリーのカラバリ */
.page_home .h5_def {
  color: #3da414;
}

.page_trafic .h5_def {
  color: #1c83bf;
}

.page_sapa .h5_def {
  color: #9cb71e;
}

.page_trip .h5_def {
  color: #c0a61d;
}

.page_otoku .h5_def {
  color: #e3594e;
}

/* [parts] ボタン */
.button_default, .button_conversion {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  border-radius: 6px;
  line-height: 1.2;
  overflow: hidden;
}
.button_default span, .button_conversion span {
  display: block;
}
.button_default a, .button_conversion a {
  position: relative;
}
.button_default a, .button_default input, .button_conversion a, .button_conversion input {
  display: block;
  padding: 12px 10px 11px 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  line-height: 1.2;
  font-weight: bold;
  font-size: 114.2%;
}
.button_default a:hover, .button_default input:hover, .button_conversion a:hover, .button_conversion input:hover {
  text-decoration: none;
}
.button_default a:link, .button_default a:visited, .button_conversion a:link, .button_conversion a:visited {
  color: #333333;
}
.button_default input, .button_conversion input {
  margin: 0;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Meiryo","メイリオ", sans-serif !important;
  cursor: pointer !important;
  border: 0;
}

.button_large a, .button_large input {
  padding-top: 17px;
  padding-bottom: 16px;
}

.button_default {
  border: 1px solid #CCC;
}
.button_default span {
  border: 1px solid #FCFCFC;
}
.button_default a, .button_default input {
  background: #f3f3f3;
  background: -moz-linear-gradient(top, #f3f3f3 0%, #eeeeee 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f3f3f3), color-stop(100%, #eeeeee));
  background: -webkit-linear-gradient(top, #f3f3f3 0%, #eeeeee 100%);
  background: linear-gradient(to bottom, #f3f3f3 0%, #eeeeee 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f3', endColorstr='#eeeeee',GradientType=0 );
}
.button_default a:hover, .button_default input:hover {
  background: #f3f3f3;
  background: -moz-linear-gradient(top, #f3f3f3 0%, #fafafa 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f3f3f3), color-stop(100%, #fafafa));
  background: -webkit-linear-gradient(top, #f3f3f3 0%, #fafafa 100%);
  background: linear-gradient(to bottom, #f3f3f3 0%, #fafafa 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f3', endColorstr='#fafafa',GradientType=0 );
}

.button_conversion {
  border: 1px solid #B1C9A8;
}
.button_conversion span {
  border: 1px solid #F9FCF8;
}
.button_conversion a, .button_conversion input {
  background: #E9F3E5;
  background: -moz-linear-gradient(top, #e9f3e5 0%, #e1efdc 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e9f3e5), color-stop(100%, #e1efdc));
  background: -webkit-linear-gradient(top, #e9f3e5 0%, #e1efdc 100%);
  background: linear-gradient(to bottom, #e9f3e5 0%, #e1efdc 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E9F3E5', endColorstr='#E1EFDC',GradientType=0 );
}
.button_conversion a:hover, .button_conversion input:hover {
  background: #F8FBF7;
  background: -moz-linear-gradient(top, #f8fbf7 0%, #f5faf4 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8fbf7), color-stop(100%, #f5faf4));
  background: -webkit-linear-gradient(top, #f8fbf7 0%, #f5faf4 100%);
  background: linear-gradient(to bottom, #f8fbf7 0%, #f5faf4 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F8FBF7', endColorstr='#F5FAF4',GradientType=0 );
}

.button_anchor a {
  padding: 6px 10px 5px 30px;
  font-size: 100%;
  font-weight: normal;
}
.button_anchor a:before {
  content: "";
  width: 13px;
  height: 9px;
  position: absolute;
  left: 9px;
  top: 50%;
  margin-top: -4px;
  background: url(/resources/img/common/icn_link_down_trafic.png) no-repeat 0 0;
}

.button_frame {
  background: #fff;
  padding: 0;
  margin: 0;
  border: 1px solid #ccc;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
}
.button_frame a {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  padding: 6px 6px 6px 21px;
  position: relative;
  color: #333;
}
.button_frame a:after {
  content: "";
  position: absolute;
  top: 50%;
  background: url(/resources/img/common/icn_arrow_right_blue.png) no-repeat 0 0;
  width: 6px;
  height: 10px;
  left: 10px;
  margin-top: -6px;
  -webkit-background-size: 6px 10px;
  -moz-background-size: 6px 10px;
  background-size: 6px 10px;
}
.button_frame.s_inline {
  vertical-align: middle;
  border: 0;
  display: inline-block;
}
.button_frame.s_inline a {
  padding-top: 3px;
  padding-bottom: 3px;
  padding-right: 8px;
}

/* ボタンの長さ */
.fullsize {
  width: 100%;
}

.fixsize {
  width: 42.13836%;
}

/* 別窓ボタン */
.button_blank a {
  padding-left: 10px;
  padding-right: 30px;
}
.button_blank a:after {
  content: "";
  width: 17px;
  height: 17px;
  position: absolute;
  right: 9px;
  top: 50%;
  margin-top: -8px;
}

.page_home .button_blank a:after {
  background: url(/resources/img/common/icn_btn_blank_home.png) no-repeat 0 0;
}

.page_trafic .button_blank a:after {
  background: url(/resources/img/common/icn_btn_blank_trafic.png) no-repeat 0 0;
}

.page_sapa .button_blank a:after {
  background: url(/resources/img/common/icn_btn_blank_sapa.png) no-repeat 0 0;
}

.page_trip .button_blank a:after {
  background: url(/resources/img/common/icn_btn_blank_trip.png) no-repeat 0 0;
}

.page_otoku .button_blank a:after {
  background: url(/resources/img/common/icn_btn_blank_otoku.png) no-repeat 0 0;
}

/* [parts] 文字サイズ */
.xlarge {
  font-size: 128.5%;
}

.large {
  font-size: 114.2%;
}

.medium {
  font-size: 100%;
}

.small {
  font-size: 85.7%;
}

/* [parts] アイコン付きリンク */
a.icon {
  display: inline-block;
  padding-left: 13px;
}

.page_home a.icon {
  background: url(/resources/img/common/icn_link_arrow_home_01.png) no-repeat 0 0.4em;
}

.page_trafic a.icon {
  background: url(/resources/img/common/icn_link_arrow_trafic_01.png) no-repeat 0 0.4em;
}

.page_sapa a.icon {
  background: url(/resources/img/common/icn_link_arrow_sapa_01.png) no-repeat 0 0.4em;
}

.page_trip a.icon {
  background: url(/resources/img/common/icn_link_arrow_trip_01.png) no-repeat 0 0.4em;
}

.page_otoku a.icon {
  background: url(/resources/img/common/icn_link_arrow_otoku_01.png) no-repeat 0 0.4em;
}

/* [parts] 付加リンクモジュール：別ウィンドウリンク */
a span.blank:after {
  content: "";
  padding-left: 20px;
  width: 12px;
  height: 12px;
}

.page_home a span.blank:after {
  background: url(/resources/img/common/icn_blank_home.png) no-repeat 100% 50%;
}

.page_trafic a span.blank:after {
  background: url(/resources/img/common/icn_blank_trafic.png) no-repeat 100% 50%;
}

.page_sapa a span.blank:after {
  background: url(/resources/img/common/icn_blank_sapa.png) no-repeat 100% 50%;
}

.page_trip a span.blank:after {
  background: url(/resources/img/common/icn_blank_trip.png) no-repeat 100% 50%;
}

.page_otoku a span.blank:after {
  background: url(/resources/img/common/icn_blank_otoku.png) no-repeat 100% 50%;
}

/* [parts] 付加リンクモジュール：ダウンロードリンク */
/* [parts] 付加リンクモジュール：PDF */
a span.pdf:after {
  content: "";
  padding-top: 1px;
  padding-left: 20px;
  padding-bottom: 1px;
  background: url(/resources/img/common/icn_pdf.png) no-repeat 100% 50%;
  width: 16px;
  height: 16px;
}

/* [parts] リンクリスト .anchor_links */
.anchor_links .anchor_links-heading {
  margin: 0 0 10px 0;
  padding: 0;
  border: 0 !important;
  background: none !important;
  color: #333333 !important;
  font-size: 114.2%;
  font-weight: bold;
  line-height: 1.2;
}
.anchor_links ul {
  margin: 0;
  padding: 0;
}
.anchor_links li {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-top: 3px;
}

.anchor_links_col {
  margin: 0 0 -10px 0;
  padding: 0;
  width: 100%;
  overflow: hidden;
}
.anchor_links_col li {
  margin: 0;
  padding: 0 10px 10px 0;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  width: 50%;
  *width: 48%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: top;
  list-style-type: none;
  white-space: normal;
}

/* [parts] 詳細リンクリスト .more_links */
.more_links ul {
  margin: 0;
  padding: 0;
  border-right: 1px solid #E5E5E5;
}
.more_links li {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-left: 1px solid #E5E5E5;
  line-height: 1.2;
}
.more_links li a {
  display: inline-block;
  padding: 8px 10px 8px 30px;
}
.more_links li a:link, .more_links li a:visited {
  color: #333333;
}
.more_links.more_links_5 li {
  width: 20%;
}
.more_links.more_links_4 li {
  width: 25%;
}
.more_links.more_links_3 li {
  width: 33%;
}
.more_links.more_links_2 li {
  width: 50%;
}

/* 各カテゴリーのカラバリ */
.page_home .more_links li a {
  background: url(/resources/img/common/icn_link_down_home.png) no-repeat 10px 50%;
}

.page_trafic .more_links li a {
  background: url(/resources/img/common/icn_link_down_trafic.png) no-repeat 10px 50%;
}

.page_sapa .more_links li a {
  background: url(/resources/img/common/icn_link_down_sapa.png) no-repeat 10px 50%;
}

.page_trip .more_links li a {
  background: url(/resources/img/common/icn_link_down_trip.png) no-repeat 10px 50%;
}

.page_otoku .more_links li a {
  background: url(/resources/img/common/icn_link_down_otoku.png) no-repeat 10px 50%;
}

/* [parts] ブロックリンク .block_links */
.block_links ul {
  margin: -10px 0 0 -15px !important;
  padding: 0;
  overflow: hidden;
}
.block_links li {
  margin: 0;
  padding: 0;
  list-style: none;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  font-weight: bold;
}
.block_links div {
  margin-top: 10px;
  margin-left: 15px;
  padding: 8px 10px;
  border: 1px solid #E5E5E5;
  border-radius: 6px;
}
.block_links.block_links_5 li {
  width: 20%;
}
.block_links.block_links_4 li {
  width: 25%;
}
.block_links.block_links_3 li {
  width: 33%;
}
.block_links.block_links_2 li {
  width: 50%;
}
.block_links.block_links_1 li {
  width: 100%;
}

/* 各カテゴリーのカラバリ */
.page_home .block_links li.current div {
  background-color: #e2f5db;
}

.page_trafic .block_links li.current div {
  background-color: #edf4f8;
}

.page_sapa .block_links li.current div {
  background-color: #f4f8e1;
}

.page_trip .block_links li.current div {
  background-color: #f7f3e0;
}

.page_otoku .block_links li.current div {
  background-color: #fcedec;
}

/* [parts] 2カラムリスト .list_col */
.list_col {
  margin: 0 0 -10px 0;
  padding: 0;
  width: 100%;
  overflow: hidden;
}
.list_col li {
  margin: 0;
  padding: 0;
  list-style: none;
  padding: 0 10px 10px 0;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  width: 50%;
  *width: 48%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: top;
  white-space: normal;
}
.list_col li span.list_col-li {
  display: inline-block;
  padding-left: 9px;
  background: url(/resources/img/common/icn_bullet_list.png) no-repeat 0 0.5em;
}

/* [parts] 2カラム番号リスト .list_num_col */
.list_num_col {
  margin: 0 0 -10px 0;
  padding: 0;
  width: 100%;
  overflow: hidden;
}
.list_num_col li {
  margin: 0;
  padding: 0;
  list-style: none;
  padding: 0 10px 10px 0;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  width: 50%;
  *width: 48%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: top;
  white-space: normal;
}
.list_num_col li span.list_num_col-li {
  display: inline-block;
  padding-left: 1.3em;
  text-indent: -1.3em;
}

/* [parts] ページトップリンク .page_top */
.page_top {
  text-align: right;
}
.page_top a {
  padding-left: 13px;
  display: inline-block;
}
.page_top a:visited {
  color: #0066cc;
}

.page_home .page_top a {
  background: url(/resources/img/common/icn_link_arrow_home_03.png) no-repeat 0 0.6em;
}

.page_trafic .page_top a {
  background: url(/resources/img/common/icn_link_arrow_trafic_03.png) no-repeat 0 0.6em;
}

.page_sapa .page_top a {
  background: url(/resources/img/common/icn_link_arrow_sapa_03.png) no-repeat 0 0.6em;
}

.page_trip .page_top a {
  background: url(/resources/img/common/icn_link_arrow_trip_03.png) no-repeat 0 0.6em;
}

.page_otoku .page_top a {
  background: url(/resources/img/common/icn_link_arrow_otoku_03.png) no-repeat 0 0.6em;
}

/* [parts] 注釈表示 */
.note {
  color: #666666 !important;
}

/* [parts] 赤字 */
.red {
  color: red !important;
}

/* [parts] オレンジ */
.orange {
  color: #E68319 !important;
}

/* [parts] 緑 */
.green {
  color: #3da414 !important;
}

/* [parts] 太字 */
.bold {
  font-weight: bold !important;
}

/* [parts] 下線 */
.underline {
  text-decoration: underline;
}

.list_def {
  padding: 0;
}
.list_def li.list_def-li {
  margin: 0;
  padding: 0;
  list-style: none;
  padding-left: 9px;
  background: url(/resources/img/common/icn_bullet_list.png) no-repeat 0 0.5em;
}

/* [parts] 注釈リスト */
ul.notes {
  padding: 0;
}
ul.notes li.notes-li {
  list-style-type: none;
  padding-left: 1em;
  text-indent: -1em;
}
ul.notes li.notes-li a.icon {
  display: inline;
}

/* [parts] リストマークがないリスト */
ul.nomark {
  padding-left: 0;
}
ul.nomark li.nomark-li {
  list-style-type: none;
  padding-left: 0;
}
ul.nomark ul {
  padding-left: 1em;
}

/* [parts] 規定リスト */
.rule_notes dt {
  margin: 0 0 5px 0;
  padding: 0;
  float: left;
  clear: left;
  width: 4em;
  text-align: right;
}
.rule_notes dd {
  margin: 0 0 5px 5em;
  padding: 0;
}
.rule_notes ul {
  margin: 0;
  padding: 0;
}
.rule_notes .rule_notes-li {
  margin: 0;
  padding: 0;
  list-style: none;
  padding-left: 1em;
  text-indent: -1em;
}

/* [parts] デフォルトテーブルスタイル */
table.def {
  width: 100%;
  border: none;
  border-collapse: collapse;
  text-align: left;
}
table.def th,
table.def td {
  border: 1px solid #E5E5E5;
  background: #FFF;
  padding: 6px 8px;
  text-align: left;
}

/* 各カテゴリーのカラバリ */
.page_home table.def th {
  background: #e2f5db;
}
.page_home table.def thead th, .page_home table.def thead td {
  background: #a4de8f;
}

.page_trafic table.def th {
  background: #edf4f8;
}
.page_trafic table.def thead th, .page_trafic table.def thead td {
  background: #C1DEEE;
}

.page_sapa table.def th {
  background: #f4f8e1;
}
.page_sapa table.def thead th, .page_sapa table.def thead td {
  background: #e5efb6;
}

.page_trip table.def th {
  background: #f7f3e0;
}
.page_trip table.def thead th, .page_trip table.def thead td {
  background: #ede0a1;
}

.page_otoku table.def th {
  background: #fcedec;
}
.page_otoku table.def thead th, .page_otoku table.def thead td {
  background: #f5c3c0;
}

/* [parts] デフォルトテーブルスタイル SPサイズで組み替え */
table.flex_table.js-is-flex-table colgroup {
  display: none;
}
table.flex_table.js-is-flex-table th {
  width: 30%;
}
table.flex_table.js-is-flex-table td {
  width: 70%;
}

/* [parts] rollover */
.rollover:hover {
  filter: alpha(opacity=60);
  opacity: 0.6;
}

/* [parts] 100%幅画像 */
.flex_image {
  width: 100%;
  height: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* [parts] max100%幅画像 */
.max_image {
  max-width: 100%;
  height: auto;
}

/* [parts] 画像にボーダーをつける */
.image_border {
  border: 1px solid #E5E5E5;
}

/* [parts] 画像タイトル */
.image_heading {
  margin-bottom: 4px;
  padding: 8px;
  background: #F5F5F5;
  border: 1px solid #E5E5E5;
  font-weight: bold;
}

/* [parts] PCサイズ/SPサイズ出し分け */
.display_large {
  display: block;
}

.display_small {
  display: none;
}

/* [parts] 広告ブロック */
.contents_banner {
  margin: 30px auto 0 auto;
  max-width: 756px;
  line-height: 1;
  border: 1px solid #CCC;
  position: relative;
}
.contents_banner .contents_banner-img {
  margin-right: 27px;
  max-width: 728px;
  border-right: 1px solid #CCC;
  line-height: 0;
}
.contents_banner .contents_banner-img img:first-child {
  width: 100%;
  height: auto;
}
.contents_banner .contents_banner-pr {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -6px;
  width: 27px;
  font-size: 12px;
  text-align: center;
}

.side_banner {
  margin-top: 15px;
  width: 100%;
  overflow: hidden;
  line-height: 0;
}
.side_banner img {
  max-width: 100% !important;
  height: auto;
}
.side_banner .side_banner-pr {
  padding: 8px 15px;
  border: 1px solid #E4E4E4;
  border-top: 0;
  text-align: right;
  line-height: 1;
}

.side_area > .side_banner:first-child {
  margin-top: 0;
}

.ad_text {
  margin-top: 15px;
  padding-left: 35px;
  background: url(/resources/img/common/icn_pr.png) no-repeat 0 50%;
}

/* [box] 注意喚起ボックス */
/* [box] トピックボックス */
.topic_box01 .topic_box01-heading, .topic_box02 .topic_box02-heading, .topic_box03 .topic_box03-heading, .aside_box .aside_box-heading {
  margin: 0 0 10px 0;
  padding: 0;
  border: 0 !important;
  background: none !important;
  color: #333333 !important;
  font-size: 114.2%;
  font-weight: bold;
  line-height: 1.2;
}

.topic_box01 {
  padding: 15px;
  background-color: #F8F4EB;
  border: 1px solid #CCC;
}

.topic_box02 {
  padding: 15px;
  background-color: #FFFEEC;
  border: 1px solid #CCC;
}

.topic_box03 {
  padding: 15px;
  background-color: #FFDFDF;
  border: 1px solid #CCC;
}



/* [box] 付加情報ボックス */
.aside_box {
  padding: 15px;
  border: 1px solid #CCC;
}

/* [box] Adobe Readerダウンロード */
.download_box {
  padding: 15px;
  border: 1px solid #CCC;
  position: relative;
}
.download_box div {
  position: absolute;
  left: 15px;
  top: 15px;
  min-height: 33px;
}
.download_box p {
  margin-top: 0;
  margin-left: 126px;
}

/* [unit] ユニット
 * モジュールの単位となる。前にデフォルトマージン付加 */
div.unit {
  margin-top: 20px;
}
div.unit > :first-child {
  margin-top: 0;
}

.contents > .unit:first-child, .main_area > .unit:first-child {
  margin-top: 0;
}

/* [unit] カラムレイアウト */
/* [unit] フォーム送信ボタン */
.form_buttons {
  position: relative;
  text-align: center;
}
.form_buttons ul {
  margin: 0;
  padding: 0;
}
.form_buttons li {
  margin: 0;
  padding: 0;
  list-style: none;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 50%;
}
.form_buttons li.form_buttons-revise {
  padding-left: 40px;
  padding-right: 10px;
}
.form_buttons li.form_buttons-submit {
  padding-left: 10px;
  padding-right: 40px;
}
.form_buttons li .fixsize {
  width: 100%;
}

/* [unit] エラー通知ボックス */
/* [unit] 注意喚起ユニット */
/* [unit] ページャー */
/* [unit] サムネイルリスト */



.thumb_list ul {
  margin: -15px 0 0 -16px !important;
  padding: 0;
}
.thumb_list li {
  margin: 0;
  padding: 0;
  list-style: none;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  width: 50%;
  *width: 54.9%;
  margin-top: 15px;
  vertical-align: top;
}
.thumb_list li .thumb_list-pad {
  margin-left: 16px;
}
.thumb_list li img {
  width: 100%;
  height: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.thumb_list li p {
  margin-top: 0;
}
.thumb_list li .thumb_list-caption {
  margin-top: 15px;
}


.thumb_list3 ul {
  margin: -15px 0 0 -16px !important;
  padding: 0;
}
.thumb_list3 li {
  margin: 0;
  padding: 0;
  list-style: none;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  width: 33%;
  *width: 32.9%;
  margin-top: 15px;
  vertical-align: top;
}
.thumb_list3 li .thumb_list3-pad {
  margin-left: 16px;
}
.thumb_list3 li img {
  width: 100%;
  height: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.thumb_list3 li p {
  margin-top: 0;
}
.thumb_list3 li .thumb_list-caption {
  margin-top: 15px;
}



/* [unit] 回り込み画像 */
.float_media .float_media-rm {
  float: right;
  max-width: 310px;
  margin-left: 18px;
}
.float_media .float_media-rm img {
  max-width: 308px;
}
.float_media .float_media-lm {
  float: left;
  max-width: 310px;
  margin-right: 18px;
}
.float_media .float_media-lm img {
  max-width: 308px;
}
.float_media .float_media-rs {
  float: right;
  max-width: 190px;
  margin-left: 16px;
}
.float_media .float_media-rs img {
  max-width: 188px;
}
.float_media .float_media-ls {
  float: left;
  max-width: 190px;
  margin-right: 16px;
}
.float_media .float_media-ls img {
  max-width: 188px;
}
.float_media .float_media-rss {
  float: right;
  max-width: 120px;
  margin-left: 16px;
}
.float_media .float_media-rss img {
  max-width: 118px;
}
.float_media .float_media-lss {
  float: left;
  max-width: 120px;
  margin-right: 16px;
}
.float_media .float_media-lss img {
  max-width: 118px;
}
.float_media .float_media-lm img,
.float_media .float_media-ls img,
.float_media .float_media-lss img,
.float_media .float_media-rm img,
.float_media .float_media-rs img,
.float_media .float_media-rss img {
  width: 100%;
  height: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.float_media .float_media-caption {
  margin-top: 10px;
}
.float_media .float_media-body_rect {
  overflow: hidden;
}
.float_media .float_media-body_rect *:first-child {
  margin-top: 0;
}

/* [unit] 記事一覧 */
/* 2カラム */
.index_cols2 {
  margin-left: -16px;
  overflow: hidden;
}
.index_cols2 .index_cols2-col {
  float: left;
  margin: 0 0 0 0;
  width: 50%;
}
.index_cols2 .index_cols2-pad {
  margin-left: 16px;
}
.index_cols2 .index_cols2-pad > :first-child {
  margin-top: 0;
}
.index_cols2 .index_cols2-wrap {
  margin-top: 16px;
  position: relative;
  min-height: 90px;
}
.index_cols2 .index_cols2-wrap .index_cols2-thumbnail {
  position: absolute;
  top: 0;
  left: 0;
  line-height: 1;
}
.index_cols2 .index_cols2-wrap .index_cols2-thumbnail img {
  border: 1px solid #E5E5E5;
}
.index_cols2 .index_cols2-wrap .index_cols2-text {
  margin-left: 100px;
}
.index_cols2 .index_cols2-wrap .index_cols2-text > :first-child {
  margin-top: 0;
}
.index_cols2 .index_cols2-photo {
  margin-top: 16px;
  line-height: 1;
}
.index_cols2 .index_cols2-photo img {
  border: 1px solid #E5E5E5;
}
.index_cols2 .index_cols2-textbox {
  margin-top: 16px;
}
.index_cols2 .index_cols2-textbox > :first-child {
  margin-top: 0;
}

/* 1カラム */
.index_cols1 .index_cols1-wrap {
  margin-top: 16px;
  position: relative;
  min-height: 90px;
}
.index_cols1 .index_cols1-wrap .index_cols1-thumbnail {
  position: absolute;
  top: 0;
  left: 0;
  line-height: 1;
}
.index_cols1 .index_cols1-wrap .index_cols1-thumbnail img {
  border: 1px solid #E5E5E5;
}
.index_cols1 .index_cols1-wrap .index_cols1-text {
  margin-left: 210px;
}
.index_cols1 .index_cols1-wrap .index_cols1-text > :first-child {
  margin-top: 0;
}

/* 見出し */
.index_cols1 h3, .index_cols2 .index_cols2-pad h3 {
  border: 1px solid #CCC;
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
  font-size: 142.8%;
  line-height: 1.2;
  overflow: hidden;
  -webkit-box-shadow: 2px 2px 2px rgba(3, 0, 0, 0.06);
  -moz-box-shadow: 2px 2px 2px rgba(3, 0, 0, 0.06);
  box-shadow: 2px 2px 2px rgba(3, 0, 0, 0.06);
}
.index_cols1 h3 > span, .index_cols2 .index_cols2-pad h3 > span {
  display: block;
  padding: 14px 15px 11px 15px;
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
  background: #ffffff;
  background: -moz-linear-gradient(top, white 0%, #f4f4f4 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #f4f4f4));
  background: -webkit-linear-gradient(top, white 0%, #f4f4f4 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #f4f4f4 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 );
}
.index_cols1 h3 a, .index_cols2 .index_cols2-pad h3 a {
  display: block;
  padding-left: 18px;
}
.index_cols1 h3 a:link, .index_cols1 h3 a:visited, .index_cols2 .index_cols2-pad h3 a:link, .index_cols2 .index_cols2-pad h3 a:visited {
  color: #333333;
}

/* 各カテゴリーのカラバリ */
.page_home .index_cols1 h3, .page_home .index_cols2 .index_cols2-pad h3 {
  border-bottom: 2px solid #3da414;
}
.page_home .index_cols1 h3 a, .page_home .index_cols2 .index_cols2-pad h3 a {
  background: url(/resources/img/common/icn_ttl_bullet_home.png) no-repeat 0 50%;
}

.page_trafic .index_cols1 h3, .page_trafic .index_cols2 .index_cols2-pad h3 {
  border-bottom: 2px solid #1c83bf;
}
.page_trafic .index_cols1 h3 a, .page_trafic .index_cols2 .index_cols2-pad h3 a {
  background: url(/resources/img/common/icn_ttl_bullet_trafic.png) no-repeat 0 50%;
}

.page_sapa .index_cols1 h3, .page_sapa .index_cols2 .index_cols2-pad h3 {
  border-bottom: 2px solid #9cb71e;
}
.page_sapa .index_cols1 h3 a, .page_sapa .index_cols2 .index_cols2-pad h3 a {
  background: url(/resources/img/common/icn_ttl_bullet_sapa.png) no-repeat 0 50%;
}

.page_trip .index_cols1 h3, .page_trip .index_cols2 .index_cols2-pad h3 {
  border-bottom: 2px solid #c0a61d;
}
.page_trip .index_cols1 h3 a, .page_trip .index_cols2 .index_cols2-pad h3 a {
  background: url(/resources/img/common/icn_ttl_bullet_trip.png) no-repeat 0 50%;
}

.page_otoku .index_cols1 h3, .page_otoku .index_cols2 .index_cols2-pad h3 {
  border-bottom: 2px solid #e3594e;
}
.page_otoku .index_cols1 h3 a, .page_otoku .index_cols2 .index_cols2-pad h3 a {
  background: url(/resources/img/common/icn_ttl_bullet_otoku.png) no-repeat 0 50%;
}

/* 関連コンテンツ */
.related_cols {
  border: 1px solid #F9EFB6;
  border-radius: 6px;
  -webkit-box-shadow: 0 1px 2px rgba(3, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 2px rgba(3, 0, 0, 0.1);
  box-shadow: 0 1px 2px rgba(3, 0, 0, 0.1);
}
.related_cols .related_cols-heading {
  padding: 15px;
  background: #FFFEEC;
  color: #333333;
  border-bottom: 1px solid #F9EFB6;
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
  font-size: 114.2%;
  font-weight: bold;
  line-height: 1.2;
}
.related_cols .related_cols-col {
  margin: 0 0 0 -16px;
  padding: 15px;
  overflow: hidden;
}
.related_cols .related_cols-col li {
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
  width: 50%;
}
.related_cols .related_cols-col .related_cols-wrap {
  margin-left: 16px;
  position: relative;
  min-height: 81px;
}
.related_cols .related_cols-col .related_cols-thumbnail {
  position: absolute;
  top: 0;
  left: 0;
}
.related_cols .related_cols-col .related_cols-thumbnail img {
  border: 1px solid #E5E5E5;
}
.related_cols .related_cols-col .related_cols-text {
  margin-left: 100px;
}
.related_cols .related_cols-col .related_cols-text p {
  margin-top: 0;
}
.related_cols .related_cols-col .related_cols-title {
  margin-bottom: 5px;
  font-weight: bold;
}
.related_cols .related_cols-col .related_cols-title a:link, .related_cols .related_cols-col .related_cols-title a:visited {
  color: #333333;
}

/* タブ */
.tabs {
  margin: 30px 0 0 0;
  border-collapse: separate;
  border-spacing: 0;
  border: 0;
  width: 100%;
}
.tabs td {
  padding: 0;
  background: #f7f7f7;
  background: -moz-linear-gradient(top, #f7f7f7 0%, #e9e9e9 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f7f7), color-stop(100%, #e9e9e9));
  background: -webkit-linear-gradient(top, #f7f7f7 0%, #e9e9e9 100%);
  background: linear-gradient(to bottom, #f7f7f7 0%, #e9e9e9 100%);
  border: 1px solid #E6E6E6;
  border-bottom: 0;
  font-size: 107.1%;
  line-height: 1.2;
  font-weight: bold;
  text-align: center;
}
.tabs td a {
  display: block;
  padding: 16px 10px 10px 10px;
}
.tabs td a:link, .tabs td a:visited {
  color: #333333;
}
.tabs td.current {
  border-bottom: 0;
  color: #FFF;
}
.tabs td span {
  display: block;
  padding: 16px 10px 10px 10px;
}
.tabs td:first-child {
  border-top-left-radius: 6px;
}
.tabs td:last-child {
  border-top-right-radius: 6px;
}

.tab_2 td {
  width: 50%;
}

.tab_3 td {
  width: 33%;
}

.tab_4 td {
  width: 25%;
}

.tab_5 td {
  width: 20%;
}

/* 各カテゴリーのカラバリ */
.page_home .tabs {
  border-bottom: 3px solid #3da414;
}
.page_home .tabs td.current {
  background: #3da414;
  border: #3da414;
}

.page_trafic .tabs {
  border-bottom: 3px solid #1c83bf;
}
.page_trafic .tabs td.current {
  background: #1c83bf;
  border: #1c83bf;
}

.page_sapa .tabs {
  border-bottom: 3px solid #9cb71e;
}
.page_sapa .tabs td.current {
  background: #9cb71e;
  border: #9cb71e;
}

.page_trip .tabs {
  border-bottom: 3px solid #c0a61d;
}
.page_trip .tabs td.current {
  background: #c0a61d;
  border: #c0a61d;
}

.page_otoku .tabs {
  border-bottom: 3px solid #e3594e;
}
.page_otoku .tabs td.current {
  background: #e3594e;
  border: #e3594e;
}

/* [unit] SAPA記事コラム */
.sapa_index_main {
  padding-bottom: 15px;
  border-bottom: 1px solid #E5E5E5;
}

.sapa_index_list ul {
  margin: 0 0 0 -15px;
  padding: 0;
  overflow: hidden;
}
.sapa_index_list li {
  margin: 0;
  padding: 0;
  list-style: none;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  width: 25%;
  margin-top: 30px;
  vertical-align: top;
}
.sapa_index_list .sapa_index_list-pad {
  padding-left: 15px;
}
.sapa_index_list .sapa_index_list-flag {
  margin: 0 0 6px 0;
  line-height: 1;
}
.sapa_index_list .sapa_index_list-flag li {
  margin-top: 0;
  margin-right: 4px;
  float: left;
  width: auto;
}
.sapa_index_list .sapa_index_list-image img {
  width: 100%;
  height: auto;
  max-width: 224px;
}

/* [unit] アコーディオン */
.acordion_panel01 .acordion_panel01-body {
  display: none;
  padding: 16px;
  border-left: 1px solid #E5E5E5;
  border-right: 1px solid #E5E5E5;
}
.acordion_panel01 .acordion_panel01-body > :first-child {
  margin-top: 0;
}
.acordion_panel01 .acordion_panel01-toggle {
  padding: 12px 17px;
  text-align: right;
  font-weight: bold;
  line-height: 1;
  cursor: pointer;
}

/* 各カテゴリーのカラバリ */
.page_home .acordion_panel01 .acordion_panel01-toggle {
  background: #e2f5db;
}

.page_trafic .acordion_panel01 .acordion_panel01-toggle {
  background: #edf4f8;
}

.page_sapa .acordion_panel01 .acordion_panel01-toggle {
  background: #f4f8e1;
}

.page_trip .acordion_panel01 .acordion_panel01-toggle {
  background: #f7f3e0;
}

.page_otoku .acordion_panel01 .acordion_panel01-toggle {
  background: #fcedec;
}

.acordion_panel02 {
  margin-top: 30px;
  position: relative;
  border-top: 1px solid #E5E5E5;
}
.acordion_panel02 .acordion_panel02-heading {
  padding-top: 8px;
  border-top: 1px solid #FFF;
  border-bottom: 1px solid #FFF;
}
.acordion_panel02 .acordion_panel02-heading .h2_def, .acordion_panel02 .acordion_panel02-heading .h3_def {
  margin-top: 0;
  padding-right: 5em;
}
.acordion_panel02 .acordion_panel02-body {
  display: none;
  padding: 16px;
  border: 1px solid #E5E5E5;
  border-top: 0;
}
.acordion_panel02 .acordion_panel02-body > :first-child {
  margin-top: 0;
}
.acordion_panel02 .acordion_panel02-toggle {
  position: absolute;
  top: 10px;
  right: 17px;
  font-weight: bold;
  cursor: pointer;
}

/* 各カテゴリーのカラバリ */
.page_home .acordion_panel02 .acordion_panel02-heading {
  background-color: #e2f5db;
}

.page_trafic .acordion_panel02 .acordion_panel02-heading {
  background-color: #edf4f8;
}

.page_sapa .acordion_panel02 .acordion_panel02-heading {
  background-color: #f4f8e1;
}

.page_trip .acordion_panel02 .acordion_panel02-heading {
  background-color: #f7f3e0;
}

.page_otoku .acordion_panel02 .acordion_panel02-heading {
  background-color: #fcedec;
}

/* 開閉ボタン */
.acordion_panel01-toggle > span, .acordion_panel02-toggle > span {
  display: inline-block;
  padding-left: 20px;
  position: relative;
}

.acordion_panel01-toggle > span:after, .acordion_panel02-toggle > span:after {
  content: "";
  display: block;
  width: 9px;
  height: 5px;
  position: absolute;
  top: 50%;
  margin-top: -3px;
  left: 0;
}

/* 各カテゴリーのカラバリ */
.page_home .acordion_panel01-toggle > span:after,
.page_home .acordion_panel02-toggle > span:after {
  background: url(/resources/img/common/icn_link_arrow_home_04.png) no-repeat 0 0;
}
.page_home .acordion_panel01-toggle.selected > span:after, .page_home .acordion_panel01-toggle.selected > span:after,
.page_home .acordion_panel02-toggle.selected > span:after,
.page_home .acordion_panel02-toggle.selected > span:after {
  background: url(/resources/img/common/icn_link_arrow_home_03.png) no-repeat 0 0;
}

.page_trafic .acordion_panel01-toggle > span:after,
.page_trafic .acordion_panel02-toggle > span:after {
  background: url(/resources/img/common/icn_link_arrow_trafic_04.png) no-repeat 0 0;
}
.page_trafic .acordion_panel01-toggle.selected > span:after, .page_trafic .acordion_panel01-toggle.selected > span:after,
.page_trafic .acordion_panel02-toggle.selected > span:after,
.page_trafic .acordion_panel02-toggle.selected > span:after {
  background: url(/resources/img/common/icn_link_arrow_trafic_03.png) no-repeat 0 0;
}

.page_sapa .acordion_panel01-toggle > span:after,
.page_sapa .acordion_panel02-toggle > span:after {
  background: url(/resources/img/common/icn_link_arrow_sapa_04.png) no-repeat 0 0;
}
.page_sapa .acordion_panel01-toggle.selected > span:after, .page_sapa .acordion_panel01-toggle.selected > span:after,
.page_sapa .acordion_panel02-toggle.selected > span:after,
.page_sapa .acordion_panel02-toggle.selected > span:after {
  background: url(/resources/img/common/icn_link_arrow_sapa_03.png) no-repeat 0 0;
}

.page_trip .acordion_panel01-toggle > span:after,
.page_trip .acordion_panel02-toggle > span:after {
  background: url(/resources/img/common/icn_link_arrow_trip_04.png) no-repeat 0 0;
}
.page_trip .acordion_panel01-toggle.selected > span:after, .page_trip .acordion_panel01-toggle.selected > span:after,
.page_trip .acordion_panel02-toggle.selected > span:after,
.page_trip .acordion_panel02-toggle.selected > span:after {
  background: url(/resources/img/common/icn_link_arrow_trip_03.png) no-repeat 0 0;
}

.page_otoku .acordion_panel01-toggle > span:after,
.page_otoku .acordion_panel02-toggle > span:after {
  background: url(/resources/img/common/icn_link_arrow_otoku_04.png) no-repeat 0 0;
}
.page_otoku .acordion_panel01-toggle.selected > span:after, .page_otoku .acordion_panel01-toggle.selected > span:after,
.page_otoku .acordion_panel02-toggle.selected > span:after,
.page_otoku .acordion_panel02-toggle.selected > span:after {
  background: url(/resources/img/common/icn_link_arrow_otoku_03.png) no-repeat 0 0;
}