@charset "utf-8";
/* CSS Document */

/* #solution
------------------------------------------------*/
#solution {
	margin-bottom: 90px;
}

#solution h2 {
	margin-bottom: 30px;x
}


/* #solutionHead
------------------------------------------------*/
#solutionHead {
	margin-bottom: 40px;
}

#solutionHeadInner {
	position: relative;
	height: 194px;
	margin-bottom: 65px;
	background: url(../img/portal/sub/solution/bg_solution01.gif) left top no-repeat;
}

#solutionHeadInner dt, #solutionHeadInner dd, #solutionHeadInner p {
	position: absolute;
}

#solutionHeadInner dt {
	top: 14px;
	left: 28px;
}

#solutionHeadInner dd {
	top: 53px;
	left: 56px;
}

#solutionHeadInner p {
	width: 315px;
	top: 119px;
	left: 7px;
	line-height: 1.5;
}


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


/* .section-lv3
------------------------------------------------*/
.section-lv3 {
	margin-bottom: 80px;
}

.section-lv3 h3 {
	margin-bottom: 10px;
}


/* .section-lv3内 #lastArea
------------------------------------------------*/
#lastArea {
	padding-bottom: 80px;
	margin-bottom: 35px;
	background: url(../img/common/bg_borderBottom643.gif) left bottom no-repeat;
	zoom: 1;	/* hayLayout IE用 */
}


/* .frame
------------------------------------------------*/
.frame {
	padding-bottom: 30px;
	background: url(../img/common/bg_frame.gif) left bottom no-repeat;
}

.frameInner {
	width: 584px;
	background: url(../img/common/bg_frameInner.gif) left top no-repeat;
}

.frameInner {
	padding: 21px 30px 0 30px;
}


/* .layout-1img
------------------------------------------------*/
.layout-1img {
	text-align: center;
}


/* .layout-2img
------------------------------------------------*/
.layout-2img {
	margin-left: 10px;
}

.layout-2img dt {
	margin-bottom: 25px;
}


/* .customizeList
------------------------------------------------*/
.customizeList {
	margin-bottom: 30px;
	padding-bottom: 15px;
	background: url(../img/portal/sub/solution/bg_borderBottom.gif) left bottom no-repeat;
}

.customizeList li {
	float: left;
	margin: 0 10px 20px 0;
}


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


/* #solutionCase
------------------------------------------------*/
#solutionCase {
	margin-bottom: 90px;
}

#solutionCase .last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	background: none;
}


/* .section-lv4
------------------------------------------------*/
.section-lv4 {
	margin-bottom: 40px;
	padding-bottom: 60px;
	background: url(../img/common/bg_borderBottom643.gif) left bottom no-repeat;
}

.section-lv4Inner {
	width: 336px;
	float: left;
}

.section-lv4Inner h4 {
	margin-bottom: 30px;
}


/* .solutionCase
------------------------------------------------*/
.solutionCase {
	position: relative;
	margin-bottom: 40px;
}

.solutionCase dt, .solutionCase dd {
	position: absolute;
}

.solutionCase dt {
	top: 15px;
	left: 75px;
}

.solutionCase dd {
	top: 40px;
	left: 72px;
}

.solutionCase01 {
	width: 336px;
	height: 90px;
	background: url(../img/portal/sub/solution/bg_solutionCase01.gif) left top no-repeat;
}

.solutionCase02 {
	width: 336px;
	height: 99px;
	background: url(../img/portal/sub/solution/bg_solutionCase02.gif) left top no-repeat;
}

.solutionCase03 {
	width: 336px;
	height: 90px;
	background: url(../img/portal/sub/solution/bg_solutionCase03.gif) left top no-repeat;
}


/* .solutionResult
------------------------------------------------*/
.solutionResult dt {
	margin-bottom: 15px;
	font-weight: bold;
}

.solutionResult dd {
	line-height: 1.5;
}


/* .solutionList
------------------------------------------------*/
.solutionList {
	float: right;
}


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

/* #solutionReference
------------------------------------------------*/
#solutionReference {
	position: relative;
}

#solutionReference .frame {
	height: 80px;
}

#solutionReference dt, #solutionReference dd {
	position: absolute;
}

#solutionReference dt {
	top: 46px;
	left: 43px;
}

#solutionReference dd {
	top: 30px;
	left: 410px;
}