@charset "shift_jis";

/*----------------------------------------------------------
　更新履歴
　なにかあれば記入
----------------------------------------------------------*/


/*----------------------------------------------------------
　基本セッティング
----------------------------------------------------------*/
@import url("reset.css");
@import url("fonts-min.css");
body {
  -webkit-text-size-adjust: 100%;
}

/*----------------------------------------------------------
　Class
----------------------------------------------------------*/
/* フロート */
.float_left {
  width: auto;
  float: left !important;
}
.float_right {
  width: auto;
  float: right !important;
}

/* マージン */
.mt10 {
  margin-top: 10px !important;
}
.mt20 {
  margin-top: 20px !important;
}

/*----------------------------------------------------------
　PC
----------------------------------------------------------*/
@media all and (min-width: 1005px) {

#wrapper {
  width: 1005px;
}

/* ヘッダー */
#header {
  background: url(../images/bg_header.gif) repeat-x top;
}
#header #mainImg {
  background: #000;
  padding: 10px 0 6px 10px;
  zoom: 1;
}
#header #mainImg:after {
  clear: both;
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden;
}
#header #mainImg li {
  float: left;
  line-height: 0;
  margin-right: 8px;
}
#header #mainImg li img {
  height: auto;
  width: 323px;
}
#header #helpMenu {
  background: #000;
  padding: 0 10px 15px 10px;
  zoom: 1;
}
#header #helpMenu:after {
  clear: both;
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden;
}
#header #helpMenu li {
  float: left;
}
#header #helpMenu a {
  color: #fff;
  margin-right: 20px;
}
#header #helpMenu #guideImg {
  float: right;
  line-height: 0;
  margin-right: 0;
}

/* ぱんくず */
#breadcrumbs {
  color: #fff;
  border-bottom: 1px solid #000;
  background: #333;
  padding-bottom: 1px;
  zoom: 1;
}
#breadcrumbs:after {
  clear: both;
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden;
}
#breadcrumbs a {
  color: #fff;
}
#breadcrumbs p {
  margin-right: 16px;
  margin-left: 16px;
}

/* コンテンツ */
#contents {
  background: #333;
  padding-top: 6px;
  zoom: 1;
}
#contents:after {
  clear: both;
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden;
}
#contents #main {
  float: left;
  padding: 0 0 0 10px;
  margin-right: -10px;
  width: 762px;
}
#contents #main .boxLine01,
#contents #main .boxLine02,
#contents #main .boxLine03 {
  clear: both;
}
#contents #main .tourBox {
  background: #fff;
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
  width: 371px;
  zoom: 1;
}
#contents #main .tourBox:after {
  clear: both;
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden;
}
#contents #main .tourBox .recPanf {
  height: 19px;
  overflow: hidden;
  width: 371px;
  *text-indent: -9999px; /* for IE6-7 */
  *background: url(../images/text_top02.gif) no-repeat; /* for IE6-7 */
}
#contents #main .tourBox .recPanf:before {
  content: url(../images/text_top02.gif);
  display: inline-block;
  font-size: 0;
  line-height: 0;
}
#contents #main .tourBox .newPanf {
  height: 19px;
  overflow: hidden;
  width: 371px;
  *text-indent: -9999px; /* for IE6-7 */
  *background: url(../images/text_top04.gif) no-repeat; /* for IE6-7 */
}
#contents #main .tourBox .newPanf:before {
  content: url(../images/text_top04.gif);
  display: inline-block;
  font-size: 0;
  line-height: 0;
}
/* パンフ表紙 */
#contents #main .tourBox ul.panfList {
  background: url(../images/bg_pamph.gif) 0 0;
  margin: 0 10px 10px 10px;
  zoom: 1;
}
#contents #main .tourBox ul.panfList:after {
  clear: both;
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden;
}
#contents #main .tourBox ul.panfList li {
  float: left;
  margin: 6px;
  text-align: center;
  width: 105px;
}
#contents #main .tourBox ul.panfList li span {
  background: #fff;
  display: block;
  padding: 5px;
}
#contents #main .tourBox ul.panfList li span img {
  width: 50px;
  height: 71px;
}
#contents #main .tourBox ul.panfList li div {
  font-size: 75%;
  padding: 5px 0;
}

/* ルック用発地ボタン */
#contents #main .tourBox .lookBtn {
  margin-left: 10px;
  zoom: 1;
}
#contents #main .tourBox .lookBtn:after {
  clear: both;
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden;
}
#contents #main .tourBox .lookBtn li {
  float: left;
}
#contents #main .tourBox .lookBtn a {
  display: block;
  height: 22px;
  overflow: hidden;
  text-indent: -9999px;
  width: 71px;
}
#contents #main .tourBox .lookBtn .tokyo a {
  background: url(../images/btn_worldtour.gif) no-repeat 0 0;
}
#contents #main .tourBox .lookBtn .tokyo a:hover {
  background-position: 0 -66px;
}
#contents #main .tourBox .lookBtn .osaka a {
  background: url(../images/btn_worldtour.gif) no-repeat -71px 0;
}
#contents #main .tourBox .lookBtn .osaka a:hover {
  background-position: -71px -66px;
}
#contents #main .tourBox .lookBtn .nagoya a {
  background: url(../images/btn_worldtour.gif) no-repeat -142px 0;
}
#contents #main .tourBox .lookBtn .nagoya a:hover {
  background-position: -142px -66px;
}
#contents #main .tourBox .lookBtn .kyushu a {
  background: url(../images/btn_worldtour.gif) no-repeat -213px 0;
}
#contents #main .tourBox .lookBtn .kyushu a:hover {
  background-position: -213px -66px;
}
#contents #main .tourBox .lookBtn .hokkaido {
  width: 70px !important;
}
#contents #main .tourBox .lookBtn .hokkaido a {
  width: 70px !important;
  background: url(../images/btn_worldtour.gif) no-repeat -284px 0;
}
#contents #main .tourBox .lookBtn .hokkaido a:hover {
  background-position: -284px -66px;
}
#contents #main .tourBox .lookBtn .tohoku a {
  background: url(../images/btn_worldtour.gif) no-repeat 0 -22px;
}
#contents #main .tourBox .lookBtn .tohoku a:hover {
  background-position: 0 -88px;
}
#contents #main .tourBox .lookBtn .niigata a {
  background: url(../images/btn_worldtour.gif) no-repeat -71px -22px;
}
#contents #main .tourBox .lookBtn .niigata a:hover {
  background-position: -71px -88px;
}
#contents #main .tourBox .lookBtn .komatsu a {
  background: url(../images/btn_worldtour.gif) no-repeat -142px -22px;
}
#contents #main .tourBox .lookBtn .komatsu a:hover {
  background-position: -142px -88px;
}
#contents #main .tourBox .lookBtn .shizuoka a {
  background: url(../images/btn_worldtour.gif) no-repeat -213px -22px;
}
#contents #main .tourBox .lookBtn .shizuoka a:hover {
  background-position: -213px -88px;
}
#contents #main .tourBox .lookBtn .shikoku {
  width: 70px !important;
}
#contents #main .tourBox .lookBtn .shikoku a {
  width: 70px !important;
  background: url(../images/btn_worldtour.gif) no-repeat -284px -22px;
}
#contents #main .tourBox .lookBtn .shikoku a:hover {
  background-position: -284px -88px;
}
#contents #main .tourBox .lookBtn .okinawa a {
  width: 70px !important;
  background: url(../images/btn_worldtour.gif) no-repeat 0 -44px;
}
#contents #main .tourBox .lookBtn .okinawa a:hover {
  background-position: 0 -110px;
}

