@charset "utf-8";

@import "http://www.huistenbosch.co.jp/css/common.css";


#osusumeEvent .sectionInner .sectionInnerBody_now #osusumeEvent_now_2Stage h2 img{
width:100%!important;
height:auto;
}



body {
	color: #333;
}



a,
a:visited {
	color: #666;
	text-decoration: none;
}
a:hover,
a:active {
	text-decoration: underline;
}

a img {
	border: none;
}



/* Container
--------------------------------------------------*/
#container {
	background: url('../images_renewal/autumn2013v2/header.jpg') no-repeat center top !important;
}

.section {
	width: 100%;
}
.sectionInner {
	width: 960px;
	margin: 0 auto;
	position: relative;
}

.group,
.sectionInner {
	*zoom: 1;
}
.group:after,
.sectionInner:after {
	clear : both;
	display : block;
	height: 0;
	content : '';
}



/* Header
--------------------------------------------------*/
#header {
	position: relative;
	width: 960px;
	height: auto;
	background: none !important;
}
#header .sectionInner {
	height: 86px;
}

#header h1 a {
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	top: 18px !important;
	left: 11px !important;
	width: 210px !important;
	height: 43px !important;
	background: transparent url('../images_renewal/autumn2013v2/logo.jpg') no-repeat !important;
}

#header .navigations_outside {
	position: absolute;
	right: 0px;
	top: 0;
	width: 527px;
	height: 21px;
	font-size: 0;
}
#header .navigations_outside li {
	display: inline-block;
	/display: inline;
	/zoom: 1;
}
#header .navigations_outside li a {
	display: block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	height: 22px;
	background: transparent url('../images_renewal/autumn2013v2/navigations.jpg') no-repeat;
}
#header .navigations_outside li a.wedding {
	width: 145px;
	background-position: -57px 0;
}
#header .navigations_outside li a.group {
	width: 146px;
	background-position: -202px 0;
}
#header .navigations_outside li a.navi {
	width: 139px;
	background-position: -348px 0;
}
#header .navigations_outside li a.faq {
	width: 97px;
	background-position: -487px 0;
}
#header .navigations_outside li a.wedding:hover {
	background-position: -57px -22px;
}
#header .navigations_outside li a.group:hover {
	background-position: -202px -22px;
}
#header .navigations_outside li a.navi:hover {
	background-position: -348px -22px;
}
#header .navigations_outside li a.faq:hover {
	background-position: -487px -22px;
}

#header ul.navigations {
	top: auto !important;
	bottom: 3px;
	width: 604px;
	height: 27px;
}
#header ul.navigations li {
	display: inline-block;
	/display: inline;
	/zoom: 1;
	text-indent: 0;
}
#header ul.navigations li a {
	display: block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	height: 25px;
	margin: 0 0 0 5px;
	background: transparent url('../images_renewal/autumn2013v2/navigations.jpg') no-repeat !important;
}
#header ul.navigations li a.hotel {
	width: 141px !important;
	background-position: 0 -63px !important;
}
#header ul.navigations li a.reservation {
	width: 141px !important;
	background-position: -141px -63px !important;
}
#header ul.navigations li a.ticket {
	width: 151px !important;
	background-position: -282px -63px !important;
}
#header ul.navigations li a.eventcalendar {
	width: 151px !important;
	background-position: -433px -63px !important;
}
#header ul.navigations li a.hotel:hover {
	background-position: 0 -90px !important;
}
#header ul.navigations li a.reservation:hover {
	background-position: -141px -90px !important;
}
#header ul.navigations li a.ticket:hover {
	background-position: -282px -90px !important;
}
#header ul.navigations li a.eventcalendar:hover {
	background-position: -433px -91px !important;
}

#header ul.languages {
	border-left: none;
	top: 33px;
	right: 245px;
}
#header ul.languages li {
	margin-right: 12px;
	padding-right: 12px;
	border-right: 1px solid #c8c8c8;
}
#header ul.languages li.thailand {
	margin-right: 0;
	padding-right: 0;
	border-right: none;
}
#header ul.languages li.thailand a {
	font-size:110%;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

