@charset "utf-8";
@import url("import.css");
@import url("aside.css");
/* ===================================================================
CSS information

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


/* -----------------------------------------------------------
	メールマガジン 上半分とタイトルバー
----------------------------------------------------------- */
img,input {
	border:none;
}

.mailmagazine h2{
	width:632px;
	height:92px;
	margin:0 0 14px 0;
	background:url(../img/mail/mail.gif) no-repeat;
}

.mailmagazine h3{
	width:632px;
	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;
}



#mail .mailTitleTop {
	width:630px;
	height:4px;
	background:url(../img/share/bar_title_top2.gif) no-repeat top;
}

/* -----------------------------------------------------------
	メールマガジン 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;
	float:right;
	margin:20px 6px 30px 0;
	background:url(../img/mail/click.gif) no-repeat;
}

#formTopPage {
	width:240px;
	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;
}

#mobileTopPage {
	width:240px;
	margin:30px 0 20px 0;
	border:2px solid #dcdacb;
	float:left;
}

#barcode .barcodeAttention {
	width:340px;
	margin:0 0 30px 20px;
}


/* -----------------------------------------------------------
	モバイルのご紹介 registration from PC
----------------------------------------------------------- */
.mobile h2{
	width:632px;
	height:92px;
	margin:0 0 14px 0;
	background:url(../img/mail/mobile.gif) no-repeat;
}

.mobile h3{
	width:632px;
	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;
}

#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%;
}