@charset "UTF-8";

/* -----------------------------------------------
 * グループTOP CSS
----------------------------------------------- */

html {
	overflow-x: hidden;
}

/* contentHead
----------------------------------------------- */
/*
#contentHead h2 {
	clear: both;
	float: none;
	width: 550px;
	height: 290px;
	margin: 0 0 10px 10px !important;
	margin: 0 -5px 10px 10px;
	padding: 10px 0 0 0;
}
*/
	#contentHead #mainImages h2 {
		width: 555px;
/*		height: 290px;*/
		margin: 0 0px 5px 6px !important;
		margin: 0 -5px 10px 6px;
		padding: 10px 0 0 0;
	}
		#contentHead #mainImages h2#LeftMImages {
			float: left;
		}
		#contentHead #mainImages h2#RightMImages {
			float: right;
			margin-right: -5px;
		}

/* ------------------------------------
 * メイン画像以下
------------------------------------ */

#absBanner .article,
#infoArea .article {
	float: right;
	width: 540px;
	margin-right: 5px;
}

	/* #absBanner */
	#absBanner {
		margin-bottom: 1em;
	}

	/* search
	-------------------------- */
	#search {
		float: left;
		width: 190px;
/*		padding: 0 0 20px 0;*/
		font-size: 85%;
		text-align: left;
	}
		#search p {
			display: inline;
		}
		#search form {
			height: 115px;
			margin: 0 0 7px 0;
			background: url("../images/bg_search.gif") no-repeat bottom;
		}
			#search fieldset {
				margin: 0;
				padding: 7px 0 0 10px;
				border: none;
			}
			#search .date {
				width: 65px;
			}
			#search .btSearch {
				margin: 0 0 0 45px;
			}
			#search .free {
				margin: 3px;
				padding: 2px;
				text-align: center;
				background-color: #FFF;
			}
	
		/* シャトルバスバナー */
		#banner_shuttle {
			margin-bottom: 7px;
		}
	
	
	/* info
	-------------------------- */
	#info {
		float: right;
		width: 335px;
		height: 249px;
		margin: 0;
		padding: 0;
		text-align: left;
		background: url("../images/bg_info01.gif") no-repeat left bottom;
	}
	/*
	#info .overFlow {
		width: 333px;
		height: 255px;
		overflow: auto;
	}
	*/
		#info .overFlow iframe {
			margin: 0 0 0 4px;
			overflow-x: hidden;
		}
		#info h3 {
			position: relative;
			width: 323px;
			height: 20px;
			margin: 0;
			padding: 8px 0 0 12px;
			background: url("../images/bg_info02.gif") no-repeat left top;
		}
			#info h3 .btList {
				position: absolute;
				top: 5px;
				right: 5px;
			}
		#info h4 {
			width: 282px;
			margin: 10px 0 0 10px;
			padding: 0 0 0 13px;
			font-weight: bold;
			background: url("../common/images/icon_arrow01.gif") no-repeat left center;
		}
			#info h4 span {
				padding: 0 5px 0 0;
				font-weight: normal;
			}
			#info p {
				width: 295px;
				margin: 0 0 0 10px;
				padding: 0 0 10px 0;
				border-bottom: 1px dotted #ccc;
				line-height: 1.3;
			}


/* pickUp
----------------------------------------------- */
#pickUp {
	width: 535px;
	margin: 10px auto 0;
	text-align: left;
}
	#pickUp ul li {
		display: block;
		float: left;
		margin-right: 5px;
	}
		#pickUp ul li.end {
			margin-right: 0;
		}
		#pickUp ul li img {
			margin: 0 0 5px 0;
		}
		#pickUp ul li.noFloat {
			float: none;
		}
			#pickUp ul li.noFloat img {
				margin: 0 0 5px 5px !important;
				margin: 0 0 5px 2px;
			}
		#pickUp ul li.bisyojo {
			text-align:center;
			font-size:11px;			
		}
		#pickUp ul li.hokkaido {
			float: left;
			padding: 0 0 0 0;
			margin:0;			
		}
	#pickUp ul.rengo_bunbun {
		margin-top: 5px;
	}
		#pickUp ul.rengo_bunbun li {
			margin-right:15px;
		}

		#pickUp ul.rengo_bunbun li.end {
			margin-right:0;
		}
		
		.img_bfHokkaido {
			padding-top:10px;
		}
		
	#pickUp div.hr01 {
		width: 535px;
		height: 22px;
		margin: 15px 0 0 0;
		display: block;
		background: url("../images/hr01.gif") no-repeat top;
	}