#header .search #txtfield {
	right: 0;
	width: 231px;
	height: 18px;
	padding: 0 2px;
	font-family: 'Lucida Grande',Meiryo,'メイリオ','ＭＳ Ｐゴシック',sans-serif;
	font-size: 80%;
	outline: none;
	border: none;
	background: transparent url('../images_renewal/autumn2013/navigations.jpg') no-repeat -317px -44px !important;
}
#header .search #headinput {
	display: block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	border: none;
	top: 33px;
	right: 1px;
	width: 16px;
	height: 16px;
	padding: 0;
	cursor: pointer;
	background: transparent url('../images_renewal/autumn2013/navigations.jpg') no-repeat -552px -45px !important;
}
#header .search #headinput:hover {
	background-position: -568px -45px !important;
}



/* contents
--------------------------------------------------*/
#contents {
	width: auto;
}



/* globalnavigation */
#contents ul.globalnavigation {
	overflow: hidden;
	float: none;
	height: 37px;
	width: 960px;
	margin: 0 auto;
	background: none;
}
#contents ul.globalnavigation li a,
#contents ul.globalnavigation li a:hover {
	height: 37px;
	background: url('../images_renewal/autumn2013v2/globalnavigationTop.jpg') no-repeat !important;
}
#contents ul.globalnavigation li a.about {
	width: 134px;
	background-position: 0 0 !important;
}
#contents ul.globalnavigation li a.event {
	width: 149px;
	background-position: -134px 0 !important;
}
#contents ul.globalnavigation li a.enjoy {
	width: 156px;
	background-position: -283px 0 !important;
}
#contents ul.globalnavigation li a.gourmet {
	width: 75px;
	background-position: -439px 0 !important;
}
#contents ul.globalnavigation li a.shopping {
	width: 129px;
	background-position: -514px 0 !important;
}
#contents ul.globalnavigation li a.stay {
	width: 87px;
	background-position: -643px 0 !important;
}
#contents ul.globalnavigation li a.appoint {
	width: 135px;
	background-position: -730px 0 !important;
}
#contents ul.globalnavigation li a.guide {
	width: 95px;
	background-position: -865px 0 !important;
}
#contents ul.globalnavigation li a.about:hover {
	background-position: 0 -37px !important;
}
#contents ul.globalnavigation li a.event:hover {
	background-position: -134px -37px !important;
}
#contents ul.globalnavigation li a.enjoy:hover {
	background-position: -283px -37px !important;
}
#contents ul.globalnavigation li a.gourmet:hover {
	background-position: -439px -37px !important;
}
#contents ul.globalnavigation li a.shopping:hover {
	background-position: -514px -37px !important;
}
#contents ul.globalnavigation li a.stay:hover {
	background-position: -643px -37px !important;
}
#contents ul.globalnavigation li a.appoint:hover {
	background-position: -730px -37px !important;
}
#contents ul.globalnavigation li a.guide:hover {
	background-position: -865px -37px !important;
}

/* topLevelActive */
#topLevelActive {
	background: url('../images_renewal/autumn2013v2/index/topLevelActive_bg.jpg') no-repeat center top;
}

#flavor_2 {
	float: left;
	width: 740px;
}

#topLevelActive .sub {
	float: right;
	width: 220px;
}
#topLevelActive .sub .box .ttl a {
	display: block;
	height: 15px;
	overflow: hidden;
}
#topLevelActive .sub .box .ttl a:hover img {
	margin-top: -15px;
}

#topLevelActive .sub .movie .con {
	background: #000;
	height: 145px;
	position: relative;
}
#topLevelActive .sub .movie .con .txt {
	position: absolute; left: 12px; top: 9px;
}
#topLevelActive .sub .movie .con .thum {
	position: absolute; left: 13px; top: 27px;
}






/* イベント・おすすめ情報を見る */
#osusumeEvent {
	padding: 18px 0;
}
#osusumeEvent h2.ttl {
	margin: 0 0 3px;
}
#osusumeEvent .event {
	margin: 10px 0 0;
}
#osusumeEvent .event h3.ttl {
	float: left;
	width: 215px;
}
#osusumeEvent .jcarousel-container,
#osusumeEvent .event .list {
	overflow: hidden;
	_zoom: 1;
	position: relative;
	width: 740px;
}
#osusumeEvent .jcarousel-container .list {
	float: none;
}
#osusumeEvent .jcarousel-clip {
	overflow: hidden;
	margin: 0 26px;
}
#osusumeEvent .jcarousel-prev,
#osusumeEvent .jcarousel-next {
	cursor: pointer;
	height: 162px;
	overflow: hidden;
	position: absolute;
	width: 16px;
}
#osusumeEvent_now .jcarousel-prev,
#osusumeEvent_now .jcarousel-next {
	background: url('../images_renewal/spring2013/index/osusumeEvent_now_list_arrow.gif') no-repeat;
}
#osusumeEvent_next .jcarousel-prev,
#osusumeEvent_next .jcarousel-next {
	background: url('../images_renewal/spring2013/index/osusumeEvent_next_list_arrow.gif') no-repeat;
}
#osusumeEvent .jcarousel-prev {
	background-position: 0 0 !important;
	left: 0; top: 0;
}
#osusumeEvent .jcarousel-next {
	background-position: right 0 !important;
	right: 0; top: 0;
}
#osusumeEvent .jcarousel-prev:hover {
	background-position: 0 bottom !important;
}
#osusumeEvent .jcarousel-next:hover {
	background-position: right bottom !important;
}
#osusumeEvent .jcarousel-prev-disabled,
#osusumeEvent .jcarousel-next-disabled {
	cursor: default;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
