@charset "utf-8";
/*----------------------------------
#content .pageheader
--------------------------------------*/
#content .pageheader SPAN{color:#d24793;}

#content .hotelnav .upper LI{width:31%;float:left;padding:0 1%;}
#content .hotelnav .bottom LI{width:48%;float:left;padding:0 1%;}
/*----------------------------------
#content #flow
--------------------------------------*/
#content #flow{background:#fff;margin-top:15px;box-shadow:1px 1px 2px rgba(0,0,0,0.15);padding-bottom:15px;}
#content #flow H3{
background:url(./../img/hotel/flow_ttl.png) no-repeat left 50%;
background-size:100% 100%;
position:relative;
}
#content #flow H3 SPAN{display:inline-block;text-shadow:1px 1px 0 rgba(0,0,0,0.15);font-size:18px;color:#fff;
position:absolute;top:22%;text-align:center;width:100%;}

#content #flow H4{text-align:left;color:#555555;border-left:2px solid #ff98d0;padding-left:10px;font-size:14px;}

#content #flow .hoteltype{border:2px solid #000;border-radius:10px;padding-bottom:10px;margin-top:10px;width:90%;margin:10px auto 0;}
#content #flow .hoteltype .hoteltypename{border-radius:8px 8px 0px 0px;background:#333;text-shadow:1px 1px 0 rgba(0,0,0,0.15);font-size:18px;color:#fff;}
#content #flow .hoteltype .hoteltypename A{display:block;color:#fff;padding:10px 25px 10px 10px;background:url(./../img/hotel/link_icon.png) no-repeat 98% 50%;background-size:20px auto;
}
#content #flow .hoteltype .hotellead{padding:10px;}

#content #flow .official {border-color:#ff99ac;}
#content #flow .official .hoteltypename{background-color:#ff6683;}
#content #flow .official .hoteltypename:hover{background-color:#f35170;}
#content #flow .official .hoteltypename{border-bottom:5px solid #ffeded;}

#content #flow .partner {border-color:#8ad775;}
#content #flow .partner .hoteltypename{background-color:#58c63a;}
#content #flow .partner .hoteltypename:hover{background-color:#4abb2b;}
#content #flow .partner .hoteltypename{border-bottom:5px solid #eff9ec;}

#content #flow .goodneighbor {border-color:#9bbef7;}
#content #flow .goodneighbor .hoteltypename{background-color:#70a2f4;}
#content #flow .goodneighbor .hoteltypename:hover{background-color:#5c8fe3;}
#content #flow .goodneighbor .hoteltypename{border-bottom:5px solid #f7f9ec;}


#content #flow .near {border-color:#c9d475;}
#content #flow .near .hoteltypename{background-color:#b1c139;}
#content #flow .near .hoteltypename:hover{background-color:#a4b42a;}
#content #flow .near .hoteltypename{border-bottom:5px solid #f4f5e8;}

#content #flow .other {border-color:#ca96e9;}
#content #flow .other .hoteltypename{background-color:#b369e0;}
#content #flow .other .hoteltypename:hover{background-color:#a056ce;}
#content #flow .other .hoteltypename{border-bottom:5px solid #f8f0fc;}


/*----------------------------------
#content #hoteltype
--------------------------------------*/
#content #hoteltype{background:#fff;box-shadow:1px 1px 0 rgba(0,0,0,0.15);padding-bottom:10px;}
#content.hoteldetail #hoteltype{padding-bottom:0px;}

#content #hoteltype H3{position:relative;text-align:center;}
#content #hoteltype H3 SPAN{text-shadow:1px 1px 0 rgba(0,0,0,0.15);font-size:18px;color:#fff;}
/*
#content #hoteltype H3 SPAN{display:block;width:100%;position:absolute;left:0%;text-shadow:1px 1px 0 rgba(0,0,0,0.15);font-size:18px;top:20%;color:#fff;}
#content.hoteldetail #hoteltype H3 SPAN{top:27%;}
#content #hoteltype .hotel_caption{}
*/

