@charset "utf-8";

@import "../../css/common.css";

ul.topicpath {
	overflow: hidden;
}

ul.topicpath li {
	float: left;
	padding: 0 3px;
}
ul.topicpath li a {
	float: left;
	padding: 0 3px 0 0;
}

h2 {
	margin-bottom: 20px;
	width: 420px;
	height: 56px;
	background: url(../images/h2_flow.png) top left no-repeat;
}
* html h2 {
	behavior: expression(IEPNGFIX.fix(this));
} 
p.flow-ex {
	margin: 10px 0;
	border: 6px solid #ACACAC;
	background: #F3F3F3;
	padding: 10px;
	line-height: 1.4;
	width: 598px;
}

dl.flow-list {
	padding: 10px 0 0 20px;
}

dl.flow-list dt {
	padding-bottom: 5px;
	font-weight: bold;
}
dl.flow-list dd {
	padding: 5px 0 5px 18px;
	background: url(../../images/li_arrow01.png) center left no-repeat;	
}

dl.step-k {
	padding: 0 20px;
}

dl.step-k dt {
	margin-bottom: 20px;
	text-indent:-9999px;
}

dl.step-k dd {
	padding: 0 0 0 155px;
	line-height: 1.4;
}

h3 {
	margin: 30px 0 20px 0; 
	width: 630px;
	height: 42px;
	text-indent:-9999px;
}

h3#step1 {	
	background: url(../images/h3_step1.png) top left no-repeat;
}
h3#step2 {	
	background: url(../images/h3_step2.png) top left no-repeat;
}
h3#step3 {	
	background: url(../images/h3_step3.png) top left no-repeat;
}
h3#step4 {	
	background: url(../images/h3_step4.png) top left no-repeat;
}
h3#step5 {	
	background: url(../images/h3_step5.png) top left no-repeat;
}
h3#step6 {	
	background: url(../images/h3_step6.png) top left no-repeat;
}
h3#step7 {	
	background: url(../images/h3_step7.png) top left no-repeat;
}
h3#step8 {	
	background: url(../images/h3_step8.png) top left no-repeat;
}

dl.step1 dt {
	height: 25px;
	background: url(../images/title_step1.png) top left no-repeat;
}
dl.step2 dt {
	height: 56px;
	background: url(../images/title_step2.png) top left no-repeat;
}
dl.step3 dt {
	height: 25px;
	background: url(../images/title_step3.png) top left no-repeat;
}
dl.step4 dt {
	height: 56px;
	background: url(../images/title_step4.png) top left no-repeat;
}
dl.step5 dt {
	height: 25px;
	background: url(../images/title_step5.png) top left no-repeat;
}
dl.step6 dt {
	height: 56px;
	background: url(../images/title_step6.png) top left no-repeat;
}
dl.step7 dt {
	height: 57px;
	background: url(../images/title_step7.png) top left no-repeat;
}
dl.step8 dt {
	height: 56px;
	background: url(../images/title_step8.png) top left no-repeat;
}

dl.step1 dd {
	height: 115px;
	background: url(../images/bg_step1.png) top left no-repeat;
}
dl.step2 dd {
	height: 118px;
	background: url(../images/bg_step2.png) top left no-repeat;
}
dl.step3 dd {
	height: 102px;
	background: url(../images/bg_step3.png) top left no-repeat;
}
dl.step4 dd {
	height: 89px;
	background: url(../images/bg_step4.png) top left no-repeat;
}
dl.step5 dd {
	height: 119px;
	background: url(../images/bg_step5.png) top left no-repeat;
}
dl.step6 dd {
	height: 111px;
	background: url(../images/bg_step6.png) top left no-repeat;
}
dl.step7 dd {
	height: 120px;
	background: url(../images/bg_step7.png) top left no-repeat;
}
dl.step8 dd {
	height: 113px;
	background: url(../images/bg_step8.png) top left no-repeat;
}

p.dot-line {
	margin: 20px 10px 0 18px;
	font-size: 0;
	height: 1px;
	background: url(../../images/line_dot.png) top left repeat-x;
}


div.free-c {
	padding-bottom: 10px;
	position: relative;
}

div.free-c ul {
	padding: 3px 0 3px 18px;
	background: url(../../images/li_arrow01.png) center left no-repeat;	
	position: absolute;
	right: 10px;
}

div.free-c li {
	text-align: right;
}