@charset "UTF-8";

/* ----------------------------------------------------------------
 content
----------------------------------------------------------------- */
/* .contentOuter
----------------------------------------------- */
.contentOuter {
padding-bottom: 40px;
background-color: #ecf0f1;
}
.w950{
  width: 950px;
  margin: 0 auto;
  padding-top: 20px;
}
/* .titleArea
----------------------------------------------- */
.titleArea .leadArea {
font-size: 16px;
line-height: 1.6;
margin: 20px 0;
}

/* .ancNavArea
----------------------------------------------- */
.ancNavArea {
  overflow: hidden;
}
.ancNavArea ul {
  text-align: center;
  margin-bottom: 25px;
}
.ancNavArea ul li {
  display: inline-block;
  line-height: 50px;
  font-size: 19px;
  font-weight: bold;
  margin-bottom: 5px;
}

.ancNavArea ul li a {
  display: block;
  width: 470px;
  height: 50px;
  text-decoration: none;
  background-image: url(//s.skygate.co.jp/pc/dp/images/ico_arrow_b01.png);
  background-position: 10px center;
  background-repeat: no-repeat;
  background-color: #fff;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
}
.ancNavArea ul li a:hover {
  background-color: #fefbd7;
}

.ancNavArea ul .nav_A a {
  border-top: solid 5px #3399cc;
  border-right: solid 1px #3399cc;
  border-bottom: solid 1px #3399cc;
  border-left: solid 1px #3399cc;
  color: #3399cc;
}
.ancNavArea ul li.nav_B a {
  border-top: solid 5px #009999;
  border-right: solid 1px #009999;
  border-bottom: solid 1px #009999;
  border-left: solid 1px #009999;
  color: #009999;
}
.ancNavArea ul li.nav_C a {
  border-top: solid 5px #32b372;
  border-right: solid 1px #32b372;
  border-bottom: solid 1px #32b372;
  border-left: solid 1px #32b372;
  color: #32b372;
}
.ancNavArea ul li.nav_D a {
  border-top: solid 5px #00991a;
  border-right: solid 1px #00991a;
  border-bottom: solid 1px #00991a;
  border-left: solid 1px #00991a;
  color: #00991a;
}

/* .couponArea
----------------------------------------------- */
.couponArea {
/*  background: url(//s.skygate.co.jp/pc/dp/campaign/sale/newyear/images/coupon.png) no-repeat;*/
  background: #fff;
  width: 922px;
  border: 4px solid #5f0000;
  margin: 0 auto 30px;
  padding-bottom: 6px;
  text-align: center;
}
.couponArea dl {
  overflow: hidden;
  width: 708px;
  margin: 0 auto;
  font-size: 18px;
  text-align: center;
  margin-bottom: 4px;
}
.couponArea dt {
  width: 346px;
  height: 28px;
  line-height: 28px;
  float: left;
  background: #dcdcdc;
  border: 2px solid #dcdcdc;
}
.couponArea dd {
  width: 346px;
  height: 28px;
  line-height: 28px;
  float: left;
  border: 2px solid #dcdcdc;
}
.couponArea p {
  font-size: 14px;
}
.couponDetail a {
  color: #00c;
}



/* .Areatitle
----------------------------------------------- */
.cat_column h3 {
  height: 43px;
  line-height: 43px;
  font-size: 17px;
  color: #fff;
  font-weight: bold;
  padding-left: 10px;
  margin-bottom: 10px;
}

.cat_A h3 {
  background: #3399cc;
  border: 1px solid #2a7ea8;
}
.cat_B h3 {
  background: #009999;
  border: 1px solid #027777;
}
.cat_C h3 {
  background: #4db198;
  border: 1px solid #40927d;
}
.cat_D h3 {
  background: #1a7e43;
  border: 1px solid #166235;
}

/* DP
----------------------------------------------- */
.cat_column .Dp ul {
  margin-left: -10px;
  margin-top: 10px;
  overflow: hidden;
}
.cat_column .Dp ul li {
  width: 228px;
  float: left;
  border: 1px solid #dadada;
  background: #fff;
  margin-left: 10px;
  margin-bottom: 10px;
}

/* AO
----------------------------------------------- */
.cat_column .Ao {
  width: 523px;
  float: left;
}
.cat_column .Ao ul {
  margin-left: -5px;
  margin-top: 5px;
  margin-bottom: 10px;
  overflow: hidden;
}
.cat_column .Ao ul li {
  width: 169px;
  float: left;
  border: 1px solid #dadada;
  background: #fff;
  margin-left: 5px;
  margin-bottom: 5px;
}

/* HTL
----------------------------------------------- */
.cat_column .Htl {
  width: 415px;
  float: right;
}
.cat_column .Htl ul {
  margin-left: -5px;
  margin-top: 5px;
  margin-bottom: 10px;
  overflow: hidden;
}
.cat_column .Htl ul li {
  width: 133px;
  float: left;
  border: 1px solid #dadada;
  background: #fff;
  margin-left: 5px;
  margin-bottom: 5px;
}

/* AreaCommon
----------------------------------------------- */
.cat_column {
  overflow: hidden;
  margin-bottom: 30px;
}
.cat_column ul a {
  display: block;
  text-decoration: none;
  color: #000;
}
.cat_column ul li:hover {
  background: #fefbd7;
}

.moreLink {
  text-align: right;
}
.moreLink a {
  background: url(//s.skygate.co.jp/pc/dp/images/ico_arrow_r01.png) no-repeat 0 50%;
  padding-left: 12px;
}


/* .itemBox
----------------------------------------------- */
.itemBox {
/*  padding-bottom: 20px;*/
}
.itemBoxIn {
  padding: 10px;
}
.itemTitle {
  font-size: 14px;
  font-weight: bold;
  color: #05c;
  text-decoration: underline;
  margin-bottom: 2px;
}
.dpPrice span,
.aoPrice span,
.htlPrice span {
  font-size: 20px;
  color: #f00;
  font-weight: bold;
  margin-left: 5px;
}
/* DP */
.dpAirDetail {
  padding-left: 20px;
  background: url(//s.skygate.co.jp/pc/dp/images/ico-cassette-01.png) left 2px no-repeat;
  margin-top: 5px;
}
.dpHtlDetail {
  padding-left: 20px;
  background: url(//s.skygate.co.jp/pc/dp/images/ico-cassette-02.png) left 2px no-repeat;
  margin-top: 5px;
}
.dpAirDetail dt,
.dpHtlDetail dt {
  font-weight: bold;
  margin-bottom: 5px;
}
.dpDirect {
  margin-right: 2px;
  padding: 3px 7px;
  background: #eee;
  border-radius: 2px;
}
.dpHtlRank {
  color: #d4d4d4;
}
.dpHtlRank span {
  color: #ffd22b;
}
.info-air {
  font-size: 13px;
  font-weight: bold;
  padding-top: 5px;
}

/* AO */
.crr .ac {
    width: 60px;
  height: 15px;
  border: 1px solid #ccc;
  margin-right: 8px;
  vertical-align: top;
}
.note {
  margin-top: 5px;
  margin-bottom: 5px;
}
.list_info dl {
  width: 202px;
  margin: 0 auto;
  overflow: hidden;
}
.list_info dt {
  overflow: hidden;
  width: 40px;
  background: #6c6c6c;
  color: #fff;
  border: 1px solid #6c6c6c;
  -webkit-border-top-left-radius: 2px;
  -webkit-border-bottom-left-radius: 2px;
  -moz-border-radius-topleft: 2px;
  -moz-border-radius-bottomleft: 2px;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
  height: auto;
  height: 1.2em;
  padding: 4px 0;
  vertical-align: middle;
  float: left;
  text-align: center;
  margin-bottom: 2px;
}
.list_info dd {
  width: 100px;
  height: 1.2em;
  padding: 4px 0;
  background: #fff;
  color: #444;
  border: 1px solid #ccc;
  -webkit-border-top-right-radius: 2px;
  -webkit-border-bottom-right-radius: 2px;
  -moz-border-radius-topright: 2px;
  -moz-border-radius-bottomright: 2px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  margin-right: 2px;
  float: left;
  text-align: center;
  margin-bottom: 2px;
}

/* HTL */
.htlPrice {
  font-size: 13px;
  font-weight: bold;
}




/* .link */
.itemArea .link {
text-align: right;
margin-top: 10px;
}
.itemArea .link a {
display: inline-block;
color: #fff;
font-weight: bold;
text-decoration: none;
background-color: #3b6085;
padding: 4px 10px;
}
.itemArea .link a:hover {
opacity: 0.8;
filter: alpha(opacity=80);      /* ie6 7 */
-ms-filter: "alpha(opacity=80)";  /* ie8 */
}

/* ----------------------------------------------------------------
.search-box
----------------------------------------------------------------- */
.search-box {
margin: 0 auto;
}

/* ----------------------------------------------------------------
.pagetop
----------------------------------------------------------------- */
.btn-PageTop{
  overflow:hidden;
  position:fixed;
  right:20px;
  bottom:30px;
  z-index:50;
  border-radius:4px;
  width:60px;
  height:60px;
  background:rgba(0, 0, 0, .6);
  text-indent:100%;
  white-space:nowrap;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);
}
.btn-PageTop:not(:target){
  -webkit-filter:none;
  filter:none;
}
.btn-PageTop > a{
  overflow:hidden;
  display:block;
  width:100%;
  height:100%;
  text-indent:100%;
  white-space:nowrap;
}
.btn-PageTop > a:after{
  display:block;
  position:absolute;
  top:22px;
  left:17px;
  margin:auto;
  width:26px;
  height:16px;
  background-image:url(//s.skygate.co.jp/pc/dp/images/sprite.png);
  background-position:-3095px 0px;
  content:"";
}
.btn-PageTop.fixed-footer{
  background: #000000;
  border-bottom-right-radius:0;
  border-bottom-left-radius:0;
}