/*======================================

	Navigation

=======================================*/
#navigationArea {
	margin-top:12px;
	text-align:center;
	
	z-index:1100;
}
	#navigationArea .clmnTC{
		background:url(https://img.his-j.com/images/navigation_area/bg.gif) center top repeat-x;
		background-color:#aae1ff;
	}
	#navigationArea .clmnBC{
		background-image:url(https://img.his-j.com/images/navigation_area/bg_btm.gif);
	}
	#navigationArea .body{
		width:960px;
		margin:0 auto;
		text-align:left;
	}

#navigationArea a{
	color:#006699;
	text-decoration:none;
}
#navigationArea a:hover{
	color:#66ccff;
	text-decoration:underline;
}
#navigationArea a:visited{
	color:#006699;
}


/*#btnOpen{
	position:absolute;
	top:84px;
	right:0;
}
*/

/* -- ▼グローバルナビ -- */
#globalNav {
	z-index:2000;
}
	#globalNav ul.tab {
	}
		#globalNav ul.tab li {
			display:block;
			float:left;
			padding:29px 0 0;
			margin-right:4px;
		}
		/*===【2012.08 追加】Start ===*/
		#globalNav ul.tab li.rightArea {
			margin-right:5px;
		}
		/*===【2012.08 追加】End ===*/
		#globalNav ul.tab li.here {
			padding-top:0;
		}
		#globalNav ul.tab li.topPage {
			padding-top:0;
			margin-right:14px;
		}
		#globalNav ul.tab li.lastChild {
			margin-right:0;
		}

	/* -- ▼地域変更 -- */		
	.topPage #changeArea{
		position:absolute;
		top:33px;
		left:61px;
		width:194px;
		text-align:center;
	}		
		.topPage #changeArea img.btn{
			cursor:pointer;
		}
	.here #changeArea{
		position:absolute;
		top:33px;
		right:827px;
		width:194px;
		text-align:center;
	}	
		.here #changeArea img.btn{
			cursor:pointer;
		}
		/* -- ▼ポップアップ -- */	
		#changeArea table.list{
			position:absolute;
			top:20px;
			left:61px;
			z-index:2500;
			
			display:none;
		}
			#changeArea table.list thead tr,
			#changeArea table.list tfoot tr{
				font-size:1px;
				line-height:1px;
			}
			#changeArea table.list tbody td{
				background:url(https://img.his-j.com/images/navigation_area/global_navi/change_area/clmn_bg.gif) repeat-y top left #ffcc00;
				padding:10px 3px 6px 9px;
			}
				#changeArea table.list ul{
					margin-top:6px;
				}
					#changeArea table.list ul li{
						padding:5px 0 0;
						margin-right:5px;
						display:block;
						float:left;
					}
					
	/* -- ▼都市選択 -- */
	#selectCountry{
		width:720px;
		margin:0 auto;
	}	
	#selectCountry a:link{
		color:#000;
		text-decoration:none;
	}
	#selectCountry a:visited{
		color:#000;
		text-decoration:none;
	}
	#selectCountry a:hover{
		color:#66ccff;
		text-decoration:underline;
	}
		#selectCountry #secondary{
			float:left;
			width:130px;
			text-align:left;
		}
			#selectCountry #secondary .clmnBg{
				background-color:#fff;
			}
			#selectCountry #secondary .clmnTp{
				background-image:url(https://img.his-j.com/images/navigation_area/search_overseas/select_country/clmn_localnav_tp.gif);
			}
			#selectCountry #secondary .clmnBtm{
				background-image:url(https://img.his-j.com/images/navigation_area/search_overseas/select_country/clmn_localnav_btm.gif);
				padding:10px;
			}
				#selectCountry #secondary h2{
					margin-bottom:20px;
				}
				#selectCountry #secondary ul{
				}
					#selectCountry #secondary li{
						margin-top:10px;
					}
		#selectCountry #primary{
			float:right;
			width:570px;
			height:355px;
			overflow:auto;
			text-align:left;
		}
			#selectCountry #primary .block{
				background:url(https://img.his-j.com/images/navigation_area/search_overseas/select_country/primary_bg.gif) left top repeat-y;
				margin-top:20px;
			}
				#selectCountry #primary h2{
					background:#ececed;
					padding-bottom:10px;
				}
				#selectCountry #primary ul{
				}
					#selectCountry #primary ul li{
						float:left;
						width:170px;
						margin:5px;
					}
	
	/* -- ▼海外ホテル・オプショナルツアー ポップアップ -- */
	#hotelOption table{
		width:160px;
		position:absolute;
		top:61px;
		left:731px;
		
		display:none;
	}
	/*===【2012.08 追加】Start ===*/
	#hotelOption.rightArea table{
		left:729px;
	}
	/*===【2012.08 追加】End ===*/
		#hotelOption table thead tr,
		#hotelOption table tfoot tr{
			font-size:1px;
			line-height:1px;
		}
		#hotelOption table tbody td{
			background:url(https://img.his-j.com/images/navigation_area/global_navi/hotel_option/clmn_bg.gif) repeat-y top center;
			padding:0 11px 7px;
		}
			#hotelOption table tbody ul{
			}
				#hotelOption table tbody ul li{
					width:138px;
					display:block;
					clear:both;
					padding-top:7px !important;
					margin:0 !important;
				}
	
	/* -- ▼現地情報 ポップアップ -- */
	#tourInfo table{
		width:160px;
		position:absolute;
		top:61px;
		left:832px;
		display:none;
	}
	/*===【2012.08 追加】Start ===*/
	#tourInfo.rightArea table{
		left:831px;
	}
	/*===【2012.08 追加】End ===*/
		#tourInfo table thead tr,
		#tourInfo table tfoot tr{
			font-size:1px;
			line-height:1px;
		}
		#tourInfo table tbody td{
			background:url(https://img.his-j.com/images/navigation_area/global_navi/tour_info/clmn_bg.gif) repeat-y top center;
			padding:0 11px 7px;
		}
			#tourInfo table tbody .hr_blue-solid{
				border-bottom:1px solid #c0e5ff;
				font-size:1px;
			}
			#tourInfo table tbody ul{
			}
				#tourInfo table tbody ul li{
					width:138px;
					display:block;
					clear:both;
					padding-top:7px !important;
					margin:0 !important;
				}