#flash {
//	background: url("../commonNew/images/hr_img01.gif") no-repeat bottom left;
}


/* ----------------------------------------------
 * 航空券
---------------------------------------------- */
#airlineTicket {
	margin: 5px 0 15px;
	padding-top: 15px;
	background: url("../images/hr01.gif") no-repeat top;
}
	#airlineTicket .article {
		width: 510px;
		margin: 0 auto;
	}
	#airlineTicket #anaTabisaku {
		float: left;
	}
	#airlineTicket #jalDp {
		float: right;
	}

/* ----------------------------------------------
 * ファイターズルーム
---------------------------------------------- */
#bn_fightersRoom {
	margin: 10px 0 15px;
/*	padding-top: 25px;*/
/*	background: url("../images/hr01.gif") no-repeat top;*/
}
	#bn_fightersRoom h3 {
		margin: 0;
		padding: 0;
	}
	#bn_fightersRoom ul.imgList li {
		margin: 0;
		padding: 0;
	}

/* ----------------------------------------------
 * 携帯メールアドレス送信
---------------------------------------------- */
.mobileAd {
	margin: 0.5em auto;
	text-align: left;
}
.mobileAd h3 {
	margin: 0.5em 0;
	color: #4E422E;
	font-size: 14px;
	font-weight: bold;
}
	.mobileAd p {
		font-size: 10px;
	}
		.mobileAd .referenceMark {
			color: #666666;
		}
.mobileAd ol {
	margin: 0.5em 0;
}
	.mobileAd ol li {
		margin-left: 25px;
		list-style-type: decimal;
	}
.mobileAd form {
	width: 310px;
	margin-top: 0.5em;
	padding: 8px;
	border: 1px solid #cccccc;
}
	.mobileAd dl dt {
		color: #4E422E;
		font-weight: bold;
	}
		.mobileAd dl dt #send_result {
			color: #ff0000;
		}
		/* inputフォーム */
		.mobileAd .textBox input.adAdd {
			width: 250px;
			margin-right: 5px;
			ime-mode: inactive;
		}
	.mobileAd .qrCord {
		float: left;
		width: 200px;
	}
	.mobileAd .textBox {
		float: left;
		width: 335px;
	}
		/* 背景色付 */
		.mobileAd .adInfo {
			padding: 6px;
			background: #EFE9D5;
		}

/* card
----------------------------------------------- */
#pickUp .card {
	margin: 15px 0 0 0;
	padding: 0;
	text-align: left;
}
	#pickUp .card h5 {
		width: 540px;
		height: 20px;
		margin: 7px 0 3px;
		padding: 0;
		color: #4E422E;
		font-size: 85%;
		background: url("../images/hr01.gif") no-repeat 0 18px;
	}
	#pickUp .card img {
		margin: 0 0 0 5px;
	}

