/* FORCIA, Inc.
==========================================================*/

*.cleared {
	display:block;
	clear:both;
	width:auto;
	height:1px;
	margin:0;
	padding:0;
	line-height:1px;
	font-size:1px;
	overflow:hidden;
}
*.na {
	cursor:					default!important;
	color:					#999!important;
	background-color:		#DDD!important;
}
/*--------------------
	pulldowns
---------------------*/
option.empty {
	color:				#666;
}
option.sunday {
	background-color:	#FEDDF2;
}
option.saturday {
	background-color:	#D6E8FE;
}
/* destination */
select.destination {
	width:				150px;
}
/* checkIn/checkOut */
select.days {
	width:				130px;
}
/* rooms */
select.rooms {
	width:				50px;
}
/* pax */
select.pax {
	width:				70px;
}
/* child */
select.child {
	width:				45px;
}
/*------------
	PageMessage
-------------*/
div.PageMessage {
	height:				200px;
	text-align:			center;
	font-size:			1.4em;
	margin-top:			100px;
}
div.errorCode {
	height:				100px;
	text-align:			center;
	font-size:			0.8em;
	color:				#999;
}
/*-------------------
	Search Options
--------------------*/
.contents_left .sideSearchBox .box dl dt {
	width: 85px;
}
.contents_left .sideSearchBox .box dl dd {
	margin-left: 90px;
}
/*--------------------
	pastlist
---------------------*/
.pastlist {
	width:400px;
	height:11px;
	float:left;
	display:inline;
}
#AgentID {
	float:			right;
	font-size:		1.2;
	font-weight:	bold;
	text-align:		right;
	padding-right:	7px;
	padding-top:	2px;
	font-family:	Helvetica,Arial,sans-serif;
}
/*--------------------
	calendar
---------------------*/
#calendar_contents td.today {
	background-color:	#FFFF66;
	font-weight:		bold;
}
#calendar_contents td.checkIn {
	border-top:			2px solid red;
	border-bottom:		2px solid red;
	border-left:		2px solid red;
}
#calendar_contents td.between {
	border-top:			2px solid red;
	border-bottom:		2px solid red;
}
#calendar_contents td.checkOut {
	border-top:			2px solid red;
	border-bottom:		2px solid red;
	border-right:		2px solid red;
}
#calendar_contents td.highlight * {
	color:				red;
}
#calendar_month .month {
	font-family:		sans-serif;
	font-size:			12px;
}
#calendar_month .selected {
	color:				#333;
}
#calendar_month table {
	table-layout:		fixed;
	width:				300px;
}
#calendar_month table td {
	line-height:		1.2em;
}
#calendar_month table td.side {
	width:				45px;
}
#calendar_month table td.center {
	width:				210px;
}



#calendar_container {
	background-color:	#FFFFDD;
}
.popupCalendarBox .calendar_inner {
	background-color:	#FFFFCC;
}
.popupCalendarBox .titlebox .toggle {
	float: left;
	margin-top: 6px;
	margin-left:10px;
	font-size:0.9em;
}

