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

/* *************************************** */
/* base */
/* *************************************** */

/* body --------------------------------- */
body {
	color: #342a25;
	-webkit-text-size-adjust: none;
}





/* *************************************** */
/* keyvisual */
/* *************************************** */

/* whole --------------------------------- */
div#keyvisual {
	width: 100%;
	height: 665px;
	background: url(/images/index/bg-keyvisual.jpg) no-repeat top;
	background-size: 3000px 1000px;
}
div#keyvisual div.inner {
	position: relative;
	width: 900px;
	height: 630px;
	padding-bottom: 35px;
	margin: 0 auto;
	background: url(/images/index/bg-keyvisual.jpg) no-repeat top;
	background-size: 3000px 1000px;
}





/* onlinestart --------------------------------- */
div#keyvisual p.onlinestart {
	position: absolute;
	top: 14px;
	left: 19px;
	font-size: 0;
	line-height: 0;
}





/* h1 --------------------------------- */
div#keyvisual h1 {
	position: absolute;
	top: 60px;
	left: 18px;
	margin-bottom: 0;
	padding: 0;
}





/* pointslink --------------------------------- */
div#keyvisual p.pointslink {
	position: absolute;
	top: 234px;
	left: 19px;
	font-size: 0;
	line-height: 0;
}
div#keyvisual p.pointslink img {
	vertical-align: bottom;
}





/* voicearea --------------------------------- */
div#keyvisual div.voicearea {
	width: 100%;
	height: 348px;
	padding-top: 282px;
}
div#keyvisual div.voicearea div.col4 {
	height: 100%;
	background: url(/images/index/bg-voice.png) no-repeat;
}
div#keyvisual div.voicearea div.col4-1,
div#keyvisual div.voicearea div.col4-2,
div#keyvisual div.voicearea div.col4-3,
div#keyvisual div.voicearea div.col4-4 {
	position: relative;
	width: 222px;
	height: 100%;
}
div#keyvisual div.voicearea div.col4-1,
div#keyvisual div.voicearea div.col4-2,
div#keyvisual div.voicearea div.col4-3 {
	margin-right: 4px;
}

	/* balloon */
	div#keyvisual div.voicearea div.balloon p.voice {
		position: absolute;
		top: 30px;
		left: 0;
		width: 130px;
		color: #f08300;
		line-height: 1.4;
		text-align: center;
	}
	body.pagesmt div#keyvisual div.voicearea div.balloon p.voice {
		font-size: 10px;
		line-height: 1.6;
	}
	div#keyvisual div.voicearea div.balloon p.voice-1line {
		top: 46px;
	}
	div#keyvisual div.voicearea div.balloon p.voice-2line {
		top: 38px;
	}
	div#keyvisual div.voicearea div.balloon p.voice-3line {
		top: 30px;
	}
	div#keyvisual div.voicearea div.balloon p.voice-4line {
		top: 22px;
	}
	div#keyvisual div.voicearea div.balloon p.detail {
		position: absolute;
		top: 95px;
		left: 0;
		width: 121px;
		padding-right: 9px;
		line-height: 1.4;
		text-align: center;
	}

	/* data */
	div#keyvisual div.voicearea p.data {
		position: absolute;
		top: 138px;
		left: 15px;
		font-size: 0;
		line-height: 0;
	}
	div#keyvisual div.voicearea p.data img {
		vertical-align: bottom;
	}

	/* amount */
	div#keyvisual div.voicearea p.amount {
		position: absolute;
		top: 246px;
		left: 15px;
		font-size: 0;
		line-height: 0;
	}
	div#keyvisual div.voicearea p.amount img {
		vertical-align: bottom;
	}

	/* watch */
	div#keyvisual div.voicearea p.watch {
		position: absolute;
		top: 321px;
		left: 0;
		width: 206px;
		padding-right: 16px;
		text-align: center;
		line-height: 1.2;
	}






/* *************************************** */
/* contents */
/* *************************************** */

