﻿@charset "utf-8";

/* -----------------------------------------------
 * 夢窓庵
 * お知らせ CSS
 *
 * Author     : sue
 * LastUpdate : 09/04/20
----------------------------------------------- */

/* ----------------------------------------------
 * お知らせページ専用基本枠
---------------------------------------------- */
#contentArea {
	width: 740px;
/*	background: url("../img/mainBack.jpg") no-repeat left top;*/
}

#infoList {
	margin: 40px 0 0;
}

	/* --------------------------------------------
	 * 新着情報
	-------------------------------------------- */
	#infoList .posL {
		width: 470px;
		margin-right: 10px;
	}

	/* タイトル */
	#infoHeadline h2 {
		float: left;
	}
	#infoHeadline p {
		float: left;
		margin-left: 10px;
		padding: 4px 0 0;
	}

	/* iframe部分 */
	#infoFrame {
		width: 470px;
		height: 410px;
		margin: 15px 0 0;
		border: 1px solid #3F3F3F;
	}
			#infoFrame #infoBox iframe {
				width: 470px;
				height: 410px;
				overflow-x: hidden;
			}

	/* ----------------------
	 * info.php
	---------------------- */
	body#infoBox {
		background: #000000;
	}

	#infoBox dl {
		margin: 3px 0 0 3px;
	}
		#infoBox dt {
/*			width: 430px;*/
			width: 720px;
			height: 35px;
			margin: 0 0 15px;
			padding: 0;
			line-height: 35px;
			text-indent: 5px;
			background: url("../img/infoListBack.gif") no-repeat;
		}
			#infoBox dt .title {
				margin-right: 10px;
			}
		#infoBox dd {
			width: 710px;
/*			width: 420px;*/
			margin-bottom: 15px;
		}
			#infoBox .images img {
				margin: 0 5px 5px 0;
			}

			/* JavaScript関連 */
			/* 隠す */
			#infoBox dd.clsHidden {
				display: none;
			}
			/* 出す */
			#infoBox dd.clsShow {
				display: block;
			}

	/* --------------------------------------------
	 * 携帯サイト
	-------------------------------------------- */
	#infoList .posR {
		width: 213px;
	}
	#infoList h2 {
		margin: 0 0 5px;
	}
	#infoList h3 {
		margin: 10px 0 5px;
		font-weight: normal;
	}

	#infoList #qrCord {
		text-align: center;
	}

	#infoList form {
		text-align: center;
		border: 1px solid #444444;
	}
		#infoList form dl {
			width: 193px;
			margin: 0 auto;
			padding: 5px 0;
		}
		/* input textの長さ */
		.adAdd {
			width: 145px;
			margin-right: 5px;
		}
	/* 送信エラー */
	#send_result {
		font-size: 11px;
		color: #ff0000;
		font-weight: bold;
	}

	/* 説明文 */
	#infoList #adInfo {
		margin: 10px 0 0;
		padding: 5px;
		background: #151515;
	}
		#infoList #adInfo p {
			margin-bottom: 10px;
			font-size: 10px;
			line-height: 1.4;
		}
			#infoList #adInfo p.referenceMark {
				margin-bottom: 0;
				color: #999999;
			}
		#infoList ol {
			margin: 10px 0 0;
		}
			#infoList ol li {
				margin-left: 25px;
				font-size: 10px;
				list-style-type: decimal;
			}

	/* ------------------------
	 * クレジットカード
	------------------------ */
	#creditCard {
		margin: 20px 0;
		padding-top: 20px;
		border-top: 1px solid #739900;
	}


/* ----------------------------------------------
 * お知らせ一覧 new_list.cgi
---------------------------------------------- */
#infoNewList {
	margin-top: 20px;
}
	#infoNewList h3 {
		width: 700px;
		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;
		}