@charset "utf-8";

#container #header #openhour {
	width: 93px!important;
	height: 82px!important;
	background-image: url(/images_renewal/spring2013/openhour_bg.gif)!important;
	background-repeat: no-repeat!important;
	background-position: left top!important;
	left: 270px!important;
}

#container #header #openhour dd.hour {
	left: 7px!important;
	top: 40px!important;
}

#container #header #openhour dd.more {
	left: 25px!important;
}

a img {
	border: none;
}

#StayPart #StayPartFooterBg .Section,
#WebticketPart .Section,
#PushPart .Section,
#EnjoyPart .Section {
	width: 960px;
	margin: 0 auto;
}

li.LastEntity {
	margin-right: 0px!important;
}

/* StayPart
--------------------------------------------------*/
#StayPart {
	width: 100%;
	background: transparent url(/images_renewal/spring2013/StayPartHeader_bg.jpg) repeat-x left top;
	overflow: hidden;
	_zoom: 1;
}

#StayPart #StayPartFooterBg {
	width: 100%;
	background: transparent url(/images_renewal/spring2013/StayPartFooter_bg.jpg) repeat-x left bottom;
	overflow: hidden;
	_zoom: 1;
}

#StayPart #StayPartFooterBg .Section {
	padding: 0px 14px 0;
}

#StayPart #StayPartFooterBg .Section .HuistenboschHotels {
	overflow: hidden;
	_zoom: 1;
	border-bottom: solid 1px #B8A237;
}

#StayPart #StayPartFooterBg .Section .HuistenboschHotels dl {
	width: 960px;
}

#StayPart #StayPartFooterBg .Section .HuistenboschHotels dl dt,
#StayPart #StayPartFooterBg .Section .HuistenboschHotels dl dt img {
	display: block;
	height: 30px;
}

#StayPart #StayPartFooterBg .Section .HuistenboschHotels dl dt {
	border-bottom: solid 1px #B8A237;
}

#StayPart #StayPartFooterBg .Section .HuistenboschHotels dl dd {
	position: relative;
	width: 960px;
	height: 230px;
	overflow: hidden;
	_zoom: 1;
}

#StayPart #StayPartFooterBg .Section .HuistenboschHotels dl dd ul {
	list-style: none;
	overflow: hidden;
	_zoom: 1;
	width: 746px;
	height: 230px;
	float: left;
}

#StayPart #StayPartFooterBg .Section .HuistenboschHotels dl dd ul li {
	position: relative;
	float: left;
	height: 230px;
	background-image: url(/images_renewal/spring2013/HuistenboschHotelsDlDd.jpg);
	background-repeat: no-repeat;
}

#StayPart #StayPartFooterBg .Section .HuistenboschHotels dl dd ul li.Ha {
	width: 246px;
	background-position: left top;
}

#StayPart #StayPartFooterBg .Section .HuistenboschHotels dl dd ul li.Am {
	width: 250px;
	background-position: -246px top;
}

#StayPart #StayPartFooterBg .Section .HuistenboschHotels dl dd ul li.Fv {
	width: 250px;
	background-position: -496px top;
}

#StayPart #StayPartFooterBg .Section .HuistenboschHotels dl dd ul li ul {
	position: absolute;
	left: 68px;
	bottom: 10px;
	width: auto;
	height: auto;
	float: none;
}

#StayPart #StayPartFooterBg .Section .HuistenboschHotels dl dd ul li ul li {
	float: none;
	height: auto;
	background: none;
	font-size: 80%;
}

#StayPart #StayPartFooterBg .Section .HuistenboschHotels dl dd ul li ul li a {
	padding-left: 13px;
}

#StayPart #StayPartFooterBg .Section .HuistenboschHotels dl dd ul li ul li a,
#StayPart #StayPartFooterBg .Section .HuistenboschHotels dl dd ul li ul li a:visited {
	color: #FFF;
	text-decoration: none;
}

#StayPart #StayPartFooterBg .Section .HuistenboschHotels dl dd ul li ul li a:hover,
#StayPart #StayPartFooterBg .Section .HuistenboschHotels dl dd ul li ul li a:active {
	text-decoration: underline;
}