/*----------------------------------
#content.hoteldetail #hoteltype .hotelheader
--------------------------------------*/
#content #hoteltype .hotelheader{background-color:#ccc;display:table;width:100%;padding:0;margin:0;line-height:100%;}
#content #hoteltype.official .hotelheader{background:url(./../img/hotel/official_hdr.png) no-repeat left top;background-size:100% 100%;}
#content #hoteltype.partner .hotelheader{background:url(./../img/hotel/partner_hdr.png) no-repeat left top;background-size:100% 100%;}
#content #hoteltype.goodneighbor .hotelheader{background:url(./../img/hotel/goodneighbor_hdr.png) no-repeat left top;background-size:100% 100%;}
#content #hoteltype.near .hotelheader{background:url(./../img/hotel/near_hdr.png) no-repeat left top;background-size:100% 100%;}
#content #hoteltype.other .hotelheader{background:url(./../img/hotel/other_hdr.png) no-repeat left top;background-size:100% 100%;}

#content #hoteltype .hotelheader SPAN{top:auto;}
#content #hoteltype .hotelnamewrap{display:table-cell;width:100%;vertical-align:middle;margin:0;position:relative;top:auto;left:auto;height:100%;}
#content #hoteltype .hotelnamewrap SMALL{display:inline-block;text-shadow:1px 1px 0 rgba(0,0,0,0.15);font-size:11px;color:#fff;border-radius:5px;padding:3px 10px;margin:1px 0 5px;}
#content #hoteltype .hotelnamewrap .hotelname{text-shadow:1px 1px 0 rgba(0,0,0,0.15);font-size:15px;color:#fff;line-height:110%;width:auto;position:relative;}

  #content #hoteltype.official H3 SMALL{background:#ca3c56;}
  #content #hoteltype.partner H3 SMALL{background:#31881a;}
  #content #hoteltype.goodneighbor H3 SMALL{background:#3b76d9;}
  #content #hoteltype.near H3 SMALL{background:#87941f;}
  #content #hoteltype.other H3 SMALL{background:#8e36c5;}


#content #hoteltype .feature DT{background:url(./../img/hotel/feature_ttl_p.png) no-repeat left top;background-size:100% 100%;}
#content #hoteltype .feature DT.active{background-image:url(./../img/hotel/feature_ttl_m.png);}
#content #hoteltype .feature DT SPAN{display:inline-block;font-size:18px;color:#893d00;padding:10px 0 0 20px;}

#content #hoteltype .feature LI{border-bottom:2px dotted #ccc;padding:10px 0;
background-repeat:no-repeat;
background-position:3% 10px;
background-size:10.7% auto;
}
#content #hoteltype .feature LI:nth-of-type(2n){background-color:#f9f5ed;}
#content #hoteltype .feature LI .num{display:block;width:18%;float:left;text-align:center;}
#content #hoteltype .feature LI .num IMG{width:65%;}
#content #hoteltype .feature LI .featureTxt{display:block;width:80%;float:left;}

