﻿@charset "utf-8";

/* banner01
----------------------------------------------- */
#banner01 {
	padding: 10px 0 0;
	text-align: center;
	background: url("../images/bg_banner.gif") no-repeat #79552B;
}

	/* 月一 */
	#banner01 .monthlyPlanBanner {
		width: 545px;
		margin: 10px auto;
	}
		/* 月一が複数の時 */
		#banner01 .monthlyPlanBanner ul.imgList li {
			margin: 0;
			padding: 0;
		}
	/* 紹介バナー */
	#banner01 .prBanner {
		width: 545px;
		margin: 10px auto;
	}
		#banner01 .prBanner ul.imgList li {
			margin: 0 5px 0 0;
			padding: 0;
		}
			#banner01 .prBanner ul.imgList li.end {
				margin-right: 0;
			}

	/* 通年 */
	#banner01 .article {
		width: 545px;
		margin: 10px auto;
	}
		#banner01 .banner01_1 {
			float: left;
			width: 270px;
			margin: 0 5px 0 0;
		}
		#banner01 .banner01_2 {
			float: left;
			width: 270px;
		}

/* news
----------------------------------------------- */
#news {
	width: 565px;
	height: 410px;
	margin: 0;
	text-align: center;
	background: url("../images/bg_newsbox.gif") no-repeat #F7F4EE;
}
	#news h3 {
		width: 565px;
		height: 44px;
		padding: 0;
		background: url("../images/bg_newstitle.gif") repeat-y left;
	}
		#news h3 .list {
			float: right;
			margin: 13px 15px 0 0;
			text-align: right;
		}
	#news iframe {
		width: 545px;
		height: 360px;
		margin: 5px auto 0;
		overflow-x: hidden;
		background-color: #F7F4EE;
	}

/* info
----------------------------------------------- */
#info {
	width: 565px;
	height: 87px;
	margin-top: 10px;
	background: url("../images/bg_info.gif") repeat-x;
}
	#info .info01 {
		float: left;
		width: 284px;
		margin: 15px 0 0 0;
		padding-left: 24px;
	}
		#info .info01 p {
			margin: 2px 0 0 0;
			color: #4C3010;
			font-size: 90%;
			line-height: 1.2;
		}
	#info .info02 {
		float: left;
		width: 218px;
		margin: 10px 0 0 0;
		text-align: right;
	}

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

/* ----------------------------------------------
 * 携帯メールアドレス送信
---------------------------------------------- */
.mobileAd {
	width: 535px;
	margin: 0.5em auto;
	text-align: center;
}
	#contentMain .mobileAd h2 {
		float: none;
		margin: 0;
	}
	#contentMain .mobileAd h3 {
		float: none;
		width: auto;
		height: auto;
		margin: 0.5em 0;
		padding: 0;
		color: #4E422E;
		font-size: 14px;
		font-weight: bold;
		text-indent: 0;
		background: none;
	}
		.mobileAd .article {
			width: 515px;
			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: 299px;
		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: 240px;
				margin-right: 5px;
				ime-mode: inactive;
			}
		.mobileAd .qrCord {
			float: left;
			width: 180px;
			margin-right: 10px;
		}
		.mobileAd .textBox {
			float: left;
			width: 320px;
		}
			/* 背景色付 */
			.mobileAd .adInfo {
				padding: 6px;
				background: #EFE9D5;
			}

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

/* 緊急時用設定
----------------------------------------------- */
#contentMain #urgency {
	width: 520px;
	margin: 20px 0 20px 10px;
	padding: 10px;
	color: #000000;
	text-align: left;
	border: 3px solid #ff0000;
	background: #ffffff;
}
	/* 文字を赤くする */
	#contentMain #urgency .accent {
		color: #ff0000;
	}
	/* センタリングする */
	#contentMain #urgency .centering {
		text-align: center;
	}
	/* 文字を太くする */
	#contentMain #urgency .boldType {
		font-weight: bold;
	}

	/* 各種設定 */
	#contentMain #urgency h2 {
		margin-bottom: 12px;
		font-size: 140%;
		text-align: center;
		font-weight: bold;
	}
	#contentMain #urgency h3 {
		float: none;
		width: auto;
		height: auto;
		margin: 6px 0;
		padding: 0;
		color: #000000;
		font-size: 120%;
		font-weight: bold;
		background: none;
	}
	#contentMain #urgency p,
	#contentMain #urgency ul,
	#contentMain #urgency dl {
		width: auto;
		margin: 6px 0;
	}
	#contentMain #urgency p,
	#contentMain #urgency ul li,
	#contentMain #urgency dl dt
	#contentMain #urgency dl dd {
		font-size: 110%;
	}
		#contentMain #urgency ul li {
			margin: 3px 0 3px 20px;
			list-style-type: disc;
		}
		#contentMain #urgency dl dt {
			margin: 3px 0;
			font-weight: bold;
		}


/* ----------------------------------------------
 * 右サイド
---------------------------------------------- */
/* 施設・周辺環境などを紹介 */
#contentSide #referralArea {
	margin-top: 2px;
	margin-bottom: 5px;
}
	#contentSide #referralArea li {
		margin: 0 0 2px;
	}

	/* グラデーション背景画像 */
	#contentSide #sideFoot {
		width: 180px;
		padding-bottom: 40px;
		background: url("../common/images/bg_contentside.gif") no-repeat left bottom;
	}
		#contentSide dl {
			padding: 10px 10px 0;
			background: none;
		}

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