#StayPart #StayPartFooterBg .Section .HuistenboschHotels dl dd ul li.Ha ul li a {
	background: transparent url(/images_renewal/spring2013/HotelsIconHa.gif) no-repeat left 2px;
}

#StayPart #StayPartFooterBg .Section .HuistenboschHotels dl dd ul li.Am ul li a {
	background: transparent url(/images_renewal/spring2013/HotelsIconAm.gif) no-repeat left 2px;
}

#StayPart #StayPartFooterBg .Section .HuistenboschHotels dl dd ul li.Fv ul li a {
	background: transparent url(/images_renewal/spring2013/HotelsIconFv.gif) no-repeat left 2px;
}

#StayPart #StayPartFooterBg .Section .HuistenboschHotels .Hotelguide {
	float: left;
	width: 214px;
	height: 230px;
}

#StayPart #StayPartFooterBg .Section .HotelModulePart {
	float: left;
	width: 940px;
	position: relative;
	margin-bottom: 5px;
	padding: 20px 10px;
	background-color: #1B1B40;
}

#StayPart #StayPartFooterBg .Section .HotelModulePart .HotelModule {
	width: 600px;
	float: left;
	color: #FFF;
	font-weight: bold;
	overflow: hidden;
	_zoom: 1;
}

#StayPart #StayPartFooterBg .Section .HotelModulePart .HotelModule form {
	width: 772px;
}

#StayPart #StayPartFooterBg .Section .HotelModulePart img,
#StayPart #StayPartFooterBg .Section .HotelModulePart .HotelModule dl {
	float: left;
	margin-right: 15px;
}

#StayPart #StayPartFooterBg .Section .HotelModulePart ul {
	position: absolute;
	right: 5px;
	width: 200px;
	padding-top: 4px;
	list-style: none;
	overflow: hidden;
	_zoom: 1;
}

#StayPart #StayPartFooterBg .Section .HotelModulePart p.button {
	position: absolute;
	right: 228px;
	width: 151px;
	padding-top: 2px;

}

#StayPart #StayPartFooterBg .Section .HotelModulePart ul li {
	float: left;
}

#StayPart #StayPartFooterBg .Section .HotelModulePart ul li a {
	display: block;
	width: 98px;
	height: 30px;
}

#StayPart #StayPartFooterBg .Section .HotelModulePart ul li a.RestaurantLink {
	margin-right: 3px;
}

#StayPart #StayPartFooterBg .Section .PushPlanPart {
	position: relative;
	width: 960px;
	clear: both;
	overflow: hidden;
	_zoom: 1;
	background: transparent url(/images_renewal/spring2013/PushPlanPartBg.gif) repeat-y left top;
}

#StayPart #StayPartFooterBg .Section .PushPlanPart img.FooterBg {
	position: absolute;
	left: 0px;
	bottom: 0px;
	z-index: 1000;
}

#StayPart #StayPartFooterBg .Section .PushPlanPart .PlanDetail {
	float: left;
	width: 721px;
	padding: 10px;
	overflow: hidden;
	_zoom: 1;
}

#StayPart #StayPartFooterBg .Section .PushPlanPart .PlanDetail h3 {
	float: left;
	width: 204px;
}

#StayPart #StayPartFooterBg .Section .PushPlanPart .PlanDetail dl,
#StayPart #StayPartFooterBg .Section .PushPlanPart .PlanDetail dl dt,
#StayPart #StayPartFooterBg .Section .PushPlanPart .PlanDetail dl dd {
	float: left;
}

#StayPart #StayPartFooterBg .Section .PushPlanPart .PlanDetail dl dt {
	width: 156px;
	margin-right: 10px;
}

#StayPart #StayPartFooterBg .Section .PushPlanPart .PlanDetail dl dd dl,
#StayPart #StayPartFooterBg .Section .PushPlanPart .PlanDetail dl dd dl dt,
#StayPart #StayPartFooterBg .Section .PushPlanPart .PlanDetail dl dd dl dd {
	float: none;
	width: 350px;
	/width: 337px;
	margin-right: 0px;
}