/* -- ▼サーチエリア -- */
#searchArea{
	position:absolute;
	top:1px;
	/top:0px;
	top:0px\9;
	right:0;
	
	z-index:2010;
}
	#searchArea form,
	#searchArea form input{
	}
	#searchArea form input#SS_searchQuery{
		width:147px;
		height:17px;
	}
	#searchArea .inputText{
		width:136px;
		height:15px;
		vertical-align:top;
		
		font-size:10px;
	}
	/* -- ▼サーチエリア ポップアップ -- */
	#selectBox{
		width:140px;
		position:absolute;
		top:18px;
		left:0;
		display:none;
		
		font-size:12px;
	}
		#selectBox ul{
			position:absolute;
			top:5px;
			left:10px;
		}
		#selectBox ul{
			/top:0px;
		}
			#selectBox li{
				margin:0;
				padding:0;
			}
			#selectBox .inputRadio{
				position:relative;
				top:2px;
				margin:0 3px 0 0;
				padding:0;
			}
		#selectBoxOff{ display:none; } 

/* -- ▼ヘッドライン -- */
#headLine{
	position:absolute;
	top:1px;
	right:197px;
	
	z-index:2005;
}

	#headLine span{
		
		position:absolute;
		top:5px;       /* XBS 4→5に変更 */
		/top:6px;     /* XBS 5→6に変更 */
		top:6px\9;   /* XBS 5→6に変更 */
		left:80px;     /* XBS 68→80に変更 */
		
		font-size:10px;
	}
	/* 6/14 XBS｜top,left変更 */
	#headLine span a{
		font-weight:bold;
		color:#333;
	}
	/* 6/14 XBS｜追加 */
	#headLine .tickerList{
		display:none;
	}

/*======================================

	メインビジュアル

=======================================*/
#mainVisual{
	padding:0 0 5px;
	min-height:200px;
	height: auto !important;
	height:200px;
	
	z-index:1000;
}