/* エース用発地ボタン */
#contents #main .tourBox .aceBtn {
  margin-left: 10px;
  zoom: 1;
}
#contents #main .tourBox .aceBtn:after {
  clear: both;
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden;
}
#contents #main .tourBox .aceBtn li {
  float: left;
}
#contents #main .tourBox .aceBtn a {
  display: block;
  height: 22px;
  overflow: hidden;
  text-indent: -9999px;
  width: 88px;
}
#contents #main .tourBox .aceBtn .hokkaido a {
  background: url(../images/btn_japantour.gif) no-repeat 0 0;
}
#contents #main .tourBox .aceBtn .hokkaido a:hover {
  background-position: 0 -44px;
}
#contents #main .tourBox .aceBtn .tohoku a {
  background: url(../images/btn_japantour.gif) no-repeat -88px 0;
}
#contents #main .tourBox .aceBtn .tohoku a:hover {
  background-position: -88px -44px;
}
#contents #main .tourBox .aceBtn .kanto a {
  background: url(../images/btn_japantour.gif) no-repeat -176px 0;
}
#contents #main .tourBox .aceBtn .kanto a:hover {
  background-position: -176px -44px;
}
#contents #main .tourBox .aceBtn .hokuriku {
  width: 87px !important;
}
#contents #main .tourBox .aceBtn .hokuriku a {
  width: 87px !important;
  background: url(../images/btn_japantour.gif) no-repeat -264px 0;
}
#contents #main .tourBox .aceBtn .hokuriku a:hover {
  background-position: -264px -44px;
}
#contents #main .tourBox .aceBtn .chubu a {
  background: url(../images/btn_japantour.gif) no-repeat 0 -22px;
}
#contents #main .tourBox .aceBtn .chubu a:hover {
  background-position: 0 -66px;
}
#contents #main .tourBox .aceBtn .kansai a {
  background: url(../images/btn_japantour.gif) no-repeat -88px -22px;
}
#contents #main .tourBox .aceBtn .kansai a:hover {
  background-position: -88px -66px;
}
#contents #main .tourBox .aceBtn .chushi a {
  background: url(../images/btn_japantour.gif) no-repeat -176px -22px;
}
#contents #main .tourBox .aceBtn .chushi a:hover {
  background-position: -176px -66px;
}
#contents #main .tourBox .aceBtn .kyushu {
  width: 87px !important;
}
#contents #main .tourBox .aceBtn .kyushu a {
  width: 87px !important;
  background: url(../images/btn_japantour.gif) no-repeat -264px -22px;
}
#contents #main .tourBox .aceBtn .kyushu a:hover {
  background-position: -264px -66px;
}