#StayPart #StayPartFooterBg .Section .PushPlanPart .PlanDetail dl dd dl dt {
	font-weight: bold;
	color: #1B6FB7;
	margin-bottom: 8px;
}

#StayPart #StayPartFooterBg .Section .PushPlanPart .PlanDetail dl dd dl dd {
	font-size: 85%;
}

#StayPart #StayPartFooterBg .Section .PushPlanPart .PlanDetail dl dd dl dd ul {
	list-style: none;
}

#StayPart #StayPartFooterBg .Section .PushPlanPart .PlanDetail dl dd dl dd ul li {
	padding-left: 12px;
	background: transparent url(/images_renewal/spring2013/PlanDetailUlicon.gif) no-repeat left 2px;
}

#StayPart #StayPartFooterBg .Section .PushPlanPart .PlanDetail dl dd dl dd span {
	display: block;
}

#StayPart #StayPartFooterBg .Section .PushPlanPart .PlanDetail dl dd dl dd p {
	float: right;
}

#StayPart #StayPartFooterBg .Section .PushPlanPart .PlanDetail dl dd dl dd p a {
	color: #1B6FB7;
	padding-left: 12px;
	background: transparent url(/images_renewal/spring2013/PlanDetailPicon.gif) no-repeat left 3px;
}

#StayPart #StayPartFooterBg .Section .PushPlanPart .PackageTour {
	width: 219px;
	float: left;
}

#StayPartFooterBg .Section .Hotelguide a {
	display: block;
	width: 214px;
	height: 230px;
}

/* WebticketPart
--------------------------------------------------*/

#WebticketPart .Section a:hover img{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}

#WebticketPart {
	width: 100%;
	padding: 20px 0;
	border-top: solid 1px #FFF;
	background-color: #FE9900;
}

#WebticketPart .Section {
	position: relative;
	overflow: hidden;
	_zoom: 1;
}

#WebticketPart .Section h2 {
	position: absolute;
	left: 0px;
	top: 0px;
}

#WebticketPart .Section dl {
	position: absolute;
	left: 220px;
	top: 0px;
}

#WebticketPart .Section dl dt {
	float: left;
	margin-right: 5px;
}

#WebticketPart .Section dl dd {
	float: left;
	font-weight: bold;
	font-size: 85%;
	color: #FFF;
	width: 100px;
	margin-right: 5px;
}

#WebticketPart .Section dl dd span {
	display: block;
}

#WebticketPart .Section a.Webticket_otherticket {
	float: right;
}

/* PushPart
--------------------------------------------------*/

#PushPart {
	width: 100%;
	padding-bottom: 20px;
	background: transparent url(/images_renewal/spring2013/PushPartBg.gif) left top;
}

#PushPart .Section dl {
	width: 980px;
	margin-right: -20px;
	padding: 10px 0 0;
	overflow: hidden;
	_zoom: 1;
}

#PushPart .Section dl dt {
	position: relative;
	float: left;
	width: 162px;
	height: 152px;
	font-size: 0%;
	text-indent: -9999px;
	background-image: url(/images_renewal/spring2013/PushPartDlDt.png);
	background-repeat: no-repeat;
}

#PushPart .Section dl dt a {
	position: absolute;
	top: 109px;
	left: 30px;
	display: block;
	width: 75px;
	height: 19px;
	background-image: url(/images_renewal/spring2013/PushPartDlDtBtn.gif);
	background-repeat: no-repeat;
}

#PushPart .Section dl dt a.GourmetList {
	background-position: left top;
}

#PushPart .Section dl dt a:hover.GourmetList {
	background-position: -75px top;
}

#PushPart .Section dl dt a.AttractionList {
	background-position: left -19px;
}

#PushPart .Section dl dt a:hover.AttractionList {
	background-position: -75px -19px;
}

#PushPart .Section dl.Gourmet dt {
	background-position: left top;
}

#PushPart .Section dl.Music dt {
	background-position: left -164px;
}

#PushPart .Section dl.Attraction dt {
	background-position: left -316px;
}

#PushPart .Section dl.Show dt {
	background-position: left -472px;
}