#content #hoteltype .severalhotel{border:2px solid #000;border-radius:10px;padding-bottom:10px;margin-top:10px;}
#content #hoteltype .severalhotel H4{border-radius:8px 8px 0px 0px;background:#333;text-shadow:1px 1px 0 rgba(0,0,0,0.15);font-size:18px;color:#fff;}
#content #hoteltype .severalhotel H4 A{display:block;color:#fff;padding:10px;text-decoration:underline;
background:url(./../img/hotel/link_icon.png) no-repeat 98% 50%;background-size:20px auto;
}
#content #hoteltype .severalhotel .upper{padding:10px;}
#content #hoteltype .severalhotel .hotelImg{width:54%;float:left;}
#content #hoteltype .severalhotel .hotelAccess{width:45%;float:right;}
#content #hoteltype .severalhotel .planTtl{padding:6px;background:#f7f7f7;}
#content #hoteltype .severalhotel .planTtl SPAN{display:block;border:1px solid #eae3d0;background:rgba(255,255,255,0.7);padding:5px;color:#c5b183;font-size:12px;line-height:120%;}
#content #hoteltype .transport H6{font-size:16px;padding:3px 0 3px 20px;}
#content #hoteltype .transport .bus_frm{color:#e92851;background:url(./../img/hotel/icon_bus.png) no-repeat left 50%;background-size:18px auto;}
#content #hoteltype .transport .air_frm{color:#2493da;background:url(./../img/hotel/icon_air.png) no-repeat left 50%;background-size:18px auto;margin-top:5px;}
#content #hoteltype .transport .mix_frm{color:#08a526;background:url(./../img/hotel/icon_mix.png) no-repeat left 50%;background-size:18px auto;margin-top:5px;}
#content #hoteltype .transport .train_frm{color:#ffa500;background:url(./../img/hotel/icon_train.png) no-repeat left 50%;background-size:18px auto;margin-top:5px;}

#content #hoteltype .transport SELECT{width:60%;}
#content #hoteltype .transport INPUT {width:38%;border-width:0px;color:#fff;font-size:11px;text-align:center;}
#content #hoteltype .transport .plan_red  {background-color:#fd426a;border-bottom:3px solid #d50f39;}
#content #hoteltype .transport .plan_red:hover{background-color:#ed2e57;}
#content #hoteltype .transport .plan_blue {background-color:#42b4fd;border-bottom:3px solid #1386cf;}
#content #hoteltype .transport .plan_blue:hover{background-color:#32a0e6;}
#content #hoteltype .transport .plan_green{background-color:#2dcf4c;border-bottom:3px solid #08a526;}
#content #hoteltype .transport .plan_green:hover{background-color:#21c13f;}
#content #hoteltype .transport .plan_orange{background-color:#ffa500;border-bottom:3px solid #ff7200;}
#content #hoteltype .transport .plan_orange:hover{background-color:#ff8c00;}

#content #hoteltype.official .severalhotel{border-color:#ff99ac;}
#content #hoteltype.official .severalhotel H4{background-color:#ff6683;}
#content #hoteltype.official .severalhotel H4:hover{background-color:#f4506f;}
#content #hoteltype.official .severalhotel H4{border-bottom:5px solid #ffeded;}
#content #hoteltype.official .severalhotel .hotelAccess STRONG{color:#ff6683;}

#content #hoteltype.partner .severalhotel{border-color:#8ad775;}
#content #hoteltype.partner .severalhotel H4{background-color:#58c63a;}
#content #hoteltype.partner .severalhotel H4:hover{background-color:#4cb92e;}
#content #hoteltype.partner .severalhotel H4{border-bottom:5px solid #eff9ec;}
#content #hoteltype.partner .severalhotel .hotelAccess STRONG{color:#58c63a;}

#content #hoteltype.goodneighbor .severalhotel{border-color:#9bbef7;}
#content #hoteltype.goodneighbor .severalhotel H4{background-color:#70a2f4;}
#content #hoteltype.goodneighbor .severalhotel H4:hover{background-color:#5a8cde;}
#content #hoteltype.goodneighbor .severalhotel H4{border-bottom:5px solid #f7f9ec;}
#content #hoteltype.goodneighbor .severalhotel .hotelAccess STRONG{color:#70a2f4;}


#content #hoteltype.near .severalhotel{border-color:#c9d475;}
#content #hoteltype.near .severalhotel H4{background-color:#b1c139;}
#content #hoteltype.near .severalhotel H4:hover{background-color:#9cac20;}
#content #hoteltype.near .severalhotel H4{border-bottom:5px solid #f4f5e8;}
#content #hoteltype.near .severalhotel .hotelAccess STRONG{color:#b1c139;}

