@charset "utf-8";

@import url(bridal-calender-basic.css);


/*イベント概要
----------------------------------------------- */
/*イベントタイトル*/
h3.main-event-title {
	margin-top: 25px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	font-size: 80%;
	line-height: 1.2;
	color: #FFFFFF;
	background-image: url(../img/bridal-event/event-info-title.gif);
	background-repeat: no-repeat;
	height: 28px;
	width: 666px;
	letter-spacing: 1px;
	clear: both;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-indent: 1em;
	padding-top: 13px;
	overflow: hidden;
}
h4.main-event-more-info-title {
	background-image: url(../img/bridal-event/event_info_dot3.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 20px;
	width: 666px;
	clear: both;
	margin-top: 25px;
}





.top-img {
	clear: both;
	height: 184px;
	width: 756px;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
}

#submenu {
	clear: both;
	width: 756px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
}
.submenu-head {
	float: left;
	height: 50px;
	width: 19px;
}
.submenu-news {
	float: left;
	height: 50px;
	width: 225px;
}
.submenu-advice {
	float: left;
	height: 50px;
	width: 213px;
}
.submenu-plan {
	float: left;
	height: 50px;
	width: 215px;
}
.submenu-foot {
	float: left;
	height: 50px;
	width: 296px;
}


/*イベント概要
----------------------------------------------- */
/*イベントタイトル*/



.event-outline-container {
	width: 666px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	margin-top: 15px;
	overflow: hidden;
}
.event-outline-box-left {
	float: left;
	width: 252px;
}
.event-outline-box-right {
	float: right;
	width: 400px;
}
.event-outline-box-right ul {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.event-outline-box-right ul li {
	float: left;
	list-style-type: none;
	margin-right: 1.5em;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-size: 12px;
	letter-spacing: 1px;
	white-space: nowrap;
}


/*イベントの日にちようのボックス、リスト*/
.event-days {
	font-size: 80%;
	color: #cc3467;
	font-weight: bold;
	clear: both;
	overflow: hidden;
	padding-left: 10px;
}

#main-container ul li {
	font-size: 12px;
	letter-spacing: 1px;
}

/*イベント時間*/
.event-time-data {
	font-size: 75%;
	color: #cb3467;
	font-weight: bold;
	vertical-align: baseline;
	padding-right: 10px;
	padding-left: 10px;
	clear: both;
}

/*イベント概要*/
.event-outline {
	font-size: 75%;
	margin-top: 1em;
	padding-right: 10px;
	padding-left: 10px;
	vertical-align: baseline;
	clear: both;
}