#PushPart .Section dl dd {
	float: left;
	margin-right: 18px;
	padding: 3px;
	background-color: #FFF;
	border-bottom: solid 2px #9BB497;
	border-right: solid 2px #9BB497;
}

#PushPart .Section dl dd img {
	display: block;
}

#PushPart .Section dl dd p {
	width: 178px;
	font-size: 80%;
	padding: 5px 0 0;
	margin-bottom: -7px;
	text-align: center;
	color: #1C6FB3;
}

#PushPart .Section dl dd p a {
	color: #1C6FB3;
}

#PushPart .Section dl dd span {
	display: block;
	font-size: 85%;
	padding: 7px 0 3px;
	text-align: center;
}

#PushPart .Section dl dd span a {
	color: #1C6FB3;
}

#PushPart .Section dl dd span a:hover {
	text-decoration: underline;
}

/* EnjoyPart
--------------------------------------------------*/
#EnjoyPart {
	width: 100%;
	height: 479px;
	background: transparent url(/images_renewal/spring2013/EnjoyPartBg.jpg) repeat-x left top;
}

#EnjoyPart .Section {
	height: 479px;
	position: relative;
}

#EnjoyPart .Section h2,
#EnjoyPart .Section a {
	position: absolute!important;
}

#EnjoyPart .Section h2 {
	left: 0px;
	top: 6px;
	width: 305px;
	height: 108px;
}

#EnjoyPart .Section a {
	display: block;
}

#EnjoyPart .Section a.stayLink,
#EnjoyPart .Section a.soaraLink,
#EnjoyPart .Section a.hattripLink,
#EnjoyPart .Section a.experienceLink,
#EnjoyPart .Section a.weddingLink,
#EnjoyPart .Section a.marinaLink,
#EnjoyPart .Section a.englishsquareLink,
#EnjoyPart .Section a.liveLink {
	font-size: 0%;
	text-indent: -9999px;
}

#EnjoyPart .Section a.stayLink {
	left: 7px;
	top: 90px;
	width: 263px;
	height: 232px;
	z-index: 20;
	background: transparent url(/images_renewal/spring2013/EnjoyPartHealed.png) no-repeat left top;
}

#EnjoyPart .Section a:hover.stayLink {
	background: transparent url(/images_renewal/spring2013/EnjoyPartHealed_on.png) no-repeat left top;
}

#EnjoyPart .Section a.soaraLink {
	left: 0px;
	top: 275px;
	width: 232px;
	height: 206px;
	z-index: 10;
	background: transparent url(/images_renewal/spring2013/EnjoyPartSoara2.png) no-repeat left top;
}

#EnjoyPart .Section a:hover.soaraLink {
	background: transparent url(/images_renewal/spring2013/EnjoyPartSoara2_on.png) no-repeat left top;
}

#EnjoyPart .Section a.hattripLink {
	left: 290px;
	top: 6px;
	width: 267px;
	height: 225px;
	z-index: 20;
	background: transparent url(/images_renewal/spring2013/EnjoyPartHattrip.png) no-repeat left top;
}

#EnjoyPart .Section a:hover.hattripLink {
	background: transparent url(/images_renewal/spring2013/EnjoyPartHattrip_on.png) no-repeat left top;
}

#EnjoyPart .Section a.experienceLink {
	left: 510px;
	top: 55px;
	width: 244px;
	height: 222px;
	z-index: 10;
	background: transparent url(/images_renewal/spring2013/EnjoyPartExperience.png) no-repeat left top;
}

#EnjoyPart .Section a:hover.experienceLink {
	background: transparent url(/images_renewal/spring2013/EnjoyPartExperience_on.png) no-repeat left top;
}

#EnjoyPart .Section a.weddingLink {
	left: 725px;
	top: 2px;
	width: 248px;
	height: 224px;
	background: transparent url(/images_renewal/spring2013/EnjoyPartWedding.png) no-repeat left top;
}

#EnjoyPart .Section a:hover.weddingLink {
	background: transparent url(/images_renewal/spring2013/EnjoyPartWedding_on.png) no-repeat left top;
}

#EnjoyPart .Section a.marinaLink {
	left: 270px;
	top: 232px;
	width: 260px;
	height: 235px;
	z-index: 10;
	background: transparent url(/images_renewal/spring2013/EnjoyPartMarina.png) no-repeat left top;
}

