@charset "utf-8";
/* -- 無料メルマガページCSS -- */
.worry{
	height: 530px;
	margin: 0 0 10px 45px;
	padding: 1px 0;
	background: url(../images/mail-mag/worry/bg.png) 0 0 no-repeat;
}
.worry .li01{ margin: 10px 0 0 85px; }
.worry .li02{ margin: 28px 0 0 127px; }
.worry .li03{ margin: 32px 0 0 166px; }
.worry .li04{ margin: 30px 0 0 209px; }
.worry .li05{ margin: 18px 0 0 251px; }
.worry .li06{ margin: 24px 0 0 301px; }
.worry .li07{ margin: 37px 0 0 343px; }

table.case{ margin: 0 0 20px 30px; }
table.case td{
	width: 450px;
	height: 280px;
	padding: 17px 0 0 15px;
	border-bottom: 2px dotted #ccc;
	vertical-align: top;
}
table.case td:first-child{ width: 470px; border-right: 2px dotted #ccc; padding: 15px 0 0 0; }
table.case tr.last td{ border-bottom: 0 none; }
table.case .case01{ background: url(../images/mail-mag/case/01-img.png) 0 90px no-repeat; }
table.case .case02{ background: url(../images/mail-mag/case/02-img.png) 17px 51px no-repeat; }
table.case .case03{ background: url(../images/mail-mag/case/03-img.png) 0 90px no-repeat; }
table.case .case04{ background: url(../images/mail-mag/case/04-img.png) 15px 92px no-repeat; }
table.case .case05{ background: url(../images/mail-mag/case/05-img.png) 0 91px no-repeat; }
table.case .case06{ background: url(../images/mail-mag/case/06-img.png) 15px 93px no-repeat; }

.bullet{
	margin: 40px 0 20px;
	padding: 1px;
	background-color: #f3f8ff;
}
.bullet ul{ margin: 35px 0 35px 35px; }
.bullet ul li{
	margin-bottom: 28px;
	padding: 0 0 0 70px;
	background: url(../images/icon/check.png) 0 0 no-repeat;
}
.bullet ul li.line1{ padding: 11px 0 15px 70px; }

.form-area{
	position: relative;
	margin: 25px 30px;
	padding: 30px 28px;
	border: 5px solid #fda204;
	background-color: #fefdef;
}
.form-area .top-text{
	position: absolute;
	top: 220px;
	right: 50px;
	width: 519px;
	height: 81px;
	padding: 5px 0 0 25px;
	background: url(../images/mail-mag/form/top-text-bg.png) 0 0 no-repeat;
	font-size: 14.5pt;
	font-weight: bold;
	line-height: 1.6em;
}
.form-area .top-text .blue{ color: #00479d; }
.mail-mag dl{
	margin: 25px;
	padding: 34px 0 20px 55px;
	box-shadow: 0 0 4px #ccc;
	background-color: #fff;
}
.mail-mag dt{
	clear: both;
	float: left;
	padding-top: 4px;
}
.mail-mag dd{
	float: left;
	margin-left: 40px;
}
.mail-mag dt:first-child, .mail-mag dd:first-child{ margin-bottom: 40px; }
.mail-mag dd input{
	width: 460px;
	padding: 4px 3px;
	font-size: 12pt;
	border: 1px solid #ccd1d6;
	background-color: #eef0f3;
}
.mail-mag .form-btn{
	margin: 30px 0;
	text-align: center;
}
.mail-mag .ssl{
	margin: 0 20px;
	padding: 15px 20px 1px;
	background-color: #fff;
	font-size: 9pt;
	line-height: 1.6em;
}
.mail-mag .ssl .al-c{ margin-bottom: 10px; }
.mail-mag .form-btn input:hover{ opacity: 0.50; filter: alpha(opacity=50); -ms-filter: "alpha(opacity=50)"; }

.schedule{
	margin: 0 0 30px 33px;
	padding: 0 0 0 87px;
	background: url(../images/mail-mag/schedule/bg.png) 0 12px no-repeat;
}
.schedule p{ margin-bottom: 10px; line-height: 1.4em; }
.step01, .step02, .step03, .step04, .step05{ margin-bottom: 18px; padding: 20px 0 4px 9px; }
.step01{ background: url(../images/mail-mag/schedule/01.png) 0 0 no-repeat; }
.step02{ background: url(../images/mail-mag/schedule/02.png) 0 0 no-repeat; }
.step03{ background: url(../images/mail-mag/schedule/03.png) 0 0 no-repeat; }
.step04{ margin-bottom: 36px; background: url(../images/mail-mag/schedule/04.png) 0 0 no-repeat; }
.step05{ padding-top: 8px; background: url(../images/mail-mag/schedule/05.png) 0 0 no-repeat; }

.sc{ margin: 0 0 0 120px; width: 850px; }
.sc h3{ width: 850px; margin-bottom: 20px; }
.sc .fl-r{ margin-left: 0; }
.sc .fl-l{ margin-right: 0; }
.sc .title{
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 2px dotted #ccc;
}

.voice{
	margin: 0 30px 30px;
	padding-top: 20px;
	border-top: 2px dotted #ccc;
}
.voice01{ background: url(../images/mail-mag/voice/01-img.png) right 54px no-repeat; }
.voice02{ background: url(../images/mail-mag/voice/02-img.png) right 54px no-repeat; }
.voice03{ background: url(../images/mail-mag/voice/03-img.png) right 54px no-repeat; }
.voice-text{ margin: 40px 0 0 97px; }
.voice-text2{ margin: 40px 0 40px 127px; }

.message{ margin: 0 22px; }
.message .fl-l{ margin-right: 0; }
.message .fl-r{ padding-top: 35px; }

.question{ margin: 20px 30px; }
.q1{
	padding: 16px 0 44px 106px;
	background: url(../images/mail-mag/question/bg01.png) 0 0 no-repeat;
}
.q2{
	padding: 22px 0 24px 106px;
	background: url(../images/mail-mag/question/bg02-1.png) 20px 0 no-repeat;
}
.q3{
	padding: 22px 0 24px 106px;
	background: url(../images/mail-mag/question/bg02-2.png) 20px 0 no-repeat;
}
.question-text{
	margin: 0 0 20px 106px;
}
