@charset "UTF-8";


/*----------------------------------------------------------
 商品一覧
----------------------------------------------------------*/
#tefm-flow ,
#tefm-flow2 {
	width: 747px;
	margin: 0 0 0 48px;
	padding: 0;
}
#tefm-leadwrapper {
	clear: both;
	background: url(../../images/tefm_subcatch_human.png) no-repeat 0 0;
	margin: 3px 0 0 0;
	padding: 0;
}

#tefm-flow h1 {
	background: url(../images/tefm_flow_catch.png) no-repeat 0 0;
	width: 592px;
	height: 32px;
	margin: 0 0 20px 54px;
	padding: 0;
	text-indent: -9999px;
}
#tefm-flow2 h1 {
	background: url(../images/tefm_flow2_catch.png) no-repeat 0 0;
	width: 592px;
	height: 32px;
	margin: 0 0 20px 54px;
	padding: 0;
	text-indent: -9999px;
}
#tefm-flow p.subcatch ,
#tefm-flow2 p.subcatch {
	float: left;
	background: url(../images/tefm_flow_subcatch.png) no-repeat 0 0;
	width: 152px;
	height: 82px;
	margin: 20px 0 0 3px;
	padding: 0;
	text-indent: -9999px;
}
#tefm-flow .submenu ,
#tefm-flow2 .submenu {
	float: left;
	background: url(../images/tefm_products_submenu_bg.png) no-repeat 0 0;
	width: 349px;
	height: 30px;
	margin: 45px 0 0 3px;
	padding: 0;
}
#tefm-flow .submenu ul ,
#tefm-flow2 .submenu ul { padding-left: 42px; }
#tefm-flow .submenu li ,
#tefm-flow2 .submenu li { float: left; }

.chapter-block {
	position: relative;
	width: 690px;
	margin: 0 0 20px 57px;
	padding: 0;
}

#chap01 {
	background: url(../images/tefm_flow_clm_l_btm.png) no-repeat 0 bottom;
	padding: 0 0 10px 0;
}
#chap01 h2 {
	background: url(../images/tefm_flow_head1.png) no-repeat 0 0;
	width: 690px;
	height: 56px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
}
.column-l {
	background: url(../images/tefm_flow_clm_l_bg.png) repeat-y 0 0;
	width: 690px;
	margin: 0;
	padding: 5px 0 10px 21px;
	overflow: hidden;
}

#tefm-flow #chap02 ,
#tefm-flow #chap03 {
	background: url(../images/tefm_flow_clm_m_btm.png) no-repeat 0 bottom;
	padding: 0 0 10px 0;
}
#tefm-flow #chap02 h2 ,
#tefm-flow #chap03 h2 {
	width: 524px;
	height: 56px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
}
#tefm-flow #chap02 h2 { background: url(../images/tefm_flow_head2.png) no-repeat 0 0; }
#tefm-flow #chap03 h2 { background: url(../images/tefm_flow_head3.png) no-repeat 0 0; }

.column-m {
	background: url(../images/tefm_flow_clm_m_bg.png) repeat-y 0 0;
	width: 524px;
	margin: 0;
	padding: 5px 0 10px 21px;
	overflow: hidden;
}

#tefm-flow #chap04 {
	background: url(../images/tefm_flow_clm_s_btm.png) no-repeat 0 bottom;
	padding: 0 0 10px 0;
}
#tefm-flow #chap04 h2 {
	width: 358px;
	height: 56px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
}
#tefm-flow #chap04 h2 { background: url(../images/tefm_flow_head4.png) no-repeat 0 0; }

.column-s {
	background: url(../images/tefm_flow_clm_s_bg.png) repeat-y 0 0;
	width: 358px;
	margin: 0;
	padding: 5px 0 10px 21px;
	overflow: hidden;
}

.step {
	position: relative;
	float: left;
	width: 148px;
	margin: 0 18px 0 0;
}
.step img {
	margin: 0 0 5px 0;
}
.step p {
	font-size: 0.8em;
	line-height: 130%;
}
.step h3 {
	position: absolute;
	top: -4px;
	left: -4px;
	width: 25px;
	height: 25px;
	text-indent: -9999px;
}
.step .num1 { background: url(../images/tefm_flow_num1.png) no-repeat 0 0; }
.step .num2 { background: url(../images/tefm_flow_num2.png) no-repeat 0 0; }
.step .num3 { background: url(../images/tefm_flow_num3.png) no-repeat 0 0; }
.step .num4 { background: url(../images/tefm_flow_num4.png) no-repeat 0 0; }

.arrow-block {
	position: absolute;
	width: 28px;
	height: 32px;
	left: 165px;
	bottom: -44px;
}
.arrow-block p {
	background: url(../images/tefm_flow_arrow.png) no-repeat 0 0;
	width: 28px;
	height: 32px;
	text-indent: -9999px;
}


#chap05 {
	background: url(../images/tefm_flow_clm_fin_btm.png) no-repeat 0 bottom;
	padding: 0 0 10px 0;
}
#chap05 h2 {
	background: url(../images/tefm_flow_head5.png) no-repeat 0 0;
	width: 690px;
	height: 56px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
}
.column-fin {
	background: url(../images/tefm_flow_clm_fin_bg.png) repeat-y 0 0;
	width: 358px;
	margin: 0;
	padding: 5px 0 10px 23px;
	overflow: hidden;
}
.column-before {
	float: left;
	background: url(../images/tefm_flow_clm_fin_arrow.png) no-repeat 145px 200px;
	width: 305px;
	margin: 0 16px 10px 0;
	padding: 0 16px 0 0;
	overflow: hidden;
}
.column-arrow {
	float: left;
	width: 305px;
	margin: 0 0 10px 0;
	padding: 0 16px 0 0;
}
.column-arrow img {
	margin: 0 0 0 143px;
}
.column-after {
	float: left;
	width: 305px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.step-before {
	width: 310px;
	margin: 0 0 0 0;
}
.step-after {
	width: 310px;
	margin: 0 0 0 0;
}
.step-before h3 {
	background: url(../images/tefm_flow_clm_fin_before.png) no-repeat 0 0;
	width: 310px;
	height: 23px;
	text-indent: -9999px;
}
.step-after h3 {
	background: url(../images/tefm_flow_clm_fin_after.png) no-repeat 0 0;
	width: 310px;
	height: 23px;
	text-indent: -9999px;
}

.column-fin p {
	float: left;
	width: 330px;
	margin: 10px 0 0 0;
	font-size: 0.9em;
	line-height: 135%;
}




#tefm-flow2 #chap01 {
	background: url(../images/tefm_flow_clm_l_btm.png) no-repeat 0 bottom;
	padding: 0 0 10px 0;
}
#tefm-flow2 #chap01 h2 {
	background: url(../images/tefm_flow_head1.png) no-repeat 0 0;
	width: 690px;
	height: 56px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
}


#tefm-flow2 #chap02 {
	background: url(../images/tefm_flow_clm_l_btm.png) no-repeat 0 bottom;
	padding: 0 0 10px 0;
}
#tefm-flow2 #chap02 h2 {
	background: url(../images/tefm_flow2_head2.png) no-repeat 0 0;
	width: 690px;
	height: 56px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
}

#tefm-flow2 #chap03 {
	background: url(../images/tefm_flow_clm_s_btm.png) no-repeat 0 bottom;
	padding: 0 0 10px 0;
}
#tefm-flow2 #chap03 h2 {
	background: url(../images/tefm_flow_head4.png) no-repeat 0 0;
	width: 690px;
	height: 56px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
}