#EnjoyPart .Section a:hover.marinaLink {
	background: transparent url(/images_renewal/spring2013/EnjoyPartMarina_on.png) no-repeat left top;
}

#EnjoyPart .Section a.englishsquareLink {
	left: 510px;
	top: 255px;
	width: 263px;
	height: 227px;
	z-index: 10;
	background: transparent url(/images_renewal/spring2013/EnjoyPartEnglishsquare.png) no-repeat left top;
}

#EnjoyPart .Section a:hover.englishsquareLink {
	background: transparent url(/images_renewal/spring2013/EnjoyPartEnglishsquare_on.png) no-repeat left top;
}

#EnjoyPart .Section a.liveLink {
	left: 725px;
	top: 210px;
	width: 248px;
	height: 231px;
	z-index: 30;
	background: transparent url(/images_renewal/spring2013/EnjoyPartLive.png) no-repeat left top;
}

#EnjoyPart .Section a:hover.liveLink {
	background: transparent url(/images_renewal/spring2013/EnjoyPartLive_on.png) no-repeat left top;
}

/* InformationPart
--------------------------------------------------*/
#InformationPart {
	position: relative;
	width: 960px;
	margin: 0 auto;
	padding-top: 12px;
	overflow: hidden;
	_zoom: 1;
}

#InformationPart #InformationContents {
	width: 740px;
	float: left;
	margin-right: 10px;
}

#InformationPart #InformationContents .newslist {
	margin-bottom: 10px;
	padding-bottom: 30px;
	background: transparent url(/images_renewal/spring2013/InformationContents_bg.gif) repeat-y left top;
	overflow: hidden;
	_zoom: 1;
}

#InformationPart #InformationContents .newslist .blog,
#InformationPart #InformationContents .newslist .whatsnew {
	width: 368px;
	float: left;
}

#InformationPart #InformationContents .newslist .blog ul,
#InformationPart #InformationContents .newslist .whatsnew ul {
	margin-right: 12px;
}

#InformationPart #InformationContents .newslist .blog ul li,
#InformationPart #InformationContents .newslist .whatsnew ul li {
	float: right;
	list-style: none;
	padding-left: 14px;
	font-size: 85%;
	background: transparent url(/images_renewal/spring2013/LinkIcons.gif) no-repeat left 2px;
}

#InformationPart #InformationContents .newslist .blog {
	margin-right: 4px;
}

#InformationPart #InformationContents .newslist .blog dl dt,
#InformationPart #InformationContents .newslist .whatsnew dl dt {
	width: 368px;
	height: 73px;
	font-size: 0%;
	text-indent: -9999px;
	background-image: url(/images_renewal/spring2013/Newslist_Dl_Dt.gif);
	background-repeat: no-repeat;
}

#InformationPart #InformationContents .newslist .blog dl dt {
	background-position: left top;
}

#InformationPart #InformationContents .newslist .whatsnew dl dt {
	background-position: -372px top;
}

#InformationPart #InformationContents .newslist .blog dl dd,
#InformationPart #InformationContents .newslist .whatsnew dl dd {
	font-size: 85%;
	width: 333px;
	margin: 0 auto 5px;
	padding: 0 0 5px 7px;
	border-bottom: dotted 1px #CCC;
	background: transparent url(/images_renewal/spring2013/LinkIcon.gif) no-repeat left 4px;
}

#InformationPart #InformationContents .newslist .blog dl dd a,
#InformationPart #InformationContents .newslist .whatsnew dl dd a,
#InformationPart #InformationContents .newslist .blog ul li a,
#InformationPart #InformationContents .newslist .whatsnew ul li a {
	color: #1B6FB7;
}

#InformationPart #InformationContents .newslist .blog dl dd a:hover,
#InformationPart #InformationContents .newslist .whatsnew dl dd a:hover,
#InformationPart #InformationContents .newslist .blog ul li a:hover,
#InformationPart #InformationContents .newslist .whatsnew ul li a:hover {
	text-decoration: underline;
}

