@charset "UTF-8";
/*------------------------------------------------------*/
/* Updated: 2010/11 */
/*------------------------------------------------------*/

/* sec-howmuch --------------------------------- */

	/* sec-question */
	div.sec-howmuch div.sec-question {
		width: 588px;
		padding: 5px 0 0 31px;
		background: url(https://www.secom-sonpo.co.jp/common/images/bg/vline-dot1.gif) repeat-y 256px;
		line-height: 1.4;
	}
	div.sec-howmuch div.sec-question p.questxt {
		margin-bottom: 10px;
		font-size: 0;
		line-height: 0;
	}

		/* col2-1 */
		div.sec-howmuch div.sec-question div.col2-1 {
			width: 186px;
			padding-left: 40px;
		}
		div.sec-howmuch div.sec-question div.col2-1 div.col2 {
			padding-top: 3px;
		}
		div.sec-howmuch div.sec-question div.col2-1 div.col2-1,
		div.sec-howmuch div.sec-question div.col2-1 div.col2-2 {
			width: 88px;
			padding: 0;
		}

		/* col2-2 */
		div.sec-howmuch div.sec-question div.col2-2 {
			width: 322px;
			padding-left: 40px;
		}
		div.sec-howmuch div.sec-question div.col2-2 div.col2-1 {
			width: 90px;
			padding: 2px 0 0;
		}
		div.sec-howmuch div.sec-question div.col2-2 div.col2-1 input.txtfield {
			width: 58px;
			margin: 0;
			padding-right: 2px;
			padding-left: 2px;
			border-color: #dcd8d5;
			font-size: 125%;
			text-align: right;
		}
		div.sec-howmuch div.sec-question div.col2-2 div.col2-2 {
			width: 217px;
			padding: 0;
		}

	/* checkexp */
	div.sec-howmuch p.checkexp {
		margin-bottom: 20px;
		font-size: 0;
		line-height: 0;
		text-align: center;
	}
	div.sec-howmuch p.checkexp img {
		vertical-align: bottom;
	}

	/* sec-result */
	div.sec-howmuch div.sec-result {
		width: 100%;
		padding: 15px 0;
		background-image: url(https://www.secom-sonpo.co.jp/common/images/bg/m-dot.gif);
	}

		/* showarea */
		div.sec-howmuch div.sec-result div.showarea {
			position: relative;
			width: 100%;
			height: 56px;
			margin-bottom: 10px;
		}
		div.sec-howmuch div.sec-result div.showarea p.txt1 {
			position: absolute;
			top: 26px;
			left: 101px;
			font-size: 0;
			line-height: 0;
		}
		div.sec-howmuch div.sec-result div.showarea div.number {
			position: absolute;
			top: 0;
			left: 262px;
			width: 180px;
			height: 56px;
			background-color: #ffffff;
		}
		div.sec-howmuch div.sec-result div.showarea div.number p {
			padding-right: 10px;
			color: #fb0f0c;
			font-size: 400%;
			line-height: 1.2;
			text-align: right;
		}
		div.sec-howmuch div.sec-result div.showarea p.txt2 {
			position: absolute;
			top: 26px;
			left: 456px;
			font-size: 0;
			line-height: 0;
		}

		/* linkarea */
		div.sec-howmuch div.sec-result div.linkarea {
			position: relative;
			width: 571px;
			height: 99px;
			background: url(https://www.secom-sonpo.co.jp/common/images/bg/vline-dot1.gif) repeat-y 214px;
		}
		div.sec-howmuch div.sec-result div.linkarea p.compbtn,
		div.sec-howmuch div.sec-result div.linkarea p.reqtxt,
		div.sec-howmuch div.sec-result div.linkarea p.reqbtn,
		div.sec-howmuch div.sec-result div.linkarea p.esttxt,
		div.sec-howmuch div.sec-result div.linkarea p.estbtn {
			position: absolute;
			font-size: 0;
			line-height: 0;
		}
		div.sec-howmuch div.sec-result div.linkarea p.compbtn {
			top: 28px;
			left: 24px;
		}
		div.sec-howmuch div.sec-result div.linkarea p.reqtxt {
			top: 5px;
			left: 254px;
		}
		div.sec-howmuch div.sec-result div.linkarea p.reqbtn {
			top: 28px;
			left: 225px;
		}
		div.sec-howmuch div.sec-result div.linkarea p.esttxt {
			top: 5px;
			left: 439px;
		}
		div.sec-howmuch div.sec-result div.linkarea p.estbtn {
			top: 28px;
			left: 415px;
		}

	div.sec-howmuch div.sec-result img {
		vertical-align: bottom;
	}

	/* checkmpil */
	div.sec-howmuch span.checkmpil {
		color: #2586f4;
		text-decoration: underline;
		cursor: pointer;
	}

	/* sec-mpil */
	div.sec-howmuch div.sec-mpil p.close {
		color: #2586f4;
	}
	div.sec-howmuch div.sec-mpil p.close span {
		cursor: pointer;
	}
	div.sec-howmuch div.sec-mpil div.col2-1,
	div.sec-howmuch div.sec-mpil div.col2-2 {
		width: 265px;
	}
	div.sec-howmuch div.sec-mpil table {
		width: 100%;
		border-right: solid 1px #e5e5e5;
		border-bottom: solid 1px #e5e5e5;
		line-height: 1.4;
	}
	div.sec-howmuch div.sec-mpil table th,
	div.sec-howmuch div.sec-mpil table td {
		padding: 3px 8px 1px;
		border-top: solid 1px #e5e5e5;
		border-left: solid 1px #e5e5e5;
	}
	div.sec-howmuch div.sec-mpil table th {
		padding: 3px 8px 1px;
	}
	div.sec-howmuch div.sec-mpil table td {
		padding: 3px 15px 1px;
	}
	div.sec-howmuch div.sec-mpil table .row-age {
		width: 116px;
	}
	div.sec-howmuch div.sec-mpil table .row-male,
	div.sec-howmuch div.sec-mpil table .row-female {
		width: 53px;
	}
	div.sec-howmuch div.sec-mpil table thead th,
	div.sec-howmuch div.sec-mpil table thead td {
		padding-top: 8px;
		padding-bottom: 6px;
		color: #000000;
	}
	div.sec-howmuch div.sec-mpil table tbody th {
		text-align: center;
	}
	div.sec-howmuch div.sec-mpil table tbody td {
		text-align: right;
	}
	div.sec-howmuch div.sec-mpil table thead .row-age {
		background: url(/expense/images/index/bg-mpil-ageh.gif) no-repeat;
	}
	div.sec-howmuch div.sec-mpil table thead .row-male {
		background: url(/expense/images/index/bg-mpil-maleh.gif) no-repeat;
	}
	div.sec-howmuch div.sec-mpil table thead .row-female {
		background: url(/expense/images/index/bg-mpil-femaleh.gif) no-repeat;
	}
	div.sec-howmuch div.sec-mpil table tbody .row-age {
		background: #ffffff;
	}
	div.sec-howmuch div.sec-mpil table tbody .row-male {
		background: url(/expense/images/index/bg-mpil-male.gif) no-repeat;
	}
	div.sec-howmuch div.sec-mpil table tbody .row-female {
		background: url(/expense/images/index/bg-mpil-female.gif) no-repeat;
	}
	div.sec-howmuch div.sec-mpil table tbody tr.line-fifth th,
	div.sec-howmuch div.sec-mpil table tbody tr.line-fifth td {
		color: #000000;
		font-weight: bold;
	}





/*------------------------------------------------------*/
/* End */
/*------------------------------------------------------*/