@charset "utf-8";

/* BERUFORT UO_INDEX.CSS  */


/*--------------------------------------
*
*	00.UO_INDEX / COMMON
*	01.UO_INDEX / HEAD
*	02.UO_INDEX / CASE1
*	03.UO_INDEX / CASE2
*	04.UO_INDEX / CASE3
*	05.UO_INDEX / FORM
*
*--------------------------------------*/

/**-------------------------------------
	00.UO_INDEX / COMMON
---------------------------------------**/

h4
{
	margin: 0 0 15px 0;
	text-indent: -99999px;
}

div#uoIndexCase1,
div#uoIndexCase2,
div#uoIndexCase3
{
	margin: 0 0 20px 0;
	padding: 0 0 30px 0;
	background: url(../images/uo_index_devider.gif) no-repeat left bottom;
}

p.uoIndexCaseImage
{
	margin: 15px 0 0 0;
}

p.uoIndexGray
{
	color: #666666;
}

/**-------------------------------------
	01.UO_INDEX / HEAD
---------------------------------------**/

h3#uoIndexH3
{
	width: 610px;
	height: 40px;
	margin: 0 0 20px 0;
	text-indent: -99999px;
	background: url(../images/uo_indexH3.gif) no-repeat;
}

p.uoIndexHeadEnd
{
	margin: 0 0 20px 0;
	padding: 0 0 30px 0;
	background: url(../images/uo_index_devider.gif) no-repeat left bottom;
}

/**-------------------------------------
	02.UO_INDEX / CASE1
---------------------------------------**/

div#uoIndexCase1 h4
{
	width: 610px;
	height: 40px;
	background: url(../images/uo_indexH4_01.gif) no-repeat;
}

/**-------------------------------------
	02.UO_INDEX / CASE2
---------------------------------------**/

div#uoIndexCase2 h4
{
	width: 610px;
	height: 40px;
	background: url(../images/uo_indexH4_02.gif) no-repeat;
}

/**-------------------------------------
	03.UO_INDEX / CASE3
---------------------------------------**/

div#uoIndexCase3 h4
{
	width: 610px;
	height: 40px;
	background: url(../images/uo_indexH4_03.gif) no-repeat;
}

/**-------------------------------------
	05.UO_INDEX / FORM
---------------------------------------**/

div#uoIndexForm h4
{
	width: 610px;
	height: 40px;
	background: url(../images/uo_index_formH4.gif)
}