@charset "utf-8";
/* CSS Document */

body {
	font-size: 14px;
	line-height: 22px;
	color:#4c4c4c;
	background: url(../img/common/bg.gif) 0% 0% repeat;
}

/* ---------------------------- */
/* header */
/* ---------------------------- */
#header{
	height: 105px;
	background: url(../img/common/header_bg.jpg) 50% 0% no-repeat;
	background-color: #fafafc;
}
	#header h1{
		width: 1000px;
		height: 98px;
		margin: 0 auto;
		padding: 18px 0 0 40px;
	}

/* ---------------------------- */
/* main */
/* ---------------------------- */
#main {
	height: 570px;
	background: url(../img/common/main_bg.jpg) 50% 0% no-repeat;
	background-color: #022161;
}
	#main h2{
		width: 1040px;
		height: 445px;
		margin: 0 auto;
	}
	#main .contact{
		height: 125px;
		background: url(../img/common/main_contact_bg.jpg) 50% 0% no-repeat;
	}
		#main .contact div{
			position: relative;
			width: 1048px;
			height: 125px;
			margin: 0 auto;
		}
		#main .contact a{
			display: block;
			position: absolute;
			width: 400px;
			height: 79px;
			top: 25px;
			left: 604px;
		}	
		#main .contact a:hover{
			position: absolute;
			width: 400px;
			height: 79px;
			top: 25px;
			left: 604px;
			background: url(../img/common/btn_contact_r.jpg) 0% 0% no-repeat;
		}	
		#main .contact a:hover img{	
			visibility:hidden;
		} 	

