/*	var1.0
	Disc {
		Grid seting [
			@Rule of nest
				w -> cn -> bg 
					*IF you split bg
					-> sp -> un-fs,un
			@.sp Special classes
				.sp"i"-"j1"_"j2"_"j3"
				"i" is denominator
				"j" is numerator
				EX) .sp3-2_1
				.un .fs = "2/3"
				.un = "3/1"

			*width is abbreviated to "w"
			*px is abbreviated to "p"
			*fixed is abbreviated to "fx"
			*left is abbreviated to "l"
			*right is abbreviated to "r"
			*content is abbreviated to "cn"
			*body is abbreviated to "db"
			*split is abbreviated to "sp"
			*unit is abbreviated to "un"
			*farst is abbreviated to "fs"
			
			@Custom width setting [
				*For non-IE browser
					px/13 = em
				*For IE
					px/13.3333 = em
				EX) width 600px
					custom width {
						margin:auto;
						text-align:left;
						width:46.15em;
						*width:46em
						min-width:600px;
					}
			]
		]

		Font size settng [
			For pixels(px)	Declare this percent(%)
			10px			77%
			11px			85%
			12px			93%
			13px			100%
			14px			108%
			15px			116%
			16px			123.1%
			17px			131%
			18px			138.5%
			19px			146.5%
			20px			153.9%
			21px			161.6%
			22px			167%
			23px			174%
			24px			182%
			25px			189%
			26px			197%
		]
	}
*/

@import "lib/reset.css";

/* common setting */


#repair {
	float: left;
	width: 588px;
	margin-bottom: 30px;
}

#repair p {
	font-size: 12px;
	line-height: 150%;
	margin: 0px;
	padding: 0px 0px 20px 0px;
}

#repair h1 {
	margin: 0px;
	padding: 10px 0px 0px 0px;
}

#repair img {
	border: 0px;
}

#repair a {
	color: #009766;
	text-decoration: underline;
}

#repair a:hover {
	color: #EE568A;
	text-decoration: underline;
}




#rp_head {
	width: 588px;
	height: 280px;
	background: url("/images/feat/repair/head_bg.jpg") no-repeat;
	position: relative;
	margin-bottom: 20px;
}

#rp_head h2 {
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 14px;
	left: 25px;
}

#rp_head p.rp_h01 {
	position: absolute;
	top: 128px;
	left: 25px;
	padding: 0px;
}

#rp_head p.rp_h02 {
	position: absolute;
	top: 232px;
	left: 25px;
	padding: 0px;
}

#rp_head ul {
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 172px;
	left: 25px;
	font-weight: bold;
	color: #029658;
}

#rp_head li {
	list-style-type: none;
	padding-bottom: 3px;
}

#repair h3 {
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

#repair h4 {
	margin: 0px 0px 0px 0px;
	*margin: 0px 0px 15px 0px;
	padding: 13px 0px 0px 105px;
	font-size: 14px;
	font-weight: bold;
	color: #3CB03D;
}

#rp_ttl01 {
	width: 588px;
	height: 40px;
	background: url("/images/feat/repair/ttl01.jpg") no-repeat;
}

#rp_ttl02 {
	width: 588px;
	height: 40px;
	background: url("/images/feat/repair/ttl02.jpg") no-repeat;
}

#rp_ttl03 {
	width: 588px;
	height: 40px;
	background: url("/images/feat/repair/ttl03.jpg") no-repeat;
}

#rp_ttl04 {
	width: 588px;
	height: 40px;
	background: url("/images/feat/repair/ttl04.jpg") no-repeat;
}

#rp_ttl05 {
	width: 588px;
	height: 40px;
	background: url("/images/feat/repair/ttl05.jpg") no-repeat;
}

#rp_ttl06 {
	width: 588px;
	height: 40px;
	background: url("/images/feat/repair/ttl06.jpg") no-repeat;
}

#rp_ttl07 {
	width: 588px;
	height: 40px;
	background: url("/images/feat/repair/ttl07.jpg") no-repeat;
}

#rp_ttl08 {
	width: 588px;
	height: 40px;
	background: url("/images/feat/repair/ttl08.jpg") no-repeat;
}

#rp_ttl09 {
	width: 588px;
	height: 40px;
	background: url("/images/feat/repair/ttl09.jpg") no-repeat;
}

img.rp_img {
	float: left;
	margin: 0px 20px 20px 0px;
}

#repair h5 {
	margin: 0px 0px 15px 0px;
	padding: 0px;
}

.rp_point {
	clear: both;
	width: 550px;
	background: url("/images/feat/repair/p_bg.jpg") no-repeat bottom;
	margin: 0px 0px 15px 19px;
}

.rp_point ul {
	width: 500px;
	font-size: 14px;
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 10px 20px;
}

.rp_point li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	line-height: 150%;
}

img.rp_btn {
	margin: 0px 0px 40px 230px;
}

#rp_list {
	float: left;
	width: 588px;
	background: url("/images/feat/repair/sel_bg.jpg") no-repeat bottom;
}

#rp_list table {
	width: 540px;
	margin: 0px 0px 10px 40px;
}

#rp_list td {
	width: 180px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
}

#rp_list_btn {
	width: 556px;
	height: 60px;
	background: #FFF;
	border: 1px solid #CCC;
	margin: 0px 0px 15px 15px;
	position: relative;
}

#rp_list_btn p {
	position: absolute;
	top: 24px;
	left: 8px;
	font-weight: bold;
	color: #3CB03D;
}

#rp_list_btn img {
	position: absolute;
	top: 14px;
	left: 214px;
	font-weight: bold;
	color: #3CB03D;
}