@charset "utf-8";

/* -- ↓090717 改修 -- */
#contentSide {
	margin-left: 0;
}

#mainArea {
	width: 760px;
}
#content {
	width: 565px;
}
/* -- ↑090717 改修 -- */

/* flash
 * 090717 改修
----------------------------------------------- */
#flash {
	width: 565px;
	/*width: 547px;
	margin-top: 11px;*/
	text-align: left;
}
	#flash .imgList li {
		margin: 0;
	}

#contentMain {
	width: 547px;
	margin: 0 auto;
}

/* banner01
----------------------------------------------- */
#banner01 {
	width: 525px;
	margin: 0 auto 10px;
}
	#banner01 ul {
		margin: 0.5em 0;
	}
	#banner01 ul li {
		float: left;
		margin-right: 4px;
	}
		#banner01 ul li.end {
			margin-right: 0;
		}
	#banner01 p {
		margin: 0.5em 0;
	}

	/* bannerTop */
	#banner01 ul#bannerTop li {
		margin-right: 0;
	}

/* ----------------------------------------------
 * 新着情報
---------------------------------------------- */
#contentMain .box01 {
	width: 547px;
	height: 52px;
	margin-top: 10px;
	background: url("../images/bg_title.gif") no-repeat;
}
	#contentMain .box01 p {
		width: 70px;
		margin-left: 454px;
		padding-top: 15px;
		text-align: right;
	}

#box02 {
	width: 547px;
	height: 290px; /* default 410px */
	background: url("../images/bg_info.gif") no-repeat bottom;
}
	#box02 iframe {
		overflow-x: hidden;
		width: 536px;
		height: 280px; /* default 400px */
		margin: 4px 0 0 5px;
	}

/* ----------------------------------------------
 * 携帯メールアドレス送信
---------------------------------------------- */
.mobileAd {
	width: 547px;
	margin: 0.5em auto;
	text-align: center;
}
	#contentMain .mobileAd h2 {
		width: auto;
		height: auto;
		margin: 0;
		padding: 0;
		line-height: 1.1;
		text-indent: 0;
	}
	#contentMain .mobileAd h3 {
		width: auto;
		height: auto;
		margin: 0.5em 0;
		padding: 0;
		color: #331D4F;
		font-size: 14px;
		font-weight: bold;
		line-height: 1.1;
		text-indent: 0;
	}
	.mobileAd .article {
		width: 527px;
		margin: 0 auto;
		padding: 5px 0 10px;
		text-align: left;
	}
	.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: 319px;
		margin-top: 0.5em;
		padding: 8px;
		border: 1px solid #cccccc;
	}
		.mobileAd dl dt {
			color: #331D4F;
			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: 180px;
			margin-right: 10px;
		}
		.mobileAd .textBox {
			float: left;
			width: 335px;
		}
			/* 背景色付 */
			.mobileAd .adInfo {
				padding: 6px;
				background: #EFE9D5;
			}

/* inquiry
----------------------------------------------- */
#inquiry {
	width: 525px;
	height: 75px;
	margin: 14px auto 0;
	background: url("../commonNew/images/inquiry_bg.gif") repeat-x bottom;
}
	#inquiry .img01 {
		float: left;
		width: 281px;
		margin: 10px 0 0 0;
		padding: 0 0 0 10px;
	}
	#inquiry p {
		float: left;
		width: 281px;
		margin: 8px 0 0 0;
		padding: 0 0 0 10px;
		color: #7B6196;
		font-size: 80%;
	}
	#inquiry .img02 {
		float: right;
		width: 184px;
		margin-top: 16px;
		padding-right: 11px;
	}


/* ----------------------------------------------
 * クレジットカード
---------------------------------------------- */
#creditCard {
	padding-top: 24px;
}
	#creditCard p {
		margin: 0 0 12px;
	}

/* ----------------------------------------------
 * 函館イベントリンク集
---------------------------------------------- */
#externalLink .box {
	width: 525px;
	margin: 10px auto;
}
	#externalLink img {
		margin: 0 5px 10px 0;
	}

/* -----------------
	日付検索する
----------------- */
#search {
	margin: 5px 0 0;
}
	#search span.hotelColor {
		display: block;
		color: #331D4F;
		font-size: 120%;
		font-weight: bold;
		text-align: center;
	}

/* --------------------------
 * お問い合わせ・観光情報等
-------------------------- */
#contentSide ol {
	margin-bottom: -45px;
/*
	padding-top: 2px;
	background: url("../commonNew/images/reservation.gif") no-repeat left top;
*/
}



/* 緊急時用設定
----------------------------------------------- */

#urgency {
	width: 520px;
	margin: 0 0 20px 0;
	padding: 10px;
	color: #000000;
	text-align: left;
	border: 3px solid #ff0000;
	background: #ffffff;
}
	/* 文字を赤くする */
	#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;
		}