@charset"UTF-8";

/* index */

/*#box_ad, #box_map { width: 406px; _width: 408px; height: 228px; _height: 230px; margin-bottom: 10px; border: 1px solid #ccc; }
#box_ad { float: left; }
#box_map { float: right; background-color: #e5ecff; }*/

#box_ad { float: left; width: 408px; height: 230px; margin-bottom: 10px; }
#box_ad #ad01 { float: left; width: 304px; border: 1px solid #ccc; }
#box_ad #adlist { float: right; width: 97px; }
#box_ad #adlist li { background-color: #ccc; height: 73px; margin-bottom: 5px; }
#box_ad #adlist li.ad04 { margin-bottom: 0; }
#box_ad #adlist li img { width: 97px; height: 73px; }

#box_map { width: 406px; _width: 408px; height: 228px; _height: 230px; margin-bottom: 10px; border: 1px solid #ccc; float: right; background-color: #e5ecff; }

#box_ad_noflash img { float: left; }
#box_ad_noflash ul { float: left; width: 102px; height: 228px; background-color: #f2f2f2; }
#box_ad_noflash ul li { height: 56px; border-bottom: 1px solid #ccc; }

#box_map_noflash { width: 406px; height: 198px; overflow: scroll; background-color: #fff; font-size: 10px; }
#box_map_noflash dl, #box_map_noflash ul { margin: 5px 10px 0; padding-bottom: 5px; border-bottom: 1px dotted #ccc; }
#box_map_noflash dt { display: inline-block; font-weight: bold; background-color: #ccc; padding: 0 5px; }
#box_map_noflash dd,
#box_map_noflash li { display: inline-block; margin-left: 5px; }

h3, #container #diary h3 { margin: 0; padding: 8px 0 8px 15px; background: url(/images/index_test/sprite_index.png) no-repeat; }
h3 img { behavior: url(/js/iepngfix.htc); }

h3#box_map_noflash_h3 { height: 22px; padding:8px 5px 0 15px; background-image: none; background-color: #143491; color: #fff; font-size: 13px; line-height: 1em; }
h3#box_map_noflash_h3 span { font-size: 10px; }

#stw_blog h3, #pCity h3, #pCountry h3, #stw_twitter h3 { background-position: 0px -80px; }
#closeup h3, #container #diary h3 { background-position: 0px -150px; }
#sptour h3, #stwinfo h3 { background: url(//image.stworld.jp/images/common/sprite_footer.png) no-repeat; }

