@import url("contents.css");

/*------------------------------------------------------------------------------------

#mailmagazine

-------------------------------------------------------------------------------------*/

/* Basic Settings
-------------------------------------------------------------------------------------*/
.contContainer dl{
float:left;
width:260px;
height:330px;
display:block;
}
.contContainer p span{
font-size:11px;
color:#666666;
}
.contContainer dt{
font-size:13px;
font-weight:bold;
color:#FF3399;
padding:0 0 155px 0;
margin:0 0 3px 0;
}
/* Magazine Select
-------------------------------------------------------------------------------------*/
/* PC */
.contContainer .pc{
border-right:2px dashed #ccc;
padding:0 10px 0px 0;
margin:5px 5px 0 0;
position:relative;
}
.contContainer .pc dt{
background:url(../magazine/images/pc.jpg) no-repeat;
background-position:bottom;
}
.contContainer .pc .touroku{
position:absolute;
bottom:0;
left:60px;
}
/* Mobile */
.contContainer .mobile{
margin:5px 0px 0 5px;
position:relative;
}
.contContainer .mobile dt{
background:url(../magazine/images/mobile.jpg) no-repeat;
background-position:bottom;
}
.contContainer .mobile .touroku{
position:absolute;
bottom:0;
left:60px;
}


.contContainer .touroku a{
background:url(../magazine/images/touroku.gif) no-repeat;
background-position:top;
width:150px;
height:45px;
display:block;
text-indent:-20000px;
}
.contContainer .touroku a:hover{
background-position:bottom;
}

/* Caution
-------------------------------------------------------------------------------------*/
.contContainer .caution{
float:left;
width:545px;
height:auto;
display:block;
margin:15px 0 0 0;
border-top:2px dashed #ccc;
}
.contContainer .caution dt{
color:#333333;
font-size:12px;
font-weight:normal;
margin:10px 0 5px 0;
border-left:3px solid #ee0000;
padding:0 0 0px 3px;
}
.contContainer .caution dd{
font-size:10px;
color:#666666;
}

/* Mobile Entry
-------------------------------------------------------------------------------------*/

/* Form */
#contents h3{
background:none;
height:20px;
text-indent:-20000px;
}
.contContainer p{
width:540px;
}
.contContainer p .m_a{
color:#FF6600;
font-size:13px;
}
.contContainer p .m_b{
color:#339933;
font-size:13px;
}
.contContainer .form{
background:url(../magazine/images/form_bg.gif) no-repeat;
width:540px;
height:290px;
margin:10px 0 0px 0;
padding:5px 0 0px 5px;
}
.contContainer .form h4{
color:#ee0066;
padding:0 0 5px 3px;
font-size:12px;
}
.contContainer .form p{
margin:0 0 3px 5px;
color:#330000;
}
.contContainer .form p span{
color:#ee0000;
}
.contContainer .form ul{
margin:0 0 10px 0px;
}
.contContainer .form li{
color:#330000;
}
.contContainer .form input{
margin:0 0 0px 5px;
}

/* QR CODE */
.contContainer .qrcode{
background:url(../magazine/images/qr_bg.gif) no-repeat;
width:540px;
height:135px;
padding:5px 0 0px 5px;
}

.contContainer .qrcode p{
width:410px;
float:left;
display:block;
margin:0 0 0 5px;
color:#003300;
}
.contContainer .qrcode p span{
color:#336633;
}
.contContainer .qrcode img{
width:100px;
height:100px;
float:left;
display:block;
margin:0 0 0 15px;
border:1px solid #99ee99;
}

/* Error
-------------------------------------------------------------------------------------*/
.contContainer .error{
padding:0 0 40px 0;
}

.contContainer .error p{
background:url(../magazine/images/error.jpg) no-repeat;
width:400px;
height:255px;
text-indent:-20000px;
display:block;
margin:0 0 0 70px;
}
.contContainer .error a{
background:url(../magazine/images/back.jpg) no-repeat;
width:175px;
height:40px;
text-indent:-20000px;
display:block;
margin:0 0 0 180px;
}

/* Complete
-------------------------------------------------------------------------------------*/
.contContainer .complete{
padding:0 0 20px 0;
}
.contContainer .complete p{
background:url(../magazine/images/complete.jpg) no-repeat;
width:400px;
height:255px;
text-indent:-20000px;
display:block;
margin:0 0 0 70px;
}

.contContainer .complete a{
background:url(../magazine/images/back1.jpg) no-repeat;
width:175px;
height:40px;
text-indent:-20000px;
display:block;
margin:0 0 0 180px;
}

/* PC Entry
-------------------------------------------------------------------------------------*/
/* PC Form */
#contents h3{
background:none;
height:20px;
text-indent:-20000px;
}
.contContainer p{
width:540px;
}
.contContainer .form_pc .entry{
background:url(../magazine/images/form_pc.gif) no-repeat;
width:540px;
height:345px;
margin:5px 0 0px 0;
padding:5px 0 0px 5px;
}
.contContainer .form_pc h4{
color:#ee0066;
font-weight:bold;
padding:2px 0 0px 3px;
font-size:12px;
}
.contContainer .form_pc .attention{
width:400px;
display:block;
color:#666666;
font-size:11px;
margin:2px 0 0px 5px;
}
.contContainer .form_pc ul{
margin:0 0 10px 0px;
}
.contContainer .form_pc li{
color:#330000;
}
.contContainer .form_pc select{
margin:5px 0 0px 5px;
}
.contContainer .form_pc input{
margin:3px 0 0px 5px;
}

/* Remove */
.contContainer .remove{
background:url(../magazine/images/remove_bg.gif) no-repeat;
width:540px;
height:115px;
padding:5px 0 0px 5px;
}

/* Complete PC
-------------------------------------------------------------------------------------*/

.contContainer .complete_pc{
padding:0 0 20px 0;
}
.contContainer .complete_pc p{
background:url(../magazine/images/complete_pc.jpg) no-repeat;
width:400px;
height:255px;
text-indent:-20000px;
display:block;
margin:0 0 0 70px;
}

.contContainer .complete_pc a{
background:url(../magazine/images/back1.jpg) no-repeat;
width:175px;
height:40px;
text-indent:-20000px;
display:block;
margin:0 0 0 180px;