@charset "UTF-8";



/*----------------------------------------------------
	共通
----------------------------------------------------*/

h1{
	padding-bottom:51px;
	}
	

h2{
	padding-bottom:28px;
	background:url(../topics/img/detail-h3-bg.jpg) 0 100% no-repeat;
	font-size:14px;
	color:#666;
	font-weight:bold;
	}
	
h3{
	background:url(../flow/img/h3-bg.gif) 0 0 repeat-x;
	font-size:14px;
	line-height:45px;
	margin-bottom:20px;
	color:#fff;
	font-weight:bold;
	padding-left:15px;
	}
	
h4{
	color:#00A040;
	font-size:14px;
	padding-bottom:5px;
	}
	
#main a{
	color:#C00000;
	text-decoration:underline;
	}


/* main */	

#main{
	float:right;
	width:660px;
	}
	
	
/* main section1 */	
	
#main .section1{
	padding-bottom:35px;
	}
	
#main .section1 .img-01{
	padding-bottom:25px;
	}
	
#main .section1 table{
	width:664px;
	margin:20px -2px 0 -2px;
	/position:relative;
	}
	
#main .section1 table td{
	text-align:left;
	vertical-align:top;
	}
	
#main .section1 table td p{
	overflow:hidden;
	}
	
#main .section1 table td img{
	padding:0px;
	vertical-align:top;
	}
	
#main .section1 td.txt-bg{
	background:url(../flow/img/inner-bg.gif) 0 0 repeat-y;
	padding-right:15px;
	}
	
/* main section2 */	
	
#main .section2{
	padding-bottom:25px;
	}
		

/* sub */

#contents #sub{
	float:left;
	width:176px;
	padding-top:10px;
	}
	
#contents #sub li{
	position:relative;
	margin-top:-8px;
	color:#fff;
	}

#sub li{
	display:block;
	overflow:hidden;
	}
	
	
	

li.step1{
	z-index:100;
	}
li.step2{
	z-index:90;
	}
li.step3{
	z-index:80;
	}
li.step4{
	z-index:70;
	}
li.step5{
	z-index:60;
	}
li.step6{
	z-index:50;
	}
li.step7{
	z-index:40;
	}
li.step8{
	z-index:30;
	}
li.after{
	z-index:20;
	}