/* 外国人向け用発地ボタン */
#contents #main .tourBox .inboundBtn {
  margin-left: 10px;
  zoom: 1;
}
#contents #main .tourBox .inboundBtn:after {
  clear: both;
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden;
}
#contents #main .tourBox .inboundBtn li {
  float: left;
}
#contents #main .tourBox .inboundBtn a {
  display: block;
  height: 22px;
  overflow: hidden;
  text-indent: -9999px;
  width: 120px;
}
#contents #main .tourBox .inboundBtn .east a {
  background: url(../images/btn_worldtour4.gif) no-repeat 0 0;
}
#contents #main .tourBox .inboundBtn .east a:hover {
  background-position: 0 -44px;
}
#contents #main .tourBox .inboundBtn .west a {
  background: url(../images/btn_worldtour4.gif) no-repeat -120px 0;
}
#contents #main .tourBox .inboundBtn .west a:hover {
  background-position: -120px -44px;
}
#contents #main .tourBox .mediaBtn {
  margin-left: 10px;
  zoom: 1;
}
#contents #main .tourBox .mediaBtn:after {
  clear: both;
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden;
}
#contents #main .tourBox .mediaBtn li {
  float: left;
}
#contents #main .tourBox .mediaBtn a {
  display: block;
  height: 22px;
  overflow: hidden;
  text-indent: -9999px;
  width: 120px;
}
#contents #main .tourBox .mediaBtn .kansai a {
  background: url(../images/btn_japantour3.gif) no-repeat 0 0;
}
#contents #main .tourBox .mediaBtn .kansai a:hover {
  background-position: 0 -44px;
}
#contents #main .tourBox .compassBtn {
  margin-bottom: 6px;
  margin-left: 10px;
  zoom: 1;
}
#contents #main .tourBox .compassBtn:after {
  clear: both;
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden;
}
#contents #main .tourBox .compassBtn li {
  float: left;
}
#contents #main .tourBox .compassBtn a {
  display: block;
  height: 22px;
  overflow: hidden;
  text-indent: -9999px;
  width: 120px;
}
#contents #main .tourBox .compassBtn .jichitai a {
  background: url(../images/btn_japantour2.gif) no-repeat 0 0;
}
#contents #main .tourBox .compassBtn .jichitai a:hover {
  background-position: 0 -44px;
}
#contents #main .tourBox .compassBtn .hotel a {
  background: url(../images/btn_japantour2.gif) no-repeat -120px 0;
}
#contents #main .tourBox .compassBtn .hotel a:hover {
  background-position: -120px -44px;
}
#contents #main .tourBox .compassBtn .kankou {
  width: 118px !important;
}
#contents #main .tourBox .compassBtn .kankou a {
  width: 118px !important;
  background: url(../images/btn_japantour2.gif) no-repeat -240px 0;
}
#contents #main .tourBox .compassBtn .kankou a:hover {
  background-position: -240px -44px;
}
#contents #main .tourBox .compassBtn .pension a {
  background: url(../images/btn_japantour2.gif) no-repeat 0 -22px;
}
#contents #main .tourBox .compassBtn .pension a:hover {
  background-position: 0 -66px;
}
#contents #main .tourBox .compassBtn .coupon a {
  background: url(../images/btn_japantour2.gif) no-repeat -120px -22px;
}
#contents #main .tourBox .compassBtn .coupon a:hover {
  background-position: -120px -66px;
}
#contents #main .tourBox .outLink li {
  background: url(../images/arrow.gif) no-repeat 0 4px;
  margin: 10px;
  padding-left: 10px;
}
#contents #main .tourBox .reqLink {
  background: url(../images/arrow.gif) no-repeat 0 4px;
  float: right;
  margin: 10px;
  padding-left: 10px;
  padding-bottom: 10px;
}
#contents #sideTop {
  width: 220px;
  float: right;
  margin-right: 10px;
}
#contents #sideTop ul {
  background: #fff;
  padding: 11px 10px;
  margin-bottom: 10px;
}
#contents #sideTop ul li {
  margin-bottom: 5px;
}
#contents #side {
  width: 220px;
  float: right;
  margin-right: 10px;
}
#contents #side ul {
  background: #fff;
  padding: 11px 10px;
  margin-bottom: 10px;
}
#contents #side ul li {
  margin-bottom: 5px;
}
#contents #topLink p {
  background: #000;
  clear: both;
  font-size: 63%;
  line-height: 138%;
  padding: 5px 10px;
  text-align: right;
}
#contents #topLink p a {
  background: url(../images/arrow02.gif) no-repeat left center;
  padding: 2px 2px 2px 15px;
  color: #ccc !important;
}
#look {
  height: 24px;
  overflow: hidden;
  width: 371px;
  *text-indent: -9999px; /* for IE6-7 */
  *background: url(../images/sbt_top08.gif) no-repeat; /* for IE6-7 */
}
#look:before {
  content: url(../images/sbt_top08.gif);
  display: inline-block;
  font-size: 0;
  line-height: 0;
}
#ace {
  height: 24px;
  overflow: hidden;
  width: 371px;
  *text-indent: -9999px; /* for IE6-7 */
  *background: url(../images/sbt_top02.gif) no-repeat; /* for IE6-7 */
}
#ace:before {
  content: url(../images/sbt_top02.gif);
  display: inline-block;
  font-size: 0;
  line-height: 0;
}
#inbound {
  height: 24px;
  overflow: hidden;
  width: 371px;
  *text-indent: -9999px; /* for IE6-7 */
  *background: url(../images/sbt_top06.gif) no-repeat; /* for IE6-7 */
}
#inbound:before {
  content: url(../images/sbt_top06.gif);
  display: inline-block;
  font-size: 0;
  line-height: 0;
}
#media {
  height: 24px;
  overflow: hidden;
  width: 371px;
  *text-indent: -9999px; /* for IE6-7 */
  *background: url(../images/sbt_top05.gif) no-repeat; /* for IE6-7 */
}
#media:before {
  content: url(../images/sbt_top05.gif);
  display: inline-block;
  font-size: 0;
  line-height: 0;
}
#compass a {
  display: block;
  height: 24px;
  overflow: hidden;
  width: 371px;
  *text-indent: -9999px; /* for IE6-7 */
  *background: url(../images/sbt_top04.gif) no-repeat; /* for IE6-7 */
}
#compass a:before {
  content: url(../images/sbt_top04.gif);
  font-size: 0;
  line-height: 0;
}
#stand {
  height: 23px;
  overflow: hidden;
  width: 220px;
  *text-indent: -9999px; /* for IE6-7 */
  *background: url(../images/stand.gif) no-repeat; /* for IE6-7 */
}
#stand:before {
  content: url(../images/stand.gif);
  display: inline-block;
  font-size: 0;
  line-height: 0;
}
#other {
    height: 23px;
  overflow: hidden;
  width: 220px;
  *text-indent: -9999px; /* for IE6-7 */
  *background: url(../images/osusume.gif) no-repeat; /* for IE6-7 */
}
#other:before {
  content: url(../images/osusume.gif);
  display: inline-block;
  font-size: 0;
  line-height: 0;
}

/* フッター */
#footer {
  background: url(../images/hf_line.gif) top repeat-x #fff;
  padding-bottom: 5px;
  overflow: auto;
  zoom: 1;
}
#footer:after {
  clear: both;
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden;
}
#footer ul {
  float: left;
  font-size: 10px !important;
  letter-spacing: 1px;
  line-height: 138%;
  margin: 10px 5px 5px 5px;
  width: 500px;
}
#footer ul li {
  display: inline;
  border-left: 1px solid #333;
  margin-left: 5px;
  padding-left: 5px;
}
#footer ul li.list-first {
  border-left-style: none;
  margin-left: 0;
  padding-left: 0;
}
#footer p {
  float: right;
  text-align: right;
  font-size: 10px !important;
  line-height: 138%;
  letter-spacing: 1px;
  margin: 10px 5px 5px 5px;
}

/* 第二階層用 */
#helpMenu2 {
  text-align: right;
  margin: 3px 16px 0;
}
#helpMenu2 a {
  display: inline-block;
  margin-left: 20px;
}
#contents.low {
  background: #fff;
}
#contents.low div.inner {
  padding: 10px 16px 20px;
}
#contents.low div.inner h4.borderDot {
  clear: both;
  background: url(../images/border_dot.gif) repeat-x left bottom;
  font-weight: bold;
  margin-top: 30px;
  padding-bottom: 7px;
}
#contents.low div.inner h4.borderDot span {
  background: url(../images/arrow03.gif) no-repeat left center;
  padding-left: 15px;
}
#contents.low div.inner .ulArrow {
  padding: 10px 25px 10px;
}
#contents.low div.inner .ulArrow li {
  background: url(../images/arrow.gif) no-repeat 0 5px;
  padding-left: 10px;
  padding-bottom: 10px;
}
#contents.low div.inner .digiText {
  padding: 10px 25px 0;
}
#contents.low div.inner .digiText .ulDot li {
  display: block;
  background: url(../images/dot.gif) no-repeat 4px center;
  padding-left: 10px;
}
#contents.low div.inner h5 {
  font-weight: bold;
  margin-top: 30px;
}
#contents.low .tabMediaKansai {
  display: block;
  height: 26px;
  margin: 3px 0 19px;
  padding-left: 3px;
  border-bottom: 1px solid #ccc;
  zoom: 1;
}
#contents.low .tabMediaKansai:after {
  clear: both;
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden;
}
#contents.low .tabMediaKansai li.float_right {
  padding: 8px 16px 0 0;
}
#contents.low .btnChange {
  margin: 0 8px 10px;
}
#contents.low .panfBox {
  margin: 0 8px 20px;
}
#contents.low .panfBox h4#kokunai,
#contents.low .panfBox h4#kaigai {
  clear: both;
  background: url(../images/border_dot.gif) repeat-x left bottom;
  font-weight: bold;
  margin-top: 10px;
  padding-bottom: 7px;
}
#contents.low .panfBox h4#kokunai span,
#contents.low .panfBox h4#kaigai span {
  background: url(../images/arrow03.gif) no-repeat left center;
  padding-left: 15px;
}
#contents.low .panfBox ul.inner {
  margin-left: -1.1%;
  zoom: 1;
}
#contents.low .panfBox ul.inner:after {
  clear: both;
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden;
}
#contents.low .panfBox ul.inner li {
  width: 18.7%;
  text-align: center;
  border: 1px #ccc solid;
  margin: 10px 0 0 1.1%;
  padding: 0 0 5px;
  float: left;
}
#contents.low .panfBox ul.inner li div {
  font-weight: bold;
  display: block;
  margin-top: 5px;
}
#contents.low .panfBox ul.inner li span {
  display: block;
  margin: 5px;
}
#contents.low .panfBox ul.inner li span img {
  width: 99px;
  height: auto;
  padding: 10px;
  text-align: center;
  background-color: #666;
}
#contents.low #topLink2 p {
  clear: both;
  font-size: 63%;
  line-height: 138%;
  padding: 5px 10px;
  text-align: right;
}
#contents.low #topLink2 p a {
  background: url(../images/arrow02.gif) no-repeat left center;
  padding: 2px 2px 2px 15px;
}
#contents.low .panfBox a {
  background: url(../images/btn_pamph.gif) no-repeat;
  display: block;
  margin: 0 auto 4px;
  text-indent: -9999px;
  width: 122px;
  height: 25px;
}
}
#bannerArea {
background: #000;
margin-right: 10px;
margin-bottom: 10px;
width: 752px;
zoom: 1;
}
#bannerArea:after {
clear: both;
content: " ";
display: block;
font-size: 0;
height: 0;
visibility: hidden;
}
#bannerArea img {
width: 100%;
height: auto;
}


