/* ----------------------------------------------------------------
	Top > NeST
---------------------------------------------------------------- */

/* ====== Layout ====== */
#nest #content-wrapper {
	height: 100%;
	font-size: 80%;
	font-family:"Arial",sans-serif;
	padding: 120px 13px 50px;
	}
	#nest #content-wrapper div.contents-box{
		margin: 0 16px;
		padding: 0;
		}
	#nest #content-wrapper div.contents-box p {
		color: #666666;
		text-align:left;
		line-height: 180%;
		margin: 10px 0;
		}

/* ====== Top image ====== */
#nest #content-wrapper div.top-image {
	width: 736px;
	height: 433px;
	display: block;
	margin: 12px 0 20px;
	background: url("../images/visual.jpg") no-repeat left top;
	text-indent: -9999px;
	}
	/* Hidden */
	#nest #content-wrapper div.top-image h2,
	#nest #content-wrapper div.top-image p,
	#nest #content-wrapper div.top-image img{
		width: 0;
		height: 0;
		overflow: hidden;
		position: absolute;
		left: -10000px;
		top: -10000px;
		}

/* ====== H3 Basic Style ====== */
#nest #content-wrapper h3 {
	width: 736px;
	height: 39px;
	display: block;
	margin: 20px 0;
	text-indent: -9999px;
	}
	#nest #content-wrapper h3.title-h3-feature {background: url("../images/title_h3_feature.gif") no-repeat left top;}
	#nest #content-wrapper h3.title-h3-price {background: url("../images/title_h3_price.gif") no-repeat left top;}
	#nest #content-wrapper h3.title-h3-faq {background: url("../images/title_h3_faq.gif") no-repeat left top;}

/* ====== H4 Basic Style ====== */
#nest #content-wrapper h4 {
	width: 702px !important;
	height: 32px !important;
	display: block;
	margin: 20px 0 10px;
	padding: 0;
	text-indent: -9999px;
	}
	#nest #content-wrapper h4.title-h4-prepayment {background: url("../images/title_h4_prepayment.gif") no-repeat left top;}
	#nest #content-wrapper h4.title-h4-2confirm {background: url("../images/title_h4_2confirm.gif") no-repeat left top;}
	#nest #content-wrapper h4.title-h4-procedure {background: url("../images/title_h4_procedure.gif") no-repeat left top;}
	#nest #content-wrapper h4.title-h4-unification {background: url("../images/title_h4_unification.gif") no-repeat left top;}

/* ====== Button Style ====== */
#nest #content-wrapper div.btn-document{
	text-align: center;
	margin: 30px 0;
	}
	#nest #content-wrapper div.btn-document a{
		width: 414px;
		height: 127px;
		display: block;
		margin: 0 auto;
		background: url("../images/btn_document.jpg") no-repeat left top;;
		text-indent: -9999px;
		}

/* ====== Price Table Style ====== */
#nest #content-wrapper table.nest-price{
	width: 702px;
	font-size:9pt;
	line-height: 180%;
	margin: 20px 0 30px;
	border: 1px solid #156093;
	border-collapse: collapse;
	}
	#nest #content-wrapper table.nest-price caption{display: none;}
	#nest #content-wrapper table.nest-price th,
	#nest #content-wrapper table.nest-price td {
		border: 1px solid #156093;
		padding: 10px;
		}
	#nest #content-wrapper table.nest-price th {
		color: #666666;
		text-align: center;
		font-weight: bold;
		background: #e5eff5;
		}
	#nest #content-wrapper table.nest-price td {
		color: #385f78;
		text-align: left;
		}

/* ====== FAQ Style ====== */
#nest #content-wrapper dl.nest-faq{
	margin: 10px 0;
	color: #666666;
	line-height: 180%;
	border: 3px solid #e5eff5;
	}
	#nest #content-wrapper dl.nest-faq.q4{margin: 10px 0 30px;}/* Exception */
	#nest #content-wrapper dl.nest-faq dt{
		min-height: 24px;
		padding: 25px 10px 0 70px;
		border-bottom: 1px dotted #92b5cd;
		
		}
		*html #nest #content-wrapper dl.nest-faq dt{height: 49px;}
	#nest #content-wrapper dl.nest-faq.q1 dt{background: url("../images/ico_q1.gif") no-repeat 10px 10px;}
	#nest #content-wrapper dl.nest-faq.q2 dt{background: url("../images/ico_q2.gif") no-repeat 10px 10px;}
	#nest #content-wrapper dl.nest-faq.q3 dt{background: url("../images/ico_q3.gif") no-repeat 10px 10px;}
	#nest #content-wrapper dl.nest-faq.q4 dt{background: url("../images/ico_q4.gif") no-repeat 10px 10px;}
	#nest #content-wrapper dl.nest-faq dd{
		min-height: 29px;
		padding: 20px 10px 0 70px;
		background: url("../images/ico_a.gif") no-repeat 10px 10px;
		}
		*html #nest #content-wrapper dl.nest-faq dd{height: 49px;}

/* ====== Link Detail Banner ====== */
#nest dl#detailBox {
	position: relative;
	width: 704px; height: 130px;
	margin: 20px 0 20px 15px;
	background: url("../../images/detail_box/background.gif") no-repeat left top;
	}
	#nest dl#detailBox dt a {
		position: absolute; left: 21px; top: 43px;
		width: 290px; height: 60px;
		display: block;
		background: url("../../images/detail_box/induction.jpg") no-repeat left top;
		text-indent: -9999px;
		}
	#nest dl#detailBox dd a {
		position: absolute; right: 15px; top: 15px;
		width: 220px; height: 100px;
		display: block;
		background: url("../images/btn_nest.jpg") no-repeat left top;
		text-indent: -9999px;
		} #nest dl#detailBox dd a:hover { background-position: left bottom; }