@charset "Shift_JIS";

/*
* ページ固有のcss
*/

/* basic */
.clearfixTopAna:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
*:first-child+html .clearfixTopAna { zoom: 1; }

/* 全体レイアウト */
#searchArea {
  width: 950px;
}
div#block-01 {
  width: 570px;
  float: left;
}
#main {
  width: 950px;
  float: none;
}
body, textarea, input, select, optgroup, option, #header990 {
  font-family: "メイリオ","MS PGothic",Osaka !important;
}
#dp_childlen, #dp_childlen_ana {
  width: 276px;
}
#dp_childlen span.btnclose, #dp_childlen_ana span.btnclose_ana {
  left: 236px;
}
#dp_childlen table, #dp_childlen_ana table {
  width: 250px;
}
div#block-01 div.search-panel div.step li dd.child {
  *width: 24px;
}

/* フリーワード検索 */
.dptopFreewordForm > div {
  *zoom: 1;
  background: url("/common/pc/images/title/top_ana_keywordsearch_title.png") no-repeat #faf8f0;
  border: 1px solid #002596;
  padding: 31px 12px 10px 8px;
  margin: 0 0 10px;
}
.dptopFreewordForm > div .dptopFreewordInput {
  width: 406px;
  height: 18px;
  padding: 3px;
  vertical-align: top;
  *float: left;
}
.dptopFreewordForm > div .dptopFreewordSubmit {
  background: url("/dp/top_image/dptop_freeword_submit_on.gif") no-repeat;
  position: relative;
  width: 120px;
  height: 28px;
  cursor: pointer;
  float: right;
}
.dptopFreewordForm > div .dptopFreewordSubmit input {
  background: url("/dp/top_image/dptop_freeword_submit_off.gif") no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  width: 120px;
  height: 28px;
  font-size: 0;
  border: none;
  cursor: pointer;
}
.dptopFreewordForm > div .dptopFreewordSubmit input:hover {
  opacity: 0;
  filter: alpha(opacity=0);
  /* ie 6 7 */
  -ms-filter: "alpha(opacity=0)";
  /* ie 8 */
}
.dptopFreewordForm > div:after {
  content: "";
  display: block;
  clear: both;
}