#InformationPart #InformationContents .newslist .whatsnew dl dd span {
	display: block;
}

#InformationPart #InformationNavigation {
	width: 210px;
	float: left;
}

#InformationPart #InformationNavigation #social_gadget {
	margin-bottom: 0px!important;
}

#InformationPart .FooterBannerArea ul {
	margin-bottom: 10px;
	overflow: hidden;
	_zoom: 1;
}

#InformationPart .FooterBannerArea ul li {
	float: left;
	list-style: none;
}

#InformationPart .FooterBannerArea ul li a {
	display: block;
	float: left;
}

#InformationPart .FooterBannerArea ul li a.familieLink {
	margin-right: 10px;
}

#InformationPart .FooterBannerArea ul.BgGray {
	margin-bottom: 0px;
	padding: 10px 20px;
	background-color: #E8E8E8;
}

#InformationPart .FooterBannerArea ul li a.hotelguideLink,
#InformationPart .FooterBannerArea ul li a.petLink {
	margin-right: 35px;
}

#InformationPart .FooterBannerArea ul.BgGray li.LastEntity {
	width: 210px;
}

/* FooterInformationPart
--------------------------------------------------*/
#FooterInformationPart {
	width: 960px;
	margin: 0 auto 10px;
	padding-top: 12px;
	overflow: hidden;
	_zoom: 1;
}

#FooterInformationPart ul {
	overflow: hidden;
	_zoom: 1;
}

#FooterInformationPart ul li {
	float: left;
	list-style: none;
	margin-right: 5px;
}

#FooterInformationPart ul li.FirstEntity {
	margin-right: 4px;
}

#FooterInformationPart ul li.LastEntity {
	margin-right: 0px;
}

#FooterInformationPart ul li a {
	display: block;
	float: left;
}

/* FooterTextlinkPart
--------------------------------------------------*/
#FooterTextlinkPart {
	width: 960px;
	font-size: 85%;
	margin: 0 auto 10px;
	overflow: hidden;
	_zoom: 1;
}

#FooterTextlinkPart ul {
	float: right;
}

#FooterTextlinkPart ul li {
	float: left;
	list-style: none;
	margin-right: 10px;
	padding-left: 10px;
	border-left: solid 1px #666;
}

#FooterTextlinkPart ul li.FirstEntity {
	padding-left: 0px;
	border: none;
}

#FooterTextlinkPart ul li a,
#FooterTextlinkPart ul li a:hover,
#FooterTextlinkPart ul li a:visited,
#FooterTextlinkPart ul li a:active {
	color: #666;
}

#FooterTextlinkPart ul li a:hover,
#FooterTextlinkPart ul li a:active {
	text-decoration: underline;
}

#FooterTextlinkPart ul li a:visited {
	text-decoration: none;
}


/* makeMeScrollable
--------------------------------------------------*/
/* You can alter this CSS in order to give Smooth Div Scroll your own look'n'feel */

/* Invisible left hotspot */
div.scrollingHotSpotLeft
{
	/* The hotspots have a minimum width of 100 pixels and if there is room the will grow
    and occupy 15% of the scrollable area (30% combined). Adjust it to your own taste. */
	min-width: 16px;
	width: 20px;
	height: 162px;
	/* There is a big background image and it's used to solve some problems I experienced
    in Internet Explorer 6. */
	position: absolute;
	z-index: 200;
	left: 0;
	/*  The first url is for Firefox and other browsers, the second is for Internet Explorer */
	/*cursor: url(../images/cursors/cursor_arrow_left.png), url(../images/cursors/cursor_arrow_left.cur),w-resize;*/
}

/* Visible left hotspot */
div.scrollingHotSpotLeftVisible
{
	background: transparent url(/images_renewal/spring2013/makeMeScrollableB.fw.png) no-repeat center center;
}

#makeMeScrollable div.scrollingHotSpotLeftVisible {
	background-color: #67BCE1;
}

#makeMeScrollables div.scrollingHotSpotLeftVisible {
	background-color: #F9ACD0;
}