/*----------------------------------------------------------
　タブレット
----------------------------------------------------------*/
@media all and (min-width: 768px) and (max-width: 1004px) {

#wrapper {
  width: 100%;
}

/* ヘッダー */
#header {
  background: url(../images/bg_header.gif) repeat-x top;
}
#header #mainImg {
  background: #000;
  padding: 10px 0 6px 10px;
  zoom: 1;
}
#header #mainImg:after {
  clear: both;
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden;
}
#header #mainImg li {
  float: left;
  line-height: 0;
  width: 49%;
}
#header #mainImg li img {
  max-width: 100%;
  height: auto;
}
#header #mainImg li:nth-child(1) {
  margin-right: 1%;
}
#header #mainImg li:nth-child(3) {
  display: none;
}
#header #helpMenu {
  background: #000;
  zoom: 1;
}
#header #helpMenu:after {
  clear: both;
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden;
}
#header #helpMenu ul {
  padding: 0 10px 15px 10px;
  float: left;
}
#header #helpMenu ul li:nth-child(2) {
  margin-top: 5px;
}
#header #helpMenu ul a {
  color: #fff;
  margin-right: 20px;
}
#header #helpMenu #guideImg {
  float: right;
}
#header #helpMenu #guideImg img {
  line-height: 0;
}

/* ぱんくず */
#breadcrumbs {
  color: #fff;
  border-bottom: 1px solid #000;
  background: #333;
  padding-bottom: 1px;
  zoom: 1;
}
#breadcrumbs:after {
  clear: both;
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden;
}
#breadcrumbs a {
  color: #fff;
}
#breadcrumbs p {
  margin-right: 16px;
  margin-left: 16px;
}

/* コンテンツ */
#contents {
  background: #333;
  padding-top: 6px;
}
#contents #main {
  padding: 0 0 10px 10px;
}
#contents #main .boxLine01,
#contents #main .boxLine02,
#contents #main .boxLine03 {
  clear: both;
}
#contents #main .tourBox {
  background: #fff;
  float: left;
  margin-right: 1%;
  margin-bottom: 10px;
  width: 49%;
  zoom: 1;
}
#contents #main .tourBox:after {
  clear: both;
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden;
}
#contents #main .tourBox .recPanf {
  background: url(../images/text_top02.gif) no-repeat;
  height: 19px;
  max-width: 100%;
  overflow: hidden;
  text-indent: -9999px;
}
#contents #main .tourBox .newPanf {
  background: url(../images/text_top04.gif) no-repeat;
  height: 19px;
  max-width: 100%;
  overflow: hidden;
  text-indent: -9999px;
}
#contents #main .tourBox:nth-child(even) {
  margin-right: 0;
}

/* パンフ表紙 */
#contents #main ul.panfList {
  background: url(../images/bg_pamph.gif);
  margin: 0 10px 10px 10px;
  zoom: 1;
}
#contents #main ul.panfList:after {
  clear: both;
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden;
}
#contents #main ul.panfList li {
  float: left;
  margin: 1.6%;
  text-align: center;
  width: 30%;
}
#contents #main ul.panfList li span {
  background: #fff;
  display: block;
  padding: 5px;
}
#contents #main ul.panfList li span img {
  max-width: 100%;
  height: auto;
}
#contents #main ul.panfList li div {
  font-size: 63%;
  padding: 5px 0;
}

/* ルック用発地ボタン */
#contents #main .lookBtn {
  margin-left: 10px;
  zoom: 1;
}
#contents #main .lookBtn:after {
  clear: both;
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden;
}
#contents #main .lookBtn li {
  float: left;
}
#contents #main .lookBtn a {
  display: block;
  height: 22px;
  overflow: hidden;
  text-indent: -9999px;
  width: 71px;
}
#contents #main .lookBtn .tokyo a {
  background: url(../images/btn_worldtour.gif) no-repeat 0 0;
}
#contents #main .lookBtn .tokyo a:hover {
  background-position: 0 -66px;
}
#contents #main .lookBtn .osaka a {
  background: url(../images/btn_worldtour.gif) no-repeat -71px 0;
}
#contents #main .lookBtn .osaka a:hover {
  background-position: -71px -66px;
}
#contents #main .lookBtn .nagoya a {
  background: url(../images/btn_worldtour.gif) no-repeat -142px 0;
}
#contents #main .lookBtn .nagoya a:hover {
  background-position: -142px -66px;
}
#contents #main .lookBtn .kyushu a {
  background: url(../images/btn_worldtour.gif) no-repeat -213px 0;
}
#contents #main .lookBtn .kyushu a:hover {
  background-position: -213px -66px;
}
#contents #main .lookBtn .hokkaido {
  width: 70px !important;
}
#contents #main .lookBtn .hokkaido a {
  width: 70px !important;
  background: url(../images/btn_worldtour.gif) no-repeat -284px 0;
}
#contents #main .lookBtn .hokkaido a:hover {
  background-position: -284px -66px;
}
#contents #main .lookBtn .tohoku a {
  background: url(../images/btn_worldtour.gif) no-repeat 0 -22px;
}
#contents #main .lookBtn .tohoku a:hover {
  background-position: 0 -88px;
}
#contents #main .lookBtn .niigata a {
  background: url(../images/btn_worldtour.gif) no-repeat -71px -22px;
}
#contents #main .lookBtn .niigata a:hover {
  background-position: -71px -88px;
}
#contents #main .lookBtn .komatsu a {
  background: url(../images/btn_worldtour.gif) no-repeat -142px -22px;
}
#contents #main .lookBtn .komatsu a:hover {
  background-position: -142px -88px;
}
#contents #main .lookBtn .shizuoka a {
  background: url(../images/btn_worldtour.gif) no-repeat -213px -22px;
}
#contents #main .lookBtn .shizuoka a:hover {
  background-position: -213px -88px;
}
#contents #main .lookBtn .shikoku {
  width: 70px !important;
}
#contents #main .lookBtn .shikoku a {
  width: 70px !important;
  background: url(../images/btn_worldtour.gif) no-repeat -284px -22px;
}
#contents #main .lookBtn .shikoku a:hover {
  background-position: -284px -88px;
}
#contents #main .lookBtn .okinawa a {
  width: 70px !important;
  background: url(../images/btn_worldtour.gif) no-repeat 0 -44px;
}
#contents #main .lookBtn .okinawa a:hover {
  background-position: 0 -110px;
}

