@charset "utf-8";

/* ===================================================================
CSS information

 file name  :mail.css
 author     :Lyon
 style info :メールマガジンページ用CSS
=================================================================== */

#article {
	width: 630px;
	margin: 0 auto;
}
/* -----------------------------------------------------------
	メールマガジン 上半分とタイトルバー
----------------------------------------------------------- */
img, input {
	border: none;
}
#mail h2 {
	width: 630px;
	height: 92px;
	margin: 0 0 14px 0;
	background: url(../img/mail/mail.gif) no-repeat;
}
#mail h3 {
	width: 630px;
	height: 36px;
	margin: 0 0 14px 0;
	background: url(../img/mail/bar_mail.gif) no-repeat;
}
#mail h4 {
	width: 630px;
	background: url(../img/share/bar_title_bottom2.gif) no-repeat bottom #8dc21f;
	color: #fff;
	overflow: hidden;
	clear: both;
}
#mail h4 .mailTitle {
	margin: 0 0 0 10px;
	padding: 0 0 0 15px;
	background: url(../img/share/bar_maru.gif) no-repeat left 3px;
	display: inline;
	font-size: 117%;
	text-indent: 5px;
	float: left;
	text-align: center;
	line-height: 1.4;
}
#mail .mailTitleTop {
	width: 630px;
	height: 4px;
	background: url(../img/share/bar_title_top2.gif) no-repeat top;
}
h2 span, h3 span {
	display: none;
}
/* -----------------------------------------------------------
	メールマガジン registration from PC
----------------------------------------------------------- */
#regist, #barcode {
	width: 600px;
	margin: 0 auto 80px auto;
	text-align: center;
}
#regist p, #barcode p {
	margin: 15px 0;
	text-align: left;
}
a:link, a:visited {
	color: #006600;
	text-decoration : underline;
}
a:active, a:hover {
	color: #009900;
	text-decoration : underline;
}
#regist div span {
	display: none;
}
#regist div.click {
	width: 315px;
	height: 56px;
	margin: 20px 0 30px 0;
	background: url(../img/mail/click.gif) no-repeat;
}
#formTopPage {
	width: 240px;
	margin: 10px 0 20px 0;
	border: 2px solid #dcdacb;
	float: left;
}
#formTopPage2 {
	width: 86px;
	margin: 10px 0 20px 40px;
	border: 2px solid #dcdacb;
	float: left;
}
#boxx {
	width: 376px;
	margin-left: auto;
	margin-right: auto;
}
#formTopPage_one {
	width: 125px;
	margin: 10px 0 20px 0;
	border: 2px solid #dcdacb;
	float: left;
}
#regist div.eMail {
	width: 91px;
	height: 26px;
	margin: 0 0 25px 52px;
 *margin:0 0 25px 26px;
	background: url(../img/mail/email.gif) no-repeat;
	float: left;
}
.mailForm input {
	width: 341px;
	height: 21px;
	margin: 0 0 35px 0;
	padding: 5px 0 0 14px;
	background: url(../img/mail/input_off.gif) no-repeat;
	float: left;
}
.mailForm .mailinput {
	background: url(../img/mail/input_on.gif) no-repeat;
}
/* -----------------------------------------------------------
	メールマガジン registration from MOBILE
----------------------------------------------------------- */
#barcode {
	width: 605px;
	margin: 0 auto;
	overflow: hidden;
}
#barcode img {
	display: block;
}
#barcode .emptyMail {
	margin: 30px 0 0 10px;
 *margin:30px 0 0 0;
/*	margin:15px 0 0 155px;
	*margin:15px 0 0 0;*/
}
#barcode .sendMail {
	margin: 20px 0 10px 10px;
 *margin:20px 0 10px 0;