/* 検索パネル */
div#block-01 .boxContent {
  background: #faf8f0;
  width: auto;
  padding: 8px;
}
#dp_childlen, #dp_childlen_ana {
  width: 276px;
}
#dp_childlen span.btnclose, #dp_childlen_ana span.btnclose_ana {
  left: 236px;
}
#dp_childlen table, #dp_childlen_ana table {
  width: 250px;
}
div#block-01 div.search-panel div.step li dd.child {
  *width: 24px;
}
.formListBox > li {
  border-top: 1px solid #dbd3b8;
  margin: 10px 0 0;
  padding: 10px 0 0;
}
.formListBox > li:first-child {
  border-top: none;
  margin: 0;
  padding: 0;
}
.formListTitle,
.formListTitleSmall,
.formListTitlelarge {
  background-color: #333333;
  font-size: 13px;
  color: #fff;
  font-weight: bold;
  text-align: center;
  width: 100px;
  float: left;
  padding: 5px 0;
}
.formListTitleSmall,
.formListTitlelarge {
  font-size: 12px;
}
.formListContents {
  float: left;
  margin: 0 0 0 5px;
  font-size: 13px;
  position: relative;
}
.formDate {
  width: 120px;
  height: 26px;
  background-color: #ffffff;
  border: 1px solid #a9a9a9;
  position: relative;
  float: left;
  cursor: pointer;
}
.formDate > span {
  position: relative;
  top: 4px;
  left: 5px;
  font-size: 13px;
}
#searchArea .formDate > img {
  position: absolute;
  right: 3px;
  top: 3px;
}
.formAirportBox + .formAirportBox {
  margin: 8px 0 0;
}
.formSeparator,
.formAirportSeparator {
  display: block;
  float: left;
  padding: 0px;
  text-align: center;
}
.formSeparator {
  width: 30px;
  margin: 4px 0;
}
.formAirportSeparator {
  width: 28px;
  margin: 0;
  font-size: 20px;
  font-weight: bold;
  color: #666;
}
.formAirport {
  float: left;
}
.formAirport > select {
  width: 88px;
  height: 28px;
  vertical-align: top;
}
#searchArea .formAirport img {
  position: static;
  margin: 0 0 0 2px;
}
#searchArea .box01 .formAirportShow {
  margin: 3px 0 0;
  color: #1b47ff;
  text-decoration: underline;
}
#searchArea .box01 .formAirportShow > a {
  cursor: pointer;
}
.formStayBox1 > span {
  font-size: 13px;
  padding: 0 4px 0 6px;
}
.formListContents select[name=t_pref] {
  width: 88px;
  height: 28px;
}
.formListContents select[name=t_area] {
  width: 136px;
  height: 28px;
}
.formStayBox2 {
  margin: 7px 0 0;
}
.roomMemberContents {
  float: left;
}
.roomMemberContents select {
  width: 48px;
  height: 28px;
}
.roomMemberContents > span {
  font-size: 13px;
}
.roomMemberContents.roomBox {
  border-right: 1px solid #dbd3b8;
  padding: 0 9px 0 0;
  margin: 0 5px 0 0;
}
.roomMemberContents.adultBox {
  border-right: 1px solid #dbd3b8;
  padding: 0 7px 0 0;
  margin: 0 8px 0 0;
}
.roomMemberContents.childBox {
  padding: 5px 0;
}
.roomMemberContents.roomBox > span {
  padding: 0 0 0 3px;
}
.roomMemberContents.adultBox > span {
  padding: 0 3px;
}
.roomMemberContents.childBox > span {
  padding: 0 5px 0 0;
}
.roomMemberContents.childBox > a {
  font-size: 13px;
}
.formDateCheckInOut {
  float: left;
}
.formDateCheckInOut select {
  width: 121px;
  height: 26px;
}
.formStayBox3 {
  position: relative;
  margin: 10px 0 0;
}
.formStayBox3 .formSeparator {
  position: relative;
  top: 21px;
  margin: 0;
}
.formStayTxt {
  margin: 15px 0 0;
}
.formStayShow {
  margin: 3px 0 0;
  color: #1b47ff;
  text-decoration: underline;
}
.rentacarCheckbox {
  position: relative;
  top: 6px;
}
.rentacarCheckbox > input {
  position: relative;
  top: 2px;
}
.rentacarCheckbox > label {
  background: url("/dp/top_image/icon_rent_a_car.png") 3px center no-repeat;
  padding: 5px 0 0 42px;
}
.rentaNgObj > .rentacarCheckNotice {
  display: block;
  margin-left: 16px;
  color: #333;
  font-size: 11px;
}
.searchAreaCommon .formKodawariList {
  width: 268px;
}
.searchAreaCommon .formKodawariList > li {
  float: left;
  width: 134px;
  position:relative;
  margin: 0 0 1px;
}
.searchAreaCommon .formKodawariList > li input {
  position:relative;
  top: 2px;
  margin: 0 8px 0 0;
}
.searchAreaCommon .formKodawariList > .formKodawariListLong {
  width: 268px;
}
.jsFormAirportToggle {
  display: none;
}
.dpChildlenAir {
  position: absolute;
  top: 130px;
  left: 150px;
  z-index: 100;
  width: 276px;
  display: none;
}
.dpChildlenAir > div {
  border: solid 1px #d3c9b0;
  background-color: #fbf5e1;
  padding: 12px;
  position: relative;
  z-index: 100;
  font-size: 1em;
}
.dpChildlenTitle {
  position: relative;
  margin-bottom: 8px;
  font-size: 12px;
  font-weight: bold;
}
.dpChildlenBtnClose {
  position: absolute;
  top: 0;
  left: 239px;
  width: 11px;
  height: 11px;
  display: block;
}
.dpChildlenTable {
  width: 250px;
  font-size: 1em;
}
.dpChildlenTable td,
.dpChildlenTable th {
  font-size: 12px;
  white-space: nowrap;
  border-bottom: solid 1px #fbf5e1;
  background-color: #FCE4A8;
  padding: 2px 5px 2px 0;
}
.dpChildlenTable th {
  font-weight: normal;
  text-align: left;
  width: 180px;
  padding: 2px 3px 2px 5px;
}
.dpChildlenTable td select {
  width: 49px;
}
.dpChildlenBtnEnter {
  padding-top: 12px;
  text-align: center;
  white-space: nowrap;
}
.formStayTxt.periodError {
  color: #f00;
}
.jsFormStayToggle,
.jsRentaNgPopup,
.jsRentaNgTxt {
  display: none;
}
.rentaNgObj {
  width: auto;
}
.search-input {
  margin: 0px auto;
  width: 228px;
  height: 31px;
  border: 0;
  background: none;
  background-image: url(/dp/top_image/dptop_searchpanel_submit_off.png);
  cursor: pointer;
}
.search-input:hover {
  background-image: url(/dp/top_image/dptop_searchpanel_submit_on.png);
}
#searchArea .box01 .searchAreaCommon .rentaNgObj input {
  position: relative;
  top: 2px;
}

