@charset "utf-8";

/* FAMILYEXTERIOR WORKFLOW.CSS  */


/*---------------------------------------
*	
*	00.WORKFLOW  
*
*	MODULES
*		MO_01.CLEARFIX
*		MO_02.TEXT
*		MO_03.LIST
*
*--------------------------------------*/



/**--------------------------------------
	00.WORKFLOW
---------------------------------------**/

div.workflow
{
	background: #FFF;
}

#wfTop
{
	margin: 0 0 30px 0;
	padding: 0 0 30px 0;
	background: url(../../common/images/cmn_dot_hdevider.gif) repeat-x left bottom;
}

div.workflow h2
{
	margin: 0 0 25px 25px;
	padding: 35px 0 0 0;
}

p.imgText
{
	margin: 0 0 25px 30px;
}

#shortcutNav
{
	margin: 0 0 0 25px;
	padding: 20px;
	width: 596px;
	
	border: 2px solid #DDDDDD;
}

#shortcutNav ul
{
	width: 189px;
}

#shortcutNav ul li
{
	margin: 0 0 5px 0;
	padding: 0 0 0 15px;
	background: url(../../common/images/cmn_inpage_link_ico.gif) no-repeat left 8px;
	font-size: 85%;
}

#shortcutNav ul.firstPhase
{
	margin: 0 15px 0 0;
}

#shortcutNav ul.firstPhase,
#shortcutNav ul.secondPhase
{
	float: left;
	background: url(../../common/images/cmn_dot_vdevider.gif) repeat-y right top;
}

#shortcutNav ul.thirdPhase
{
	float: right;
}

div.processBox
{
	margin: 0 0 0 25px;
	padding: 0 0 30px 0;
	width: 640px;
}

div.noBox
{
	float: left;
	width: 74px;
	text-align: center
}

p.no
{
	margin: 0 0 10px 0;
}

div.contBox
{
	float: right;
	width: 550px;
}

div.contBox h3
{
	margin: 28px 0 15px 0;
}

div.contBox p.processText
{
	margin: 0 0 20px 0;
}

div.memberBox
{
	padding: 15px 20px;
	width: 506px;
	border: 2px solid #DDDDDD;
}

div.memberBox p.member
{
	float: left;
	width: 100px;
	height: 100px;
}

div.memberBox dl
{
	float: right;
	width: 386px;
}

div.memberBox dl dt
{
	display: block;
	margin: 0 0 10px 0;
}

div.memberBox dl dd
{
	font-size: 85%;
}


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

	MODULES
	
---------------------------------------**/


/*---------------------------------------
	MO_01.CLEARFIX
---------------------------------------**/

.clearfix:after,
#shortcutNav:after,
div.processBox:after,
div.memberBox:after
{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.clearfix,
#shortcutNav,
div.processBox,
div.memberBox
{
	display:inline-block;
}

/* \*/
* html .clearfix,
* html #shortcutNav,
* html div.processBox,
* html div.memberBox
{ 
	height:1%;
}
/* */

/*---------------------------------------
	MO_02.TEXT
	
	Font-size Adjustment.
	
	77% = 10px	|	122% = 16px	|	167% = 22px	
	85% = 11px	|	129% = 17px	|	174% = 23px 
	92% = 12px	|	136% = 18px	|	182% = 24px 
	100% = 13px	|	144% = 19px	|	189% = 25px 
	107% = 14px	|	152% = 20px	|	197% = 26px 
	114% = 15px	|	159% = 21px	| 
---------------------------------------**/

* {
	font-size: 100%;
	font-weight: normal;
	font-style: normal;
}

body {
	line-height: 1.7;
	color: #333;
	background-color: #000;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Mayryo","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
/*
	font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ Ｐ明朝","MS PMincho",serif;
*/
}

/* for WinIE6*/
* html body
{
	font-family: "ＭＳ Ｐゴシック","MS PGothic", sans-serif;
/*
	font-family: "ＭＳ Ｐ明朝","MS PMincho",serif;
*/
}

/* for WinIE7*/
*:first-child+html body
{
	font-family: "ＭＳ Ｐゴシック","MS PGothic", sans-serif;
/*
	font-family: "ＭＳ Ｐ明朝","MS PMincho",serif;
*/
}


/*---------------------------------------
	MO_03.LIST
---------------------------------------**/

ul,
ol,
dl
{
	list-style-position:outside;
}