#content #hoteltype.other .severalhotel{border-color:#ca96e9;}
#content #hoteltype.other .severalhotel H4{background-color:#b369e0;}
#content #hoteltype.other .severalhotel H4:hover{background-color:#9c51ca;}
#content #hoteltype.other .severalhotel H4{border-bottom:5px solid #f8f0fc;}
#content #hoteltype.other .severalhotel .hotelAccess STRONG{color:#b369e0;}




/*----------------------------------
#content .hotelImg
--------------------------------------*/
#content .hotelupper{padding-bottom:10px;}

#content .hotel_detail DT.areaTtl{color:#893d00;font-size:18px;font-weight:bold;position:relative;
background-image:
url(./../img/hotel/trigger_brown_p.png),
url(./../img/hotel/hotel_sttl.png);
background-repeat:no-repeat,no-repeat;
background-position:96% 50%,left top;
background-size:20px auto,100% auto;
display:table;width:100%;
}
#content .hotel_detail DT.accessTtl{color:#893d00;font-size:18px;font-weight:bold;position:relative;
background-image:url(./../img/hotel/hotel_sttl.png);
background-repeat:no-repeat;
background-position:left top;
background-size:100% auto;
display:table;width:100%;
}
#content .hotel_detail DT SPAN{display:table-cell;vertical-align:middle;padding-left:20px;font-size:16px;}
#content .hotel_detail P{padding:10px 0px;}
#content .hotel_detail DD DL{padding:10px 0;}
#content .hotel_detail DD DT{display:block;width:15%;float:left;font-weight:bold;color:#893d00;}
#content .hotel_detail DD DD{display:block;width:85%;float:left;line-height:150%;}
#content .hotel_detail DD DT.check{width:30%;}
#content .hotel_detail DD DD.checkdata{width:20%;}
#content .hotel_detail DD A.gmaplink{color:#555;}
#content .hotel_detail DD A.gmaplink SPAN{display:linline-block;color:#fff;padding:2px 6px;background:#fd426a;border-bottom:2px solid #d50f39;margin-left:2px;font-size:10px;}
#content .hotel_detail DD A.tellink{color:#555;}
#content .hotel_detail DD A.tellink SPAN{display:linline-block;color:#fff;padding:2px 6px;background:#fd426a;border-bottom:2px solid #d50f39;margin-left:2px;font-size:10px;}
#content .hotel_detail DD A.urllink{color:#555;}
#content .hotel_detail DD A.urllink SPAN{display:linline-block;color:#fff;padding:2px 6px;background:#fd426a;border-bottom:2px solid #d50f39;margin-left:2px;font-size:10px;}
#content .hotel_detail DD A:hover{color:#ef2c56;}
#content .hotel_detail DD A:hover SPAN{background:#ef2c56;}
#content .hotel_detail UL.amenity{border-width:0px;}
#content .hotel_detail UL.amenity LI{display:inline-block;background:#ffebeb;border-radius:5px;color:#df2c2c;font-size:10px;padding:6px 0px;margin:3px 1px 0px;width:9em;text-align:center;margin-top:3px;}

#content .hotel_tours{background-color:#f7f7f7;padding:10px 0;}
#content .hotel_tours .planTtl{color:#847043;font-size:13px;font-weight:bold;line-height:140%;padding-bottom:8px;}
/**/
#content .hotel_tours .busplans DT{background-image:
url(./../img/hotel/trigger_red_p.png),
url(./../img/hotel/busplans_sttl.png);
background-repeat:no-repeat,no-repeat;
background-position:90% 50%,left top;
background-size:20px auto,100% auto;
color:#fd426a;
margin-bottom:10px;
}
#content .hotel_tours .busplans DT.active{background-image:
url(./../img/hotel/trigger_red_m.png),
url(./../img/hotel/busplans_sttl.png);
}
#content .hotel_tours .busplans DT SPAN{display:inline-block;color:#fd426a;font-weight:bold;font-size:18px;position:relative;top:22%;left:10%;}

