@charset "utf-8";

/* ---------------------------------------------------
   File: flow.css
   Version: 1.0.0
   Update: 2014-09-11
   Author: http://flowlab.co.jp

   (c)2007-2014 Flowlab inc. All Rights Reserved.
--------------------------------------------------- */




/* ===================================================
    G Navigation
=================================================== */

#gnavi li#g_flow a														{ background-position: -428px   -68px;}




/* ===================================================
    Local Navigation
=================================================== */

#lnavi_area h1 {
	height: 168px;
	background: url(../flow/images/tit_flow.jpg) 0 0 no-repeat;
}




/* ===================================================
    Contents
=================================================== */

#flowBox {
	background: url(../flow/images/line_dot_normal.jpg) left top repeat-x;
}

#flowBox .flowList {
	background: url(../flow/images/line_dot_normal.jpg) left bottom repeat-x;
	padding: 32px 0;
}
/*#flowBox .start,
#flowBox .hearing,
#flowBox .planning,
#flowBox .base,
#flowBox .contract_plan,
#flowBox .plan,
#flowBox .contract_construction,
#flowBox .commencement {
	background: url(../flow/images/line_dot_normal.jpg) left bottom repeat-x;
	padding: 32px 0;
}*/

#flowBox .commencement {
	margin-bottom: 96px;
}

#flowBox .inBox {
	width: 480px;
	float: left;
}

h2 {
	height: 29px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	padding-bottom: 16px;
}
.inBox p {
	font-size: 0.9em;
	line-height: 1.6em;
	width: 480px;
	display: block;
}

#flowBox p.img_r {
	width: 180px;
	padding-right: 20px;
	float: right;
}


#start h2														{	background: url(../flow/images/tit_start.jpg) 0 0 no-repeat;}
#hearing h2												{	background: url(../flow/images/tit_hearing.jpg) 0 0 no-repeat;}
#planning h2											{	background: url(../flow/images/tit_planning.jpg) 0 0 no-repeat;}
#base h2														{	background: url(../flow/images/tit_base.jpg) 0 0 no-repeat;}
#contract_plan h2							{	background: url(../flow/images/tit_contract_plan.jpg) 0 0 no-repeat;}
#plan h2														{	background: url(../flow/images/tit_plan.jpg) 0 0 no-repeat;}
#contract_construction h2	{	background: url(../flow/images/tit_contract_construction.jpg) 0 0 no-repeat;}
#commencement h2						{	background: url(../flow/images/tit_commencement.jpg) 0 0 no-repeat;}





/* ===================================================
    Commencement
=================================================== */

/* -----------------------------------
		Common Style
----------------------------------- */

#flowBox #commencement {
	margin-bottom: 80px;
}
#commencementBox {
	background: url(../flow/images/bg_commencement.jpg) 0 0 no-repeat;
	padding: 30px 20px 0;
}

#commencementBox .box_l {
	width: 457px;
	float: left;
}
#commencementBox .box_l p {
	font-size: 0.9em;
	line-height: 1.6em;
	background: url(../flow/images/line_arrow.jpg) center bottom no-repeat;
	display: block;
	padding-bottom: 40px;
	margin-bottom: 24px;
}

/* Title */
#commencementBox h3 {
	height: 21px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	padding-bottom: 16px;
}




/* -----------------------------------
		No1 - Meeting
----------------------------------- */

#no1_meeting h3 {
	background: url(../flow/images/tit_meeting.jpg) 0 0 no-repeat;
}


/* -----------------------------------
		No2 - Ceremony
----------------------------------- */

#no2_ceremony h3 {
	background: url(../flow/images/tit_ceremony.jpg) 0 0 no-repeat;
}


/* -----------------------------------
		No3 - Start
----------------------------------- */

#no3_start {
	padding: 0 0 10px 0;
}

/* Title */
#no3_start h3	{
	background: url(../flow/images/tit_start_construction.jpg) 0 0 no-repeat;
}

/* List */
#commencementBox ul {
	float: left;
}
#commencementBox li {
	font-size: 0.9em;
	line-height: 1.5em;
	width: 15em;
	display: block;
	padding: 4px 0 4px 32px;
}

#step01 {background: url(../flow/images/icon_green_01.jpg) left center no-repeat}
#step02 {background: url(../flow/images/icon_green_02.jpg) left center no-repeat}
#step03 {background: url(../flow/images/icon_green_03.jpg) left center no-repeat}
#step04 {background: url(../flow/images/icon_green_04.jpg) left center no-repeat}
#step05 {background: url(../flow/images/icon_green_05.jpg) left center no-repeat}

#step06 {background: url(../flow/images/icon_green_06.jpg) left center no-repeat}
#step07 {background: url(../flow/images/icon_green_07.jpg) left center no-repeat}
#step08 {background: url(../flow/images/icon_green_08.jpg) left center no-repeat}
#step09 {background: url(../flow/images/icon_green_09.jpg) left center no-repeat}
#step10 {background: url(../flow/images/icon_green_10.jpg) left center no-repeat}

#step11 {background: url(../flow/images/icon_green_11.jpg) left center no-repeat}
#step12 {background: url(../flow/images/icon_green_12.jpg) left center no-repeat}
#step13 {background: url(../flow/images/icon_green_13.jpg) left center no-repeat}
#step14 {background: url(../flow/images/icon_green_14.jpg) left center no-repeat}
#step15 {background: url(../flow/images/icon_green_15.jpg) left center no-repeat}

/* Image Photo */
#no3_start p,
#no3_start p img {
	display: block;
}
#no3_start p {
	background: url(../flow/images/line_arrow_long.jpg) left bottom no-repeat;
	padding: 20px 0 40px;
}

/* -----------------------------------
		No4 - Extradition	
----------------------------------- */

#no4_extradition	 h3 {
	background: url(../flow/images/tit_extradition.jpg) 0 32px no-repeat;
	padding: 32px 0 16px;
}

#commencementBox #no4_extradition p {
	background: none;
	padding-bottom: 0;
	margin-bottom: 0;
}