#osusumeEvent .jcarousel-prev-disabled:hover {
	background-position: 0 0 !important;
}
#osusumeEvent .jcarousel-next-disabled:hover {
	background-position: right 0 !important;
}

#osusumeEvent .event .list li {
	float: left;
	list-style: none;
	margin: 0 15px 0 0;
	width: 160px;
	display: inline;
}
#osusumeEvent .event .list .box {
	height: 162px;
	position: relative;
	display: inline;
}
#osusumeEvent .event .list .box dt {
	position: absolute; left: 0; top: 113px;
}
#osusumeEvent .event .list .box dt a {
	font-weight: bold;
}
#osusumeEvent .event .list .box dd a {
	position: absolute; left: 0; top: 0;
}
#osusumeEvent .event .list .box dd a img {
	border: 3px solid #fff;
}
#osusumeEvent .event .list .box dd .date {
	font-size: 11px;
	line-height: 1;
	position: absolute; left: 0; bottom: 0;
}

#osusumeEvent_now .box dt a {
	color: #1b6fb7;
}
#osusumeEvent_next .box dt a {
	color: #e9305e;
}
#osusumeEvent_future .box dt a {
	color: #669900;
}

#osusumeEvent_future {
	background: url('../images_renewal/spring2013/index/osusumeEvent_future_ttl_bg.png') no-repeat 0 center;
	overflow: hidden;
	_zoom: 1;
}
#osusumeEvent_future h3.ttl {
	min-height: 288px;
	height: auto !important;
	height: 288px;
	position: relative;
}
#osusumeEvent_future h3.ttl img {
	position: absolute; left: 23px; top: 78px;
}
#osusumeEvent_future .con {
	float: right;
	/*margin: -8px -25px 0 0;
	_margin: -8px -12px 0 0;*/
	width: 740px;
}
#osusumeEvent_future .months {
	margin: 8px 0 0;
}
#osusumeEvent_future .month {
	float: left;
	/*margin: 0 25px 0 -10px;
	_margin: 0 0 0 -5px;*/
	width: 230px;
	margin-right: 25px;
}

#osusumeEvent_future .last-child {
	margin-right: 0px;
}

#osusumeEvent_future .month .ttl {
	/*margin: 0 0 5px 10px;*/
	margin-bottom: 5px;
}
#osusumeEvent_future .month .box {
	float: left;
	min-height: 110px;
	height: auto !important;
	height: 110px;
	/*margin: 0 0 0 10px;
	_margin: 0 0 0 5px;*/
	position: relative;
	width: 110px;
	margin-right: 10px;
}

#osusumeEvent_future .month .last-child {
	margin-right: 0px;
}

#osusumeEvent_future .month .box dt {
	font-size: 10px;
	font-weight: bold;
	margin: 83px 0 0;
}
#osusumeEvent_future .month .box dd {
	position: absolute; left: 0; top: 0;
}

#osusumeEvent_future_more a {
	display: block;
	height: 30px;
	overflow: hidden;
	position: absolute;
	left: 9px;
	bottom: 20px;
	width: 188px;
}
#osusumeEvent_future_more a:hover img {
	margin-top: -30px;
}

#osusumeEvent_more {
	position: absolute;
	/*
	right: 0;
	top: 7px;
	*/
	right: 5px;
	top: 62px;
}
#osusumeEvent_more a {
	display: block;
	height: 30px;
	overflow: hidden;
	width: 129px;
}
#osusumeEvent_more a:hover img {
	margin-top: -30px;
}


#osusumeCal_more {
	position: absolute;
	right: 15px;
	top: 37px;
}
#osusumeCal_more a {
	display: block;
	height: 30px;
	overflow: hidden;
	width: 190px;
}
#osusumeCal_more a:hover img {
	margin-top: -30px;
}



