@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:474px !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;
}