/*	margin:30px 0 30px 168px;
	*margin:30px 0 30px 0;*/
}
#barcode .registSite {
	margin: 0 0 15px 10px;
	text-align: left;
}
#barcode .barcode {
	margin: 0 10px 50px 10px;
	_margin: 0 10px 50px 5px; /*IE6のみ*/
	float: left;
}
#barcode .barcodeText {
	width: 245px;
	margin: 0 0 20px 0;
	padding: 0 5px 0 0;
	float: left;
}
#mailinfo {
	width: 360px;
	float: right;
}
#mailinfo_one {
	width: 460px;
	float: right;
}
#mobileTopPage {
	width: 240px;
	margin: 30px 0 20px 0;
	border: 2px solid #dcdacb;
	float: left;
}
#barcode .barcodeAttention {
	width: 340px;
	margin: 0 0 30px 20px;
}
#barcode .barcodeAttention {
	width: 340px;
	margin: 0 0 30px 20px;
}
/* -----------------------------------------------------------
	モバイルのご紹介 registration from PC
----------------------------------------------------------- */
.mobile h2 {
	width: 630px;
	height: 92px;
	margin: 0 0 14px 0;
	background: url(../img/mail/mobile.gif) no-repeat;
}
.mobile h3 {
	width: 630px;
	height: 36px;
	margin: 0 0 14px 0;
	background: url(../img/mail/bar_mobile.gif) no-repeat;
}
#mobile h4 {
	width: 630px;
	background: url(../img/share/bar_title_bottom2.gif) no-repeat bottom #8dc21f;
	color: #fff;
	overflow: hidden;
	clear: both;
}
#mobile h4 .mobileTitle {
	margin: 0 0 0 10px;
	padding: 0 0 0 15px;
	background: url(../img/share/bar_maru.gif) no-repeat left 3px;
	display: inline;
	font-size: 117%;
	text-indent: 5px;
	float: left;
	line-height: 1.4;
}
#mobile .mobileTitleTop {
	width: 630px;
	height: 4px;
	background: url(../img/share/bar_title_top2.gif) no-repeat top;
}
#bar_mobile {
	border: red solid 1px;
}
#mobile {
	margin-top: 16px;
}
#mobile img {
	border: none;
}
#mobile .lets-tit {
	padding: 28px 0 17px 0;
}
#mobile .barcode {
	width: 82px;
	height: 76px;
	padding-right: 6px;
	float: left;
}
#mobileinfo {
	width: 355px;
	float: right;
}
#mobile p {
	line-height: 20px;
}
#mobile .barcodeText {
	margin: 27px 0 10px 0;
}
#balloon {
	padding-left: 10px;
}
#samp {
	clear: both;
	padding: 10px 0 10px 47px;
	overflow: hidden;
}
/*#mobile strong {
	font-size: 117%;
}*/
/* -----------------------------------------------------------
	追加 空電 部分
----------------------------------------------------------- */

p.kara_tel {
	padding-top: 30px;
	margin-bottom: 30px;
}
p.kara_step {
	margin-bottom: 30px;
}
/* -----------------------------------------------------------
	メールマガジン リニューアル
----------------------------------------------------------- */
#renewal_mailmagazin {
	width: 630px;
	margin-bottom: 28px;
}
#renewal_mailmagazin h2 {
	background: none;
	height: auto;
	width: 630px;
	margin-bottom: 0px;
}
#renewal_mailmagazin p {
	margin-bottom: 0;
}
#mail_otoku {
	width: 630px;
	height: 601px;
	position: relative;
	background: url(../img/mail/renewal/bg-renewal.gif) no-repeat top left;
}
#mail_otoku div {
	position: absolute;
}
#mail_otoku div#gourmet_coupon {
	top: 62px;
	left: 41px;
}
#mail_otoku div#event_info {
	top: 51px;
	left: 243px;
}
#mail_otoku div#sale_info {
	top: 46px;
	left: 432px;
}
#mail_otoku div#access_info {
	top: 205px;
	left: 160px;
}
#mail_otoku div#premium_info {
	top: 192px;
	left: 329px;
}
#mail_otoku div#otoku_mizudori {
	top: 410px;
	left: 35px;
}
#use_aten {
	width: 630px;
	padding-top: 18px;
	margin-bottom: 18px;
	border-top: #666666 1px dashed;
}