@charset "UTF-8";

/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
formディレクトリ
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

/*タイトル - お問い合わせ（一般向け）*/
h3.pageTitle { background: url(/form/inquiry/images/title.gif) no-repeat 0 0; }
/*タイトル - お問い合わせ（事業者向け）*/
h3.pageTitleShop { background: url(/form/inquiry/images/title.gif) no-repeat 0 0; }

/*タイトル - 広告掲載について*/
h3.pageTitleAd { background: url(/form/ad/images/title.gif) no-repeat 0 0; }
/*タイトル - 広告掲載に関する問い合わせ*/
h3.pageTitleAd { background: url(/form/ad/images/title.gif) no-repeat 0 0; }

/*タイトル - 認証確認*/
h3.pageTitleCertification { background: url(/blog/images/title-certification.gif) no-repeat 0 0; }

/*タイトル - 今月のプレゼント*/
h3.pageTitlePresent { background: url(/present/images/title.gif) no-repeat 0 0; }
/*タイトル - プレゼント応募フォーム*/
h3.pageTitlePresentForm { background: url(/present/images/title2.gif) no-repeat 0 0; }
/*タイトル - 過去のプレゼント一覧*/
h3.pageTitlePresentHistory { background: url(/present/images/title3.gif) no-repeat 0 0; }





/*タイトル*/
h3.pgeatitleBg {
	background: url(/form/shop/images/title-bg.gif) 0 0;
	text-indent: 0px !important;
	line-height: 125px;
	font-size: 32px;
	color: #09F;
	font-weight: bold;
}

/*各お店のお問い合わせ*/
h3.pgeatitleShop {
	margin: 0 0 15px 0;
	padding: 0;
	text-indent: 0px !important;
	line-height: 1em;
	font-size: 32px;
	color: #09F;
	font-weight: bold;
}
#divFoamShopFlame {
	padding: 20px 10px 0 25px;
}




/*---------------------------------------------------------------
サイドバー - お問い合せの流れ
---------------------------------------------------------------*/
.divInquiryFlow {
	padding: 10px;
	background: url(/form/inquiry/images/flow-bg.jpg) repeat-y;
}

p.subText {
	line-height: 1.5em;
	padding-bottom: 10px;
}

p.subText sup {
	color: #F30;
	padding-left: 3px;
}

/*---------------------------------------------------------------
ご予約の流れ
---------------------------------------------------------------*/
.divShopRevArea {
	padding: 0 0 20px 0;
	font-size: 12px !important;
	color: #333 !important;
}
.divShopRevArea em {
	font-size: 1.5em;
	line-height: 1.5em;
	font-weight: bold;
	color: #F30;
}

h5.h5ShopRevSubTtl {
	margin: 20px 0 10px 0;
	padding: 0;
	width: 131px;
	height: 21px;
	display: block;
	text-indent: -9999px;
	background: url(/form/shop-rev/images/sub-ttl-001.gif) no-repeat;
}
h5.h5ShopRevSubTtl2 {
	margin: 20px 0 10px 0;
	padding: 0;
	width: 340px;
	height: 21px;
	display: block;
	text-indent: -9999px;
	background: url(/form/shop-rev/images/sub-ttl-002.gif) no-repeat;
}
h5.h5ShopRevSubTtl3 {
	margin: 20px 0 10px 0;
	padding: 0;
	width: 218px;
	height: 21px;
	display: block;
	text-indent: -9999px;
	background: url(/form/shop-rev/images/sub-ttl-003.gif) no-repeat;
}
.divShopRevFlow {
	margin: 0 0 10px 0;
	padding: 10px 0 10px 10px;
	width: 690px;
	background: url(/form/shop-rev/images/flow-bg.gif) repeat-x;
}


/*---------------------------------------------------------------
プレゼント
---------------------------------------------------------------*/

.divPresentHeadArea { padding: 10px 0 0 0; margin: 0 auto 40px auto; width: 910px; }
.divPresentHeadArea h4 { margin: 0 0 25px 0; padding: 0 0 10px 0; width: 910px; font-size: 28px; font-weight: bold; line-height: normal; background: url(/present/images/sub-title-bg.gif) no-repeat center bottom; }

.divPresentHeadAreaInner { margin: 0 auto; width: 910px;  }

/*イメージ*/
.divPresentHeadImg { float: left; margin: 0 0 10px 0; width: 350px; }
.divPresentHeadImg .inner { padding: 6px; border: 4px solid #CCC; }
.divPresentHeadImg img { width: 330px; }

/*プレゼント詳細*/
.divPresentHeadData { float: right; width: 530px; }
.divPresentHeadData h5 { margin: 0 0 13px 0; font-size: 20px; line-height: 1.5em; font-weight: bold; color: #04A780; }

/*当選者人数*/
.divPresentHeadData .numberPeople { margin: 0 0 10px 0; }
.divPresentHeadData .numberPeople em { padding: 6px 12px 4px 12px; font-size: 16px; line-height: 1.5em; font-style: normal; font-weight: bold; color: #FFF; background: #04A780; }

.divPresentHeadData p em { margin: 0 0 10px 0; width: 530px; font-style: normal; font-weight: bold; display: block; }
.divPresentHeadData p.detailComment { margin: 0 0 10px 0; width: 490px; display: block; line-height: 1.8em; }

/*提供元*/
.divPresentOffer { margin: 0 0 10px 0; width: 530px; background: #F4F4F4; }
.divPresentOffer dl { margin: 0; padding: 15px 15px 10px 15px; border: 1px dotted #CCC; }
.divPresentOffer dt { margin: 0; font-weight: bold; color: #04A780; }
.divPresentOffer dd { margin: 0 0 5px 0; }


/*応募するボタン*/
.divPresentBtn { margin: 0 auto 40px auto; width: 250px; height: 40px; }
.divPresentBtn input { margin: 0; width: 250px; height: 40px; display: block; text-indent: -9999px; background: url(/present/images/btn-present.gif) no-repeat; border: none
; cursor: pointer; }

.divPresentRemarks { margin: 0 auto 40px auto; width: 902px; border: 4px solid #CCC; }
.divPresentRemarks dl { padding: 12px 12px 10px 12px; }
.divPresentRemarks dt { margin: 0; font-weight: bold; color: #04A780; }
.divPresentRemarks dd { margin: 0 0 2px 0; }

/*応募画面*/
.divPresentFormArea .divPresentHeadImg { float: left; width: 250px; }
.divPresentFormArea .divPresentHeadImg img { width: 250px; }

.divPresentFormArea { margin: 0 auto 20px auto; padding: 25px 0; width: 902px; border: 4px solid #CCC; }
.divPresentFormArea h4 { margin: 0 0 5px 0; padding: 0; width: 590px; font-size: 20px; font-weight: bold; line-height: normal; }
.divPresentFormArea .divPresentHeadData { float: right; width: 590px; }
.divPresentFormArea .divPresentHeadData h5 { margin: 0; }
.divPresentFormArea .divPresentHeadData p { margin: 0; font-weight: bold; }

h4.h4PresentFormSubTtl { margin: 20px 0 0 0; padding: 0; font-weight: bold; font-size: 14px; }