/* contentSide
----------------------------------------------- */
#contentSide {
	float: left;
	width: 200px;
	font-size: 1px;
	text-align: left;
}


	/* 右側・温泉エリア＆ホテルリスト */
	#contentSide dl {
		width: 178px;
		padding: 13px 0 0 22px;
		line-height: 0.5;
		background: url("../images/bg_side01.jpg") no-repeat top;
	}
		#contentSide dl a:hover {
			background-color: transparent;
		}
			#contentSide dl a:hover img {
				visibility: hidden;
			}
		#contentSide dl img {
			vertical-align: top;
		}
			#contentSide dl dt{
				height: 15px;
				padding: 0 30px 8px 0;
			}
				#contentSide dl dt a,
				#contentSide dl dt a:hover {
					height: 15px;
					display: block;
				}
				/* 温泉エリア */
				#contentSide dl dt.loNav_noboribetu {
					background: url("../images/lonav_noboribetuhover.gif") no-repeat;
				}
				#contentSide dl dt.loNav_toya {
					background: url("../images/lonav_toyahover.gif") no-repeat;
				}
				#contentSide dl dt.loNav_sounkyo {
					background: url("../images/lonav_sounkyohover.gif") no-repeat;
				}
				#contentSide dl dt.loNav_yunokawa {
					background: url("../images/lonav_yunokawahover.gif") no-repeat;
				}
				#contentSide dl dt.loNav_kitayuzawa {
					margin-top: 2px;
					background: url("../images/lonav_kitayuzawahover.gif") no-repeat;
				}
				#contentSide dl dt.loNav_tomakomai {
					background: url("../images/lonav_tomakomaihover.gif") no-repeat;
				}
				#contentSide dl dt.loNav_muroran {
					background: url("../images/lonav_muroranhover.gif") no-repeat;
				}

					/* ホテル */
					#contentSide dl dd ul ,
					#contentSide dl dd ul li {
						margin: 0;
						padding: 0;
					}
					#contentSide dl dd ul {
						padding: 0 0 13px 0;
					}
						#contentSide dl dd ul.bottom01 {
							padding: 0 0 12px 0;
						}
						#contentSide dl dd ul.bottom02 {
							padding: 0 0 11px 0;
						}
						#contentSide dl dd ul li {
							height: 14px !important;
							padding: 0 30px 0 8px;
						}
							#contentSide dl dd ul li a,
							#contentSide dl dd ul li a:hover {
								display: block;
							}

							/* 登別 */
							#contentSide dl dd ul li.lonav_sekisui a:hover {
								background: url("../images/lonav_sekisuihover.gif") no-repeat;
							}
							#contentSide dl dd ul li.lonav_bourou a:hover {
								background: url("../images/lonav_bourouhover.gif") no-repeat;
							}
							/* 洞爺湖 */
							#contentSide dl dd ul li.lonav_kohan a:hover {
								background: url("../images/lonav_kohanhover.gif") no-repeat;
							}
							#contentSide dl dd ul li.lonav_gokiraku a:hover {
								background: url("../images/lonav_gokirakuhover.gif") no-repeat;
							}
							/* 層雲峡 */
							#contentSide dl dd ul li.lonav_choyo a:hover {
								background: url("../images/lonav_choyohover.gif") no-repeat;
							}
							#contentSide dl dd ul li.lonav_choyoresort a:hover {
								background: url("../images/lonav_choyoresorthover.gif") no-repeat;
							}
							/* 函館 */
							#contentSide dl dd ul li.lonav_takuboku a:hover {
								background: url("../images/lonav_takubokuhover.gif") no-repeat;
							}
							#contentSide dl dd ul li.lonav_hiten a:hover {
								background: url("../images/lonav_hitenhover.gif") no-repeat;
							}
							#contentSide dl dd ul li.lonav_musoan a:hover {
								background: url("../images/lonav_musoanhover.gif") no-repeat;
							}
							#contentSide dl dd ul li.lonav_bourou-h a:hover {
								background: url("../images/lonav_bourou-hhover.gif") no-repeat;
							}
							/* 北湯沢 */
							#contentSide dl dd ul li.lonav_meisui a:hover {
								background: url("../images/lonav_meisuihover.gif") no-repeat;
							}
							#contentSide dl dd ul li.lonav_meisui2 a:hover {
								background: url("../images/lonav_meisui2hover.gif") no-repeat;
							}
							#contentSide dl dd ul li.lonav_horohoro a:hover {
								background: url("../images/lonav_horohorohover.gif") no-repeat;
							}
							#contentSide dl dd ul li.lonav_st a:hover {
								background: url("../images/lonav_sthover.gif") no-repeat;
							}
							/* 苫小牧 */
							#contentSide dl dd ul li.lonav_tomakomaiP a:hover {
								background: url("../images/lonav_tomakomaiPhover.gif") no-repeat;
							}
							/* 室蘭 */
							#contentSide dl dd ul li.lonav_muroranP a:hover {
								background: url("../images/lonav_muroranPhover.gif") no-repeat;
							}
	#contentSide ul {
		padding: 0 0 0 10px;
		text-align: left;
	}
		#contentSide ul li {
			margin: 7px 0 0 0;
		}
			#contentSide ul li.hanakago {
				padding: 0 0 0 10px;
			}
			#contentSide ul li.qr {
				width: 160px;
				padding: 5px;
				background-color: #FFFFFF;
			}

			/* ---------------------------
			 * add 09/06/01
			 * 名水亭 カニ三昧プランバナー
			--------------------------- */
			#contentSide ul li#meisuiKanizanmai {
				background: url("../event/meisuiKanizanmai/img/banner_o.jpg") no-repeat;
			}

			/* ---------------------------
			 * 北湯沢キャンペーン
			--------------------------- */
			#contentSide ul li#kitayuzawaCampaign {
				background: url("../event/kitayuzawaCampaign/img/banner_o.gif") no-repeat;
			}

			/* --------------------------------------
			 * add 09/04/20
			 * 朝陽リゾートホテル　リニューアルバナー
			-------------------------------------- */
			#contentSide ul li#cyoyoResortRenew,
			#contentSide ul li#cyoyoResortRenew a,
			#contentSide ul li#cyoyoResortRenew a:hover {
				display: block;
			}
				#contentSide ul li#cyoyoResortRenew {
					background: url("../images/rBannerResortRenew_o.jpg") no-repeat;
				}
					#contentSide ul li#cyoyoResortRenew a:hover {
						background-color: transparent;
					}
						#contentSide ul li#cyoyoResortRenew a:hover img {
							visibility: hidden;
						}

