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

/*=======================
	FORCIA css
========================*/
body {
	background-color:		white;
}
*.cleared {
	display:block;
	clear:both;
	width:auto;
	height:1px;
	margin:0;
	padding:0;
	line-height:1px;
	font-size:1px;
	overflow:hidden;
}
*.na {
	cursor:					default;
	color:					#999;
	background-color:		#DDD;
}
/*------------------------
	特集タイトル
-------------------------*/
div.special {
	font-size:				18px;
	color:					#241E9B;
	font-weight:			bold;
	margin-left:			10px;
	margin-bottom:			10px;
}
/*------------------------
	宿泊地を指定する
-------------------------*/
div.sideSearchBox dl.selectbox {
	padding-top:			3px;
}
/* 方面 */
div.sideSearchBox dl.selectbox dt.dir {
	width:					27px;
}
div.sideSearchBox dl.selectbox dd.dir {
	margin-left:			5px;
	width:					100px;
	float:					left;
}
div.sideSearchBox dl.selectbox dd.dir select {
	width:					100px;
}
/* 都道府県 */
div.sideSearchBox dl.selectbox dt.pref {
	width:					55px;
}
div.sideSearchBox dl.selectbox dd.pref {
	margin-left:			5px;
	width:					100px;
	float:					left;
}
div.sideSearchBox dl.selectbox dd.pref select {
	width:					110px;
}
div.sideSearchBox dl.selectbox dt.area, div.sideSearchBox dl.selectbox dt.dist {
	width: 50px;
}
div.sideSearchBox dl.selectbox dd.area, div.sideSearchBox dl.selectbox dd.dist {
	margin: 0px 0px 0px 55px;
}
div.sideSearchBox dl.selectbox dd.area select, div.sideSearchBox dl.selectbox dd.dist select {
	width:					230px;
}
/*------------------------
	条件を指定する
-------------------------*/
div.sideSearchBox dl.optionlist dd .calendar a {
	background:				none;
	padding-left:			0px;
	text-indent:			-9999px;
}
/*----------------------------
	ポップアップキーワード
----------------------------*/
div.popupKeywordBox {
	z-index:				5;
}
/*----------------------------
	ポップアップカレンダー
----------------------------*/
div.popupCalendarBox .titlebox .btnbox {
	height:					13px;
	overflow:				hidden;
}
div.popupCalendarBox .titlebox .btnbox a {
	height:					0;
	width:					13px;
	padding-top:			13px;
	display:				inline-block;
	background:				url(../images/icon_close.gif) no-repeat;
}
div.popupCalendarBox .monthPager span {
	display:				inline-block;
	width:					30px;
	padding:				0;
	margin:					0;
}
div.popupCalendarBox .monthPager span.icon {
	width:					12px;
	height:					12px;
	overflow:				hidden;
}
div.popupCalendarBox .monthPager span.icon a {
	width:					12px;
	height:					0;
	padding-top:			12px;
	display:				inline-block;
	overflow:				hidden;
	vertical-align:			middle;
}
div.popupCalendarBox .monthPager span.icon a.prev {
	background:				url(../images/arrow02.gif) no-repeat;
}
div.popupCalendarBox .monthPager span.icon a.next {
	background:				url(../images/arrow01.gif) no-repeat;
}
div.popupCalendarBox .monthPager span.icon a.no-prev {
	background:				url(../images/arrow02_nolink.gif) no-repeat;
}
div.popupCalendarBox .monthPager span.icon a.no-next {
	background:				url(../images/arrow01_nolink.gif) no-repeat;
}
div.popupCalendarBox .calenderBox .calender_month {
	background:				none;
}
div.popupCalendarBox .calenderBox table.calender {
	table-layout:			fixed;
}
div.popupCalendarBox .calenderBox table.calender th {
	width:					22px;
}
div.popupCalendarBox .calenderBox .calender td.today div, div.popupCalendarBox .calenderBox .calender td.today div a {
	color:					red;
}
div.popupCalendarBox .calenderBox .calender td a {
	width:					18px;
}
div.popupCalendarBox .calenderBox .calender td.sel div {
	border:					2px solid red;
}
div.popupCalendarBox .calenderBox .calender td.sel {
	line-height:			16px;
}
div.popupCalendarBox .calenderBox .calender td.sel div a {
	height:					16px;
}
div.popupCalendarBox .calenderBox div.msg {
	padding-top:			50px;
	color:					#999;
}
/*--------------------------
	条件をクリアするボタン
---------------------------*/
div.sideSearchBox .title .clearbtn span {
	line-height:1px;
}
/*-----------------------------
	地図
----------------------------*/
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 #229DE7;
	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;
}
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;
}
/*-----------------------------
	zoneプルダウン
----------------------------*/
/*div.sideSearchBox dl.selectbox select {
	width:				180px;
}*/
/*-----------------------------
	calendarプルダウン
----------------------------*/
select#MonthCombo {
	width:				100px;
}
select#DayCombo {
	width:				85px;
}
/*-----------------------------
	左プルダウン
----------------------------*/
/*div.sideSearchBox dl.optionlist dd select.w120 {
	width:				120px;
}*/
div.sideSearchBox dl.optionlist dd select.w145 {
	width:				145px;
}
div.sideSearchBox dl.optionlist dd select.w80 {
	width:				80px;
}
/*-----------------------------
	こだわり条件タブ
----------------------------*/
/* IE6でaのエリア全体をclickableにする為 */
div.sideSearchBox div.optionTab .tab1, div.sideSearchBox div.optionTab .tab2, div.sideSearchBox div.optionTab .tab3 {
	overflow:			hidden;
}
div.sideSearchBox div.optionTab .over {
	background: url(../images/search_option_tab_on_l.gif) no-repeat left top;
}
div.sideSearchBox div.optionTab .over a {
	background: url(../images/search_option_tab_on_r.gif) no-repeat right;
	color:				#FF3300;
}
/*-----------------------------
	こだわり条件ボタン
----------------------------*/
div.sideSearchBox div.optionBox div.keyBtn {
	cursor:				pointer
}
div.sideSearchBox div.optionBox div.na {
	background:			url(../images/search_option_no.gif) no-repeat;
	color:				#999999;
	cursor:				default;
}
div.sideSearchBox div.optionBox div.select {
	background: url(../images/search_option_select.gif) no-repeat;
}
/*-----------------------------
	指定された検索条件
----------------------------*/
div.resultBox .optionListBox .inner .date {
	margin-right:		3px;
}
div.resultBox .optionListBox .inner .title span {
	font-weight:		normal;
	color:				#666;
}
/* hotel */
div.planSearchBox .optionListBox dl dt span {
	font-weight:		normal;
	color:				#666;
	font-size:			11px;
}
/*-----------------------------
	右リスト
----------------------------*/
div.message {
	text-align:			center;
	margin-left:		auto;
	margin-right:		auto;
	margin-top:			50px;
	font-size:			16px;
	color:				#666;
	height:				200px;
}
div.resultBox .facilityBox .linkbox {
	float:				left;
	text-align:			left;
	width:				300px;
}
div.resultBox .facilityBox .linkbox .akaifusen a, div.resultBox .facilityBox .linkbox .yadoplaza a {
	display:			block;
}
div.resultBox .facilityBox .linkbox .akaifusen span {
	background: url(../images/logo_akaifusen.gif) no-repeat left center;
	padding: 2px 0px 2px 33px;
}
div.resultBox .facilityBox .linkbox .yadoplaza span {
	background: url(../images/logo_yadoplaza.gif) no-repeat left center;
	padding: 2px 0px 2px 33px;
}
div.resultBox .facilityBox .note {
	width:				280px;
	float:				right;
}
/* 施設ごと */
div.resultBox .facilityBox .titlebox .left {
	width:				380px;		/* 400px */
}
div.resultBox .facilityBox .titlebox .right {
	width:				190px;		/* 170px */
}
/* プランごと */
div.resultBox .planBox .detailbox .detail .left {
	width:				330px;		/* 280px */
}
div.resultBox .planBox .detailbox .detail .right {
	width:				170px;		/* 170px */
}
/* 写真表示幅縮小 */
div.resultBox .planBox .detailbox .detail {
	width:				505px;
}
div.resultBox .planBox .detailbox .photo {
	width:				60px;
}
div.resultBox .facilityBox .titlebox .left p.title {
	font-size:			115%;
}
div.resultBox div#Contents_Shisetsu .changeDateBox {
	clear:				none;
	margin-top:			5px;
	width:				260px;
	float:				right;
}
/* リストカレンダー日シフト */
div.resultBox .changeDateBox span {
	padding-left:		5px;
	padding-right:		5px;
	color:				#666;
}
/* 手配旅行ロゴ表示 */
div.resultBox .calendarTable td.title div.tehai {
	color: #EF0014;
	background: url(../images/logo_tehai.gif) no-repeat left center;
	padding-left: 35px;
}
div.planSearchBox .calendarTable td.title div.tehai {
	color: #EF0014;
	background: url(../images/logo_tehai.gif) no-repeat left center;
	padding-left: 35px;
}
/* 複数泊選択 */
div.resultBox .calendarTable .selectLeft, div.planSearchBox .calendarTable .selectLeft {
	border-top: 2px solid #FF0000;
	border-bottom: 2px solid #FF0000;
	border-left: 2px solid #FF0000;
}
div.resultBox .calendarTable .selectCenter, div.planSearchBox .calendarTable .selectCenter {
	border-top: 2px solid #FF0000;
	border-bottom: 2px solid #FF0000;
}
div.resultBox .calendarTable .selectRight, div.planSearchBox .calendarTable .selectRight {
	border-top: 2px solid #FF0000;
	border-right: 2px solid #FF0000;
	border-bottom: 2px solid #FF0000;
}
/* IEでdisplay:noneにした後で表示場所がずれてしまう(margin-leftが0になる)為の対応 */
/*
div.resultBox .facilityBox {
	position:relative;
}
div.resultBox .facilityBox .titlebox .left {
	position:relative;
}
div.resultBox .facilityBox .recommend {
	position:absolute;
	margin:0;
	top: -15px;
	left: -22px;
}
div.resultBox .facilityBox .titlebox .left p.ml50 {
	margin-left:50px;
}
*/
/* 料金表下部文言 */
div.note {
	font-size:			12px;
}
/*-------------------
	footer
-------------------*/
#copy {
	padding: 0;
	margin: 0 auto;
	height: 40px;
	width: 968px;
}
#copytext {
	color:#FFF;
	font-size:10px;
	margin-bottom:5px;
	padding-top:5px;
	text-align:center;
}
#copytext a {
	color:#FFF;
}
#copytext a:hover {
	color:#ff9933;
}
address {
	text-align:center;
	color:#FFFFFF;
	font: normal 10px Geneva, Arial, Helvetica, sans-serif;
}
/*-------------------
	dev
-------------------*/
*.dev {
	font-size:		12px !important;
	font-weight:	normal !important;
	color:			orangered !important;
	letter-spacing: 0px !important;
}
*.dev a {
	color:			orangered !important;
	text-decoration:	underline
}
/* 画像無 */
div.planSearchBox .pagerBox .left dd, div.resultBox .pagerBox dl dd {
	/*background: url(../images/air_btn_change_row_off.gif) no-repeat;*/
	background:none;
}