@charset "utf-8";

* {
	margin: 0;
	padding: 0;
}

/* wrapper */
div#wrapper {
	width:940px;
	margin:0 auto;
}

/* header */
div#header {
	width: 940px;
	overflow: hidden;
	margin:10px auto 20px;
	padding-bottom:5px;
	border-bottom:2px solid #99c641;
}
/* footer */
#footer {
	padding-bottom:15px;
}

/* common title area */
#wrapper .ttlArea {
	border-left:4px solid #99c641;
	padding-left:10px;
	width:515px;
	margin:0 10px 0 20px;
	float:left;
}
#wrapper .formFlow {
	width:361px;
	float:right;
	margin-right:20px;
}
#wrapper .ttlArea h1 {
	font-size:16px;
	font-weight:bold;
	padding:7px 0;
}

/* common main area */
#wrapper .mainArea {
	border:1px solid #cecece;
	border-radius:10px;
	margin:0 20px 50px;
	padding:15px 20px 35px;
}
#wrapper .mainArea.complete{
	border: none;
	border-radius: 0;
	border-top:1px solid #cecece;
	margin: 0 0 10px;
    padding: 15px 10px 10px;
}
#wrapper .mainArea h2 {
	font-size:16px;
	font-weight:bold;
	color:#504f4c;
	border-bottom:1px dashed #88a849;
	padding:0 0 5px 0;
	margin-bottom:15px;
}

/* common form */
.mainArea table.formTbl {
	width:100%;
	margin-bottom:20px;
}
.mainArea table.formTbl th {
	background-color:#c1e084;
	width:241px;
	border-right:2px solid #ffffff;
	border-bottom:3px solid #ffffff;
	padding:15px 0;
}
.mainArea table.formTbl th.hissu {
	background:#c1e084 url(../images/moneybook_form/hissu.gif) no-repeat 225px center;
}
.mainArea table.formTbl th span {
	display:block;
	color:#444444;
	font-size:15px;
	margin:0 15px 0 20px;
	font-weight:bold;
}
.mainArea table.formTbl th.hissu span {
	margin:0 50px 0 20px;
}
.mainArea table.formTbl th span.fss {
	font-size:13px;
}
.mainArea table.formTbl td {
	background-color:#e9ead8;
	width:514px;
	border-bottom:3px solid #ffffff;
	padding:12px 0;
	font-size:14px;
	color:#444444;
}
.mainArea table.formTbl td .tdInner {
	padding:0 20px;
}
.mainArea table.formTbl td select {
	font-size:15px;
	padding:3px;
	border:2px solid #bdbca8;
}
.mainArea table.formTbl td input.formTxt {
	font-size:16px;
	padding:4px;
	border:2px solid #bdbca8;
}
.mainArea table.formTbl td textarea {
	font-size:14px;
	padding:4px;
	border:2px solid #bdbca8;
}
.mainArea table.formTbl .formNote01 {
	font-size:14px;
	color:#AF2600;
	font-weight:bold;
}
.mainArea table.formTbl .formNote02 {
	font-size:11px;
	color:#565656;
	font-weight:normal;
	line-height:135%;
	margin-top:2px;
	width:180px;
}

/* マネーブックフォーム入力_店舗選択 個別style */
.mainArea .formTbl td.username dl dt {
	float:left;
	width:35px;
	padding-top:7px;
}
.mainArea .formTbl td.username dl dd {
	float:left;
	width:210px;
	margin-right:10px;
}
.mainArea .formTbl td.username dl dd input.formTxt {
	width:190px;
}
.mainArea .formTbl td.postNum .tdInner input.formTxt {
	width:60px;
	margin-right:5px;
}
.mainArea .formTbl td.telNum .tdInner input.formTxt {
	width:80px;
	margin-right:5px;
}
.mainArea .formTbl td.userAdd .tdInner input.formTxt {
	width:480px;
	margin-right:5px;
}
.mainArea .formTbl td.age .tdInner input.formTxt {
	width:40px;
}
.mainArea .formTbl td.serviceUse .tdInner {
	#width:600px;
}
.mainArea .formTbl td.postNum .tdInner span,
.mainArea .formTbl td.telNum .tdInner span {
	font-size:16px;
	margin-right:5px;
}
.mainArea .formTbl td.mailAdd .tdInner input.formTxt {
	width:400px;
}
.mainArea .formTbl td.formRadio01 .tdInner input {
	margin:0 6px 4px 0;
}
.mainArea .formTbl td.formRadio01 .tdInner label {
	font-size:16px;
	margin:2px 30px 0 0;
}
.mainArea .formTbl td.textArea01 .tdInner textarea {
	width:510px;
	height:40px;
	min-height:40px;
	line-height:125%;
}
.mainArea .formNote {
	font-size:13px;
	color:#af2600;
	font-weight:bold;
}
.mainArea .formBtn01 {
	text-align:center;
}

