@charset "shift_jis";


/* mainVisual
------------------------------------------ */
.mainBox .mainVisual{position:relative;}
.mainBox .mainVisual ul{
position:absolute;
top:230px;
left:20px;
}
.mainBox .mainVisual li{float:left;}
.mainBox .mainVisual li.tab120{width:140px;margin-right:1px;}
.mainBox .mainVisual li.tab111{width:188px;}




/* collaboArea
------------------------------------------ */
.mainBox .collaboArea{
	background:url(../img/bg_collabo_bottom.gif) no-repeat left bottom;
	padding-bottom:4px;
	margin-top:10px;
	zoom:1;
	}
.mainBox .collaboArea .collaboBody{
	background:url(../img/bg_collabo_body.gif) repeat-y left top;
	padding-bottom:8px;
	zoom:1;
	}
.mainBox #SYD111 .collaboArea .collaboBody{padding-bottom:18px;}


/* headSec */
.mainBox .collaboArea .headSec{position:relative;height:137px;}
.mainBox .coffee .headSec{height:124px;}
.mainBox .collaboArea .headSec h3,
.mainBox .collaboArea .headSec h4,
.mainBox .collaboArea .headSec p{font-size:0;line-height:0;position:absolute;}
.mainBox .collaboArea .headSec h3{left:0px;top:0px;}
.mainBox .collaboArea .headSec h4{left:11px;top:49px;}
.mainBox .coffee .headSec h4{left:11px;top:83px;}
.mainBox .collaboArea .headSec .staying{left:590px;top:22px;z-index:9999;}
.mainBox .collaboArea .headSec p.staying{left:590px;top:22px;z-index:9999;}
.mainBox .collaboArea .headSec p.experience{left:11px;top:50px;}