/*-------------------
	List Buttons
-------------------*/
.changeBox .btn1.over {
	background: url(../images/btn_change_order1_on.gif) no-repeat;
	color: #FF3300;
	cursor:pointer;
}
.changeBox .btn2.over {
	background: url(../images/btn_change_order3_on.gif) no-repeat;
	color: #FF3300;
	cursor:pointer;
}
.changeBox .btn3.over {
	background: url(../images/btn_change_order2_on.gif) no-repeat;
	color: #FF3300;
	cursor:pointer;
}
/*-----------------------------
	itemName
----------------------------*/
.itemName {
	font-family:	Helvetica,Arial,sans-serif,"ＭＳ Ｐゴシック",Osaka;
	font-size:150%;
	height:30px;
	font-weight:bold;
	padding-left:10px;
	padding-top:3px;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
	margin-bottom:3px;
}
/*-----------------------------
	Map
----------------------------*/
.contents_right .mapBox .map div.mapBreadCrumb {
	width:			300px;
}
div#Map {
	position:		relative;
	overflow:		hidden;
	width:			300px;
	height:			211px;
	margin:			0;
	padding:		0;
}
div#Map div.mapText div.box {
	position:			absolute;
	cursor:				pointer;
	color:				#333;
	border:				1px solid #F1D625;
	background-color:	white;
	font-size:			10px;
	padding:			0px 3px 2px 3px;
	z-index:			2;
}
div#Map div.mapText div.sel {
	color:				red;
	border:				2px solid red;
}
div#Map div.mapText div.over {
	/*color:				red;*/
	background-color: #FCEDCB;
	border: 1px solid #F2A808;
}
div#Map div.mapText div.na {
	cursor:					default;
	color:					#999;
	background-color:		#EEE;
	border:					1px solid transparent;
}
div#Map div.mapLayer img {
	position:			absolute;
	z-index:			-1;
	top:				0px;
	left:				0px;
}
/*-----------------------------
	LIST
----------------------------*/
.contents_right .resultBox .calendarbox table.calendar {
	width:				auto;
	table-layout:		fixed;
}
.contents_right .resultBox .calendarbox table.calendar th
,.contents_right .resultBox .calendarbox table.calendar td {
	width:				88px;
}
.contents_right .resultBox .calendarbox table.calendar td.rh {
	display:			none;
}
.contents_right .resultBox .calendarbox table.calendar td.sold-out {
	color:				#999;
}
.contents_right .resultBox .titlebox table {
	table-layout:		fixed;
	width:				610px;
	height:				53px;
}
.contents_right .resultBox .titlebox table td {
	vertical-align:		middle;
}
.contents_right .resultBox .titlebox table td.left {
	width:				70px;
}
.contents_right .resultBox .titlebox table td.center {
	width:				390px;
	font-size: 			150%;
	line-height:		22px;
}
.contents_right .resultBox .titlebox table td.right {
	width:				150px;
	text-align:			right;
}
/*----------------------------
	Popular Destinations
----------------------------*/
.contents_right .mapBox .popular div.col {
	float:		left;
	width:		145px;
}
.contents_right .mapBox .popular div.col div.hasChild {
	padding-left:		10px;
}
.contents_right .mapBox .popular div.col div.hasChild a {
	/*text-decoration:	none;*/
}
.contents_right .mapBox .popular div.col div.hasChild div.child {
	margin-left:		5px;
}
.contents_right .mapBox .popular div.col div.hasChild div.child a {
	text-decoration:	underline;
}
.contents_right .mapBox .popular div.col div.open {
	background: url(../img/arrow01.gif) no-repeat left top;
}
.contents_right .mapBox .popular div.col div.close {
	background: url(../img/arrow01_down.gif) no-repeat left top;
}
/*----------------------------
	Keyword
----------------------------*/
.contents_left .sideSearchBox .box input.keyword {
	width: 195px;
}
input#KeywordButton {
	font-size:10px;
	width:55px;
	height:25px;
	padding:0;
}
/*---------------
	suggest
---------------*/
.suggestbox { position: absolute; }
.suggest {
	border: 1px solid #999;
	position: absolute;
	background: #FFF;
	width: 260px;
}
.suggest ul {
	margin:		0px 10px 10px 12px;
}
.suggest ul li {
	list-style: none;
	line-height: 	1.2em;
}
.suggest ul li div {
	font-size:		12px;
	color:			#555;
	line-height:	1em;
	border-bottom:	1px dotted #CCC;
	margin-top:		5px;
}
.suggestbox
,.suggest {
	background-color: #FFFFDD;
}
.suggest .close {
	text-align: right;
	padding: 5px 5px 0px 0px;
}
.suggest .close a {
	background: url(../images/icon_close.gif) no-repeat right center;
	padding-right: 15px;
}
/*  zone */
.suggest div#keyword_contents div.zoneHeader {
	margin-left:		10px;
	padding-left:		10px;
}
.suggest div#keyword_contents div.zoneHeader a {
	text-decoration:	none;
}
.suggest div#keyword_contents div.open2 {
	background: url(../img/arrow01.gif) no-repeat left top;
}
.suggest div#keyword_contents div.close2 {
	background: url(../img/arrow01_down.gif) no-repeat left top;
}
.suggest div#keyword_contents ul.zone {
	background-color:	#D9FFFF;
	margin-bottom: 5px;
	margin-top:		0;
	padding:		5px 0px;
}
.suggest div#keyword_contents ul.zone li {
	margin-left:	5px;
	margin-bottom:	3px;
}

