@charset "shift_jis";

/* snippet css */
body {margin: 0;padding: 0;background-color: #FFFFFF;color:#333333;font-size:78%; font-family:simsun;
behavior: url("/share/hotels/css/hover.htc")}!Important
p {margin: 0;}
a, img,table {border: none;}

form,input,select{font-size:100%;line-height:150%;margin:0px;padding:0px;}
ul, ol, dl,li,input,form{list-style: none;	margin:0px;padding:0px;}

h1,h2,h3,h4,h5,p,ul,li,dl,dt,dd,form {margin: 0;padding: 0;font-size: 100%;}
.clear {display: block;clear: both;height: 0;line-height: 0px;font-size: 1px;}
.clearfix:after {content: ".";display: block;clear: both;height: 0;visibility: hidden;}
.clearfix {display: inline-table;min-height: 1%;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
#widewrapper{width: 950px;margin: 0 auto;text-align: left;}
.fllft{float:left;}
.flrght{float:right;}
.imgover{}

a.link {clear:both;text-align:left;}
a.link a:link {color:#966232;}
a.link a:visited {color:#966232;}
a.link a:hover {color:#966232; text-decoration:none;}

.curStyle{ cursor:pointer;}


@charset "gb2312";
/* CSS Document */

/* Util */
#widewrapper .all_bg { background: url(/share/top/images/all_bg.jpg) no-repeat; }
#widewrapper .all_bg_repeat { background: url(/share/top/images/all_bg.jpg); }
#widewrapper .all_bg_notxt { background: url(/share/top/images/all_bg.jpg) no-repeat; text-indent: -10000px; font-size: 0%; }
#widewrapper #LocationArea{ margin-top:10px;}
/* Block */
#widewrapper #main_left { width: 350px; float: left; padding-top: 10px; }
/*#widewrapper #main_middle { width: 388px; float: left; margin-left: 12px; padding-top: 10px; }*/
#widewrapper #main_right { width: 588px; float: left; position:relative; padding-top: 10px; left:12px; }

#HEAD div.top span.onlineserv {
    background: url("/HMThotels/image/head.gif") repeat scroll -170px -45px transparent;
    margin-left: 12px;
    padding-left: 36px;
}
#HEAD div.top span.onlineserv a {
    color: #333333;
}

/* SEARCH */
#widewrapper #main_left dl#SEARCH { width: 350px;background-image:url(/HMThotels/image/hotelsSearchBG.jpg);background-repeat:repeat-x; padding-bottom:8px;  }
#widewrapper #main_left dl#SEARCH dt.tt { width: 333px; background-image:url(/HMThotels/image/hotelsSearchBG.jpg); background-repeat:repeat-x; background-color: #6bb427; color: #FFF; font-size: 16px; height: 20px; font-weight: bold; padding-top:5px; padding-left: 17px; padding-bottom:2px;}
#widewrapper #main_left dl#SEARCH dd.bd {background-color:#FFF;width:336px; margin:0 auto; }

#widewrapper #main_left dl#SEARCH dd.bd ul li.SearchStep { padding-left: 11px; width: 297px;}
#widewrapper #main_left dl#SEARCH dd.bd ul.Step2 { padding: 12px 12px 0px 12px; overflow: hidden; width: 315px;}
#widewrapper #main_left dl#SEARCH dd.bd ul li { padding-bottom: 7px; }
#widewrapper #main_left dl#SEARCH dd.bd ul li.date { padding-bottom: 3px; }
#widewrapper #main_left dl#SEARCH dd.bd ul.Step2 li span { padding-left: 5px; }
#widewrapper #main_left dl#SEARCH dd.bd ul.Step2 li font { color: #fe0000; }
#widewrapper #main_left dl#SEARCH dd.bd ul.Step2 li input, #widewrapper #main_left dl#SEARCH dd.bd ul.Step2 li select { border: 1px solid #a5acb2; font-size: 12px; }
#widewrapper #main_left dl#SEARCH dd.bd ul.Step2 li input { color: #7f7f7f; }

#widewrapper #main_left dl#SEARCH dd.bd ul.Step2 li span.t { padding-right: 9px; _padding-right: 5px; }
#widewrapper #main_left dl#SEARCH dd.bd ul.Step2 li #tbcity { width: 244px; height: 16px; *width: 240px; _width: 244px; }
#widewrapper #main_left dl#SEARCH dd.bd ul.Step2 li span.sp { margin-right: 104px; }
#widewrapper #main_left dl#SEARCH dd.bd ul.Step2 li span.sp2 { padding-left:6px; padding-right:23px; }
#widewrapper #main_left dl#SEARCH dd.bd ul.Step2 li span.sp3 { padding-left:6px; padding-right:29px; }
#widewrapper #main_left dl#SEARCH dd.bd ul.Step2 li input.date { width: 150px; height: 16px; }
#widewrapper #main_left dl#SEARCH dd.bd ul.Step2 li input.Start_1,
#widewrapper #main_left dl#SEARCH dd.bd ul.Step2 li input.Start_2,
#widewrapper #main_left dl#SEARCH dd.bd ul.Step2 li input.Start_3,
#widewrapper #main_left dl#SEARCH dd.bd ul.Step2 li input.Start_4,
#widewrapper #main_left dl#SEARCH dd.bd ul.Step2 li input.Start_5 { margin-left: 5px; }
#widewrapper #main_left dl#SEARCH dd.bd ul.Step2 li input.End_1,
#widewrapper #main_left dl#SEARCH dd.bd ul.Step2 li input.End_2,
#widewrapper #main_left dl#SEARCH dd.bd ul.Step2 li input.End_3,
#widewrapper #main_left dl#SEARCH dd.bd ul.Step2 li input.End_4,
#widewrapper #main_left dl#SEARCH dd.bd ul.Step2 li input.End_5 { margin-left: 6px; }
#widewrapper #main_left dl#SEARCH dd.bd ul.Step2 li input.date { *padding-top: 2px; *height: 14px; }
#widewrapper #main_left dl#SEARCH dd.bd ul.Step2 li #select { width: 246px; }
#widewrapper #main_left dl#SEARCH dd.bd ul.Step2 li .countryjp { width: 315px; }
#widewrapper #main_left dl#SEARCH dd.bd ul.Step2 li select.small { width: 142px; height: 18px; }
#widewrapper #main_left dl#SEARCH dd.bd ul.Step2 li select.big { width: 97px; height: 18px; *margin-left: 4px; }
#widewrapper #main_left dl#SEARCH dd.bd ul.Step2 li .sp1 { margin-right: 30px; }

#widewrapper #main_left dl#SEARCH dd.bd ul.Step2 li.SearchButton {width:107px; overflow: hidden; margin-bottom:3px;margin-left:100px;}
#widewrapper #main_left dl#SEARCH dd.bd ul.Step2 li.SearchButton a { display: block; width: 107px; height: 29px; }

/* BLOCK */
#widewrapper dl.block { border: 1px solid #CCC; margin-top: 11px; }
#widewrapper dl.block dt { border-bottom: 1px solid #CCC; padding: 1px; }
#widewrapper dl.block dt span { background-position: -390px -10px; display: block; height: 19px; color: #4c4a4b; padding-top: 8px; padding-left: 15px; }

#widewrapper dl.block dd ul.kw { padding-left: 18px; }
#widewrapper dl.block dd ul.kw li.txt { color: #818181; line-height: 27px; }
#widewrapper dl.block dd ul.kw li { overflow: hidden; width: 330px; }
#widewrapper dl.block dd input, #widewrapper dl.block dd select { border: 1px solid #a5acb2; }
#widewrapper dl.block dd select.kw { width: 89px; float: left; }
#widewrapper dl.block dd input.kw { width: 190px; height: 18px; color: #CCC; float: left; margin-left: 7px; *padding-top: 2px; *height: 16px; background: #f2f2f2; }
#widewrapper dl.block dd a.do_search { display: block; float: left; width: 21px; height: 20px; background-position: -10px -69px; }
#widewrapper dl.block dd ul li.kw { line-height: 27px; }
#widewrapper dl.block dd ul li.kw span { color: #d30a02; font-weight: bold; float: left; display: block; margin-right: 11px; _margin-right: 0px; width: 30px; }
#widewrapper dl.block dd ul li.kw a { display: block; float: left; margin-right: 10px; }
#widewrapper dl.block dd ul li.kw a.last { margin-right: 0px; }
#widewrapper dl.block dd ul li.kw a.new { background-position: 27px -96px; width: 54px; }

/* MAP */
#widewrapper dl.block dd#ddmap { padding: 5px; overflow: hidden; width: 338px; }
#widewrapper dl.block dd#ddmap .left { width: 244px; height: 272px; float: left; border: 1px solid #999; border-right: 0; position: relative; overflow: hidden; }
#widewrapper dl.block dd#ddmap .left img { float: left; clear: both; }
#widewrapper dl.block dd#ddmap .left ul { position: absolute; left: 20px; top: 10px; border: 1px solid #666668; padding: 7px 7px 0; background: #FFF; display: none; }
#widewrapper dl.block dd#ddmap .left ul#img_beijing { display: block; }
#widewrapper dl.block dd#ddmap .left ul li { padding-bottom: 5px; }
#widewrapper dl.block dd#ddmap .right { width: 91px; height: 272px; float: right; border: 1px solid #999; }
#widewrapper dl.block dd#ddmap .right li { border-bottom: 1px solid #999; height: 17px; background-position: -10px -124px; padding-top: 3px; padding-left: 25px; cursor: pointer; }
#widewrapper dl.block dd#ddmap .right li.hover { background-position: -10px -154px; }
#widewrapper dl.block dd#ddmap .right li a { color: #FFF; }
#widewrapper dl.block dd#ddmap .right li.hover a { color: #00F; }
#widewrapper dl.block dd#ddmap .right li.bu { border-bottom: 0; }
#widewrapper dl.block dd.search{width:348px; padding-top:6px;}
#widewrapper dl.block dd.search ul.search1 { width:348px;background-image:url(/HMThotels/image/searchBG1.jpg);background-repeat:no-repeat; padding-top:8px;height:28px;}
#widewrapper dl.block dd.search ul.search2 { width:348px;background-image:url(/HMThotels/image/searchBG2.jpg);background-repeat:no-repeat; padding-top:8px; height:28px;}
#widewrapper dl.block dd.search ul.search3 { width:348px;background-image:url(/HMThotels/image/searchBG3.jpg);background-repeat:no-repeat; padding-top:8px; height:28px;}
#widewrapper dl.block dd.search ul.search4 { width:348px;background-image:url(/HMThotels/image/searchBG4.jpg);background-repeat:no-repeat; padding-top:8px; height:28px;}
#widewrapper dl.block dd.search ul.search1 li,#widewrapper dl.block dd.search ul.search2 li,#widewrapper dl.block dd.search ul.search3 li,#widewrapper dl.block dd.search ul.search4 li{width:130px; padding-left:44px; float:left;}
#widewrapper dl.block dd.link h2 { background: #f2f8de; border-bottom: 1px solid #CCC; color: #828083; width: 330px; height: 17px; padding-top: 6px; padding-left: 10px; margin: 0 auto; font-weight: normal; }
#widewrapper dl.block dd.link ul { overflow: hidden; width: 335px; margin: 0 auto; padding-top: 9px; padding-bottom: 6px; padding-left: 5px; }
#widewrapper dl.block dd.link ul li { float: left; width: 145px; background-position: -10px -9px; padding-left: 15px; padding-bottom: 6px; }

#widewrapper dl#LANG dd { padding-top: 13px; padding-bottom: 15px; overflow: hidden; padding-left: 11px; width: 337px; }
#widewrapper dl#LANG dd a { display: block; background-position: -10px -10px; float: left; padding-left: 11px; margin-right: 7px; _margin-right: 7px; }



/*right*/
/* MIDDLE */
#widewrapper div.Promotion { position: relative; width: 588px; height: 150px; margin-bottom:10px; }
#widewrapper div.Promotion ul.img { position: relative; }
#widewrapper div.Promotion ul.img img { position: absolute; left: 0px; top: 0px; z-index: 0; }
#widewrapper div.Promotion ul.sma_sp_img { position: absolute; right: 5px; top: 129px; z-index: 20; overflow: hidden; }
#widewrapper div.Promotion ul.sma_sp_img li { background: #999; color: #FFF; font-weight: bold; float: left; margin-left: 4px; width: 15px; height: 14px; text-align: center; cursor: pointer; padding-top: 2px; padding-left: 1px; }
#widewrapper div.Promotion ul.sma_sp_img li.hover { background: #F93; }
#widewrapper div.Promotion img { display: none; }
#widewrapper div.Promotion img#recomm_0 { display: block; }


#widewrapper div.area{width: 584px; margin-bottom:10px; border:1px solid #CCC; padding:1px;}
#widewrapper div.area div.areaIn{width: 572px; padding:6px;background-image:url(/HMThotels/image/titleBG.jpg);background-repeat:repeat-x; background-color:#FFF; }
#widewrapper div.area div.areaIn ul{width: 572px; background-color:#FFF; }
#widewrapper div.area div.areaIn ul li{width: 572px;}
#widewrapper div.area div.areaIn ul li h3{ color:#246A0A; font-size:128%; padding:7px;}
#widewrapper div.area div.areaIn ul li.menu{width: 565px; padding-left:7px;}
#widewrapper div.area div.areaIn ul li.menu span{display:block; width:38px; height:29px; padding-top:7px; text-align:center; color:#7F7F7F; background-image:url(/HMThotels/image/menuBG.jpg);background-repeat:no-repeat; background-color:#FFF;font-size:100%; margin-right:2px; float:left; cursor:pointer;}
#widewrapper div.area div.areaIn ul li.menu span.home{display:block; width:38px; height:29px;padding-top:7px; text-align:center; color:#FFF; font-weight:bold;background-image:url(/HMThotels/image/menuHomeBG.jpg);background-repeat:no-repeat; background-color:#FFF;font-size:100%; float:left; cursor:pointer;}
#widewrapper div.area div.areaIn div.areaBox{width: 558px; margin-left:7px;}
#widewrapper div.area div.areaIn div.areaBox table h4{ font-size:108%; font-weight:bold; color:#49494B;}
#widewrapper div.area div.areaIn div.areaBox table div.areaCon{ width:530px; font-size:100%;color:#777777; margin-left:6px;}
#widewrapper div.area div.areaIn div.areaBox table div.areaCon ul li { padding-top:5px; padding-bottom:5px; width:530px;}
.business{background-color:#E1ECFE; padding-left:8px; padding-right:8px;}
.traffic{background-color:#DCF5BC; padding-left:8px; padding-right:8px;}
.spaceTop{padding-top:5px;}
#widewrapper div.area div.areaIn div.areaBox table div.areaCon ul {width:530px;}
#widewrapper div.area div.areaIn div.areaBox table div.areaCon ul li.con{width:455px; float:left; line-height:145%;}
#widewrapper div.area div.areaIn div.areaBox table div.areaCon ul li.title{width:65px; float:left;}
#widewrapper div.area div.areaIn div.areaBox table div.areaCon ul li.title h5 { font-weight:normal;font-size:100%;width:65px; float:left;color:#777777; font-weight:normal; padding-top:2px; padding-left:4px;}
#widewrapper div.area div.areaIn div.areaBox table div.areaCon ul li.title h5 a{color:#777777;background-color:#FFF;}
#widewrapper div.area div.areaIn div.areaBox table div.areaCon ul li.title h5 a:hover{color:#FFF; background-color:#787878; text-decoration:none;}
#widewrapper div.area div.areaIn div.areaBox table div.areaCon ul li.con a{ color:#3632FB; margin-right:6px;margin-left:6px; display:inline-block;}
#widewrapper div.area div.areaIn div.areaBox table div.areaCon ul li.con a.more{font-weight:bold;}


#widewrapper div.concordanceTitle{width: 584px;padding:1px; height:28px;border:1px solid #CCC; }
#widewrapper div.concordanceTitleIn{width: 572px; padding:6px;background-image:url(/HMThotels/image/titleBG.jpg); background-repeat:repeat-x;}
#widewrapper div.concordanceTitleIn h2{padding:3px 6px;font-size:100%; font-weight:normal; color:#4C4A4F;}
#widewrapper div.concordance{width: 562px; margin-bottom:10px; border:1px solid #CCC; border-top:none; padding:8px 12px;}
#widewrapper div.concordance h3{font-size:100%;color:#4C4A4F;}
#widewrapper div.concordance ul{width: 562px; padding-top:6px;}
#widewrapper div.concordance ul li {width: 562px;}
#widewrapper div.concordance ul li  a{color:#3632FB;width:80px; display:inline-block; }
#widewrapper div.concordance ul li.special a{color:#3632FB;width:86px; display:inline-block;}
#widewrapper div.concordance ul li.dashedLine{width: 562px; clear:both;}

/* Safari */
@media screen and (-webkit-min-device-pixel-ratio:0)
{
	#widewrapper #main_left dl#SEARCH dd.bd ul li.SearchStep { padding-bottom: 4px; }
	#widewrapper #main_left dl#SEARCH dt.tt { height: 18px; }