@charset "utf-8";

/* ****************************************************************
   メルマガページの独自設定
   	メルマガトップ
   	メルマガ会員登録
   	メルマガ会員登録完了
   	ドメイン指定受信
*************************************************************** */
/* ********************************
   メルマガトップ
******************************** */
img{
border:none;
}
#mailInfo{
margin-bottom:20px;
}
#mailInfo ul{
position:relative;
}
#mailInfo ul li.left{
float:left;
display:inline;
width:451px;
}
#mailInfo ul li.left h2{
margin:0 0 15px 0;
}
#mailInfo ul li.left h3{
margin:20px 0 15px 0;
}
#mailInfo .left p{
width:440px;
}
#mailInfo .left p.arrow a{
line-height:1.3;
padding-left:12px;
background:url(../../common/images/arrow_pink.gif) no-repeat 0% 1px !important;
background:url(../../common/images/arrow_pink.gif) no-repeat 0% 2px;
}
#mailInfo .left p.news{
padding:0 0 15px 0;
}
#mailInfo ul li.right{
float:right;
display:inline;
width:242px;
margin-right:20px;
}

/* ********************************
   メルマガ会員登録
******************************** */
#mail{
width:644px;
font-size:1.2em;
}
#mail .bgTop{
background:url(../images/mailmag_bg01.png) no-repeat 0% 0%;
padding-top:20px;
width:644px;
}
#mail .bgBtm{
width:644px;
background:url(../images/mailmag_bg02.png) no-repeat 0% 100%;
padding:0 0 20px 0;
}
p.close{
margin:0;
padding:0;
text-align:right;
}
#entryMail iframe{
width:644px;
height:520px !important;
border:none;
overflow:hidden !important;
}
#cancelMail iframe{
width:644px;
height:210px !important;
border:none;
overflow:hidden !important;
}
#err{
margin-bottom:12px;
color:#FF0000;
}


/* ********************************
   メルマガ会員登録完了
******************************** */
#mail .txt02{
margin:73px 0 0 80px;
}
#mail .img02{
margin:28px 0 0 471px;
}


/* ********************************
   ドメイン指定受信
******************************** */
#domain{
padding:10px 38px;
}

#domain h1{
margin-left:-10px;
margin-bottom:24px;
}

#domain p.lead{
margin-bottom:18px;
}

/*#qrArea*/
#qrArea{
position:relative;
width:400px;
height:68px;
margin:18px 0;
}

#qrArea p{
position:absolute;
left:0;
top:0;
}

#qrArea p.docomo{
left:161px;
}

#qrArea p.au{
left:253px;
}

#qrArea p.sb{
left:339px;
}

/*#about*/
#about{
padding:12px 14px;
background:#fcfaef;
border:2px solid #f6f2db;
line-height:1.8;
}

#about p{
color:#e1434b;
}

#domain p.back{
margin-top:1.5em;
text-align:center;
}

#domain p.back a,
#frame a.link{
padding-left:8px;
background:url(../../common/images/arrow_pink.gif) no-repeat 0 0;
}