@charset "UTF-8";


/*-----------------------------------------------------
MAIL MAGAZINE
-------------------------------------------------------*/
#main h3{
	margin:20px 0 0 20px;
}

#main p.ttl{
	margin:20px 0 0 0;
}
#main p.read{
	width:620px;
	margin:20px 20px 30px 20px;
}


#main  div.section ul li{
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	background:url(../images/common/bg_line_dot.gif) repeat-x left bottom;
}

/*  REGISTRATION AREA  */
#main  div.section div.registration{
	margin:20px 0 0 0;
	background:url(../images/mail_magazine/bg_registration_middle.gif) repeat-y;
}
#main  div.section div.registration h3{
	margin:0;
}
#main  div.section div.registration table{
	width: 580px;
	margin:10px 0 0 20px;
}
#main  div.section div.registration table th,
#main  div.section div.registration table td{
	padding:10px;
	text-align:left;
}
#main  div.section div.registration table th{
	width: 160px;
	border-bottom:1px solid #CCC;
	color:#666;
	background:#ECE3CE;
}
#main  div.section div.registration table td input{
	width:320px;
	height:15px;
}
#main  div.section div.registration table td span{
	padding:0 0 0 5px;
}
#main  div.section div.registration table td p.attention{
	font-size:84%;
}
#main  div.section div.registration p.submit{
	width:580px;
	margin:20px 0 20px 20px;
	text-align:center;
}
#main  div.section div.registration table td textarea{
	width:350px;
	height:80px;
}

/*  ATTENTION AREA  */
#main  div.section div.registration ul.attention{
	padding:0 0 20px 0;
	background:url(../images/mail_magazine/bg_registration_bottom.gif) no-repeat left bottom;
}
#main  div.section div.registration ul.attention li{
	width:560px;
	text-indent:-1.5em;
	margin:0 0 5px 20px;
	padding:0 0 0 1.5em;
	font-size:84%;
	text-align:left;
	background-image:none;
}
#main  div.section div.registration ul.attention li span{
	padding:0 8px 0 0;
}