/* --------------------------
 * add 08/06/25
 * SECOM
-------------------------- */
#secom {
	width: 180px;
	margin: 18px auto;
	text-align: center;
}
	#secom div {
		width: 160px;
		margin: 0 auto;
		padding-top: 18px;
		border-top: 1px solid #A99986;
		background: url("../images/hr01.gif") no-repeat left top;
	}
	#secom p {
		margin-top: 6px;
		color: #404040;
		font-size: 10px;
	}


/* 緊急時用設定
----------------------------------------------- */
#urgency {
	width: 520px;
	margin: 0 0 20px 10px;
	padding: 10px;
	text-align: left;
	border: 3px solid #ff0000;
}
	/* 文字を赤くする */
	#urgency .accent {
		color: #ff0000;
	}
	/* センタリングする */
	#urgency .centering {
		text-align: center;
	}
	/* 文字を太くする */
	#urgency .boldType {
		font-weight: bold;
	}
	/* 各種設定 */
	#urgency h2 {
		margin-bottom: 12px;
		font-size: 140%;
		text-align: center;
		font-weight: bold;
	}
	#urgency h3 {
		margin: 6px 0;
		font-size: 120%;
		font-weight: bold;
	}
	#urgency p,
	#urgency ul,
	#urgency dl {
		margin: 6px 0;
	}
	#urgency p,
	#urgency ul li,
	#urgency dl dt
	#urgency dl dd {
		font-size: 110%;
	}
		#urgency ul li {
			margin: 3px 0 3px 20px;
			list-style-type: disc;
		}
		#urgency dl dt {
			margin: 3px 0;
			font-weight: bold;
		}