/* エース用発地ボタン */
#contents #main .aceBtn {
  margin-left: 10px;
  zoom: 1;
}
#contents #main .aceBtn:after {
  clear: both;
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden;
}
#contents #main .aceBtn li {
  float: left;
}
#contents #main .aceBtn a {
  display: block;
  height: 22px;
  overflow: hidden;
  text-indent: -9999px;
  width: 88px;
}
#contents #main .aceBtn .hokkaido a {
  background: url(../images/btn_japantour.gif) no-repeat 0 0;
}
#contents #main .aceBtn .hokkaido a:hover {
  background-position: 0 -44px;
}
#contents #main .aceBtn .tohoku a {
  background: url(../images/btn_japantour.gif) no-repeat -88px 0;
}
#contents #main .aceBtn .tohoku a:hover {
  background-position: -88px -44px;
}
#contents #main .aceBtn .kanto a {
  background: url(../images/btn_japantour.gif) no-repeat -176px 0;
}
#contents #main .aceBtn .kanto a:hover {
  background-position: -176px -44px;
}
#contents #main .aceBtn .hokuriku {
  width: 87px !important;
}
#contents #main .aceBtn .hokuriku a {
  width: 87px !important;
  background: url(../images/btn_japantour.gif) no-repeat -264px 0;
}
#contents #main .aceBtn .hokuriku a:hover {
  background-position: -264px -44px;
}
#contents #main .aceBtn .chubu a {
  background: url(../images/btn_japantour.gif) no-repeat 0 -22px;
}
#contents #main .aceBtn .chubu a:hover {
  background-position: 0 -66px;
}
#contents #main .aceBtn .kansai a {
  background: url(../images/btn_japantour.gif) no-repeat -88px -22px;
}
#contents #main .aceBtn .kansai a:hover {
  background-position: -88px -66px;
}
#contents #main .aceBtn .chushi a {
  background: url(../images/btn_japantour.gif) no-repeat -176px -22px;
}
#contents #main .aceBtn .chushi a:hover {
  background-position: -176px -66px;
}
#contents #main .aceBtn .kyushu {
  width: 87px !important;
}
#contents #main .aceBtn .kyushu a {
  width: 87px !important;
  background: url(../images/btn_japantour.gif) no-repeat -264px -22px;
}
#contents #main .aceBtn .kyushu a:hover {
  background-position: -264px -66px;
}

/* 外国人向け用発地ボタン */
#contents #main .inboundBtn {
  margin-left: 10px;
  zoom: 1;
}
#contents #main .inboundBtn:after {
  clear: both;
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden;
}
#contents #main .inboundBtn li {
  float: left;
}
#contents #main .inboundBtn a {
  display: block;
  height: 22px;
  overflow: hidden;
  text-indent: -9999px;
  width: 120px;
}
#contents #main .inboundBtn .east a {
  background: url(../images/btn_worldtour4.gif) no-repeat 0 0;
}
#contents #main .inboundBtn .east a:hover {
  background-position: 0 -44px;
}
#contents #main .inboundBtn .west a {
  background: url(../images/btn_worldtour4.gif) no-repeat -120px 0;
}
#contents #main .inboundBtn .west a:hover {
  background-position: -120px -44px;
}
#contents #main .mediaBtn {
  margin-left: 10px;
  zoom: 1;
}
#contents #main .mediaBtn:after {
  clear: both;
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden;
}
#contents #main .mediaBtn li {
  float: left;
}
#contents #main .mediaBtn a {
  display: block;
  height: 22px;
  overflow: hidden;
  text-indent: -9999px;
  width: 120px;
}
#contents #main .mediaBtn .kansai a {
  background: url(../images/btn_japantour3.gif) no-repeat 0 0;
}
#contents #main .mediaBtn .kansai a:hover {
  background-position: 0 -44px;
}

/* 旅のコンパス用ボタン */
#contents #main .compassBtn {
  margin-bottom: 6px;
  margin-left: 10px;
  zoom: 1;
}
#contents #main .compassBtn:after {
  clear: both;
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden;
}
#contents #main .compassBtn li {
  float: left;
}
#contents #main .compassBtn a {
  display: block;
  height: 22px;
  overflow: hidden;
  text-indent: -9999px;
  width: 120px;
}
#contents #main .compassBtn .jichitai a {
  background: url(../images/btn_japantour2.gif) no-repeat 0 0;
}
#contents #main .compassBtn .jichitai a:hover {
  background-position: 0 -44px;
}
#contents #main .compassBtn .hotel a {
  background: url(../images/btn_japantour2.gif) no-repeat -120px 0;
}
#contents #main .compassBtn .hotel a:hover {
  background-position: -120px -44px;
}
#contents #main .compassBtn .kankou {
  width: 118px !important;
}
#contents #main .compassBtn .kankou a {
  width: 118px !important;
  background: url(../images/btn_japantour2.gif) no-repeat -240px 0;
}
#contents #main .compassBtn .kankou a:hover {
  background-position: -240px -44px;
}
#contents #main .compassBtn .pension a {
  background: url(../images/btn_japantour2.gif) no-repeat 0 -22px;
}
#contents #main .compassBtn .pension a:hover {
  background-position: 0 -66px;
}
#contents #main .compassBtn .coupon a {
  background: url(../images/btn_japantour2.gif) no-repeat -120px -22px;
}
#contents #main .compassBtn .coupon a:hover {
  background-position: -120px -66px;
}
#contents #main .outLink li {
  background: url(../images/arrow.gif) no-repeat 0 4px;
  margin: 10px;
  padding-left: 10px;
}
#contents #main .reqLink {
  background: url(../images/arrow.gif) no-repeat 0 4px;
  float: right;
  margin: 0 10px 10px 10px;
  padding-left: 10px;
  padding-bottom: 10px;
}
#contents #sideTop {
  padding: 0 10px;
}
#contents #sideTop ul {
  background: #fff;
  padding: 11px 10px;
  margin-bottom: 10px;
}
#contents #sideTop ul li {
  margin-bottom: 5px;
}
#contents #side {
  padding: 0 10px;
}
#contents #side ul {
  background: #fff;
  padding: 11px 10px;
  margin-bottom: 10px;
  zoom: 1;
}
#contents #side ul:after {
  clear: both;
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden;
}
#contents #side ul li {
  margin-bottom: 5px;
}
#contents #side ul li:nth-child(4),
#contents #side ul li:nth-child(5),
#contents #side ul li:nth-child(6) {
  float: left;
  margin-right: 5px;
}
#contents #topLink p {
  background: #000;
  clear: both;
  font-size: 63%;
  line-height: 138%;
  padding: 5px 10px;
  text-align: right;
}
#contents #topLink p a {
  background: url(../images/arrow02.gif) no-repeat left center;
  padding: 2px 2px 2px 15px;
  color: #ccc !important;
}
#look {
  background: url(../images/sbt_top08.gif) no-repeat;
  display: block;
  height: 24px;
  max-width: 100%;
  overflow: hidden;
  text-indent: -9999px;
}
#ace {
  background: url(../images/sbt_top02.gif) no-repeat;
  display: block;
  height: 24px;
  max-width: 100%;
  overflow: hidden;
  text-indent: -9999px;
}
#inbound {
  background: url(../images/sbt_top06.gif) no-repeat;
  display: block;
  height: 24px;
  max-width: 100%;
  overflow: hidden;
  text-indent: -9999px;
}
#media {
  background: url(../images/sbt_top05.gif) no-repeat;
  display: block;
  height: 24px;
  max-width: 100%;
  overflow: hidden;
  text-indent: -9999px;
}
#compass a {
  background: url(../images/sbt_top04.gif) no-repeat;
  display: block;
  height: 24px;
  max-width: 100%;
  overflow: hidden;
  text-indent: -9999px;
}
#stand {
  height: 23px;
  overflow: hidden;
  width: 220px;
}
#stand:before {
  content: url(../images/stand.gif);
  display: inline-block;
  font-size: 0;
  line-height: 0;
}
#other {
  height: 23px;
  overflow: hidden;
  width: 220px;
}
#other:before {
  content: url(../images/osusume.gif);
  display: inline-block;
  font-size: 0;
  line-height: 0;
}