/*イベントポイント*/
.event-point {
	margin-top: 1em;
	font-size: 75%;
	padding-right: 10px;
	padding-left: 10px;
}
.event-detail-container {
	width: 634px;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #CCCCCC;
	background-image: url(../img/bridal-event/event_detail_back.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	overflow: hidden;
	clear: both;
	margin-top: 5px;
}
.event-detail-box-left {
	float: left;
	width: 130px;
	display: inline;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
}
.event-detail-box-right {
	width: 480px;
	float: right;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 8px;
}
h5.event-detail-topic {
	font-size: 80%;
	color: #660000;
}



.event-detail {
	font-size: 75%;
	margin-top: 5px;
}
.event-detail-morainfo {
	font-size: 80%;
	color: #650000;
	clear: both;
	margin-top: 0.7em;
}

/*前のイベント、次のイベント
----------------------------------------------- */
.event-prev-next-conteiner {
	padding: 0px;
	clear: both;
	width: 350px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	height: 36px;
	overflow: hidden;
}
.event-prev-next-box {
	float: left;
	width: 105px;
	margin-right: 5px;
	margin-left: 5px;
}





/*イベント参加特典
----------------------------------------------- */
.event-present-container {
	clear: both;
	width: 654px;
	margin-top: 30px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	border: 1px dotted #c0b19d;
	padding: 5px;
}
.event-present-box-left {
	display: inline;
	float: left;
	width: 100px;
}
.event-present-box-right {
	float: right;
	width: 540px;
	margin-top: 0.7em;
	font-size: 75%;
}
h3.event-reserved-title {
	font-size: 80%;
	font-weight: normal;
	background-image: url(../img/bridal-event/event-reserv-info-topic.gif);
	background-repeat: no-repeat;
	width: 666px;
	padding-top: 65px;
	clear: both;
	margin-top: 35px;
	overflow: hidden;
}
h3.event-reserved-tel-title {
	background-image: url(../img/bridal-event/event-reserv-tel-topic.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	clear: both;
	height: 109px;
	width: 666px;
	margin-top: 25px;
}
h3.event-reserved-net-title {
	background-image: url(../img/bridal-event/event-reserv-net-topic.gif);
	text-indent: -9999px;
	height: 40px;
	width: 666px;
	clear: both;
	margin-top: 25px;
}
.event-reserved-net-list {
	margin-top: 1em;
	margin-left: 1.5em;
}
.event-reserved-net-list ul {
	margin-left: 1.5em;
}
.event-reserved-net-list li {
	font-size: 80%;
	margin-top: 0.5em;
}
.reserved-form-notice {
	font-size: 80%;
	margin-top: 1em;
	margin-left: 1em;
}





/*予約フォームの説明*/
.event-reserve-form {
	clear: both;
	width: 600px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 15px;
	font-size: 80%;
	margin-bottom: 1em;
}

.event-reserve-form li {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	line-height: 160%;
}
table /*予約フォームのテーブル*/
  {
	width: 664px;
	border-spacing: 0;
	border-collapse: collapse;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #CCCCCC;
	margin-top: 10px;
}
td   {
	border: 1px solid #CCCCCC;
	padding-top: 1em;
	padding-bottom: 0.7em;
	padding-left: 10px;
	font-size: 80%;
}
.nini {
	background-color: #f3e5d7;
	background-image: url(../img/bridal-event/mark_nini.gif);
	background-repeat: no-repeat;
	background-position: right center;
	font-weight: bold;
	color: #754026;
}/*入力任意セル*/

.hisu {
	background-color: #f3e5d7;
	background-image: url(../img/bridal-event/mark_hisu.gif);
	background-repeat: no-repeat;
	background-position: right center;
	font-weight: bold;
	color: #754026;
}/*入力必須セル*/

.comp {
	background-color: #F3F4EC;
}/*入力結果セル*/

.form-button-box {
	width: 666px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	clear: both;
	margin-top: 25px;
}


/*備考欄
----------------------------------------------- */
#note-box {
	font-size: 80%;
	border: 1px solid #CCCCCC;
	clear: both;
	margin-top: 30px;
	margin-right: auto;
	margin-left: auto;
	padding: 10px;
	background-color: #f9f9f9;
	width: 644px;
}
#note-box ul {
	padding: 0px;
	margin-top: 0.5em;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 2em;
}
#note-box li {
	font-size: 12px;
	line-height: 160%;
	color: #333333;
}
#event-reserved-complete {
	width: 640px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	margin-top: 15px;
	overflow: hidden;
}
#event-reserved-complete h2 {
	font-size: 90%;
	line-height: 1.3;
	color: #333333;
	padding-left: 4px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #C9B395;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 3px;
	clear: both;
}
#event-reserved-complete ul {
	clear: both;
	padding: 0px;
	margin-top: 1em;
	margin-right: 2em;
	margin-bottom: 2em;
	margin-left: 2em;
}
#event-reserved-complete li {
	font-size: 80%;
	margin-top: 0.7em;
}
#event-reserved-complete h3 {
	color: #FF0000;
	padding: 0px;
	margin-top: 1px;
	margin-right: 0px;
	margin-bottom: 1px;
	margin-left: 0px;
}
#event-reserved-complete p {
	margin-top: 0.5em;
	font-size: 80%;
}


/*★★エラーページ★★
----------------------------------------------- */
p.form-error-text {
	font-weight: bold;
	color: #F00;
	margin-top: 1em;
}

/*★★確認画面★★
----------------------------------------------- */

.fair-inquiry-confirm {
	width: 654px;
	clear: both;
	margin-top: 15px;
}
.event-form-confirm-title {
	clear: both;
	height: 60px;
	width: 650px;
	margin-top: 15px;
}
.event-reserve-form ul {
	margin-top: 1em;
	margin-left: 1.5em;
}
.event-reserve-form li {
	margin-top: 0.5em;
}

.fair-tr {
	width: 654px;
	overflow: hidden;
	clear: both;
	margin-top: 1px;
	background-color: #F3E5D7;
}
.fair-th {
	font-size: 70%;
	width: 143px;
	padding: 10px;
	float: left;
	background-color: #f3e5d7;
	color: #754026;
	font-weight: bold;
	display: inline;
}
.fair-td {
	float: right;
	width: 470px;
	padding: 10px;
	font-size: 70%;
	background-color: #f3f3f3;
}