/* whole --------------------------------- */
div#contents-wrap {
	width: 100%;
	background-color: #f9f2e8;
}
div#contents {
	padding: 0 0 20px;
	background-color: #f9f2e8;
}





/* sec-points --------------------------------- */
div.sec-points {
	margin-bottom: 30px;
}
div.sec-points div.col4-1,
div.sec-points div.col4-2,
div.sec-points div.col4-3,
div.sec-points div.col4-4 {
	width: 222px;
}
div.sec-points div.col4-1,
div.sec-points div.col4-2,
div.sec-points div.col4-3 {
	margin-right: 4px;
}
div.sec-points div.box {
	width: 100%;
	background: url(/images/index/bg-points.gif) repeat-y;
}
div.sec-points div.box div.inner {
	width: 100%;
	background: url(/images/index/bg-pointsf.gif) no-repeat bottom left;
}

	/* heading */
	div.sec-points p.heading {
		font-size: 0;
		line-height: 0;
	}

	/* content */
	div.sec-points div.content {
		width: 192px;
		padding: 10px 15px 15px;
	}
	body.pagesmt div.sec-points div.content {
		font-size: 10px;
	}
	div.sec-points p.link1 a:link		{	text-decoration: none;	}
	div.sec-points p.link1 a:visited	{	text-decoration: none;	}
	div.sec-points p.link1 a:hover		{	text-decoration: underline;	}
	div.sec-points p.link1 a:active		{	text-decoration: underline;	}





