@charset "utf-8";

/* CSS Document */

/*--------------------------------

はじめにページheader

-------------------------------*/



#headerWorkflow {

	height: 220px;

	width: 962px;

	margin-right: auto;

	margin-left: auto;

	position: relative;

    background:url(../images/workflow/girl.png);

}

#headerWorkflow H1 {

	/*TEXT-INDENT: -9999px*/

}

#headerWorkflow h2 {

	width: 608px;

	position: absolute;

	left: 13px;

	top: 12px;

	height: 63px;

	TEXT-INDENT: -9999px;

	background:url(../images/workflow/title.png);

}

#headerWorkflow P {

	width: 566px;

	position: absolute;

	left: 6px;

	top: 82px;

	height: 137px;

	background:url(../images/workflow/p.png);

	background-repeat:no-repeat;

	text-indent:-9999px;

}





/* ボックス */

.work-f {

	width: 680px;

	margin-bottom: 20px;

}

/* ボックス内Ｐタグ */

.work-f p {

	margin: 10px;

}



/*-------------------------------------

main contents

----------------------------------------*/

#MC {

	width:680px;

	height:400px;

	float:left;

	background:url(../images/workflow/bg_08.png);

}

#MC H3 {

	width:680px;

	height:40px;

	text-indent:-9999px;

	background-image: url(../images/workflow/title_01.png);

}

.MCP {

	font-size:14px;

	line-height:22px;

	padding-left:20px;

	padding-top:10px;

	text-align:left;

	color:#666;

	width: 465px;

}

.st-box {

	width: 680px;

}

.st-box p {

	width: 640px;

	margin-bottom: 20px;

	float: left;

	color:#F66;

	font-size:14px;

	line-height:16px;

	margin-top: -20px;

	border: 1px dotted #F66;

	padding: 10px;

}

.st-box img {

	margin-top: 10px;

	clear: right;

	float: right;

	margin-bottom: 10px;

}







/* h3見出し */

#work-f01 {

	width:460px;

	height:60px;

	text-indent:-3000px;

	clear: both;

	background-image: url(../images/workflow/01.png);

	background-repeat: no-repeat;



}

#work-f02 {

	width:460px;

	height:60px;

	text-indent:-3000px;

	clear: both;

	background-image: url(../images/workflow/02.png);

	background-repeat: no-repeat;



}



#work-f03 {

	width:460px;

	height:60px;

	text-indent:-3000px;

	clear: both;

	background-image: url(../images/workflow/03.png);

	background-repeat: no-repeat;



}



#work-f04 {

	width:460px;

	height:60px;

	text-indent:-3000px;

	clear: both;

	background-image: url(../images/workflow/04.png);

	background-repeat: no-repeat;



}



#work-f05 {

	width:460px;

	height:60px;

	text-indent:-3000px;

	clear: both;

	background-image: url(../images/workflow/05.png);

	background-repeat: no-repeat;



}

/*-------------------------------------

ボタン

----------------------------------------*/



#bt-box {

	margin-top: 30px;

	margin-left: 400px;

	width: 260px;

}

#bt-box ul {

	clear: both;

	height: 64px;

	text-align: center;

	width: 250px;	

}

#bt-box li {

	color: #000000;

	display: inline;

	float: left;

	height: 64px;

	width: 250px;

	margin: 5px;

}

#bt-box li a {

	background-image: url(../images/workflow/flow_bn.png);

	color: #000000;

	display: block;

	font-size: 6px;

	height: 64px;

	margin: 0;

	overflow: hidden;

	padding: 0;

	text-indent: -9999px;

	width: 100%;

}

#bt-box a {

    background-position: 0 0;

}

#bt-box a:hover {

    background-position: 0 -64px;

}