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

	Navigation

=======================================*/
#navigationArea {
	margin-top:12px;
	text-align:center;
	z-index:1100;
}

	#navigationArea .clmnTC{
		background:url(http://img.his-j.com/images/navigation_area/bg.gif) center top repeat-x;
		background-color:#aae1ff;
	}
	#navigationArea .clmnBC{
		background-image:url(http://img.his-j.com/images/navigation_area/bg_btm.gif);
	}
	#navigationArea .body{
		width:960px;
		margin:0 auto;
		text-align:left;
	}
	
	/* 新ヘッダフッタ変更に伴う追加設定 20141106 ここから */
	.categoryTop #navigationArea {
	margin-top:0;
	}
	.categoryTop #navigationArea .clmnTC{
		background:url(http://img.his-j.com/images/navigation_area/bg.gif) center -65px repeat-x;
		background-color:#aae1ff;
		padding-top:4px;
	}
	.categoryTop #navigationArea .clmnBC{
		padding: 10px 0 5px;
	}
	/* 新ヘッダフッタ変更に伴う追加設定 20141106 ここまで */

#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;
		}
		#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(http://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(http://img.his-j.com/images/navigation_area/search_overseas/select_country/clmn_localnav_tp.gif);
			}
			#selectCountry #secondary .clmnBtm{
				background-image:url(http://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(http://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:707px;

		display:none;
	}
		#hotelOption table thead tr,
		#hotelOption table tfoot tr{
			font-size:1px;
			line-height:1px;
		}
		#hotelOption table tbody td{
			background:url(http://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:823px;
		display:none;
	}
		#tourInfo table thead tr,
		#tourInfo table tfoot tr{
			font-size:1px;
			line-height:1px;
		}
		#tourInfo table tbody td{
			background:url(http://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: 130px;
		height: 18px;
		padding: 0px 5px;
		vertical-align:bottom;
		border: solid 1px #AAA;
		-webkit-border-radius: 3px;
		-moz-border-radius: 2px;
		border-radius: 3px;
		-moz-box-shadow: inset 1px 4px 3px -5px rgba(0,0,0,0.5);
		-webkit-box-shadow: inset 1px 4px 3px -5px rgba(0,0,0,0.5);
		box-shadow: inset 1px 4px 3px -5px rgba(0,0,0,0.5);
	}
	#searchArea form input#SS_searchSubmit{
		width: 45px;
		height: 20px;
		padding: 0;
		vertical-align:bottom;
		border: 0;
		background: url(/images/navigation_area/sprite_navigation.png) no-repeat -643px 0px;
		text-indent: -9999px;
		line-height: 0px;
		cursor: pointer;
	}
	#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{
		display:block;
		position:absolute;
		width:640px;
		top:3px;
		/top:4px;
		top:4px\9;
		left:80px;

		font-size:10px;
	}
	#headLine .tickerList{
		display:none;
	}


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

	メインビジュアル

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

	z-index:1000;
}

/* -- ▼検索エリア タブボタン -- */
#mainVisual .tabNav{
	padding-top:5px;
	/* 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(http://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(http://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(http://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(http://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;}