/* マネーブックフォーム_確認 */
.mainArea.confirm .formTbl td {
	font-weight:bold;
	color:#4f3a30;
	word-break:break-all;
}
.mainArea.confirm .formTbl td.username dl dt {
	padding-top:0;
	font-weight:normal;
	color:#555555;
}
.mainArea.confirm .formTbl td.username dl dd {
	float:left;
}
.mainArea.confirm .formTbl td.postNum .tdInner span,
.mainArea.confirm .formTbl td.telNum .tdInner span {
	font-weight:normal;
	margin:0 4px;
}
.mainArea.confirm .disclaimer{
	margin-bottom:12px;
}
.mainArea.confirm .disclaimer dl dt{
	font-size:14px;
	font-weight:bold;
	padding:2px 0;
	border-bottom:1px solid #99c641;
	margin-bottom:4px;
}
.mainArea.confirm .formBtn02 .btnCorrect {
	float:left;
	margin-right:152px;
	padding-top:24px;
}
.mainArea.confirm .formBtn02 .btnConfirm {
	float:left;
}

/* マネーブックフォーム_完了 */
.mainArea.complete .thanks {
	padding:10px;
	text-align:center;
	margin-bottom:15px;
}
.mainArea.complete .thanks h3 {
	font-size:19px;
	font-weight:bold;
	margin-bottom:10px;
	color:#444444;
}
.mainArea.complete .thanks p {
	font-size:16px;
	line-height:155%;
}
.mainArea.complete .linkArea {
	background:url(../images/moneybook_form/bg_hokenshop.png?date=20190307) no-repeat;
	background-position: center;
	width:920px;
	height: 921px;
	text-align:center;
	padding: 787px 0 0;
}
.mainArea.complete .linkArea .btn {
	margin:0 auto;
	width:455px;
}
.mainArea.complete .recommendedNews h4{
	font-size: 24px;
	text-align: center;
	font-weight: 600;
	color: #ca343e;
	line-height: 80px;
	margin-top: 20px;
}
.mainArea.complete .recommendedNews .newsList{
	width: 650px;
	height: 100px;
	margin: 0 auto;
}
.mainArea.complete .recommendedNews .newsList li{
	width: 650px;
	line-height: 45px;
	padding-left: 140px;
	border-top: 1px dotted #161616;
	font-size: 16px;
}
.mainArea.complete .recommendedNews .newsList li:last-child{
	border-bottom: 1px dotted #161616;
}
.mainArea.complete .recommendedNews .newsList li a{
	padding: 0 0 0 25px;
	background: url(../images/ico_shop_arrow.png?date=20190307) no-repeat;
	background-size: 18px;
	background-position-y: center;
}
.mainArea.complete .recommendedNews .number{
	text-align: right;
	padding: 8px 40px 0 0;
	font-size: 16px;
}
.mainArea.complete .enquete {
	margin:20px 0 0;
}
.mainArea.complete .enquete h3 {
	font-size:14px;
	font-weight:bold;
	padding:2px 0;
	border-bottom:1px solid #99c641;
	margin-bottom:10px;
}
.mainArea.complete .enquete .checkbox ul li {
	font-size:12px;
	float:left;
	margin:0 0 7px 0;
	width:50%;
	text-align:left;
}
.mainArea.complete .enquete ul li input {
	margin-right:3px;
	vertical-align:middle;
}
.mainArea.complete .enquete .formBtn03 {
	text-align:center;
	margin-top:-10px;
}
.mainArea.complete .guide {
	margin:20px 120px 0;
	font-size:13px;
}
.mainArea.complete .guide div.completeTel {
	width:163px;
	margin:10px auto 25px;
}

/* errors */
label.error {
	color:#AF2600;
	display:block;
	margin:0 0 10px 0;
	font-size:14px !important;
	font-weight:bold;
}

.phone_error {
	color:#AF2600;
	display:block;
	margin:0 0 10px 0;
	font-size:14px !important;
	font-weight:bold;
}

.mainArea table.formTbl td select.error,
.mainArea table.formTbl td input.error {
	border:2px solid #ffaf99;
}

.mainArea.complete a.yoyaku__btn {
    background: #dcb804;
    display: flex;
    color: #ffffff;
    height: 58px;
    padding: 5px 10px;
    margin: 30px auto;
    border-radius: 8px;
    width: 300px;
    filter: drop-shadow(2px 2px 3px rgba(0,0,0,0.3));
}
.yoyaku__dotl{
	font-size: 23px;
    margin: 7px 0px 0px 10px;
	font-weight: 600;
}