/* フッター */
#footer {
  background: url(../images/hf_line.gif) top repeat-x #fff;
  padding-bottom: 5px;
  overflow: auto;
  zoom: 1;
}
#footer:after {
  clear: both;
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden;
}
#footer ul {
  float: left;
  font-size: 10px !important;
  letter-spacing: 1px;
  line-height: 138%;
  margin: 10px 5px 5px 5px;
  width: 500px;
}
#footer ul li {
  display: inline;
  border-left: 1px solid #333;
  margin-left: 5px;
  padding-left: 5px;
}
#footer ul li.list-first {
  border-left-style: none;
  margin-left: 0;
  padding-left: 0;
}
#footer p {
  float: right;
  text-align: right;
  font-size: 10px !important;
  line-height: 138%;
  letter-spacing: 1px;
  margin: 10px 5px 5px 5px;
}

/* 第二階層用 */
#helpMenu2 {
  text-align: right;
  margin: 3px 16px 0;
}
#helpMenu2 a {
  display: inline-block;
  margin-left: 20px;
}
#contents.low {
  background: #fff;
}
#contents.low div.inner {
  padding: 10px 16px 20px;
}
#contents.low div.inner h4.borderDot {
  clear: both;
  background: url(../images/border_dot.gif) repeat-x left bottom;
  font-weight: bold;
  margin-top: 30px;
  padding-bottom: 7px;
}
#contents.low div.inner h4.borderDot span {
  background: url(../images/arrow03.gif) no-repeat left center;
  padding-left: 15px;
}
#contents.low div.inner .ulArrow {
  padding: 10px 25px 10px;
}
#contents.low div.inner .ulArrow li {
  background: url(../images/arrow.gif) no-repeat 0 5px;
  padding-left: 10px;
  padding-bottom: 10px;
}
#contents.low div.inner .digiText {
  padding: 10px 25px 0;
}
#contents.low div.inner .digiText .ulDot li {
  display: block;
  background: url(../images/dot.gif) no-repeat 4px center;
  padding-left: 10px;
}
#contents.low div.inner h5 {
  font-weight: bold;
  margin-top: 30px;
}
#contents.low .tabMediaKansai {
  display: block;
  height: 26px;
  margin: 3px 0 19px;
  padding-left: 3px;
  border-bottom: 1px solid #ccc;
  zoom: 1;
}
#contents.low .tabMediaKansai:after {
  clear: both;
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden;
}
#contents.low .tabMediaKansai li.float_right {
  padding: 8px 16px 0 0;
}
#contents.low .btnChange {
  margin: 0 8px 10px;
}
#contents.low .panfBox {
  margin: 0 8px 20px;
}
#contents.low .panfBox h4#kokunai,
#contents.low .panfBox h4#kaigai {
  clear: both;
  background: url(../images/border_dot.gif) repeat-x left bottom;
  font-weight: bold;
  margin-top: 10px;
  padding-bottom: 7px;
}
#contents.low .panfBox h4#kokunai span,
#contents.low .panfBox h4#kaigai span {
  background: url(../images/arrow03.gif) no-repeat left center;
  padding-left: 15px;
}
#contents.low .panfBox ul.inner {
  margin-left: -1.1%;
  zoom: 1;
}
#contents.low .panfBox ul.inner:after {
  clear: both;
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden;
}
#contents.low .panfBox ul.inner li {
  width: 23.6%;
  text-align: center;
  border: 1px #ccc solid;
  margin: 10px 0 0 1.1%;
  padding: 0 0 5px;
  float: left;
}
#contents.low .panfBox ul.inner li div {
  font-weight: bold;
  display: block;
  margin-top: 5px;
}
#contents.low .panfBox ul.inner li span {
  display: block;
  margin: 5px;
}
#contents.low .panfBox ul.inner li span img {
  width: 99px;
  height: auto;
  padding: 10px;
  text-align: center;
  background-color: #666;
}
#contents.low #topLink2 p {
  clear: both;
  font-size: 63%;
  line-height: 138%;
  padding: 5px 10px;
  text-align: right;
}
#contents.low #topLink2 p a {
  background: url(../images/arrow02.gif) no-repeat left center;
  padding: 2px 2px 2px 15px;
}
#contents.low .panfBox a {
  background: url(../images/btn_pamph.gif) no-repeat;
  display: block;
  margin: 0 auto 4px;
  text-indent: -9999px;
  width: 122px;
  height: 25px;
}
}


/*----------------------------------------------------------
　スマートフォン
----------------------------------------------------------*/
@media all and (max-width: 767px) {

#wrapper {
  width: 100%;
}

