/*--------------------------------------------------*/

/*機能扉。後で合体*/

#function div.function-main{
	width:690px;
	position:relative;
	margin:0 auto;
	text-align:right;
	padding-top:5px;
}

#function div.function-main img.img01{
	position:absolute;top:20px;left:15px;
}
#function div.function-main img.img02{
	position:absolute;top:50px;left:15px;
}
#function div.function-main img.img03{
	position:absolute;top:115px;left:15px;
}

#function div.function-list{
	width:694px;
	margin:0 auto;
}

#function div.function-list div.function-left{
	float:left;
	width:343px;
}

#function div.function-list div.function-right{
	float:right;
	width:343px;
}

#function div.function-wrap{
	border:1px solid #112b4e;
	width:341px;
}

div.function-wrap div.function-orange{
	width:328px;
	border:1px solid #112b4e;
	background:#fff;
	height:180px;
	margin:5px auto;
}

div.function-orange div.function-orange-title{
	background:url(/function/images/main_headline02.gif) no-repeat top;
	height:28px;
	width:318px;
	margin:0 auto;
	text-align:left;
	font-weight:bold;
	color:#003a6b;
	padding:7px 0 0 10px;
	font-size:110%;
}

div.function-orange div.function-o-text{
	width:310px;
	margin:0 auto;
	height:110px;
}

div.function-orange div.function-o-text p{
	width:240px;
	float:right;
	text-align:left;
	padding:10px 0 0 5px;
}

div.function-orange div.function-o-text img{
	margin-top:10px;
	float:left;
}

div.function-orange p.function-bt-area{
	width:320px;
	text-align:right;
}

div.function-orange div.function-server-text{
	width:280px;
	text-align:left;
	margin:10px auto;
	height:90px;
}

/*導入事例。後で合体*/


div.intro-box{
	width:640px;
	margin:10px auto;
}

div.intro-box div.intro-left{
	width:420px;
	text-align:left;
	float:left;
}

div.intro-box div.intro-left span{
	color:#d63048;
	font-size:120%;
	font-weight:bold;
}

div.intro-box p.intro-text{
	width:400px;
	margin:20px 0 0 20px;
}

div.intro-box div.intro-img{
	width:220px;
	float:right;
}
div.intro-box div.intro-title{
	text-align:left;
	font-weight:bold;
	margin:5px auto 10px 0px;
}