/* 追記分 */
#header #ReserveBlock {
	position: absolute;
	left: 120px;
	top: 26px;
	border: solid 1px #86C6EB;
	z-index: 100;
	display: none;
}

#header {
	z-index: 100;
}

/* 0213追記分 */
#header h1 a {
	background: transparent url('../images_renewal/spring2014/logo.png?0627') no-repeat !important;
}

#container {
	background: url('../images_renewal/spring2014/header.jpg') no-repeat center top !important;
}

#contents ul.globalnavigation li a,
#contents ul.globalnavigation li a:hover {
	background: url('../images_renewal/spring2014/globalnavigationTop.jpg') no-repeat !important;
}

#header ul.navigations {
	left: 361px;
	width: 601px;
}

#header ul.navigations li a {
	background: transparent url('../images_renewal/spring2014/navigations.png') no-repeat !important;
}

#header ul.navigations li a.hotel {
	width: 141px !important;
	background-position: 0 0 !important;
	margin: 0px;
}

#header ul.navigations li a.hotel:hover {
	background-position: 0 bottom !important;
}

#header ul.navigations li a.reservation {
	width: 141px !important;
	background-position: -141px 0 !important;
}

#header ul.navigations li a.reservation:hover {
	background-position: -141px bottom !important;
}

#header ul.navigations li a.ticket {
	width: 153px !important;
	background-position: -282px 0 !important;
}

#header ul.navigations li a.ticket:hover {
	background-position: -282px bottom !important;
}

#header ul.navigations li a.eventcalendar {
	width: 151px !important;
	background-position: -435px 0 !important;
}

#header ul.navigations li a.eventcalendar:hover {
	background-position: -435px bottom !important;
}

#topLevelActive {
	background: url('../images_renewal/spring2014/index/topLevelActive_bg.jpg') no-repeat center top;
}

#header ul.languages {
	width: 325px;
	top: 7px;
	left: 405px;
	right: 0px;
	padding-left: 0px;
}

#header ul.languages li a:hover,
#header .navigations_outside_txt  li a:hover {
	color: #333;
	text-decoration: none;
}

#header .navigations_outside {
	position: absolute;
	left: 409px;
	top: 29px;
	width: 310px;
	height: 21px;
	font-size: 0;
}

#header .navigations_outside li {
	float: left;
}

#header .navigations_outside li a {
	display: block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	height: 21px;
	background: transparent url('../images_renewal/spring2014/navigations_outside.png') no-repeat;
}

#header .navigations_outside li a.wedding {
	width: 156px;
	background-position: 0px 0px;
}

#header .navigations_outside li a.wedding:hover {
	background-position: 0px -21px;
}

#header .navigations_outside li a.group {
	width: 154px;
	background-position: -156px 0;
}

#header .navigations_outside li a.group:hover {
	background-position: -156px bottom;
}

#header .navigations_outside_txt {
	position: absolute;
	left: 740px;
	top: 8px;
}

#header .navigations_outside_txt li {
	float: left;
}

#header .navigations_outside_txt li a {
	padding-left: 16px;
	font-size : 85%;
	color: #666;
	font-weight: bold;
}

#header .navigations_outside_txt li a.navi {
	background: transparent url('../images_renewal/spring2014/navigations-member.gif') no-repeat left 2px;
	margin-right: 8px;
}

#header .navigations_outside_txt li a.faq {
	background: transparent url('../images_renewal/spring2014/navigations-contact.gif') no-repeat left 2px;
}








/* topLevelActiveFuture */
#topLevelActive {
	background: url('../images_renewal/autumn2013v2/index/topLevelActive_bg.jpg') no-repeat center top;
}

#flavor_3 {
	float: left;
	width: 740px;
}

#topLevelActiveFuture .sub {
	float: right;
	width: 220px;
}
#topLevelActiveFuture .sub .box .ttl a {
	display: block;
	height: 15px;
	overflow: hidden;
}
#topLevelActiveFuture .sub .box .ttl a:hover img {
	margin-top: -15px;
}

#topLevelActiveFuture .sub .movie .con {
	background: #000;
	height: 145px;
	position: relative;
}
#topLevelActiveFuture .sub .movie .con .txt {
	position: absolute; left: 12px; top: 9px;
}
#topLevelActiveFuture .sub .movie .con .thum {
	position: absolute; left: 13px; top: 27px;
}