/* メンテナンス告知 */
.announce {
  margin-top: 10px;
}
/* お知らせエリア */
.careerNotice {
  background-color: #fef2e9;
  padding: 0 20px 20px;
  margin: 0 10px 20px;
}

/* チビバナー */
div#dptopTokusyu {
  width: 568px;
}
div#dptopTokusyu ul {
  width: 538px;
  padding: 10px 15px;
}
div#dptopTokusyu ul li  {
  width: 178px;
}
h2.tokusyuH2 {
  background: none;
  background-color: #ff7a15;
  color: #FFFFFF;
  font-size: 12px;
  height: 22px;
  line-height: 22px;
  padding-left: 10px;
  width: 560px;
  margin-top: 20px;
}

/* プリセットバナー */
#dptopBrand {
  border-color: #CCCCCC;
  border-image: none;
  border-style: solid;
  border-width: 0 1px 1px;
  clear: both;
  margin-bottom: 10px;
  overflow: hidden;
  padding-bottom: 10px;
  width: 568px;
}
#dptopBrand > ul {
  width: 568px;
}

/* 下部のボックス */
div#countryLinkArea {
  margin: 40px auto 0;
  text-align: left;
  width: auto;
  font-size: 12px;
  background: none;
  border: 1px solid #cccccc;
}

.boxAna {
  position: relative;
}
.boxAna.is-showHistory .formListTitle,
.boxAna.is-showHistory .formListTitleSmall,
.boxAna.is-showHistory .formListTitlelarge
 {
  font-size: 13px;
  width: 70px;
  border-radius: 3px;
}
/* 検索履歴表示 */
.jlnpc-search-wrap {
  position: absolute;
  top: 8px;
  right: 5px;
  border: 1px solid #ccc;
  background-color: #fff;
  padding: 10px;
  width: 170px;
  z-index: 1;
}
.jlnpc-search-wrap h3 {
  font-size: 12px;
  font-weight: bold;
  color: #333;
  margin-bottom: 10px;
}
.jlnpc-search-wrap .jscSearchHistoryList a {
  text-decoration: none !important;
  display: block;
}
.jlnpc-search-wrap .jlnpc-inner-box:hover p,
.jlnpc-search-wrap .jlnpc-inner-box:hover span {
  text-decoration: underline;
  color: #ff7d00;
}
.jlnpc-search-wrap a .jlnpc-flignt {
  color: #1b47ff;
  margin-bottom: 10px;
  text-decoration: underline;
}
.jlnpc-search-wrap a .jlnpc-service {
  text-decoration: none;
}
.jlnpc-search-wrap .jlnpc-yad {
  display: block;
  float: left;
}
.jlnpc-search-wrap .jlnpc-area {
  display: block;
  overflow: hidden;
}
.jlnpc-search-wrap .jlnpc-history-list.searchRecently-list .jlnpc-airline-icon {
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
  margin-top: -1px;
}
.jlnpc-search-wrap .jlnpc-dep {
  margin: 10px 0 0;
  line-height: 1.5;
  font-size: 11px;
}
.jlnpc-search-wrap .jlnpc-arri,
.jlnpc-search-wrap .jlnpc-stay {
  line-height: 1.5;
  font-size: 11px;
}
.jlnpc-search-wrap .searchRecently-list li .deleteBtn.jlnpc-historyDeleteBtn {
  position: absolute;
  top: 2px;
  right: 2px;
  display: block;
}
.jlnpc-search-wrap .searchRecently-list li .deleteIcn {
  width: 17px;
  height: 17px;
  background: url(/jalan/common/image/infobox_subclose.png) no-repeat 3px 3px;
  background-size: 11px 11px;
  display: block;
}
.jlnpc-search-wrap .searchRecently-list li .deleteIcn:hover {
  cursor: pointer;
}


/*-----------------------------
 差し込み
 -----------------------------*/

/* pick up! オススメ特集*/

