@charset "UTF-8";

/**************************************************************************

							Aglaia Art Studio
							flow.html				
							レイアウト用CSS
							
**************************************************************************/

@import url("initialize.css");
@import url("common.css");
@import url("text.css");



/*////////////////////////////////////////////////
	レイアウト
////////////////////////////////////////////////*/

/*---------------------------------
	施術の流れボックス
----------------------------------*/

div.flowBox {
    zoom: 100%;
}
div.flowBox:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

div.flowBox{
	width:460px;
	padding-bottom:30px;
}

p.pic_flow{
	width:205px;
	float:left
}

div.flow_text{
	width:245px;
	float:right;
}


/*////////////////////////////////////////////////
	レイアウト詳細
////////////////////////////////////////////////*/

/*---------------------------------
	タイトル
----------------------------------*/

h3#title_flow{
	width:500px;
	height:35px;
	text-indent:-5000px;
	background:url(../img/flow/title_flow01.gif) left top no-repeat;
	margin-bottom:10px;
}

h4#subtitle_flow01{
	width:115px;
	height:18px;
	text-indent:-5000px;
	background:url(../img/flow/text_flow01.gif) left top no-repeat;
}

h4#subtitle_flow02{
	width:115px;
	height:18px;
	text-indent:-5000px;
	background:url(../img/flow/text_flow02.gif) left top no-repeat;
}

h4#subtitle_flow03{
	width:55px;
	height:20px;
	text-indent:-5000px;
	background:url(../img/flow/text_flow03.gif) left top no-repeat;
}

h4#subtitle_flow04{
	width:108px;
	height:20px;
	text-indent:-5000px;
	background:url(../img/flow/text_flow04.gif) left top no-repeat;
}

h4#subtitle_flow05{
	width:52px;
	height:20px;
	text-indent:-5000px;
	background:url(../img/flow/text_flow05.gif) left top no-repeat;
}