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

/*--------------------------
  20150225 iWac.jp negishi
--------------------------*/

/*ボタン他hover時透過*/
a:link {
	color: #03F;
	text-decoration: none;
}
a:visited {
	color: #03F;
	text-decoration: none;
}
a:hover {
	color: #0CF;
	text-decoration: underline;
  cursor: pointer;
}
a:active {
	color: #0CF;
	text-decoration: none;
}

a img:hover {
  opacity: 0.6;
	filter: alpha(opacity=60);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=60)";  /* ie 8 */
	-moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.6;              /* Safari 1.x */
	zoom:1;
}
/*↑ここまで↑*/

/*--------------------
 header footer
---------------------*/
body{
	width:100%;
	background:#e4eeff;
}

#wrapper{
	width:1000px;
	margin:0 auto;

}

#header{
	width:100%;
	border-top:#024e94 30px solid;
	border-bottom:#024e94 2px solid;
	background:#ffffff;
	height:400px;
}

#header .h1_area{
	margin-top:100px;
	margin:100px 30px;
	*margin:100px 30px;
}

#header .inner{
	position:relative;
}

#header .topimg01{
	position:absolute;
	top:-80px;
	*top:20px;
	left:30px;
}

#header .topimg02{
	position: absolute;
	top: 180px;
	left: 86px;
	*top: 275px;
	*left: 80px;
}

#header .topimg03{
	position:absolute;
	top:-60px;
	*top: 10px;
	right: 70px;
}

#footer{
	width:100%;
	border-bottom:#024e94 30px solid;
	margin-top:80px;
}

.inner{
	width:1000px;
	margin:0 auto;
}



/*--------------------
main problem_area
---------------------*/
#main_contens{
	background: #e4eeff
}

#main_contens .problem_area{
	background: url(/lp/common/crm05/img/main01.png) -3px 0px no-repeat;
	width: 990px;
	height: 650px;
	position: relative;
	top: -40px;
}

#main_contens .problem_area img{
	position: relative;
	top: 434px;
	left: 320px;
}

/*--------------------
main merit_area
---------------------*/

#main_contens .merit_area{
	background: url(/lp/common/crm05/img/merit_bg.png) 0px 38px no-repeat;
	width: 980px;
	height: 550px;
	margin: 10px 20px;
}


#main_contens .merit_area .inner{
	margin: 10px 11px;
}
*#main_contens .merit_area .inner{
	margin: 5px 11px;
}

#main_contens .merit_area .merit01 h3{
   font-size: 20px;
   position: absolute;
   top: 40px;
			*top: 30px;
   left: 120px;
   color: #03325d;
	 font-weight: bold;
		*line-height: 200%;
}

#main_contens .merit_area .merit02 h3{
   font-size: 20px;
   position: absolute;
   top: 40px;
		 *top: 30px;
   left: 120px;
   color: #03325d;
	 font-weight: bold;
		*line-height: 200%;
}
#main_contens .merit_area .merit03 h3{
   font-size:20px;
   position:absolute;
   top:40px;
		*top: 30px;
   left:120px;
   color:#03325d;
	 font-weight:bold;
			*line-height: 200%;
}

#main_contens .merit_area .merit_text{
	font-size: 36px;
	font-weight: bold;
}
#main_contens .merit_area .merit01{
	background: url(/lp/common/crm05/img/merit_01.png) 0 0 no-repeat;
	width: 890px;
	height: 100px;
	position: relative;
	margin: 20px 30px;
}

*#main_contens .merit_area .merit01{
	background: url(/lp/common/crm05/img/merit_01.png) 0 0 no-repeat;
	width: 890px;
	height: 100px;
	position: relative;
	margin: 10px 30px;
}

#main_contens .merit_area .merit02{
	background: url(/lp/common/crm05/img/merit_02.png) 0 0 no-repeat;
	width:890px;
	height:100px;
	position:relative;
	margin:20px 30px;
}

#main_contens .merit_area .merit03{
	background: url(/lp/common/crm05/img/merit_03.png) 0 0 no-repeat;
	width: 890px;
	height: 100px;
	position: relative;
	margin: 20px 30px;
}
/*----------------------------
main select_area cv_btn_area
------------------------------*/


#main_contens .privity_area01{
	margin: 10px 48px;
}

#main_contens .privity_area02{
	margin: 50px 90px;
}

#main_contens .privity_area03{
	margin: 10px 40px;
}

#main_contens .arrow{
	margin: 30px 130px;
}

#main_contens .cv_btn_area{
	margin-bottom: 40px;
}


/*--------------------
main select_area
---------------------*/
#main_contens .select_area{
	background: url(/lp/common/crm05/img/select_bg.png) 0px 23px no-repeat;
	width: 980px;
	height: 1800px;
	margin: 0 auto;
}

#main_contens .select_area .inner{
	margin: 0px 20px;
}

#main_contens .select_area .h2_area p{
	margin: 0px 20px;
	font-size: 22px;
	font-weight: bold;
	line-height: 1.25em;
	padding: 10px 10px;
}

#main_contens .select_area .nav_area{
	width: 895px;
	height: 95px;
	background: #79A9FF;
	margin: 10px 0px 30px 3px;
}


#main_contens .select_area .nav_area ul li{
	width: 160px;
	float: left;
	border-right: #ffffff 1px solid;
	padding: 5px 9px;
}


#main_contens .description_area{
	width: 899px;
	margin: 10px 16px;

}

#main_contens .description_area h2{
   font-size: 22px;
   font-weight: bold;
   float: left;
   text-indent: 0.5em;
   margin-top: 13px;
}

#main_contens .description_area h3{
   font-size: 18px;
   font-weight: bold;
   margin: 20px;
}

#main_contens .icon{
	float: left;
}

#main_contens .description_area p{
   font-size: 14px;
   width: 380px;
   margin: 0px 20px;
   line-height: 1.5em;
}

#main_contens .contens_box01{
	width: 433px;
	height: 175px;
	background: #e0ebff;
	float: left;
	margin-bottom: 20px;
	padding-bottom: 20px;
}

#main_contens .contens_box02{
	width: 433px;
	height: 175px;
	background: #ffdcd1;
	float: left;
	margin-bottom: 20px;
	padding-bottom: 20px;
}

#main_contens .contens_box03{
	width: 433px;
	height: 200px;
	background: url(/lp/common/crm05/img/cloud_bg02.png) 0 0 no-repeat;
	float: left;
}

#main_contens .contens_box04{
	width: 433px;
	height: 200px;
	background: url(/lp/common/crm05/img/other_bg02.png) 0 0 no-repeat;
	float: left;
}


/*--------------------
main comparison_area
---------------------*/

#main_contens .comparison_area{
	background: url(/lp/common/crm05/img/comparison_bg.png) 0 30px no-repeat;
	width: 980px;
	height: 760px;
	margin: 30px 10px;
}

#main_contens .comparison_area h2{
	margin: 0 21px;
}

#main_contens .pagetop {
	display: none;
	position: fixed;
	bottom: 30px;
	right: 55px;
}