@charset 'utf-8';

/* body
-------------------------------------------------- */

.bodyBox {
	background: none;
}

#mainArea .topSpacer {
	padding: 0px 0px 15px;
	margin: 0px;
}

/* keyVisual
-------------------------------------------------- */

#keyVisual {
	width: 930px;
	height: 330px;
	background: url(/ulos/example/images/keyvisual_bg.jpg) left top no-repeat;
	position: relative;
}

#keyVisual h1 {
	width: 483px;
	height: 71px;
	position: absolute;
	top: 51px;
	left: 25px;
}

#keyVisual p {
	width: 348px;
	height: 86px;
	position: absolute;
	top: 151px;
	left: 26px;
}

/* unit
-------------------------------------------------- */

#mainArea .unit {
	width: 837px;
	_width: 880px;
	_w\idth: 837px;
	padding: 0px 22px 0px 21px;
	margin: 30px 0px 0px;
}

#mainArea .unit h2 {
	padding: 0px 0px 21px;
	margin: 0px;
}

#mainArea .unit p {
	padding: 0px;
	margin: 0px 0px 22px;
}

/* hr Element
-------------------------------------------------- */

#mainArea .hr {
	margin: 4px 0px 0px;
}

/* twoColumn twoColumnEnd
-------------------------------------------------- */

#mainArea .unit .twoColumn {
	width: 837px;
	margin: 0px 0px 30px;
}

#mainArea .unit .twoColumnEnd {
	width: 837px;
	margin: 0px 0px 26px;
}

#mainArea .unit .twoColumn .leftHead,
#mainArea .unit .twoColumnEnd .leftHead {
	width: 403px;
	float: left;
}

#mainArea .unit .twoColumn .rightHead,
#mainArea .unit .twoColumnEnd .rightHead {
	width: 403px;
	float: right;
}

#mainArea .unit h3 {
	width: 403px;
	height: 103px;
}

#mainArea .unit h3 a {
	padding: 0px;
	margin: 0px;
	display:block;
}

#mainArea .unit h3.needs_010 {
	background: url(/ulos/example/images/head_needs_010_on.gif) left top no-repeat;
}

#mainArea .unit h3.needs_020 {
	background: url(/ulos/example/images/head_needs_020_on.gif) left top no-repeat;
}

#mainArea .unit h3.needs_030 {
	background: url(/ulos/example/images/head_needs_030_on.gif) left top no-repeat;
}

#mainArea .unit h3.needs_040 {
	background: url(/ulos/example/images/head_needs_040_on.gif) left top no-repeat;
}

#mainArea .unit h3.example_010 {
	background: url(/ulos/example/images/head_example_010_on.gif) left top no-repeat;
}

#mainArea .unit h3.example_020 {
	background: url(/ulos/example/images/head_example_020_on.gif) left top no-repeat;
}

#mainArea .unit h3.needs_010 a:hover,
#mainArea .unit h3.needs_020 a:hover,
#mainArea .unit h3.needs_030 a:hover,
#mainArea .unit h3.needs_040 a:hover,
#mainArea .unit h3.example_010 a:hover,
#mainArea .unit h3.example_020 a:hover {
	width: 403px;
	height: 103px;
	background-color: transparent;
}

#mainArea .unit h3.needs_010 a:hover img,
#mainArea .unit h3.needs_020 a:hover img,
#mainArea .unit h3.needs_030 a:hover img,
#mainArea .unit h3.needs_040 a:hover img,
#mainArea .unit h3.example_010 a:hover img,
#mainArea .unit h3.example_020 a:hover img {
	visibility:hidden;
}