/* -- ▼検索エリア タブボタン -- */
#mainVisual .tabNav{
	padding-top:9px;
	/* z-indeはHTMLソース上に1500で設定 */
}
	#mainVisual .tabNav li{
		display:block;
		float:left;
		margin-right:2px;
	}
		#mainVisual .tabNav li.tab01 a{
			display:block;
			background-repeat:no-repeat;
			background-position:left -25px;
		}
			#mainVisual .tabNav li.tab01 a:hover,
			#mainVisual .tabNav li.tab01 a.active{
				background-repeat:no-repeat;
				background-position:0 0;
			}
		#mainVisual .tabNav li.tab02 a{
			display:block;
			background-repeat:no-repeat;
			background-position:left -25px;
		}
			#mainVisual .tabNav li.tab02 a:hover,
			#mainVisual .tabNav li.tab02 a.active{
				display:block;
				background-repeat:no-repeat;
				background-position:0 0;
			}
                #mainVisual .tabNav li.tab03 a{
			display:block;
			background-repeat:no-repeat;
			background-position:left -25px;
		}
			#mainVisual .tabNav li.tab03 a:hover,
			#mainVisual .tabNav li.tab03 a.active{
				display:block;
				background-repeat:no-repeat;
				background-position:0 0;
		}

		#mainVisual .tabNav li.tab04 a{
			display:block;
			background-repeat:no-repeat;
			background-position:left -25px;
		}
			#mainVisual .tabNav li.tab04 a:hover,
			#mainVisual .tabNav li.tab04 a.active{
				display:block;
				background-repeat:no-repeat;
				background-position:0 0;
			}
			
		#mainVisual .tabNav li.tab05 a{
			display:block;
			background-repeat:no-repeat;
			background-position:left -25px;
		}
			#mainVisual .tabNav li.tab05 a:hover,
			#mainVisual .tabNav li.tab05 a.active{
				display:block;
				background-repeat:no-repeat;
				background-position:0 0;
			}
			
		#mainVisual .tabNav li.tab06 a{
			display:block;
			background-repeat:no-repeat;
			background-position:left -25px;
		}
			#mainVisual .tabNav li.tab06 a:hover,
			#mainVisual .tabNav li.tab06 a.active{
				display:block;
				background-repeat:no-repeat;
				background-position:0 0;
			}


/* -- ▼検索エリア タブメインエリアの枠組み -- */
#mainVisual .clmn_tabMain{
	position:relative;
	float:left;
	margin-top:-1px;
	z-index:1501;
}
	#mainVisual .clmn_tabMain thead{
	}
		#mainVisual .clmn_tabMain thead tr{
			font-size:1px;
			line-height:1px;
		}
			#mainVisual .clmn_tabMain thead th{
				background:url(https://img.his-j.com/images/common/clmn/clmn_popup-blue_line.png) repeat-x center top #fff;
				vertical-align:top;
			}
			#mainVisual .clmn_tabMain thead td{
			}
				#mainVisual .clmn_tabMain thead td img{
					vertical-align:top;
				}
	#mainVisual .clmn_tabMain tfoot{
	}
		#mainVisual .clmn_tabMain tfoot tr{
			font-size:1px;
			line-height:1px;
		}
			#mainVisual .clmn_tabMain tfoot th{
				background:url(https://img.his-j.com/images/common/clmn/clmn_popup-blue_line.png) repeat-x center bottom #fff;
				vertical-align:bottom;
			}
			#mainVisual .clmn_tabMain thead td{
			}
				#mainVisual .clmn_tabMain tfoot td img{
					vertical-align:bottom;
				}
	#mainVisual .clmn_tabMain tbody{
	}
		#mainVisual .clmn_tabMain tbody th.left{
			background:url(https://img.his-j.com/images/common/clmn/clmn_popup-blue_line.png) repeat-y left top #fff;
			width:7px;
		}
		#mainVisual .clmn_tabMain tbody th.right{
			background:url(https://img.his-j.com/images/common/clmn/clmn_popup-blue_line.png) repeat-y right top #fff;
			width:7px;
		}
		#mainVisual .clmn_tabMain tbody td{
			background:#fff;
		}
			#mainVisual .clmn_tabMain tbody p{
				margin-top:5px;
			}
			#mainVisual .clmn_tabMain tbody p.firstChild{
				/margin-top:0px;
			}


/* -- ▼カレンダー ポップアップ -- */
#popupCalender{
	 display:none;
	 margin:0;
	 padding:0;
}
	#popupCalender iframe {
		margin: 0;
		padding: 0;
		border:1px solid #999;
		overflow: hidden;
		/* width, height: カレンダーサイズにあわせて調整 */
		width: 400px;
		height: 280px;
	}
	
	#popupCalender iframe.kanto {
		height: 210px;
	}
	
	
/* -- 20110707追加：宿泊プラン注意書き付加 -- */
	#offersSearch div.box {background:url(../../../kokunai/kanto/image/common/notice_notel.png) no-repeat  251px 121px #FFF; }
#offersSearch div.box table , #offersSearch div.box tr , #offersSearch div.box tbody td {background-color:transparent!important;}