/* columnSec */
.mainBox .collaboArea .columnSec{margin:0 12px 0 11px;padding:0 10px 10px;background:url(../img/bg_collabo_present_bottom.gif) no-repeat left bottom #ffffff;}
.mainBox .collaboArea .columnSec p.limited{float:left;width:302px;}
.mainBox .collaboArea .columnSec .txtBox{float:right;width:350px;}
.mainBox .collaboArea .columnSec .txtBox ul{margin-top:10px;}
.mainBox .collaboArea .columnSec .txtBox ul li{padding-left:1em;text-indent:-1em;font-size:85%;line-height:1.3;}


/* coffeeSec */
.mainBox .collaboArea .coffeeSec{margin:0 12px 0 11px;padding-bottom:12px;background:url(../img/parts_coffee_bg-bottom.gif) no-repeat left bottom #ffffff;}

.mainBox .collaboArea .coffeeSec .leadBox p.present{float:left;width:432px;}
.mainBox .collaboArea .coffeeSec .leadBox p.break{float:right;width:255px;}

.mainBox .collaboArea .coffeeSec .registrationBox p.txt{float:left;width:350px;}
.mainBox .collaboArea .coffeeSec .registrationBox ul{float:left;width:333px;}
.mainBox .collaboArea .coffeeSec .registrationBox ul li{display:inline;}

.mainBox .collaboArea .coffeeSec .placeBox{margin:10px 10px 0;}
.mainBox .collaboArea .coffeeSec .placeBox .lead .txt{float:left;width:430px;}
.mainBox .collaboArea .coffeeSec .placeBox .lead .txt p.leadTxt{margin-top:5px;font-size:88%;}
.mainBox .collaboArea .coffeeSec .placeBox .lead .txt ul{margin-top:5px;}
.mainBox .collaboArea .coffeeSec .placeBox .lead .txt ul li{min-height:15px;padding-left:20px;background:url(../img/icon_coffee.gif) no-repeat left top;line-height:1.3;color:#845418;font-weight:bold;}
.mainBox .collaboArea .coffeeSec .placeBox .lead .pic{float:right;width:216px;margin-top:5px;}
.mainBox .collaboArea .coffeeSec .placeBox ul.annotation{margin-top:10px;}
.mainBox .collaboArea .coffeeSec .placeBox ul.annotation li{padding-left:1em;text-indent:-1em;line-height:1.3;}

.mainBox .collaboArea .coffeeSec .spgBox{
	background:url(../img/bg_spg_top.gif) no-repeat left top;
	padding-top:4px;
	margin:10px 10px 0 9px;
	zoom:1;
	}
.mainBox .collaboArea .coffeeSec .spgBox .spgBottom{
	background:url(../img/bg_spg_bottom.gif) no-repeat left bottom;
	padding-bottom:5px;
	zoom:1;
	}
.mainBox .collaboArea .coffeeSec .spgBox .spgBottom .spgbody{
	background:url(../img/bg_spg_body.gif) repeat-y left top;
	padding:6px 13px 5px;
	zoom:1;
	}
.mainBox .collaboArea .coffeeSec .spgBox .txt{float:right;width:555px;}
.mainBox .collaboArea .coffeeSec .spgBox .txt p.lead{color:#613900;font-weight:bold;}
.mainBox .collaboArea .coffeeSec .spgBox .pic{float:left;width:72px;margin-top:5px;}


/* hotelSec */
.mainBox .collaboArea .hotelSec{
	background:url(../img/bg_hotel_bottom.gif) no-repeat left bottom;
	padding-bottom:3px;
	margin:21px 12px 0 8px;
	zoom:1;
	}
@media print{
.mainBox .collaboArea .hotelSec{margin:21px 11px 0 8px;}
}
.mainBox .collaboArea .hotelSec .hotelBody{
	background:url(../img/bg_hotel_body.gif) repeat-y left top;
	padding-bottom:6px;
	zoom:1;
	}
.mainBox .collaboArea .hotelSec li{float:left;width:226px;margin-right:6px;}
.mainBox .collaboArea .hotelSec li.last{margin-right:0;}
.mainBox .collaboArea .hotelSec li .hotelDetail h4,
.mainBox .collaboArea .hotelSec li .hotelDetail h5,
.mainBox .collaboArea .hotelSec li .hotelDetail p.thumbnail,
.mainBox .collaboArea .hotelSec li .hotelDetail p.cafe{font-size:0;line-height:0;}
.mainBox .collaboArea .hotelSec li .hotelDetail h4,
.mainBox .collaboArea .hotelSec li .hotelDetail h5{margin-left:3px;}
.mainBox .collaboArea .hotelSec li .hotelDetail p.thumbnail{margin:11px 0 0 12px;}
.mainBox .collaboArea .hotelSec li .hotelDetail p.cafe{margin-top:10px;}
.mainBox .collaboArea .hotelSec li .hotelDetail p.text{margin:10px 10px 0 15px;}
.mainBox .collaboArea .hotelSec li.first .hotelDetail p.text{margin-left:13px;}




/* sunsetArea
------------------------------------------ */
.mainBox .sunsetArea{
	background:url(../img/bg_sunset_bottom.gif) no-repeat left bottom;
	padding-bottom:5px;
	margin-top:10px;
	zoom:1;
	}
.mainBox .sunsetArea .sunsetBody{background:url(../img/bg_sunset_body.gif) repeat-y left top;zoom:1;}
.mainBox .sunsetArea h3{font-size:0;line-height:0;}
.mainBox .sunsetArea .sunsetSec{padding:7px 12px 7px 10px;} 
@media print{
.mainBox .sunsetArea .sunsetSec{padding:7px 11px 7px 10px;} 
}


/* leftBox */
.mainBox .sunsetArea .sunsetSec .leftBox{float:left;width:408px;}
.mainBox .sunsetArea .sunsetSec .leftBox p.thumbnail{font-size:0;line-height:0; margin:9px 0 0 2px;}
.mainBox .sunsetArea .sunsetSec .leftBox .taxi{
	background:url(../img/bg_sunset_taxi_top.gif) no-repeat left top;
	padding-top:5px;
	margin-top:9px;
	zoom:1;
	}
.mainBox .sunsetArea .sunsetSec .leftBox .taxi .taxiBottom{
	background:url(../img/bg_sunset_taxi_bottom.gif) no-repeat left bottom;
	padding-bottom:5px;
	zoom:1;
	}
.mainBox .sunsetArea .sunsetSec .leftBox .taxi .taxiBottom .taxiBody{
	background:url(../img/bg_sunset_taxi_body.gif) repeat-y left top;
	zoom:1;
	position:relative;
	min-height:42px;
	}
/*\*/ *html .mainBox .sunsetArea .sunsetSec .leftBox .taxi .taxiBottom .taxiBody{height:42px;}/**/
.mainBox .sunsetArea .sunsetSec .leftBox .taxi p{padding:6px 20px 3px 12px;}
.mainBox .sunsetArea .sunsetSec .leftBox .taxi span{
	background:url(../img/bg_sunset_taxi_arrow.gif) no-repeat;
	width:20px;
	height:14px;
	position:absolute;
	left:395px;
	top:17px;
	zoom:1;
	z-index:9999;	
	}


/* rightBox */
.mainBox .sunsetArea .sunsetSec .rightBox{float:right;width:280px;}
.mainBox .sunsetArea .sunsetSec .rightBox .info{
	background:url(../img/bg_sunset_info_top.gif) no-repeat left top;
	padding-top:5px;
	zoom:1;
	}
.mainBox .sunsetArea .sunsetSec .rightBox .info .infoBottom{
	background:url(../img/bg_sunset_info_bottom.gif) no-repeat left bottom;
	padding-bottom:5px;
	zoom:1;
	}
.mainBox .sunsetArea .sunsetSec .rightBox .info .infoBottom	.infoBody{
	background:url(../img/bg_sunset_info_body.gif) repeat-y left top;
	zoom:1;
	}
.mainBox .sunsetArea .sunsetSec .rightBox .info dl{padding:2px 10px 4px 10px;}
.mainBox .sunsetArea .sunsetSec .rightBox .info dt{font-weight:bold;color:#613900;margin-top:4px;}
.mainBox .sunsetArea .sunsetSec .rightBox p.thumbnail{font-size:0;line-height:0;margin-top:10px;}




/* enjoyArea
------------------------------------------ */
.mainBox .enjoyArea{
margin-top:20px;
padding-bottom:7px;
background:url(../img/bg_enjoy_bottom.gif) no-repeat left bottom;
zoom:1;
}
.mainBox .enjoyArea .bgTop{
padding-top:7px;
background:url(../img/bg_enjoy_top.gif) no-repeat left top;
zoom:1;
}
.mainBox .enjoyArea .bgBody{
position:relative;
padding:0 12px 15px 11px;
background:url(../img/bg_enjoy_body.gif) repeat-y left 29px;
zoom:1;
}
.mainBox .enjoyArea p.rainbow{margin-top:17px;}
.mainBox .enjoyArea p.extra{position:absolute;top:94px;left:337px;}
.mainBox .enjoyArea p.map{margin-top:10px;}
.mainBox .enjoyArea ol.routeList li{
margin-top:10px;
padding:0 5px 10px;
background:#ffffff;
}
.mainBox .enjoyArea ol.routeList li.monday{border:1px solid #ed7171;}
.mainBox .enjoyArea ol.routeList li.tuesday{border:1px solid #ec9f3b;}
.mainBox .enjoyArea ol.routeList li.wednesday{border:1px solid #adcb21;}
.mainBox .enjoyArea ol.routeList li.thursday{border:1px solid #a2c403;}
.mainBox .enjoyArea ol.routeList li.friday{border:1px solid #60a714;}
.mainBox .enjoyArea ol.routeList li.saturday{border:1px solid #7cc7dc;}
.mainBox .enjoyArea ol.routeList li.sunday{border:1px solid #8e7fd1;}
.mainBox .enjoyArea ol.routeList li p.route{position:relative;margin:-1px -6px 0;}
.mainBox .enjoyArea ol.routeList li .detail{margin-top:10px;}
.mainBox .enjoyArea ol.routeList li .detail p.annotation,
.mainBox .enjoyArea ol.routeList li .detail ul.annotation li{padding:0 0 0 1em;text-indent:-1em;font-size:85%;}
.mainBox .enjoyArea ol.routeList li .detail ul.annotation li{margin-top:0;line-height:1.3;}
.mainBox .enjoyArea ol.routeList li .detail p span img{vertical-align:top;}
.mainBox .enjoyArea .other{
margin-top:20px;
padding:5px;
background:#ffffff;
border:2px solid #612b10;
}
.mainBox .enjoyArea .other li{
padding-left:1em;
text-indent:-1em;
line-height:1.3;
}
.mainBox .enjoyArea .other p.plan{text-align:right;}




/*.tourArea
--------------------------------------------------------------*/
.mainBox .tourArea p.lead{margin-top:10px;padding-left:1em;text-indent:-1em;}

/*.gadjet*/
.mainBox .tourArea .gadjet_midashi{ padding:3px; background-color:#fff3db; margin-top:10px;}

.mainBox .tourArea .gadjetOce .tourDetailsBox{
	padding-left:3px !important;
	padding-right:3px !important;
}
.mainBox .tourArea .gadjetOce .gadgetPivot ul.tab li{
display:block;
float:left;
border-left:1px solid #ccc;
border-top:1px solid #ccc;
border-right:1px solid #ccc;
background-color:#fff;
margin-right:1px;
position:relative;
top:4px;
font-size:83%;
}

.mainBox .tourArea .gadjetOce .tourDetailsBox p.period{margin-top:10px;font-size:0;line-height:0;}

.mainBox .tourArea .gadjetOce  .column2 .floatL{float:left;width:360px;}
.mainBox .tourArea .gadjetOce  .column2 .floatR{float:right;width:360px;}
.mainBox .tourArea .gadjetOce  .column2 .tourDetailsTab{margin-top:10px;}
.mainBox .tourArea .gadjetOce  .column2 .tourDetailsBox{padding:5px 5px 5px;}
.mainBox .tourArea .gadjetOce  .column2 .tourDetailsBox h3{margin-top:10px;}
.mainBox .tourArea .gadjetOce  .column2 .tourDetailsBox .gadgetPivot{margin-top:5px;}
.mainBox .tourArea .gadjetOce  .gadgetleft{float:left;width:350px;}
.mainBox .tourArea .gadjetOce  .gadgetright{float:right;width:350px;}


/* optional */
.mainBox p.optional{margin-top:20px;font-size:0;line-height:0;}


/* optional */
.mainBox p.oce{margin-top:20px;font-size:0;line-height:0;}