@charset "utf-8";
/* CSS Document */

/* container *
****************************************/

/* message */
#message {
	margin-right: auto;
	margin-left: auto;
	width: 546px;
	line-height: 2;
}

/* flowChart */
#flowChart ul {
	list-style: none;
	overflow: hidden;
}
#flowChart ul li {
	float: left;
	padding-right: 39px;
	width: 206px;
	background: url(../images/next.gif) 217px 55px no-repeat;
}
#flowChart ul li img {
	margin-bottom: 10px;
}
#flowChart ul li p {
	margin-bottom: 40px;
}
#flowChart ul li:nth-child(8n) {
	padding-right: 0px;
}


/* RWD --------------------------------------------------------*/
@media screen and (min-width: 1024px) {
	#flowChart ul li:nth-child(n + 5) p { margin-bottom: 0px; }
}/* END min-width 750px and max-width 1023px */

@media screen and (min-width: 750px) {
	#message p .brank	{ display: block; }
}/* END min-width 750px */

@media screen and (min-width: 750px) and (max-width: 1023px) {
	#flowChart ul li 					{ padding-right: 27px; background: url(../images/next.gif) 211px 55px no-repeat; }
	#flowChart ul li:nth-child(8n)		{ padding-right: 0px; }
	#flowChart ul li:nth-child(n + 7) p { margin-bottom: 0px; }
}/* END min-width 750px and max-width 1023px */

@media screen and (max-width: 749px) {
	#message							{ width: 280px; line-height: 1.6; }
	#flowChart							{ width: 290px; margin-right: auto; margin-left: auto; }
	#flowChart ul li					{ padding-right: 15px; width: 130px; background: url(../images/next.gif) 125px 30px no-repeat; }
	#flowChart ul li img				{ width: 130px; height: auto; }
	#flowChart ul li p					{ margin-bottom: 20px; }
	#flowChart ul li:nth-child(n + 7) p { margin-bottom: 0px; }
}/* END min-width 850px and max-width 1023px */
/* END RWD -----------------------------------------------------*/