.column2:after,
.column4:after,
.column4-2:after
{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.column1 { clear: both; width: 830px; margin-bottom: 10px; padding-bottom: 6px; background: url("//image.stworld.jp/images/common/bg_1column_tail.png") no-repeat left bottom; }
.column2 { zoom: 1; clear: both; width: 830px; margin-bottom: 10px; padding-bottom: 11px; background: url(//image.stworld.jp/images/index/bg_2column_tail.png) no-repeat left bottom; }
.column4,
.column4-2
{ position: relative; zoom: 1; margin-bottom: 10px; background-image: url(//image.stworld.jp/images/index/bg_4column_tail.png); background-repeat: no-repeat; }
.column4 { padding-bottom: 11px; background-position: left bottom; }
.column4-2 { background-position: 422px bottom; }

#genre { position: relative; float: right; clear: both; width: 408px; background: url(//image.stworld.jp/images/index/bg_2column_body.png) repeat-y; }

#genre #gtab:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; }
#genre #gtab { zoom: 1; height: 44px; padding-left: 15px; background: url(/images/index_test/sprite_index.png) no-repeat 0px -31px; }
#genre #gtab li { float: left; width: 76px; height: 44px; line-height: 1.3em; }
#genre #gtab li a { display: block; height: 37px; _height: 44px; padding-top: 7px; padding-right: 3px; background: url(/images/index_test/sprite_index.png) no-repeat -487px 0px; text-align: center; }
#gtab li.present a {
  background: url(/images/index_test/sprite_index.png) no-repeat -411px 0px !important;
  color: #333;
}
#genre #news0, #genre #news1, #genre #news2, #genre #news3, #genre #news4 {
  padding-top: 10px; padding-left: 15px;
}
#genre .genretour li { float: left; width: 119px; height: 85px; margin-right: 10px; margin-bottom: 10px; overflow: hidden; line-height: 1.3em; }
#genre .genretour li a { display: block; color: #333; }
#genre .genretour li img { float: left; width: 60px; height: 45px; margin-right: 5px; border: 1px solid #ccc; }
#genre .genretour li .price { display: block; float: left; _float: none; width: 52px; height: 2.6em; color: #cc0000; line-height: 1.3em; }

span.tyo,
span.nrt,
span.hnd,
span.ngo,
span.kix,
span.spk,
span.fuk,
span.hij,
span.okj,
span.koj { display: block; float: left; width: 52px; height: 17px; margin-bottom: 3px; background-image: url(//image.stworld.jp/images/common/sprite_departure.png); text-indent: -9999px; }

span.tyo { background-position: -106px -54px; }
span.nrt { background-position: 0px 0px; }
span.hnd { background-position: -53px 0px; }
span.ngo { background-position: -106px 0px; }
span.kix { background-position: 0px -18px; }
span.spk { background-position: -53px -18px; }
span.fuk { background-position: -106px -18px; }
span.hij { background-position: 0px -36px; }
span.okj { background-position: -53px -36px; }
span.koj { background-position: -106px -36px; }/* kagoshima */
span.kmj { background-position: 0px -54px; }/* kumamoto */
span.kmi { background-position: -53px -54px; }/* miyazaki */

#genre .btn_txt { height: 24px; margin: 12px 15px 0 0; overflow: hidden; }
#genre .btn_txt a { display: table; float: right; height: 24px; padding: 0 0 0 10px; background: url(//image.stworld.jp/images/index/btn_notxt.png) no-repeat 0px 0px; color: #fff; font-weight: bold; }
#genre .btn_txt a span { display: block; height: 18px; padding: 6px 10px 0 0; background: url(//image.stworld.jp/images/index/btn_notxt.png) no-repeat right top; line-height: 1em; }
#genre .btn_txt a:hover { background-position: left -24px; text-decoration: none; color: #990000; }
#genre .btn_txt a:hover span { background-position: right -24px; }

#axsTop { position: relative; float: left; width: 408px; background: url(//image.stworld.jp/images/index/bg_2column_body.png) repeat-y; }

.asof { position: absolute; top: 11px; right: 15px; color: #fff; font-size: 84%; line-height: 1em; }
#pCity .asof, #pCountry .asof { right: 10px; }

#axsTop ul { margin: 10px 0 0 10px; }
#axsTop li:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#axsTop li { zoom: 1; margin-bottom: 5px; padding-top: 1px; }
#axsTop li a { color: #333; }
#axsTop li span { margin-right: 2px; }
#axsTop li span.price { margin-right: 0; color: #c00; font-weight: bold; }

#axsTop .btn_ranking { padding: 0 15px; text-align: right; line-height: 1; }

#tourSearch { position: relative; float: left; width: 408px; margin-bottom: 10px; }
#tourSearch #btn_searches { position: absolute; top: 8px; right: 0px; }
#tourSearch #btn_searches li { float: left; margin-right: 10px; line-height: 0; }

#tourSearch form { margin: 0; padding: 0; background: url("//image.stworld.jp/images/index/bg_2column_body.png") repeat-y; }
#tourSearch form ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#tourSearch form ul { zoom: 1; padding: 0 8px 6px; background: url(//image.stworld.jp/images/index/bg_2column_tail.png) no-repeat right bottom; }

#tourSearch form ul li { float: left; width: 182px; padding: 0 7px; }
#tourSearch form ul li p { width: 34px; height: 12px; margin: 10px 0 4px; }

#tourSearch form ul li select { width: 182px; }
#tourSearch form ul li.freeword input { width: 179px; }
#tourSearch form ul li.date select { width: 30px; }
#tourSearch form ul li.date select#dt_ym { width: 90px; }
#tourSearch form ul li.date select#dt_d { width: 50px; }
#tourSearch form ul li.destination select { margin-bottom: 5px; }
#tourSearch form ul li.destination select#city { margin-bottom: 0; }
#tourSearch form ul li img { vertical-align: top; }

#tourSearch form ul li.btnsearch { padding-top: 10px; text-align: right; }

#pCity, #pCountry { float: left; width: 197px; margin-right: 14px; padding-bottom: 6px; background: url(//image.stworld.jp/images/index/bg_4column_body.png) repeat-y; }
#pCountry { margin-right: 0; }
#pCity, #pCountry { position: relative; }

#closeup .closeup-body,
#diary .closeup-body { position: relative; z-index: 0; padding: 10px 10px 4px; background: url("//image.stworld.jp/images/common/bg_1column_body.png") repeat-y; }

#closeup ul li {
  float: left;
  border-right: 1px dotted #ccc;
  height: auto;
  text-align: center;
  width: 161px;
}
#closeup ul li img { display: block; width: 83px; height: 62px; margin: 2px auto 5px; }
#closeup ul li a span.uppercatch { color: #333; }
#closeup ul li a span { display: block; height: 3em; }

#closeup hr.rside, #diary hr.rside { position: absolute; right: 7px; top: 0; z-index: 3; margin: 0; padding: 0; border: none; background-color: #fff; width: 5px; height: 160px; }

#container #diary {
  background: url("//image.stworld.jp/images/common/bg_1column_tail.png") no-repeat left bottom;;
  float: none;
  margin-right: 0;
  width: 830px;
}
#container #diary ul { margin: 0; }
#container #diary ul li {
  float: left; clear: none;
  padding-bottom: 3px;
  border-right: 1px dotted #ccc;
  height: auto; min-height: inherit;
  text-align: center;
  width: 161px;
}
#container #diary ul li img {
  display: block;
  float: none;
  width: 124px;
  height: 93px;
  margin-right: 0;
  margin: 10px auto 5px;
  border: none;
}
#container #diary ul li span.diaryname { height: 3em; overflow: hidden; font-size: inherit; }
#container #diary ul li span.diaryname span { display: inline; }

#container #tdboard h3 {
  background: url("/images/index_test/sprite_index.png") no-repeat scroll 0 0 transparent;
  margin: 0;
  padding: 8px 0 8px 15px;
}

#pCity dl, #pCountry dl { width: 167px; margin: 0 0 0 15px; padding-top: 10px; }
#pCity .ranking dt, #pCountry .ranking dt { margin-bottom: 7px; line-height: 1em; }
#pCity .ranking dt img, #pCountry .ranking dt img { vertical-align: top; }

.ranking dd { float: left; margin-bottom: 5px; padding: 2px 5px 0; border-right: 1px solid #ccc; line-height: 1; white-space: nowrap; }
.ranking dd:last-child { margin-right: 0; padding-right: 0; border-right: none; }

#sptour, #stwinfo { position: relative; width: 830px; margin-bottom: 10px; _margin-right: 0 !important; background: url(//image.stworld.jp/images/common/bg_1column_body.png) repeat-y; }
#stwinfo { margin-bottom: 10px; }

#sptour ul:after, #stwinfo ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#sptour ul, #stwinfo ul { position: relative; zoom: 1; padding: 0 0 16px 44px; background: url(//image.stworld.jp/images/common/bg_1column_tail.png) no-repeat left bottom; }
#sptour ul li, #stwinfo ul li { float: left; width: 234px; margin: 10px 20px 0 0; }
#sptour li img, #stwinfo li img { width: 234px; height: 60px; vertical-align: top; }