@charset "utf-8";
/******************** mailmaga ********************/
div.mailmaga {
	margin-left: 5px;
}
p.mailmaga_top {
	background: url(../img/mailmaga_top.jpg) no-repeat center top;
	width: 520px;
	height: 160px;
	display: block;
	text-indent: -10000px;
	overflow: hidden;
	margin: 0 0 20px;
}
/***********/
p.title {
	font-weight: bold;
	font-size: 120%;
	margin: 30px 5px 10px;
	background: url(../img/icon_arrow_2.gif) no-repeat left;
	padding-left: 14px;
}
ul.mailmaga {
	list-style-type: none;
	width: 500px;
	margin: 0 5px 30px 10px;
}
ul.mailmaga li {
	background: url(../img/icon_arrow_7.gif) no-repeat left top;
	padding-left: 14px;
	margin-bottom: 5px;
}
/***********/
div.join, div.delete {
	width: 250px;
	margin: 0 0 20px;
	background: #f8f6fd;
	border: 1px solid #bad;
	float: left;
	height: 350px;
}
div.delete {
	margin: 0 0 0 15px;
	background: #f9f9f9;
}
*html div.join {
	margin: 0;
}
*html div.delete {
	margin: 0 0 0 19px;
}
div.join div.inner, div.delete div.inner {
	padding: 6px 15px 10px;
}
p.form {
	font-weight: bold;
	margin-bottom: 10px;
}
.red {
	color: #e22;
	font-size: 90%;
	margin-left: 7px;
}
input.email {
	width: 200px;
	margin-bottom: 3px;
}
input.tel, input.name {
	width: 150px;
	margin-bottom: 3px;
}
input.button {
	width: 80px;
	margin-top: 15px;
}
p.qr {
	clear: both;
	background: url(../img/mailmaga_qr.jpg) no-repeat left top;
	padding: 7px 0 15px 445px;
}
/********************
*html  Internet Explorer6.0
*:first-child+html  Internet Explorer7.0
html>body  Firefox
html:first-child  Safari & Opera
********************/