/* Invisible right hotspot */
div.scrollingHotSpotRight
{
	min-width: 16px;
	width: 20px;
	height: 162px;
	background-image: url(../images/big_transparent.gif);
	background-repeat: repeat;
	background-position: center center;
	position: absolute;
	z-index: 200;
	right: 0;
	/*cursor: url(../images/cursors/cursor_arrow_right.png), url(../images/cursors/cursor_arrow_right.cur),e-resize;*/
}

/* Visible right hotspot */
div.scrollingHotSpotRightVisible
{
	background: transparent url(/images_renewal/spring2013/makeMeScrollableN.fw.png) no-repeat center center;
}

#makeMeScrollable div.scrollingHotSpotRightVisible {
	background-color: #67BCE1;
}

#makeMeScrollables div.scrollingHotSpotRightVisible {
	background-color: #F9ACD0;
}

/* The scroll wrapper is always the same width and height as the containing element (div).
   Overflow is hidden because you don't want to show all of the scrollable area.
*/
div.scrollWrapper
{
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

div.scrollableArea
{
	position: relative;
	width: auto;
	height: 100%;
}

#makeMeScrollable,
#makeMeScrollables {
	float: right;
	width:690px;
	padding: 0 25px;
	height: 162px;
	position: relative;
	}

#makeMeScrollable ul li,
#makeMeScrollables ul li{
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	/* If you don't want the images in the scroller to be selectable, try the following
	   block of code. It's just a nice feature that prevent the images from
	   accidentally becoming selected/inverted when the user interacts with the scroller. */
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
	}

#makeMeScrollable p,
#makeMeScrollables p {
	width: 160px;
	float: left;
	margin-right: 15px;
	font-size: 85%;
}

#makeMeScrollable p a {
	color: #1C6AB2;
}

#makeMeScrollables p a {
	color: #E9305E;
}

#makeMeScrollable p img,
#makeMeScrollables p img {
	margin-bottom: 5px;
	border: solid 3px #FFF;
}

#makeMeScrollable p span.title,
#makeMeScrollables p span.title {
	font-weight: bold;
}

#makeMeScrollable p span.date,
#makeMeScrollables p span.date {
	display: block;
}


.newslist .blog dl dd span {
	display: block;

}

/* 2013_0311 ide�NjL */
.jcarousel-skin-tango {
	float: right;
	width: 740px;
	height: 162px;
}

.jcarousel-skin-tango li {
	list-style-type: none!important;
}

.jcarousel-skin-tango .jcarousel-container {
	width: 740px;
	height: 162px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
	width: 686px;
	height: 162px;
	margin: 0 auto!important;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal .jcarousel-list {
	list-style-type: none;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal .jcarousel-list li {
	width: 160px;
	height: 162px;
	margin-right: 15px!important;
	font-size: 85%;
	list-style-type: none!important;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal .jcarousel-list li img {
	margin-bottom: 3px;
	border: solid 3px #FFF;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal .jcarousel-list li span {
	display: block;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal .jcarousel-list li span.title a {
	font-weight: bold;
}

#osusumeEvent_now .jcarousel-skin-tango .jcarousel-clip-horizontal .jcarousel-list li span a {
	color: #1C6AB2;
}

#osusumeEvent_next .jcarousel-skin-tango .jcarousel-clip-horizontal .jcarousel-list li span a {
	color: #E9305E;
}

.jcarousel-skin-tango .jcarousel-prev,
.jcarousel-skin-tango .jcarousel-next {
	width: 20px!important;
}

/* 2013_0311 ide�X�ɒNjL */
#osusumeEvent .event_2Stage {
	overflow: hidden;
	_zoom: 1;
}

#osusumeEvent .event_2Stage ul {
	list-style-type: none;
}

#osusumeEvent .event_2Stage .ttl {
	width: 225px;
	float: left;
}

#osusumeEvent .event_2Stage ul {
	width: 740px;
	float: right;
	margin-right: -25px;
}

#osusumeEvent .event_2Stage ul li {
	width: 160px;
	float: left;
	font-size: 85%;
	margin: 0px 25px 15px 0px;
}

#osusumeEvent .event_2Stage ul li img {
	margin-bottom: 3px;
	border: solid 3px #FFF;
}

#osusumeEvent .event_2Stage ul li span {
	display: block;
}