/* sec-expense --------------------------------- */
div.sec-expense {
	margin-bottom: 20px;
}

	/* sec-input */
	div.sec-expense div.sec-input div.col3 {
		background: url(/images/index/bg-expense.gif) repeat-y;
	}

		/* col3-1 */
		div.sec-expense div.sec-input div.col3-1 {
			width: 175px;
			margin-right: 15px;
		}
		div.sec-expense div.sec-input div.col3-1 div.col2-1 {
			width: 100px;
			margin-top: 4px;
			font-size: 0;
			line-height: 0;
		}
		div.sec-expense div.sec-input div.col3-1 div.col2-2 {
			width: 70px;
		}
		div.sec-expense div.sec-input div.col3-1 div.col2-2 ul li {
			margin-bottom: 10px;
		}
		div.sec-expense div.sec-input div.col3-1 div.col2-2 ul li input.radio {
			margin-right: 10px;
		}
	
		/* col3-2 */
		div.sec-expense div.sec-input div.col3-2 {
			width: 295px;
			margin-right: 15px;
			padding-left: 40px;
		}
		div.sec-expense div.sec-input div.col3-2 div.col2 {
			margin-bottom: 12px;
		}
		div.sec-expense div.sec-input div.col3-2 div.col2-1 {
			width: 100px;
			margin-top: 4px;
			font-size: 0;
			line-height: 0;
		}
		div.sec-expense div.sec-input div.col3-2 div.col2-2 {
			width: 180px;
		}
		div.sec-expense div.sec-input div.col3-2 div.col2-2 input.txtfield {
			width: 58px;
			margin: 0;
			padding-right: 2px;
			padding-left: 2px;
			border-color: #dcd8d5;
			font-size: 125%;
			text-align: right;
		}
		div.sec-expense div.sec-input div.col3-2 p.listtxt {
			line-height: 1.4;
		}
	
		/* col3-3 */
		div.sec-expense div.sec-input div.col3-3 {
			width: 315px;
			padding-left: 45px;
		}
		div.sec-expense div.sec-input div.col3-3 p.imgpt2 a {
			cursor: default;
		}
		div.sec-expense div.sec-input div.col3-3 p.imgpt2 img {
			vertical-align: bottom;
		}

	/* sec-result */
	div.sec-expense div.sec-result {
		width: 100%;
		background: url(/images/index/bg-result.gif) repeat-y;
	}
	div.sec-expense div.sec-result div.innerf {
		width: 100%;
		background: url(/images/index/bg-resultf.gif) no-repeat left bottom;
	}
	div.sec-expense div.sec-result div.innerh {
		width: 858px;
		padding: 31px 21px 16px;
		background: url(/images/index/bg-resulth.gif) no-repeat;
	}
	
		/* showarea */
		div.sec-expense div.sec-result div.showarea {
			position: relative;
			width: 100%;
			height: 43px;
			margin-bottom: 10px;
		}
		div.sec-expense div.sec-result div.showarea p.txt1 {
			position: absolute;
			top: 12px;
			left: 230px;
			font-size: 0;
			line-height: 0;
		}
		div.sec-expense div.sec-result div.showarea div.number {
			position: absolute;
			top: 0;
			left: 416px;
			width: 125px;
			height: 43px;
			background: url(/images/index/bg-number.gif) no-repeat;
		}
		div.sec-expense div.sec-result div.showarea div.number p {
			padding-right: 10px;
			color: #cc0000;
			font-size: 300%;
			line-height: 1.25;
			text-align: right;
		}
		div.sec-expense div.sec-result div.showarea p.txt2 {
			position: absolute;
			top: 12px;
			left: 554px;
			font-size: 0;
			line-height: 0;
		}
		div.sec-expense div.sec-result div.showarea img {
			vertical-align: bottom;
		}
	
		/* notearea */
		div.sec-expense div.sec-result div.notearea {
			margin-bottom: 10px;
			padding-top: 10px;
			background: url(https://www.secom-sonpo.co.jp/common/images/bg/line-dot2.gif) repeat-x;
			color: #5a5a5a;
		}
	
		/* linkarea */
		div.sec-expense div.sec-result div.linkarea {
			width: 100%;
			padding-top: 12px;
			background: url(https://www.secom-sonpo.co.jp/common/images/bg/line-dot2.gif) repeat-x;
		}
		div.sec-expense div.sec-result div.linkarea div.col3 {
			width: 835px;
			padding: 3px 11px 0 12px;
			background: url(https://www.secom-sonpo.co.jp/common/images/bg/vline-dot1.gif) repeat-y 290px;
		}
		div.sec-expense div.sec-result div.linkarea div.col3-1,
		div.sec-expense div.sec-result div.linkarea div.col3-2,
		div.sec-expense div.sec-result div.linkarea div.col3-3 {
			width: 268px;
		}
		div.sec-expense div.sec-result div.linkarea div.col3-1 {
			margin-right: 21px;
			padding-top: 23px;
		}
		div.sec-expense div.sec-result div.linkarea div.col3-2 {
			margin-right: 10px;
		}
		div.sec-expense div.sec-result div.linkarea p.txt,
		div.sec-expense div.sec-result div.linkarea p.btn {
			font-size: 0;
			line-height: 0;
			text-align: center;
		}
		div.sec-expense div.sec-result div.linkarea p.txt {
			margin-bottom: 10px;
		}
		div.sec-expense div.sec-result div.linkarea img {
			vertical-align: bottom;
		}





/* enrollarea --------------------------------- */
div.enrollarea {
	padding-top: 15px;
	border-top: solid 1px #e0d9d0;
}
div.enrollarea table td.description {
	width: 60%;
	padding-right: 10px;
	background: url(/images/index/bg-dotline.gif) right 0 no-repeat;
	vertical-align: bottom;
}
div.enrollarea table td.entry {
	width: 40%;
	padding-left: 45px;
	font-size: 116%;
	vertical-align: central;
}


/* sec-estimate --------------------------------- */
div.sec-estimate {
	width: 897px;
	margin-bottom: 30px;
	margin-top: -10px;
	background: url(/images/index/m-ins-bg2.gif) repeat-y;
}
div.sec-estimate div.innerf {
	background: url(/images/index/m-ins-bg2f.gif) no-repeat left bottom;
}
div.sec-estimate div.innerh {
	padding: 20px;
	background: url(/images/index/m-ins-bg2h.gif) no-repeat;
}

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