@charset "utf-8";

#mannerHead {
	position:relative;
	width:904px;
	height:213px;
	background:url(../images/bg_01.gif) no-repeat 748px 128px;
}

#mannerHead ul {
	position:absolute;
	left:12px;
	top:128px;
}

#mannerHead li {
	float:left;
	padding-right:1px;
}

#mannerHead li.item {
	float:left;
	padding-left:8px;
}


#manner .box {
	clear:both;
	width:755px;
	margin:0 auto;
	background:url(../images/bg_02.gif) no-repeat right bottom;
}

#manner .box:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
#manner .box {
	display:inline-block;
}
/* Hides from IE-mac \*/
* html #manner .box {height: 1%;}
#manner .box {display: block;}
/* End hide from IE-mac */

#manner .box p.number {
	width:72px;
	float:left;
	padding-top:33px;
}

#manner .box p.numberFirst {
	width:72px;
	float:left;
}

#manner .box p.number2 {
	width:72px;
	float:left;
	padding-top:21px;
}

#manner .boxInner {
	width:662px;
	float:right;
	padding-left:21px;
	background:url(../images/bg_03.gif) no-repeat right top;
}

#manner .boxInnerFirst {
	width:662px;
	float:right;
	padding-left:21px;
	background:url(../images/bg_04.gif) no-repeat right top;
}

#manner .box h3 {
	padding:22px 0 20px 0;
}

#manner .box .mnText {
	width:466px;
	float:left;
	padding-top:33px;
	padding-bottom:8px;
	line-height:1.3;
}

#manner .box .mnText2 {
	width:637px;
	padding-top:33px;
	padding-bottom:8px;
	line-height:1.3;
}

#manner .box .mnText3 {
	width:274px;
	float:left;
	padding-top:33px;
	padding-bottom:8px;
	line-height:1.3;
}

#manner .box .boxInnerFirst .mnText {
	width:466px;
	float:left;
	padding-top:0;
	padding-bottom:8px;
	line-height:1.3;
}

#manner .box p.image {
	width:196px;
	float:right;
	margin-top:34px;
	padding:1px 0;
}

#manner .box p.image2 {
	width:380px;
	float:right;
	margin-top:34px;
	padding:1px 0 1px 8px;
}

#manner .box .boxInnerFirst p.image {
	width:196px;
	float:right;
	margin:0;
	padding:1px 0;
}


/* Next, Back button */
ul.button {
	clear:both;
	width:277px;
	margin:0 auto;
	padding:30px 0;
}

ul.button li {
	float:left;
	padding-top:5px;
	padding-bottom:5px;
}

ul.button li.back {
	padding-right:20px;
	border-right:1px solid #D4D4D4;
}

ul.button li.next {
	padding-left:20px;
}



/* boxInnerBg01 */
#manner .boxInnerBg01 {
	width:662px;
	float:right;
	padding-left:21px;
	background:url(../images/index_bg01.gif) no-repeat right top;
}

#manner .box .boxInnerBg01 p.image {
	width:196px;
	float:right;
	margin-top:33px;
	padding:50px 0 0 0;
}


/* boxInnerBg03 */
#manner .boxInnerBg03 {
	width:662px;
	float:right;
	padding-left:21px;
	background:url(../images/step2_bg01.gif) no-repeat right top;
}

#manner .box .boxInnerBg03 .mnText {
	width:466px;
	float:left;
	padding-top:21px;
	padding-bottom:8px;
	line-height:1.3;
}

#manner .box .boxInnerBg03 p.image {
	width:196px;
	float:right;
	margin-top:21px;
	padding:0;
}


/* boxInnerBg05 */
#manner .boxInnerBg05 {
	width:662px;
	float:right;
	padding-left:21px;
	background:url(../images/step2_bg03.jpg) no-repeat right top;
}

#manner .box .boxInnerBg05 p.image {
	width:196px;
	float:right;
	margin-top:33px;
	padding:0;
}


/* boxInnerBg07 */
#manner .boxInnerBg07 {
	width:662px;
	float:right;
	padding-left:21px;
	background:url(../images/step3_bg01.gif) no-repeat right top;
}

#manner .box .boxInnerBg07 .mnText {
	width:466px;
	float:left;
	padding-top:21px;
	padding-bottom:8px;
	line-height:1.3;
}

#manner .box .boxInnerBg07 p.image {
	width:196px;
	float:right;
	margin-top:22px;
	padding:0;
}


/* boxInnerBg09 */
#manner .boxInnerBg09 {
	width:662px;
	float:right;
	padding-left:21px;
	background:url(../images/step3_bg03.gif) no-repeat right top;
}

#manner .box .boxInnerBg09 p.image {
	width:196px;
	float:right;
	padding:0;
}