#osusumeEvent .event_2Stage ul li span.title a {
	font-weight: bold;
}

#osusumeEvent #osusumeEvent_now_2Stage {
	margin-top: 15px;
}

#osusumeEvent #osusumeEvent_now_2Stage ul li span a {
	color: #1C6AB2;
}

#osusumeEvent #osusumeEvent_next_2Stage ul li span a {
	color: #E9305E;
}

#osusumeEvent #osusumeEvent_future_2Stage {
	margin-top: 10px;
}

#osusumeEvent #osusumeEvent_future_2Stage .con {
	width: 715px;
	float: right;
}

#osusumeEvent #osusumeEvent_future_2Stage .con .months {
	width: 727px;
	margin: 0 -12px 8px 0px;
}

#osusumeEvent #osusumeEvent_future_2Stage .month {
	float: left;
	width: 230px;
	margin-right: 10px;
}

#osusumeEvent #osusumeEvent_future_2Stage .month .ttl {
	width: 230px;
	margin-bottom: 5px;
}

#osusumeEvent #osusumeEvent_future_2Stage .month .box {
	float: left;
	min-height: 110px;
	height: auto !important;
	height: 110px;
	position: relative;
	width: 110px;
	margin-right: 10px;
}

#osusumeEvent #osusumeEvent_future_2Stage .month .box dt {
	font-size: 10px;
	font-weight: bold;
	margin: 83px 0 0;
}

#osusumeEvent #osusumeEvent_future_2Stage .box dt a {
	color: #669900;
}

#osusumeEvent #osusumeEvent_future_2Stage .month .box dd {
	position: absolute;
	left: 0;
	top: 0;
}

#osusumeEvent #osusumeEvent_future_2Stage .last-child {
	margin-right: 0px!important;
}

#osusumeEvent #osusumeEvent_future_2Stage a {
	left: 10px;
	bottom: 60px;
}

.HotelModule #calid {
	z-index: 100;
}

#StayPart #StayPartFooterBg .Section .HotelModulePart {
	z-index: 100;
}

#StayPart #StayPartFooterBg .Section .PushPlanPart {
	z-index: 1;
}

#osusumeEvent #osusumeEvent_future_2Stage .stageTtl {
	margin-bottom: 5px;
}



#StayPart .PushPlanPart .PlanDetail-New {
	padding: 10px;
	width: 735px;
	margin-right: -15px;
	float: left;
}

#StayPart .PushPlanPart .PlanDetail-New h3 {
	margin-bottom: 10px;
}

#StayPart .PushPlanPart .PlanDetail-New .segment {
	width: 230px;
	float: left;
	margin-right: 15px;
}

#StayPart .PushPlanPart .PlanDetail-New .last-child {
	margin-right: 0px;
}

#StayPart .PushPlanPart .PlanDetail-New .segment dl {
	overflow: hidden;
	_zoom: 1;
}

#StayPart .PushPlanPart .PlanDetail-New .segment dl dt {
	width: 110px;
	float: left;
}

#StayPart .PushPlanPart .PlanDetail-New .segment dl dd {
	width: 110px;
	float: right;
	font-size: 80%;
}

#StayPart .PushPlanPart .PlanDetail-New .segment dl dd a {
	color: #1B6FB7;
}

#StayPart .PushPlanPart .PlanDetail-New .segment dl dd strong,
#StayPart .PushPlanPart .PlanDetail-New .segment dl dd span {
	display: block;
}

#StayPart .PushPlanPart .PlanDetail-New .segment dl dd strong {
	margin-bottom: 3px;
}

#StayPart .PushPlanPart .PlanDetail-New .segment ul {
	overflow: hidden;
	_zoom: 1;
	margin-top: 5px;
}

#StayPart .PushPlanPart .PlanDetail-New .segment ul li {
	list-style-type: none;
	font-size: 85%;
	float: left;
	background: transparent url(/images_renewal/spring2013/PlanDetailIcon.jpg) no-repeat left 3px;
	padding-left: 12px;
	margin-right: 10px;
}


#StayPart .PushPlanPart .PackageTour-New {
	width: 219px;
	float: right;
}