@charset "utf-8";
/*<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />*/

/*============================================================

	[workflow.css]

	@author S.Kaizu

============================================================*/

/*	heading
------------------------------------------------------------*/
div.content h1 {
	height: 74px;
}

div.content h2 {
	margin: 0 0 1em;
	font-size: 1em;
}

/*	workflow
------------------------------------------------------------*/
table,
th,
td {
	padding: 0;
	background: #FFF;
	border: none;
	line-height: 1.5;
	font-size: 12px;
}

table img {
	display: block;
}

thead th {
	height: 70px;
	padding: 0;
	background: #FFF;
}

tr.last-child th,
tr.last-child td.action {
	padding-bottom: 10px !important;
	background-image: none !important;
}

/* mark */
th.mark {
	width: 40px;
	padding: 10px 0 25px 10px;
	background-repeat: no-repeat;
	background-position: left bottom;
}

/* label */
th.label {
	width: 130px;
	padding: 10px 10px 25px;
	background: url(../img/spacer.gif) repeat-x left bottom;
}

/* action */
td.action {
	width: 284px;
	padding: 10px 13px 25px 13px;
	background: url(../img/spacer.gif) repeat-x left bottom;
}

td.action ul {
	margin: 0;
	list-style: none;
}

td.action li {
	margin: 0;
	padding: 0 0 0 12px;
}

td.action p {
	position: relative;
	margin: 0.5em 0 0;
	padding: 0 0 0 1em;
}

td.action p span {
	position: absolute;
	left: 0;
	top: 0;
}
* html td.action p span {
	left: -1em;
	top: -0.25em;
}

/* payment */
th.payment,
td.payment {
	width: 150px;
	padding: 0 0 0 30px;
}

/* progress1 */
tbody#progress1 th {
	background-color: #CECFD0;
}

tbody#progress1 th.mark {
	background-image: url(../img/next_arrow1.gif);
}

tbody#progress1 td.action {
	background-color: #EDEEEE;
}

tbody#progress1 td.action li {
	background: url(../img/bullet1.gif) no-repeat 0 0.5192em;
}

tbody#progress1 td.payment {
	background: url(../img/payment1_border.gif) repeat-y 30px 0;
}

/* progress2 */
tbody#progress2 th {
	background-color: #D9D9CE;
}

tbody#progress2 th.mark {
	background-image: url(../img/next_arrow2.gif);
}

tbody#progress2 td.action {
	background-color: #F1F1ED;
}

tbody#progress2 td.action li {
	background: url(../img/bullet2.gif) no-repeat 0 0.5192em;
}

tbody#progress2 td.payment {
	background: url(../img/payment2_border.gif) repeat-y 30px 0;
}

/* progress3 */
tbody#progress3 th {
	background-color: #C2CED5;
}

tbody#progress3 th.mark {
/*background-image: url(../img/next_arrow3.gif);*/
}

tbody#progress3 td.action {
	background-color: #E9EDF0;
}

tbody#progress3 td.action li {
	background: url(../img/bullet3.gif) no-repeat 0 0.5192em;
}

tbody#progress3 td.payment {
	background: url(../img/payment3_border.gif) repeat-y 30px 0;
}

/* progress4 */
tbody#progress4 th {
	background-color: #CAC1C1;
}

tbody#progress4 th.mark {
	background-image: url(../img/next_arrow4.gif);
}

tbody#progress4 td.action {
	background-color: #ECE9E9;
}

tbody#progress4 td.action li {
	background: url(../img/bullet4.gif) no-repeat 0 0.5192em;
}

tbody#progress4 td.payment {
	background: url(../img/payment4_border.gif) repeat-y 30px 0;
}

/* progress5 */
tbody#progress5 th {
	background-color: #D9BDBD;
}

tbody#progress5 th.mark {
/*background-image: url(../img/next_arrow5.gif);*/
}

tbody#progress5 td.action {
	background-color: #F1E7E7;
}

tbody#progress5 td.action li {
	background: url(../img/bullet5.gif) no-repeat 0 0.5192em;
}

tbody#progress5 td.payment {
/*background: url(../img/payment5_border.gif) repeat-y 30px 0;*/
}