/*=====================
	planList
=====================*/
.selectedBox2 .searchbox {
	height:			auto;
	overflow:		hidden;
}
/*----------------
	LIST
----------------*/
.planBox {
	
}
.planBox .calendarbox {
	padding-bottom:10px;
	background: url(../images/plan_frm_btm.gif) no-repeat bottom left;
}
.planBox .calendarbox table.calendar {
	table-layout:	fixed;
	width:			auto;
}
.planBox .calendarbox table.calendar th.title {
	width:			364px;
}
.planBox .calendarbox table.calendar th.day {
	width:			91px;
}
.planBox .calendarbox table.calendar td.plantitle div.mealIcon {
	float:			left;
	margin-top:		3px;
	width:			160px;
}

.planBox .calendarbox .calendar .btn_select {
	float:			right;
	margin-top:		3px;
}
.planBox .calendarbox .sliderTable {
	width:			auto;
	margin-left:	364px;
}
.planBox .calendarbox table.calendar td.sold-out {
	color:			#999;
}

/*----------------
	planDetail
----------------*/
.facilityBox .content {
	padding-bottom:	10px;
}
.facilityBox .content .image-note {
	padding-top:	3px;
	padding-right:	5px;
	float:			right;
	color:			red;
}
.facilityBox .detail .detail-left {
	float:			left;
	width:			470px;
}
.facilityBox .detail .detail-full {
	float:			left;
	width:			700px;
}
.facilityBox .detail .detail-right {
	float:			right;
	width:			230px;
	border-left:	1px solid #CCC;
}
.facilityBox .detail .detail-right .title {
	font-weight:	bold;
/*	border-bottom:	1px dotted #CCC;*/
/*	margin-left:	5px;*/
	margin-bottom:	3px;
}
.facilityBox .detail .detail-right ul {
	margin-left:	20px;
}
.facilityBox .detail .detail-right li {
	margin-bottom:	5px;
}
.facilityBox .detail .detail-right p.gnavi {
	width:			150px;
	float:			right;
	margin-top:		5px;
}
.plandetailBox table.plandetailtable ul li {
	list-style: 	none;
	padding-bottom:	3px;
	border-bottom:	1px dotted #CCC;
	margin-bottom:	3px;
}
.plandetailBox table.plandetailtable ul li.bottom {
	border-bottom:	none;
}
.bookingBpx .pricebox dl.itinerary dd * {
	font-family: Verdana, Geneva, sans-serif;
}
.bookingBpx .pricebox dl.itinerary dd div.dayText {
	width:160px;
	float:left;
}
.bookingBpx .pricebox dl.itinerary dd a.dayButton {
	position:relative;
	top:3px;
}
.bookingBpx .breakdownbox .breakdowntable td.sold-out {
	color:		#999;
}
/* to display message */
.bookingBpx .pricebox { padding: 10px 10px 10px 20px; }
.bookingBpx .pricebox dl.itinerary {
	width: 480px;
}
.bookingBpx .pricebox .priceContainer {
	float:right;
	width: 400px;
}
.bookingBpx .pricebox .totalprice {
	float: left;
	width: 190px;
	padding-top: 5px;
	font-size: 140%;
	text-align: center;
}
.bookingBpx .pricebox .message {
	float: right;
	width: 400px;
	height:	100px;
	margin-top:10px;
	font-size:12px;
	overflow-x:			visible;
	overflow-y:			auto;
}
.bookingBpx .pricebox .message p.red {
	color:			red;
	margin-bottom:	5px;
}
.bookingBpx .pricebox .message ul {
	padding-left:15px;
}
.bookingBpx .pricebox .message li {
	list-style-type: disc;
}
/* booking button */
.bookingBpx .btn_booking {
	float:	right;
	background: url(../images/btn_booking_off.gif) no-repeat;
	height: 35px;
	width: 196px;
	text-indent: -9999px;
	margin: 0;
}
.bookingBpx .btn_booking_na {
	float:	right;
	background: url(../images/btn_booking_notselect.gif) no-repeat;
	height: 35px;
	width: 196px;
	text-indent: -9999px;
	margin: 0;
}
/* Information */
.planinfoBox .subTitle {
	font-weight:	bold;
	margin-left:	20px;
	padding: 5px 20px 0px 15px;
	background: url(../images/es_icon_bsqm.gif) no-repeat left bottom;
}
.planinfoBox .content {
	padding: 0px 20px 10px 20px;
}
/*=====================
	Agent Header
=====================*/
.agent-id {
	position:absolute;
	height: 16px;
	width: 90px;
	left:605px;
	top:50px;
	font-size:14px;
	font-weight:bold;
	overflow:hidden;
	font-family: Helvetica,Arial,sans-serif;
	
}
.btnLogout {
	position:absolute;
	background-image: url(../images/btn_logout_red.gif);
	text-indent: -9999px;
	height: 16px;
	width: 70px;
	left:700px;
	top:54px;
}
.btnLogout a {
	display:block;
	background-image: url(../images/btn_logout_red.gif);
	height: 16px;
	width: 70px;
}
.btnLogout a:hover {
	background-image: url(../images/btn_logout_red_ov.gif);
}
/*=====================
	DEV
=====================*/
*.DEV {
	color:			#A20051!important;
	font-size:		12px!important;
}
.pastlist-DEV {
	width:300px;
	height:11px;
	float:left;
	display:inline;
}
#DEV-planDetail {
	width:650px;
	font-size:12px;
	line-height:1em;
	float:right;
	background-color:	#FFC862;
	margin:3px 0px 0px 0px;
	height:13px;
	padding:0;
	font-size:11px;
}
#DEV-planDetail input {
	height:12px;
	padding:0;
	margin:0;
	line-height:1em;
}
.bookingBpx .pricebox .message table.DEV-ASSIGN {
	border:				1px solid #999;
}
.bookingBpx .pricebox .message table.DEV-ASSIGN td
,.bookingBpx .pricebox .message table.DEV-ASSIGN th {
	background-color:	#FFC862;
	border:				1px solid #999;
	padding:			2px;
}
.bookingBpx .pricebox .message table.DEV-ASSIGN th {
	width:				50px;
}
.bookingBpx .pricebox .message table.DEV-ASSIGN th.roomCharge {
	width:				80px;
}
.bookingBpx .pricebox .message table.DEV-ASSIGN td {
	text-align:			right;
}
/*=====================
	DEV-booking
=====================*/
div#DEV-booking {
	position:			absolute;
	width:				500px;
	z-index:			100;
	border:				1px solid #999;
	margin-top:			10px;
	background-color:	white;
}
div#DEV-booking div.bookingTitle {
	float:				left;
	width:				100px;
	margin-left:		5px;
}
div#DEV-booking a.toggle {
	display:			block;
	float:				left;
	width:				50px;
}
div#DEV-booking pre {
	margin:				0px;
	white-space: 		-moz-pre-wrap; /* Mozilla */
	white-space: 		-pre-wrap;     /* Opera 4-6 */
	white-space: 		-o-pre-wrap;   /* Opera 7 */
	white-space: 		pre-wrap;      /* CSS3 */
	word-wrap: 			break-word;      /* IE 5.5+ */
	border:				1px solid #999999;
	background-color:	#FFFFCC;
	color:				black;
	line-height:		1.0em;
	font-family:		'Courier New', Courier, Monospace;
	font-size:			11px;
	padding:			5px;
}
div#DEV-booking pre span {
	
	
}
div#DEV-booking pre .tag {
	/*background-color:	#FFFF80;*/
	color:				#777777;
}
div#DEV-booking pre .top {
	color:				red;
}