/* ヘッダー */
#header {
  background: url(../images/bg_header.gif) repeat-x top;
}
#header h1 img {
  height: auto;
  max-width: 100%;
}
#header #mainImg {
  background: #000;
  padding: 10px 10px 6px 10px;
  zoom: 1;
}
#header #mainImg:after {
  clear: both;
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden;
}
#header #mainImg li {
  line-height: 0;
  width: 100%;
}
#header #mainImg li img {
  height: auto;
  max-width: 100%;
}
#header #mainImg li:nth-child(2),
#header #mainImg li:nth-child(3) {
  display: none;
}
#header #helpMenu {
  background: #000;
}
#header #helpMenu ul {
  padding: 0 10px 10px 10px;
}
#header #helpMenu ul li:nth-child(2) {
  margin-top: 5px;
}
#header #helpMenu ul a {
  color: #fff;
  margin-right: 20px;
}
#header #helpMenu #guideImg {
  float: none;
  padding: 0 10px 15px 10px;
}
#header #helpMenu #guideImg img {
  height: auto;
  line-height: 0;
  max-width: 100%;
}

/* ぱんくず */
#breadcrumbs {
  color: #fff;
  border-bottom: 1px solid #000;
  background: #333;
  padding-bottom: 1px;
  zoom: 1;
}
#breadcrumbs:after {
  clear: both;
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden;
}
#breadcrumbs a {
  color: #fff;
}
#breadcrumbs p {
  margin-right: 16px;
  margin-left: 16px;
}

/* コンテンツ */
#contents {
  background: #333;
  padding-top: 6px;
}
#contents #main {
  padding: 0 10px 10px 10px;
}
#contents #main .boxLine01,
#contents #main .boxLine02,
#contents #main .boxLine03 {
  clear: both;
}
#contents #main .tourBox {
  background: #fff;
  margin-right: 0;
  margin-bottom: 10px;
  width: 100%;
  zoom: 1;
}
#contents #main .tourBox:after {
  clear: both;
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden;
}
#contents #main .tourBox .recPanf,
#contents #main .tourBox .newPanf {
  height: auto;
  max-width: 100%;
  padding: 5px 0 5px 12px;
}
#contents #main .tourBox:nth-child(even) {
  margin-right: 0;
}

/* パンフ表紙 */
#contents #main ul.panfList {
  background: url(../images/bg_pamph.gif);
  margin: 0 10px 10px 10px;
  zoom: 1;
}
#contents #main ul.panfList:after {
  clear: both;
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden;
}
#contents #main ul.panfList li {
  float: left;
  margin: 0 auto;
  padding: 5%;
  text-align: center;
  width: 40%;
}
#contents #main ul.panfList li span {
  background: #fff;
  display: block;
  padding: 5px;
}
#contents #main ul.panfList li span img {
  max-width: 100%;
  height: auto;
}
#contents #main ul.panfList li div {
  font-size: 63%;
  padding: 5px 0;
}
#contents #main ul.panfList li:nth-child(3) {
  display: none;
}

/* ルック用発地ボタン */
/* エース用発地ボタン */
#contents #main .lookBtn,
#contents #main .aceBtn {
  margin: 0 10px;
  zoom: 1;
}
#contents #main .lookBtn:after,
#contents #main .aceBtn:after {
  clear: both;
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden;
}
#contents #main .lookBtn ul,
#contents #main .aceBtn ul {
  margin: 0 auto;
  width: 100%;
}
#contents #main .lookBtn li,
#contents #main .aceBtn li {
  background: -webkit-gradient(linear,left top,left bottom,color-stop(1,#5685dc),color-stop(0.5,#4375d4),color-stop(0,#5685dc));
  background: linear-gradient(to bottom,#5685dc 0,#4375d4 50%,#5685dc 100%);
  border: #999 1px solid;
  float: left;
  margin-bottom: 4px;
  overflow: hidden;
  padding: 10px 0;
  text-align: center;
  width: 49%;
}
#contents #main .lookBtn li a,
#contents #main .aceBtn li a {
  color: #fff;
  display: block;
  text-decoration: none;
}
#contents #main .lookBtn li:nth-child(even),
#contents #main .aceBtn li:nth-child(even) {
  float: right;
}

/* 外国人向け用発地ボタン */
#contents #main .inboundBtn,
#contents #main .mediaBtn {
  margin: 0 10px;
  zoom: 1;
}
#contents #main .inboundBtn:after,
#contents #main .mediaBtn:after {
  clear: both;
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden;
}
#contents #main .inboundBtn ul,
#contents #main .mediaBtn ul {
  margin: 0 auto;
  width: 100%;
}
#contents #main .inboundBtn li,
#contents #main .mediaBtn li {
  background: -webkit-gradient(linear,left top,left bottom,color-stop(1,#b22222),color-stop(0.5,#800000),color-stop(0,#8b0000));
  background: linear-gradient(to bottom,#b22222 0,#800000 50%,#8b0000 100%);
  border: #999 1px solid;
  float: left;
  margin-bottom: 4px;
  overflow: hidden;
  padding: 10px 0;
  text-align: center;
  width: 49%;
}
#contents #main .inboundBtn li a,
#contents #main .mediaBtn li a {
  color: #fff;
  display: block;
  text-decoration: none;
}
#contents #main .inboundBtn li:nth-child(even),
#contents #main .mediaBtn li:nth-child(even) {
  float: right;
}