/**/
#content .hotel_tours .airplans DT{background-image:
url(./../img/hotel/trigger_blue_p.png),
url(./../img/hotel/airplans_sttl.png);
background-repeat:no-repeat,no-repeat;
background-position:90% 50%,left top;
background-size:20px auto,100% auto;
color:#fd426a;
margin-bottom:10px;
}
#content .hotel_tours .airplans DT.active{background-image:
url(./../img/hotel/trigger_blue_m.png),
url(./../img/hotel/airplans_sttl.png);
}
#content .hotel_tours .airplans DT SPAN{display:inline-block;color:#4fa8df;font-weight:bold;font-size:18px;position:relative;top:22%;left:10%;}
/**/
#content .hotel_tours .mixplans DT{background-image:
url(./../img/hotel/trigger_green_p.png),
url(./../img/hotel/mixplans_sttl.png);
background-repeat:no-repeat,no-repeat;
background-position:90% 50%,left top;
background-size:20px auto,100% auto;
color:#fd426a;
margin-bottom:10px;
}
#content .hotel_tours .mixplans DT.active{background-image:
url(./../img/hotel/trigger_green_m.png),
url(./../img/hotel/mixplans_sttl.png);
}
#content .hotel_tours .mixplans DT SPAN{display:inline-block;color:#2dcf4c;font-weight:bold;font-size:18px;position:relative;top:22%;left:10%;}

/*----------------------------------
flexslider 
--------------------------------------*/
#content .flexslider{margin-bottom:40px;background-color:transparent;border-width:0;}
#content .flex-control-paging li a {
background: rgba(217, 217, 217, 1);
-webkit-box-shadow: inset 0 0 0px rgba(217, 217, 217, 1);
-moz-box-shadow: inset 0 0 0px rgba(217, 217, 217, 1);
-o-box-shadow: inset 0 0 0px rgba(217, 217, 217, 1);
box-shadow: inset 0 0 0px rgba(217, 217, 217, 1);
}
#content .flex-control-paging li a:hover {background: rgba(187, 187, 187, 1);}
#content .flex-control-paging li a.flex-active {
background: rgba(0, 169, 235, 1);
cursor: default;
}
#content .flex-direction-nav a:before {
font-size: 40px;
display: inline-block;
content: url(./../img/top/slide_l.png);
color: rgba(255, 255, 255, 0.8);
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}
#content .flex-direction-nav a.flex-next:before {content: url(./../img/top/slide_r.png);}
#content .slides LI{text-align:center;}
#content .slides LI IMG{width:90%;margin:0 auto;}
#content .flex-control-nav {bottom: -30px;}


/*----------------------------------
#content .reserve_btn
--------------------------------------*/
#content .busplans .reserve_btn{background-color:#ff89a2;box-shadow:0px 5px 0px 0px #cd4a66;text-shadow:-1px -1px 0 #cd4a66;}
#content .busplans .reserve_btn:hover{background-color:#f16c88;}
#content .busplans H6{10px;border-left:2px solid #ff89a2;padding:5px 10px;margin-bottom:10px;}

#content .airplans .reserve_btn{background-color:#76c3f4;box-shadow:0px 5px 0px 0px #4694c6;text-shadow:-1px -1px 0 #4694c6;}
#content .airplans .reserve_btn:hover{background-color:#66b4e6;}
#content .airplans H6{10px;border-left:2px solid #4694c6;padding:5px 10px;margin-bottom:10px;}

#content .mixplans .reserve_btn{background-color:#7fd38f;box-shadow:0px 5px 0px 0px #4ca75d;text-shadow:-1px -1px 0 #4ca75d;}
#content .mixplans .reserve_btn:hover{background-color:#67c579;}
#content .mixplans H6{10px;border-left:2px solid #4ca75d;padding:5px 10px;margin-bottom:10px;}