@charset "utf-8";
@import url("../shared/css/base.css");

/*------------------------------
 Overwrite
------------------------------ */

.toPageTop{
	margin-top:2em;
}

.toPageTop a{
	margin-left:551px;
}

/*------------------------------
 Works
------------------------------ */

h2{
	width:942px;
	height:75px;
	background:url(images/workflow_h_title.gif) no-repeat;
	margin-bottom:9px;
	text-indent:-9999px;
}


h3{
	width:684px;
	height:88px;
	margin-bottom:20px;
	text-indent:-9999px;
}

#step01 h3{
	background:url(images/workflow_h_step01.gif) no-repeat;
}
#step02 h3{
	background:url(images/workflow_h_step02.gif) no-repeat;
}
#step03 h3{
	background:url(images/workflow_h_step03.gif) no-repeat;
}


.flowBlock{
	width:623px;
	margin:0 auto;
	background:url(images/right_border_middle.gif) repeat-y;
}

.flowBlockTop{
	height:3px;
	background:url(images/right_border_top.gif) no-repeat;
	overflow:hidden;
}
.flowBlockMiddle{
}
.flowBlockBottom{
	clear:both;
	height:3px;
	background:url(images/right_border_bottom.gif) no-repeat;
	overflow:hidden;
}


#right th{
	background-color:#e5a74e;
	text-indent:-9999px;
	padding: 30px 0;
}

#step0101 h4{
	width:123px;
	height:22px;
	background-image:url(images/workflow_txt_step0101.gif);
}
#step0102 h4{
	width:123px;
	height:22px;
	background-image:url(images/workflow_txt_step0102.gif);
}
#step0103 h4{
	width:123px;
	height:22px;
	background-image:url(images/workflow_txt_step0103.gif);
}
#step0201 h4{
	width:123px;
	height:22px;
	background-image:url(images/workflow_txt_step0201.gif);
}
#step0202 h4{
	width:123px;
	height:55px;
	background-image:url(images/workflow_txt_step0202.gif);
}
#step0203 h4{
	width:123px;
	height:55px;
	background-image:url(images/workflow_txt_step0203.gif);
}
#step0204 h4{
	width:123px;
	height:22px;
	background-image:url(images/workflow_txt_step0204.gif);
}
#step0205 h4{
	width:123px;
	height:22px;
	background-image:url(images/workflow_txt_step0205.gif);
}
#step0301 h4{
	width:123px;
	height:22px;
	background-image:url(images/workflow_txt_step0301.gif);
}
#step0302 h4{
	width:123px;
	height:22px;
	background-image:url(images/workflow_txt_step0302.gif);
}
#step0303 h4{
	width:123px;
	height:22px;
	background-image:url(images/workflow_txt_step0303.gif);
}


#right td{
	width:100%;
}

.flowBlock ul{
	padding:5px 12px;
}

.flowBlock li{
	border-bottom:1px dotted #d6d6d6;
}

#flowArrow{
	margin:5px auto;
	width:48px;
	height:48px;
	background:url(images/workflow_icon_arrow.gif) no-repeat;
}

#step01 div#nextFlow{
	margin:25px auto 12px auto;
	width:623px;
	height:45px;
}

#step01 div#nextFlow a{
	margin-left:459px;
	display:block;
	width:164px;
	height:45px;
	background:url(images/workflow_btn_step02.gif);
	text-indent:-9999px;
	overflow:hidden;
}

#step02 div#flowNavi{
	height:45px;
	margin:25px auto 12px auto;
	width:623px;
}

#step02 div#prevFlow{
	height:45px;
	float:left;
}

#step02 div#prevFlow a{
	display:block;
	width:164px;
	height:45px;
	background:url(images/workflow_btn_step01.gif);
	text-indent:-9999px;
	overflow:hidden;
}

#step02 #nextFlow{
	height:45px;
	float:right;

}

#step02 div#nextFlow a{
	display:block;
	width:164px;
	height:45px;
	background:url(images/workflow_btn_step03.gif);
	text-indent:-9999px;
	overflow:hidden;
}

#step03 #prevFlow{
	margin:25px auto 12px auto;
	width:623px;
	height:45px;
}

#step03 div#prevFlow a{
	display:block;
	width:164px;
	height:45px;
	background:url(images/workflow_btn_step02bk.gif);
	text-indent:-9999px;
	overflow:hidden;
}