/* 旅のコンパス用発地ボタン */
#contents #main .compassBtn {
  margin: 0 10px;
  zoom: 1;
}
#contents #main .compassBtn:after {
  clear: both;
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden;
}
#contents #main .compassBtn ul {
  margin: 0 auto;
  width: 100%;
}
#contents #main .compassBtn li {
  background: -webkit-gradient(linear,left top,left bottom,color-stop(1,#228b22),color-stop(0.5,#00661f),color-stop(0,#228b22));
  background: linear-gradient(to bottom,#228b22 0,#00661f 50%,#228b22 100%);
  border: #999 1px solid;
  float: left;
  margin-bottom: 4px;
  overflow: hidden;
  padding: 10px 0;
  text-align: center;
  width: 49%;
}
#contents #main .compassBtn li a {
  color: #fff;
  display: block;
  text-decoration: none;
}
#contents #main .compassBtn li:nth-child(even) {
  float: right;
}
#contents #main .outLink {
  padding-top: 1px;/* ? */
}
#contents #main .outLink li {
  background: url(../images/arrow.gif) no-repeat 0 4px;
  margin: 10px;
  padding-left: 10px;
}
#contents #main .reqLink {
  background: url(../images/arrow.gif) no-repeat 0 4px;
  float: right;
  margin: 0 10px 10px 10px;
  padding-left: 10px;
  padding-bottom: 10px;
}
#contents #sideTop {
  padding: 0 10px;
}
#contents #sideTop ul {
  background: #fff;
  padding: 11px 10px;
  margin-bottom: 10px;
}
#contents #sideTop ul li {
  margin-bottom: 5px;
}
#contents #side {
  padding: 0 10px;
}
#contents #side ul {
  background: #fff;
  padding: 11px 10px;
  margin-bottom: 10px;
  zoom: 1;
}
#contents #side ul:after {
  clear: both;
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden;
}
#contents #side ul li {
  margin-bottom: 5px;
}
#contents #side ul li:nth-child(3),
#contents #side ul li:nth-child(4),
#contents #side ul li:nth-child(5) {
  margin-right: 5px;
}
#contents #topLink p {
  background: #000;
  clear: both;
  font-size: 63%;
  line-height: 138%;
  padding: 5px 10px;
  text-align: right;
}
#contents #topLink p a {
  background: url(../images/arrow02.gif) no-repeat left center;
  padding: 2px 2px 2px 15px;
  color: #ccc !important;
}
#look,
#ace {
  background: -webkit-gradient(linear,left top,left bottom,color-stop(1,#305c90),color-stop(0.75,#1f477d),color-stop(0,#1d4479));
  background: linear-gradient(to bottom,#305c90 0,#1f477d 75%,#1d4479 100%);
  color: #fff;
  display: block;
  height: auto;
  max-width: 100%;
  padding: 5px;
  text-indent: inherit;
}
#inbound,
#media {
  background: -webkit-gradient(linear,left top,left bottom,color-stop(1,#8b0000),color-stop(0.75,#a52a2a),color-stop(0,#800000));
  background: linear-gradient(to bottom,#8b0000 0,#a52a2a 75%,#800000 100%);
  color: #fff;
  display: block;
  height: auto;
  max-width: 100%;
  padding: 5px;
  text-indent: inherit;
}
#compass {
  background: -webkit-gradient(linear,left top,left bottom,color-stop(1,#006400),color-stop(0.75,#008000),color-stop(0,#006400));
  background: linear-gradient(to bottom,#006400 0,#008000 75%,#006400 100%);
  color: #fff;
  display: block;
  height: auto;
  max-width: 100%;
  padding: 5px;
  text-indent: inherit;
}
#stand {
  height: 23px;
  overflow: hidden;
  width: 220px;
}
#stand:before {
  content: url(../images/stand.gif);
  display: inline-block;
  font-size: 0;
  line-height: 0;
}
#other {
  height: 23px;
  overflow: hidden;
  width: 220px;
}
#other:before {
  content: url(../images/osusume.gif);
  display: inline-block;
  font-size: 0;
  line-height: 0;
}
#bannerArea {
  background: #000;
  margin-right: 10px;
  margin-bottom: 10px;
  width: 100%;
  zoom: 1;
}
#bannerArea:after {
  clear: both;
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden;
}
#bannerArea img {
  width: 100%;
  height: auto;
}

/* フッター */
#footer {
  background: url(../images/hf_line.gif) top repeat-x #fff;
  padding-bottom: 5px;
  overflow: auto;
  zoom: 1;
}
#footer:after {
  clear: both;
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden;
}
#footer ul {
  float: left;
  font-size: 10px !important;
  letter-spacing: 1px;
  line-height: 138%;
  margin: 10px 5px 5px 5px;
}
#footer ul li {
  display: inline;
  border-left: 1px solid #333;
  margin-left: 5px;
  padding-left: 5px;
}
#footer ul li.list-first {
  border-left-style: none;
  margin-left: 0;
  padding-left: 0;
}
#footer p {
  float: right;
  text-align: right;
  font-size: 10px !important;
  line-height: 138%;
  letter-spacing: 1px;
  margin: 10px 5px 5px 5px;
}

/* 第二階層用 */
#helpMenu2 {
  text-align: right;
  margin: 3px 16px 0;
}
#helpMenu2 a {
  display: inline-block;
  margin-left: 20px;
}
#contents.low {
  background: #fff;
}
#contents.low div.inner {
  padding: 10px 16px 20px;
}
#contents.low div.inner h3 ~ p {
  display: none;
}
#contents.low div.inner h4.borderDot {
  clear: both;
  background: url(../images/border_dot.gif) repeat-x left bottom;
  font-weight: bold;
  margin-top: 30px;
  padding-bottom: 7px;
}
#contents.low div.inner h4.borderDot span {
  background: url(../images/arrow03.gif) no-repeat left center;
  padding-left: 15px;
}
#contents.low div.inner .ulArrow {
  padding: 10px 25px 10px;
}
#contents.low div.inner .ulArrow li {
  background: url(../images/arrow.gif) no-repeat 0 5px;
  padding-left: 10px;
  padding-bottom: 10px;
}
#contents.low div.inner .digiText {
  padding: 10px 25px 0;
}
#contents.low div.inner .digiText .ulDot li {
  display: block;
  background: url(../images/dot.gif) no-repeat 4px center;
  padding-left: 10px;
}
#contents.low div.inner h5 {
  font-weight: bold;
  margin-top: 30px;
}
#contents.low .tabMediaKansai {
  display: block;
  height: 26px;
  margin: 3px 0 19px;
  padding-left: 3px;
  border-bottom: 1px solid #ccc;
  zoom: 1;
}
#contents.low .tabMediaKansai:after {
  clear: both;
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden;
}
#contents.low .tabMediaKansai li.float_right {
  display: none;
}
#contents.low .btnChange {
  margin: 0 8px 10px;
}
#contents.low .panfBox {
  margin: 0 8px 20px;
}
#contents.low .panfBox h4#kokunai,
#contents.low .panfBox h4#kaigai {
  clear: both;
  background: url(../images/border_dot.gif) repeat-x left bottom;
  font-weight: bold;
  margin-top: 10px;
  padding-bottom: 7px;
}
#contents.low .panfBox h4#kokunai span,
#contents.low .panfBox h4#kaigai span {
  background: url(../images/arrow03.gif) no-repeat left center;
  padding-left: 15px;
}
#contents.low .panfBox ul.inner li {
  width: 99%;
  text-align: center;
  border: 1px #ccc solid;
  margin: 10px 0 0 0;
  padding: 0 0 5px;
}
#contents.low .panfBox ul.inner li div {
  font-weight: bold;
  display: block;
  margin-top: 5px;
}
#contents.low .panfBox ul.inner li span {
  display: block;
  margin: 5px;
}
#contents.low .panfBox ul.inner li span img {
  max-width: 100%;
  height: auto;
  padding: 10px;
  text-align: center;
  background-color: #666;
}
#contents.low #topLink2 p {
  clear: both;
  font-size: 63%;
  line-height: 138%;
  padding: 5px 10px;
  text-align: right;
}
#contents.low #topLink2 p a {
  background: url(../images/arrow02.gif) no-repeat left center;
  padding: 2px 2px 2px 15px;
}
#contents.low .panfBox a {
  background: #008000;
  border: #999 1px solid;
  margin: 0 auto 4px;
  overflow: hidden;
  padding: 10px 0;
  text-align: center;
  color: #fff;
  display: block;
  text-decoration: none;
  width: 161px;
}
}