.pickup {
  margin-top: 15px;
}
.pickup-title {
  background: url(/dp/images/icon_pickup.png) no-repeat 0 0px;
  font-size: 18px;
  font-weight: bold;
  line-height: 26px;
  padding: 4px 0 4px 38px;
  margin-bottom: 10px;
}
.pickup-contentsBig {
  margin-left: -10px;
}
.pickup-contentsBig > li {
  margin-left: 10px;
  margin-bottom: 10px;
  float: left;
}
.contentLink {
  display: block;
  text-decoration: none;
}
.contentLink:hover img {
  opacity: 0.7;
}
.contentLink  > img {
  display: block;
}
.contentLink > p {
  font-size: 12px;
  font-weight: bold;
  width: 100%;
  height: 25px;
  line-height: 25px;
  border: 1px solid #ccc;
  padding-left: 5px;
  color: #1b47ff;
}
.contentLink:visited > p {
  color: #9720c9;
}
.contentLink:hover > p {
  color: #ff7d00;
}
.longText {
  max-width: 463px;
  overflow: hidden;
}
.shortText {
  max-width: 223px;
  overflow: hidden;
}
.pickup-contentsSmall {
  margin-left: -10px;
}
.pickup-contentsSmall > li {
  margin-left: 10px;
  margin-bottom: 10px;
  float: left;
}
/* 人気・お得・宿・シーン特集 */
.popular {
  margin-top: 20px;
}
.popular-title {
  background: url(/dp/images/icon_popular.png) no-repeat 0 1px;
  font-size: 18px;
  font-weight: bold;
  line-height: 26px;
  padding: 4px 0 4px 38px;
  margin-bottom: 10px;
}
.popular-tabs {
  display: block;
  border-bottom: 2px solid #ff6600;
  margin-bottom: 18px;
  padding-left: 10px;
}
.popular-tabs > li {
  font-size: 13px;
  float: left;
  margin: 0 5px -2px 0;
  text-align: center;
  width: 220px;
  padding: 12px 0 0 0;
  line-height: 15px;
  height: 28px;
  border-top: 2px solid #cccccc;
  border-left: 2px solid #cccccc;
  border-right: 2px solid #cccccc;
  border-radius: 4px 4px 0 0;
  color: #333333;
  cursor: pointer;
}
.popular-tabs > li.is-active {
  color: #ff6600;
  font-weight: bold;
  border-top: 2px solid #ff6600;
  border-left: 2px solid #ff6600;
  border-right: 2px solid #ff6600;
  border-bottom: 2px solid #fff;
}
.popular-unity {
  position:relative;
}
.popular-unity ul {
  position:absolute;
  left:0;
  top:0;
}
.popular-unity {
  max-height: 234px;
  overflow: hidden;
}
.popular-contents {
  margin-left: -10px
}
.popular-contents > li {
  margin-left: 10px;
  margin-bottom: 10px;
  float: left;
}
.popular-contents > li > a > img {
  width: 230px;
  height: 80px;
}

/* 観光・アクティビティ */
.activity {
  margin-top: 20px;
}
.activity-title {
  background: url(/dp/images/icon_activity.png) no-repeat 0 1px;
  font-size: 18px;
  font-weight: bold;
  line-height: 26px;
  padding: 4px 0 4px 38px;
  margin-bottom: 10px;
}
.activity-contents {
  margin-left: -10px
}
.activity-contents > li {
  margin-left: 10px;
  float: left;
}
.activity-contents > li > a:hover {
  opacity: 0.7;
}
.activity-search {
  text-align: right;
  margin-top: 9px;
  font-weight: bold;
}

/* 注目のおすすめツアー */
.tour {
  margin: 20px 0;
}
.tour-title {
  background: url(/dp/images/icon_tours.png) no-repeat 0 1px;
  font-size: 18px;
  font-weight: bold;
  line-height: 26px;
  padding: 4px 0 4px 38px;
  margin-bottom: 10px;
}
.tour-contents {
  margin-left: -10px
}
.tour-contents > li {
  margin-left: 10px;
  float: left;
  position: relative;
}
.tour-contents > li > a {
  display: block;
  width: 230px;
  height: 145px;
  overflow: hidden;
  border-bottom: 1px solid #ff6600;
}
.tour-contents > li > a:hover {
  opacity: 0.7;
}
.tour-contents > li > a > img {
  width: 100%;
}