@charset "utf-8";

/* -----------------------------------------------
 * 望楼NOGUCHI登別
 * インフォメーションページ CSS
 *
 * Author     : sue
 * LastUpdate : 09/04/10
----------------------------------------------- */

/* ----------------------------------------------
 * インフォメーションページ専用基本枠
---------------------------------------------- */
#container {
	background: url("../img/mainBack.jpg") no-repeat;
}

/* ----------------------------------------------
 * お知らせ欄
---------------------------------------------- */
#infoHeadline h3 {
	float: left;
	margin: 24px 0 15px;
}
#infoHeadline p {
	margin: 26px 0 15px;
}
	#infoHeadline p#infoBt,
	#infoHeadline p#infoBt a,
	#infoHeadline p#infoBt a:hover {
		 float: right;
		 width: 48px;
	}
		#infoHeadline p#infoBt {
			background: url("../img/info_bt_o.gif") no-repeat;
		}
			#infoHeadline p#infoBt a:hover {
				background: transparent;
			}
				#infoHeadline p#infoBt a:hover img {
					visibility: hidden;
				}

#infoFrame {
/*	overflow: auto;
	width: 470px;
	height: 250px;*/
	border: 1px solid #3F3F3F;
}
		#infoFrame #infoBox iframe {
			width: 470px;
			height: 250px;
			overflow-x: hidden;
		}

		/* ----------------------
		 * info.php
		---------------------- */
		#infoBox dl {
			margin: 3px 0 0 3px;
		}
			#infoBox dt {
				width: 430px;
				height: 35px;
				margin: 0 0 15px;
				padding: 0;
				line-height: 35px;
				text-indent: 5px;
				background: url("../img/infoListBack.gif") no-repeat;
			}
			#infoBox dd {
				width: 420px;
				margin-bottom: 15px;
			}
				#infoBox .images img {
					margin: 0 5px 5px 0;
				}
	
				/* JavaScript関連 */
				/* 隠す */
				#infoBox dd.clsHidden {
					display: none;
				}
				/* 出す */
				#infoBox dd.clsShow {
					display: block;
				}

/* ----------------------------------------------
 * 携帯サイト
---------------------------------------------- */
#mobileSite {
	margin-bottom: 20px;
}
	#mobileSite h4 {
		margin-bottom: 10px;
		font-weight: normal;
	}
	
		/* QRコード */
		#mobileSite .qrCord {
			float: left;
			width: 160px;
			margin-right: 20px;
		}
	
		/* URL送信 */
		#mobileSite .textBox {
			float: right;
			width: 290px;
		}
			/* 説明文 */
			#mobileSite .textBox #adInfo {
				padding: 5px;
				background: #151515;
			}
				#mobileSite .textBox #adInfo p {
					margin-bottom: 10px;
					font-size: 10px;
					line-height: 1.4;
				}
					#mobileSite .textBox #adInfo p.referenceMark {
						margin-bottom: 0;
						color: #999999;
					}
				#mobileSite .textBox ol {
					margin: 15px 0 10px;
				}
					#mobileSite .textBox ol li {
						margin: 0 0 5px 25px;
						font-size: 90%;
						list-style-type: decimal;
					}
				/* フォーム */
				#mobileSite .textBox form {
					text-align: center;
					border: 1px solid #444444;
				}
					#mobileSite .textBox form dl {
						width: 270px;
						margin: 0 auto;
						padding: 10px 0;
					}
					#send_result {
						font-size: 11px;
						color: #ff0000;
						font-weight: bold;
					}
					.adAdd {
						width: 220px;
						margin-right: 5px;
					}

/* ----------------------------------------------
 * ポイントカード・ゆめ～る
---------------------------------------------- */
.prSpace {
	width: 470px;
	margin-bottom: 15px;
	text-align: center;
	background: #151515;
}
	.prSpace .box {
		width: 450px;
		margin: 0 auto;
		padding: 10px 0;
	}
	.prSpace h3 {
		margin: 5px 0 15px;
		padding: 0;
	}
	.prSpace p {
		line-height: 1.5;
	}
	.prSpace .posL {
		float: left;
		width: 170px;
		margin-right: 10px;
	}
	.prSpace .posR {
		float: right;
		width: 270px;
	}


/* ----------------------------------------------
 * 航空券
---------------------------------------------- */
#airlineTicket {
	margin-top: 2em;
	margin-bottom: 3em;
	padding-top: 1em;
	border-top: 1px solid #3A3A3A;
}
	#airlineTicket ul li {
		float: left;
		margin-right: 5px;
	}
	#airlineTicket ul li.end {
		margin-right: 0;
	}

/* ----------------------------------------------
 * クレジットカード
---------------------------------------------- */
#creditCard {
	margin-top: 30px;
}


/* ----------------------------------------------
 * お知らせ一覧 new_list.cgi
---------------------------------------------- */
#infoNewList {
	margin-top: 20px;
}
	#infoNewList h3 {
		width: 470px;
		height: 35px;
		margin: 0 0 10px 0;
		padding: 0;
		line-height: 35px;
		text-indent: 5px;
		background: url("../img/infoListBack_long.gif") no-repeat;
	}
		#infoNewList h3 .titleH3 {
			font-weight: normal;
		}
	#infoNewList .box {
		margin-bottom: 30px;
	}
	#infoNewList .box .imgL {
		margin: 0 10px 0 0;
	}
		#infoNewList .box .imgL img {
			margin-bottom: 10px;
		}

	/* ------------------------
	 * ページャー
	------------------------ */

	/* 次へ・前へ */
	#infoNewList .pageNav {
		float: left;
	}
		#infoNewList .pageNav .back {
			margin-right: 20px;
		}
	/* 数字 */
	#infoNewList ul.pageNavList {
		float: right;
	}
		#infoNewList ul.pageNavList li {
			float: left;
		}