/* ---------------------------- */
/* contents */
/* ---------------------------- */
#contents {
	width: 1048px;
	margin: 0 auto;
	background: url(../img/common/contents_bg.png) 0% 0% repeat-y;
}
	/* ---------- section ---------- */
	#contents .section {
		width: 968px;
		margin: 0 auto;
	}
	
	/* ---------- section_01 ---------- */
	#section_01 {
		padding-top: 25px;
	}
	/* ---------- section_02 ---------- */
	#section_02 {
		padding-top: 23px;
		height: 437px;
	}
	#section_02 .box_left {
		width: 484px;
	}
	#sec02_txt {
		height: 210px;
		background: url(../img/common/sec_02_img_04.jpg) 0% 0% no-repeat;
		padding-top: 10px;
		padding-left: 15px;
		padding-right: 45px;
	}
		#sec02_txt p {
			width: 424px;
		}
	/* ---------- contact ---------- */
	#contact .contact{
		position: relative;
		height: 330px;
		background: url(../img/common/contact_img.jpg) 50% 0% no-repeat;
		margin-top: 27px;
	}
		#contact .contact a{
			display: block;
			position: absolute;
			width: 280;
			height: 70;
			top: 225px;
			left: 405px;
		}	
		#contact .contact a:hover{
			position: absolute;
			width: 280px;
			height: 70px;
			top: 225px;
			left: 405px;
			background: url(../img/common/btn_contact2_r.jpg) 0% 0% no-repeat;
		}	
		#contact .contact a:hover img{	
			visibility:hidden;
		} 	
	/* ---------- section_03 ---------- */
	#section_03 {
		width: 1040px;
		margin: 0 auto;
	}
		#section_03 .box_left {
			margin-left: 28px;
		}
		#section_03 p {
			width: 607px;
			padding-top: 20px;
			padding-left: 5px;
			font-size: 16px;
			line-height: 24px;
		}
		
		#section_03 .sub_01 {
			height: 232px;
			background: url(../img/common/sec_03_bg_01.jpg) 0% 0% no-repeat;
			padding-top: 37px;
			padding-left: 41px;
		}
		#section_03 .sub_02 {
			height: 232px;
			background: url(../img/common/sec_03_bg_02.jpg) 0% 0% no-repeat;
			padding-top: 37px;
			padding-left: 41px;
		}
		#section_03 .sub_03 {
			height: 232px;
			background: url(../img/common/sec_03_bg_03.jpg) 0% 0% no-repeat;
			padding-top: 37px;
			padding-left: 41px;
		}
	/* ---------- section_04 ---------- */
	#section_04 {
		width: 1040px;
		margin: 0 auto;
		padding-top: 31px;
	}
		#section_04 .sub_01 {
			position: relative;
			height: 516px;
			background: url(../img/common/sec_04_img_01.jpg) 0% 0% no-repeat;
		}
			#section_04 .sub_01 div {
				position: absolute;
				width: 349px;
				top: 30px;
				left: 627px;
			}
			#section_04 .sub_01 div p {
				padding: 8px 20px 0;
			}
			#section_04 .sub_01 .contact {
				position: absolute;
				width: 1040px;
				text-align: center;
				top: 450px;
				color:#ffffff;
			}
			#section_04 .sub_01 .contact a {
				color:#fbbe2a;
			}
			#section_04 .sub_01 .contact a:hover {
				color:#fbbe2a;
			}
	/* ---------- section_05 ---------- */
	#section_05 {
		width: 1040px;
		margin: 0 auto;
	}
		#section_05 p{
			font-size: 12px;
			line-height: 18px;
			color: #333333;
			padding: 5px 17px;
		}
		#section_05 .sub_01{
			height: 660px;
			background: url(../img/common/sec_05_bg.jpg) 0% 0% no-repeat;
			padding-top: 44px;
			padding-left: 36px;
			padding-right: 33px;
		}
		#step_01 div, #step_03 div, #step_05 div {
			position: absolute;
			width: 217px;
			top: 5px;
			left: 5px;
		} 
		#step_02 div, #step_04 div, #step_06 div {
			position: absolute;
			width: 217px;
			top: 12px;
			left: 5px;
		}
		#step_01, #step_03, #step_05 {
			position: relative;
			width: 227px;
			height: 177px;
			margin-bottom: 8px;
			background: url(../img/common/sec_05_up_bg.png) 0% 0% no-repeat;
		}
		#step_02, #step_04, #step_06 {
			position: relative;
			width: 227px;
			height: 177px;
			margin-top: 8px;
			background: url(../img/common/sec_05_btm_bg.png) 0% 0% no-repeat;
		}
		#section_05 .box_left{
			margin-left: 40px;
		}
		#section_05 .box_right{
			margin-right: 40px;
		}
		#chart {
			clear: both;
			width: 760px;
			height: 241px;
			margin: 0 auto;
		}	
	/* ---------- section_06 ---------- */
	#section_06 {
		width: 1040px;
		height: 370px;
		margin: 0 auto;
		background: url(../img/common/sec_06_bg.jpg) 0% 0% no-repeat;
	}
		#section_06 p {
			font-size: 14px;
			line-height: 24px;
		}
		#section_06 span {
			font-size: 14px;
			line-height: 24px;
			color: #142e74;
			font-weight: bold;
		}
		#section_06 div {
			width: 587px;
			margin-right: 71px;
		}
	/* ---------- section_07 inquiry ---------- */
	#section_07 {
		width: 1040px;
		margin: 0 auto;
		margin-bottom: 25px;
	}
		#section_07 .wrap {
			background: url(../img/common/sec_07_bg.jpg) 0% 0% no-repeat;
			background-color: #012068;
			padding: 41px 38px 15px 40px;
		}
			#inquiry {
				width: 502px;
			}
				#inquiry table {
					font-size: 14px;
					line-height: 24px;
					color: #ffffff;
				}
				#inquiry th {
					padding: 22px 0px;
					border-top: 1px dotted #8090b6;
					white-space: nowrap;
				}
				#inquiry td {
					width: 345px;
					padding-left: 15px;
					border-top: 1px dotted #8090b6;
					vertical-align: middle;
					word-break:break-all;
				}
				#inquiry .form_table {
					border-bottom: 1px dotted #8090b6;
				}
				
				#inquiry .must {
					display: inline-block;
					width: 39px;
					height: 19px;
					background: url(../img/common/sec_07_must.jpg) 50% 0% no-repeat;
					text-indent: -9999px;
					border: none;
				}
				#inquiry input[type="text"] {
					width: 319px;
					background-color: #435a99;
					border: none;
					border-top: 1px solid #242d4d;
					color: #ffffff;
					padding: 10px 0px 10px 2px;
				}
				#inquiry textarea {
					background-color: #435a99;
					border: none;
					border-top: 1px solid #242d4d;
					resize:none;
					width: 319px;
					height: 248px;
					margin: 14px 0 10px;
					color: #ffffff;
					scrollbar-track-color:#435a99;
				}
			#button {
				text-align: center;
			}
			#button input[type="image"], #button img{
				margin-top: 28px;
			}
			#inquiry-tel {
				width: 498px;
				height: 132px;
				margin: 0 auto;
				margin-top: 31px;
			}
			
			#section_07 .sub_01 {
				width: 402px;
				font-size: 11px;
				line-height: 18px;
				color: #ffffff;
			}
			#section_07 .sub_01 h3 {
				margin-bottom: 12px;
			}
			#section_07 .sub_01 .txt {
				margin-top: 10px;
			}
			#section_07 .book li {
				width: 130px;
				float: left;
				text-align: center;
			}
			#section_07 .book li p{
				margin-top: 8px;
			}
			#section_07 .book li p.image{
				margin-top: 12px;
			}
			#section_07 .book li#mdl {
				width: 142px;
				float: left;
				text-align: center;
			}
	/* ---------- section_08 ---------- */
	#section_price {
		width: 961px;
		margin:0 auto;
		padding:20px 0 35px;
	}
	#section_price h3{
		margin:0 0 16px;	
	}
	#section_price .annotation{
		background:#fffafb;
		border:solid 1px #cca3ad;
		padding:16px;
		margin-top: 20px;
	}
	#section_price .annotation span{
		color:#990024;
	}
	/* ---------- section_08 ---------- */
	#section_08 {
		width: 961px;
		margin: 0 auto;
		padding-bottom: 35px;
	}
		#section_08 .box_left{
		}
		#section_08 .box_right{
			border: 1px solid #d4d4d4;
			padding: 9px;
		}
		#section_08 h4{
			font-size: 13px;
			line-height: 24px;
			color: #333333;
			padding-top: 16px;
			padding-bottom: 19px;
		}
		#section_08 table{
			width: 465px;
			border: 1px solid #d4d4d4;
			font-size: 13px;
			line-height: 24px;
			color: #333333;
		}
			#section_08 th{
				background-color: #f0eee5;
				border-right: 1px solid #d4d4d4;
				border-bottom: 1px solid #d4d4d4;
				vertical-align: middle;
				padding: 0px 10px;
				white-space:nowrap;
			}
			#section_08 td{
				border-bottom: 1px solid #d4d4d4;
				padding: 7px 10px;
			}
			#section_08 tr:last-child th{
				border-bottom: none;
			}
			#section_08 tr:last-child td{
				border-bottom: none;
				line-height: 20px;
			}
			#section_08 a{
				font-size: 11px;
				color: #286fe4;
			}
			#section_08 span{
				font-weight: bold;
				color: #ff8533;
			}

/* ---------------------------- */
/* footer */
/* ---------------------------- */
#footer{
	background-color: #011244;
}
#copyright {
	font-size: 10px;
	color:#ffffff;
	text-align: center;
	padding: 4px 0;
}