@charset "utf-8";

/* =================================================
	-------------------
	mailmag.css 
	-------------------
	イドメルマガ追加スタイル

================================================= */


/* 
------------------------------ */
.mailmag  {
	text-align: left;
}
.mailmag .box {
	text-align: center;
	border: 3px solid #ccc;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 20px 50px 30px;
	margin: 0 0 10px;
}

.mailmag .box .tit {
	font-size: 20px;
	font-weight: 700px;
	letter-spacing: -0.03em;
	font-family: "ヒラギノ角ゴ Pro W6","Hiragino Kaku Gothic Pro",メイリオ,Osaka,sans-serif;
	margin: 0 0 20px;
}

.mailmag .box .sub {
	font-size: 16px;
	font-weight: 700px;
	letter-spacing: -0.03em;
	font-family: "ヒラギノ角ゴ Pro W6","Hiragino Kaku Gothic Pro",メイリオ,Osaka,sans-serif;
	margin: -10px 0 20px;
}

.mailmag .box .tit .circle {
	display: inline-block;
	width: 14px;
	height: 14px;
	background: url(../../img/mypage/mailmag/ico_circle.png) no-repeat left center;
	margin: 0 5px 0 0;
}

.mailmag .leadBox {
	font-size: 14px;
	font-weight: bold;
	line-height: 1.5em;
	margin: 0 0 20px 0;
	text-align: left;
}
.mailmag .leadBox .lead { font-size: 14px; }
.mailmag .leadBox li { font-size: 13px; }





.mailmag .noticeList {
	background: #ff9;
	padding: 10px 20px
}
.mailmag .noticeList .noticeTit {
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	margin: 0 0 5px;
}
.mailmag .noticeList li {
	background: transparent url(/img/mypage/mypage_css/ico_check.gif) no-repeat scroll 0px 7px;
	font-size: 12px;
	padding: 6px 0 0 20px;
	letter-spacing: 0.02em;
	line-height: 1.25em;
	text-align: left;
	margin: 0 0 0 8px;
}




.mailmag .statusBox {
	background: url(/img/mypage/mypage_css/bg_stripe.gif);
	font-size: 13px;
	margin: 0 0 20px 0;
	padding: 20px 30px 20px 30px;
}
.mailmag .statusBox .statusList {
	width: 100%;
	font-size: 12px;
	border: 1px solid #ffcbd8;
	border-collapse: collapse;
	margin-bottom: 20px;
}
.mailmag .statusBox .statusList th {
	width: 36%;
	font-weight: bold;
	background: #ffeaf1;
	text-align: right;
	vertical-align: middle;
	border-bottom: solid 1px #ffcbd8;
	padding: 15px 20px;
}
.mailmag .statusBox .statusList td {
	background: #ffffff;
	text-align: left;
	vertical-align: middle;
	border-bottom: solid 1px #ffcbd8;
	padding: 15px 10px;
}
.mailmag .statusBox .noticeList {
	background: #fff;
	text-align: left;
	border: 1px solid #666;
}
.mailmag .inclm_03 .noticeList {
	background: #fff;
	text-align: left;
	border: 1px solid #666;
}
.mailmag .statusBox .statusList .tleft { text-align: left; }
.mailmag .statusBox .statusList .tcenter { text-align: center; }

.mailmag .statusBox input[type=checkbox] {
	margin-right: 5px;
}
.mailmag .statusBox .statusList .tit {
	height: auto;
	font-weight: bold;
	line-height: 1.3em;
	margin: 0 0 10px;
}	
.mailmag .statusBox .statusList .tit .note {
	font-size: 11px;
	font-weight: normal;
}
.mailmag .statusBox .statusList .tit .sub {
	color: #555;
	font-size: 11px;
	font-weight: normal;
}
.mailmag .statusBox .statusList .status {
	font-size: 14px;
	font-weight: bold;
}
.mailmag .statusBox .statusList .active {
	color: #2BB72B;
}


.mailmag .statusBox .addressList li {
	list-style: square inside;
	padding: 0 0 0 3px;
	margin: 0 0 10px;
}
.mailmag .statusBox .addressList li:last-child {
	margin: 0;
}
.mailmag .statusBox .addressList input[type=checkbox] {
	margin-left: 10px;
	position: relative;
	top:2px;
}
.mailmag .statusBox .addressList label {
	font-weight: bold;
}

.mailmag .statusBox .artistList li {
	margin: 0 0 5px;
}