@charset "utf-8";

/* --------------------------------------------- funcInnnerH2*/

div#contentArea .func h2.funcInner {
	background: url(/knowledgesuite/service/images/h2_head_funcinner.gif) no-repeat ;
	padding: 8px 15px 0 13px;
	height: 23px;
	_height: 31px;
	margin-bottom: 20px;
}

/*----------------------------------------------- functionSlideShow */

div#tmpSlideshow {
    position: relative;
	margin-bottom: 20px;
	background:  url(/knowledgesuite/common/images/func_det_bg.gif) left top repeat-x;
	width: 256px;
}
	div.detailGw { height: 275px!important;}
	div.detailSfa { height: 180px;}
	div.detailCrm { height: 180px;}
	div.detailCenter { height: 200px;}
	
div#tmpSlideshow div {
	border: 1px solid #ccc;
}

div#tmpSlideshow div img {
	margin: 0 0 2px 2px;
}
	
div.tmpSlide {
    display: none;
}
	div.tmpSlide p.funcTxt {
		margin-top: 10px;
		padding: 0 15px 0 15px;
		height: 130px;
	}
	div.detailSfa p.funcTxt {
		margin-top: 10px;
		padding: 0 15px 0 15px;
		height: 30px;
	}
	div.detailCrm p.funcTxt {
		margin-top: 10px;
		padding: 0 15px 0 15px;
		height: 30px;
	}
	div.detailCenter p.funcTxt {
		margin-top: 10px;
		padding: 0 15px 0 15px;
		height: 50px;
	}

div.tmpSlideshowControl {
    float: left;
    margin: 0 7px 5px 0;
    width: 74px;
    height: 0px;
	_height: 52px;
    cursor: pointer;
	overflow: hidden;
	padding-top:52px;
}

div.funcBtnBgGW01 { background: url(/knowledgesuite/common/images/icon_mypage.gif) left top no-repeat;}
div.funcBtnBgGW02 { background: url(/knowledgesuite/common/images/icon_sched.gif) left top no-repeat;}
div.funcBtnBgGW03 { background: url(/knowledgesuite/common/images/icon_reserve_.gif) left top no-repeat;}
div.funcBtnBgGW04 { background: url(/knowledgesuite/common/images/icon_group.gif) left top no-repeat;}
div.funcBtnBgGW05 { background: url(/knowledgesuite/common/images/icon_manage.gif) left top no-repeat;}
div.funcBtnBgGW06 { background: url(/knowledgesuite/common/images/icon_topic.gif) left top no-repeat;}
div.funcBtnBgGW07 { background: url(/knowledgesuite/common/images/icon_mail.gif) left top no-repeat;}
div.funcBtnBgGW08 { background: url(/knowledgesuite/common/images/icon_add.gif) left top no-repeat;}
div.funcBtnBgGW09 { background: url(/knowledgesuite/common/images/icon_telmemo.gif) left top no-repeat;}
div.funcBtnBgGW10 { background: url(/knowledgesuite/common/images/icon_message.gif) left top no-repeat;}
div.funcBtnBgGW11 { background: url(/knowledgesuite/common/images/icon_time.gif) left top no-repeat;}
div.funcBtnBgGW12 { background: url(/knowledgesuite/common/images/icon_todo.gif) left top no-repeat;}
div.funcBtnBgGW13 { background: url(/knowledgesuite/common/images/icon_file.gif) left top no-repeat;}
div.funcBtnBgGW14 { background: url(/knowledgesuite/common/images/icon_memo.gif) left top no-repeat;}
div.funcBtnBgGW15 { background: url(/knowledgesuite/common/images/icon_report.gif) left top no-repeat;}
div.funcBtnBgGW16 { background: url(/knowledgesuite/common/images/icon_meeting.gif) left top no-repeat;}
div.funcBtnBgGW17 { background: url(/knowledgesuite/common/images/icon_work.gif) left top no-repeat;}
div.funcBtnBgGW18 { background: url(/knowledgesuite/common/images/icon_alarm.gif) left top no-repeat;}
div.funcBtnBgGW19 { background: url(/knowledgesuite/common/images/icon_member.gif) left top no-repeat;}
div.funcBtnBgGW20 { background: url(/knowledgesuite/common/images/icon_equip.gif) left top no-repeat;}
div.funcBtnBgGW21 { background: url(/knowledgesuite/common/images/icon_manager.gif) left top no-repeat;}
div.funcBtnBgGW22 { background: url(/knowledgesuite/common/images/icon_admin.gif) left top no-repeat;}
div.funcBtnBgGW23 { background: url(/knowledgesuite/common/images/icon_mobile.gif) left top no-repeat;}

div.funcBtnBgSfa01 { background: url(/knowledgesuite/common/images/icon_sfanippo.gif) left top no-repeat;}
div.funcBtnBgSfa02 { background: url(/knowledgesuite/common/images/icon_sfaclient.gif) left top no-repeat;}
div.funcBtnBgSfa03 { background: url(/knowledgesuite/common/images/icon_sfarepre.gif) left top no-repeat;}
div.funcBtnBgSfa04 { background: url(/knowledgesuite/common/images/icon_sfabizconfab.gif) left top no-repeat;}
div.funcBtnBgSfa05 { background: url(/knowledgesuite/common/images/icon_crmreport.gif) left top no-repeat;}
div.funcBtnBgSfa06 { background: url(/knowledgesuite/common/images/icon_sfadash.gif) left top no-repeat;}
div.funcBtnBgSfa07 { background: url(/knowledgesuite/common/images/icon_sfaproduct.gif) left top no-repeat;}
div.funcBtnBgSfa08 { background: url(/knowledgesuite/common/images/icon_sfaagree.gif) left top no-repeat;}
div.funcBtnBgSfa09 { background: url(/knowledgesuite/common/images/icon_sfainq.gif) left top no-repeat;}
div.funcBtnBgSfa10 { background: url(/knowledgesuite/common/images/icon_sfasolution.gif) left top no-repeat;}
div.funcBtnBgSfa11 { background: url(/knowledgesuite/common/images/icon_sfacampain.gif) left top no-repeat;}
div.funcBtnBgSfa12 { background: url(/knowledgesuite/common/images/icon_sfatarget.gif) left top no-repeat;}
div.funcBtnBgSfa13 { background: url(/knowledgesuite/common/images/icon_cockpit.gif) left top no-repeat;}
div.funcBtnBgSfa14 { background: url(/knowledgesuite/common/images/icon_sentset.gif) left top no-repeat;}
div.funcBtnBgSfa15 { background: url(/knowledgesuite/common/images/icon_mylist.gif) left top no-repeat;}
div.funcBtnBgSfa16 { background: url(/knowledgesuite/common/images/icon_template.gif) left top no-repeat;}

div.funcBtnBgCrm01 { background: url(/knowledgesuite/common/images/icon_crmform.gif) left top no-repeat;}
div.funcBtnBgCrm02 { background: url(/knowledgesuite/common/images/icon_crmreport.gif) left top no-repeat;}

div.funcBtnBgCent01 { background: url(/knowledgesuite/common/images/icon_centeradmin.gif) left top no-repeat;}
div.funcBtnBgCent02 { background: url(/knowledgesuite/common/images/icon_centercont.gif) left top no-repeat;}

div.funcBtnBgSP01 { background: url(/knowledgesuite/common/images/icon_mypage.gif) left top no-repeat;}
div.funcBtnBgSP02 { background: url(/knowledgesuite/common/images/icon_sched.gif) left top no-repeat;}
div.funcBtnBgSP03 { background: url(/knowledgesuite/common/images/icon_reserve_.gif) left top no-repeat;}
div.funcBtnBgSP04 { background: url(/knowledgesuite/common/images/icon_topic.gif) left top no-repeat;}
div.funcBtnBgSP05 { background: url(/knowledgesuite/common/images/icon_add.gif) left top no-repeat;}
div.funcBtnBgSP06 { background: url(/knowledgesuite/common/images/icon_telmemo.gif) left top no-repeat;}
div.funcBtnBgSP07 { background: url(/knowledgesuite/common/images/icon_message.gif) left top no-repeat;}
div.funcBtnBgSP08 { background: url(/knowledgesuite/common/images/icon_todo.gif) left top no-repeat;}
div.funcBtnBgSP09 { background: url(/knowledgesuite/common/images/icon_report.gif) left top no-repeat;}
div.funcBtnBgSP10 { background: url(/knowledgesuite/common/images/icon_work.gif) left top no-repeat;}
div.funcBtnBgSP11 { background: url(/knowledgesuite/common/images/icon_member.gif) left top no-repeat;}
div.funcBtnBgSP12 { background: url(/knowledgesuite/common/images/icon_sfanippo.gif) left top no-repeat;}
div.funcBtnBgSP13 { background: url(/knowledgesuite/common/images/icon_sfaclient.gif) left top no-repeat;}
div.funcBtnBgSP14 { background: url(/knowledgesuite/common/images/icon_sfarepre.gif) left top no-repeat;}
div.funcBtnBgSP15 { background: url(/knowledgesuite/common/images/icon_sfabizconfab.gif) left top no-repeat;}
div.funcBtnBgSP16 { background: url(/knowledgesuite/common/images/icon_sfaproduct.gif) left top no-repeat;}
div.funcBtnBgSP17 { background: url(/knowledgesuite/common/images/icon_sfaagree.gif) left top no-repeat;}
div.funcBtnBgSP18 { background: url(/knowledgesuite/common/images/icon_sfasolution.gif) left top no-repeat;}
div.funcBtnBgSP19 { background: url(/knowledgesuite/common/images/icon_sfainq.gif) left top no-repeat;}
div.funcBtnBgSP20 { background: url(/knowledgesuite/common/images/icon_cockpit.gif) left top no-repeat;}




div.tmpSlideshowControl span {
    line-height: 36px;
    vertical-align: middle;
}
div.tmpSlideshowControlOn {
	background-position:left -52px;
}
div.tmpSlideshowControlActive {
	background-position:left -52px;
}


/*--------------------------------------------------- lowerFunctionTop main */

div.serviceGwVis { background: url(/knowledgesuite/service/images/h1_service_gw_bg.jpg) left center no-repeat; margin-bottom: 20px;}
div.serviceSfaVis { background: url(/knowledgesuite/service/images/h1_service_sfa_bg.jpg) left center no-repeat; margin-bottom: 20px;}
div.serviceCrmVis { background: url(/knowledgesuite/service/images/h1_service_crm_bg.jpg) left center no-repeat; margin-bottom: 20px;}
div.serviceLeadVis { background: url(/knowledgesuite/service/images/h1_service_leadform_bg.jpg) left center no-repeat; margin-bottom: 20px;}
div.serviceCenterVis { background: url(/knowledgesuite/service/images/h1_service_center_bg.jpg) left center no-repeat; margin-bottom: 20px;}
div.serviceSPVis { background: url(/knowledgesuite/service/images/h1_service_smartphone_bg.jpg) left center no-repeat; margin-bottom: 20px;}
div.serviceMBVis { background: url(/knowledgesuite/service/images/h1_service_private_bg.jpg) left center no-repeat;}
div.serviceSecVis { background: url(/knowledgesuite/service/images/h1_service_security_bg.jpg) left center no-repeat;}
div.serviceAshuraVis { background: url(/knowledgesuite/service/images/h1_service_security_bg.jpg) left center no-repeat; margin-bottom: 20px;}


div#mainLower p {
	margin: 0 0 0 25px;
	width: 450px;
}

div#contentArea h1.serviceFunc {
	background: none;
	margin-bottom: 5px;
}
/*functionList*/
div.functionListBox { 
	background:url(/knowledgesuite/service/images/btn_kslist_btm.gif) left bottom no-repeat;
	width: 652px;
	padding-bottom: 25px;
	margin-bottom: 20px;
	margin-left: 15px;
}

div.functionListBottom { 
	background:url(/knowledgesuite/service/images/function_list_bg.gif) left bottom repeat-y;
	padding-bottom:15px;
}

/*--------------------------------------------------- GW */

div.gwImg {
	background: url(/knowledgesuite/service/images/img_gw_main.jpg) right top no-repeat;
}
/* GW func04Table */
table.groupe {
	width: 685px;
}

table.groupe td,
table.groupe th {
	border-color:#999;
	padding: 4px;
	text-align: center;
}

div.demoMovie {
	padding-left: 100px;
	padding-bottom: 20px;
	padding-top: 20px;
	margin-bottom: 20px;
	background: #ccc;
}

/* ------------------------------------------------ GW office */

div.officeAd {
	background: url(/knowledgesuite/service/images/func_office_about01.jpg) left center no-repeat;
	width: 685px;
	height: 188px;
}

	div.officeAd p {
		padding: 5px 0 0 70px;
	}

div.oFeat { 
	heigth:193px;
	overflow: hidden;
}
div.oFeat p { padding: 150px 20px 0 30px; }
	div.oFeat p.rightTxt { padding: 150px 25px 0 15px; }
	div.oFeat p.centerTxt { padding: 165px 20px 0 30px;}

div.officeFeat01 { background: url(/knowledgesuite/service/images/img_office_32.gif) 15px top no-repeat;}
div.officeFeat02 { background: url(/knowledgesuite/service/images/img_office_33.gif) 0px top no-repeat;}
div.officeFeat03 { background: url(/knowledgesuite/service/images/img_office_34.gif) 15px top no-repeat;}
div.officeFeat04 { background: url(/knowledgesuite/service/images/img_office_35.gif) 0px top no-repeat;}
div.officeFeat05 { background: url(/knowledgesuite/service/images/img_office_36.gif) 15px top no-repeat;}

table.officeCompa {
	width: 685px!important;
}


table.officeCompa th {
	width: 290px;
}

table.officeCompa td {
	width: 90px;
	text-align: center;
}

div.checkPoint01 ul li {
		margin-bottom: 5px;
	}
		div.checkPoint01 ul li.last {
			margin-bottom: 0;
		}

ul.funcList {
	padding-left:10px;
	padding-bottom:5px;
	margin-bottom: 20px;
	background:#e3f3f3;
}

ul.funcList li {
	width: 145px;
	_width: 155px;
	float: left;
	margin-right: 5px;
	margin-top: 5px;
	padding-left: 18px;
	padding-top: 13px;
	border-bottom: 1px dotted #999;
	line-height: 1em;
	height: 22px;
	_height: 35px;
	
}

ul.funcList li.last { margin-right: 0;}

ul.centerIcon li {
	background: url(/knowledgesuite/service/images/list_mark_center_func.gif) left center no-repeat;
}

ul.crmIcon li {
	background: url(/knowledgesuite/service/images/list_mark_crm_func.gif) left center no-repeat;
}

ul.sfaIcon li {
	background: url(/knowledgesuite/service/images/list_mark_sfa_func.gif) left center no-repeat;
}

ul.funcList li.line2 {
	padding-top: 5px;
	height: 30px;
	_height: 35px;
}

/*--------------------------------------------------- SFA */

div.afterCompareBg {
	background: url(/knowledgesuite/service/images/after_comp_arrow.gif) center center no-repeat; margin-bottom: 20px;
}

table.afterCompare,
table.beforeCompare {
	height: 225px;
}

table.afterCompare tbody th,
table.beforeCompare tbody th {
	height: 20px;
}

table.afterCompare thead th {
	background-color: #84d7d7;
}

table.afterCompare tbody th {
	background-color: #f1e992;
}


div.commentBox { 
	background: url(/knowledgesuite/service/images/comment_bg.gif) no-repeat;
	padding: 20px 20px 20px 30px;
}
div.commentBox2 { 
	background: url(/knowledgesuite/service/images/comment_bg2.gif) no-repeat; 
	padding: 20px 20px 20px 30px;
}


/* -------------------------------------------------- nameCRM*/

div.meishiImg {
	background: url(/knowledgesuite/service/images/img_maishi_main.jpg) no-repeat right top;
}

div.meishiImg p.bottomAttention {
	margin-top: 400px;
	font-size: 10px;
	text-align: right;
}

/*--------------------------------------------------- LeadForm */




div.crmToSfa { 
	width: 680px;
	height: 400px;
	background: url(/knowledgesuite/service/images/img_crm_last.jpg) no-repeat;
	margin-bottom: 20px;
}

div.crmToSfa p{
	width: 300px;
	padding: 320px 0 0 30px;
}


table.scan {
	width: 685px;
}

table.scan tbody th{
	width: 140px;
}
/*--------------------------------------------------- SmartPhone */

div.spImg {
	background: url(/knowledgesuite/service/images/img_sp_main.jpg) right top no-repeat;
	height: 420px;
}

div.spImg img.capture {
	margin-right: 10px;
	border: 1px solid  #aaaaaa;
}

div table.smartphone td {
	text-align: center;
	vertical-align: middle;
}

div table.smartphone td.spColor {
	background: #e7dbf7;
}

/*--------------------------------------------------- Ashura */
table.adapter th {font-weight: bold;}
table .adptCloud span { color: #1CA1DB;}
table .adptFile span { color: #008200;}
table .adptDataBase span { color: #0000A8;}
table .adptApp span { color: #C80000;}
table .adptNetWork span { color: #E85E00;}
table .adptGW span { color: #C9008F;}
table .adptDirect span { color: #57BA00;}

/* -------------------------------------------------- Private Cloud */

.featureBoxPrivate{
	border: solid 1px #cccccc;
	padding:0 0 0 0;
	float:left;
	width:220px;
	min-height:233px;
	margin-bottom:20px;
}

.featureBoxPrivate h3 {background:none !important;padding:0 !important;margin:0!important;}

.featureBoxPrivate dl{
	padding:10px 10px 0 10px;
	
}

.featureBoxPrivate dl dt{
	padding-bottom:10px;
	font-size:0;
	line-height:0;
}

/*--------------------------------------------------- functionTAB */
.funcList {
	margin-bottom: 0px!important;
}

ul.functionNavi {
	width: 730px;
}

ul.functionNavi li {
	float: left;
	_display: inline;
	_width: 118px;
	height: 29px;
	text-align: center;
	overflow: hidden;
}


ul.tabSfa,
ul.tabSfa li {
	background: url(/knowledgesuite/service/images/tabbg_sfa.gif) left top no-repeat;
}
	ul.tabSfa li.active {
		background: url(/knowledgesuite/service/images/tabbg_sfa_active.gif) left top no-repeat;
	}

ul.tabGw,
ul.tabGw li {
	background: url(/knowledgesuite/service/images/tabbg_gw.gif) left top no-repeat;
}
	ul.tabGw li.active {
		background: url(/knowledgesuite/service/images/tabbg_gw_active.gif) left top no-repeat;
	}

ul.tabCrm,
ul.tabCrm li {
	background: url(/knowledgesuite/service/images/tabbg_crm.gif) left top no-repeat;
}
	ul.tabCrm li.active {
		background: url(/knowledgesuite/service/images/tabbg_crm_active.gif) left top no-repeat;
	}

ul.tabLead,
ul.tabLead li {
	background: url(/knowledgesuite/service/images/tabbg_lead.gif) left top no-repeat;
}
	ul.tabLead li.active {
		background: url(/knowledgesuite/service/images/tabbg_lead_active.gif) left top no-repeat;
	}
	
ul.tabCnt,
ul.tabCnt li {
	background: url(/knowledgesuite/service/images/tabbg_cnt.gif) left top no-repeat;
}
	ul.tabCnt li.active {
		background: url(/knowledgesuite/service/images/tabbg_cnt_active.gif) left top no-repeat;
	}
	
ul.tabSp,
ul.tabSp li {
	background: url(/knowledgesuite/service/images/tabbg_sp.gif) left top no-repeat;
}
	ul.tabSp li.active {
		background: url(/knowledgesuite/service/images/tabbg_sp_active.gif) left top no-repeat;
	}
	
		
	ul.functionNavi li a:link{
		color: #fff!important;
		text-decoration: underline;
	}
	ul.functionNavi li.active a:link{
		color: #333!important;
		font-weight: bold;
		text-decoration: none;
	}

ul.functionNavi li p {
	height: 29px;
	_height: 34px;
	padding: 5px 20px 0 20px;
	_padding: 5px 5px 0 5px;
}

	ul.functionNavi li p.line2 {
		font-size: 10px;
		height: 29px;
		_height: 34px;
		padding: 3px 20px 0 20px;
		_padding: 3px 5px 0 5px;
		line-height: 1.1em!important;
	}
ul.tabExfunc,
ul.tabExfunc li {
	background: url(/knowledgesuite/service/images/tabbg_exfunc.gif) left top no-repeat;
}
	ul.tabExfunc li.active {
		background: url(/knowledgesuite/service/images/tabbg_exfunc_active.gif) left top no-repeat;
	}

ul.bottomNavi {
	margin-bottom: 20px;
	border-bottom: none;
}

ul.bottomNavi li {
}

ul.bottomNavi li p {
}

/* -------------------------------------------------- serviceList */
ul.serviceList li{
	clear: both;
	background: url(/knowledgesuite/service/images/service_list_bg02.gif) left center no-repeat;
	width: 684px;
	height: 89px;
}
	ul.serviceList li.inner{
		background: url(/knowledgesuite/service/images/service_list_bg01.gif) left center no-repeat;
		width: 684px;
		height: 79px;
	}
	
	ul.serviceList li.last {
		margin-bottom: 10px;
	}
	
	ul.serviceList li p{
		float: left;
		margin-bottom: 0!important;
	}
		ul.serviceList li p.logo {
			width: 379px;
		}
			ul.serviceList li p.logo img{
				margin: 12px 0 0 10px;
			}
			ul.serviceList li.inner p.logo img {
				margin: 8px 0 0 10px;
			}
		ul.serviceList li p.info {
			width: 157px;
			margin-top: 20px;
			padding: 0 20px;
		}
		ul.serviceList li p.btn{
			
		}
			ul.serviceList li p.btn img{
				margin-top: 12px;
			}
			ul.serviceList li.inner p.btn img{
				margin-top: 8px;
			}




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

div.funcFootBtn {
	clear: both;
	margin-bottom: 20px;
}

div.funcFootBtn ul li{
	background: url(/knowledgesuite/service/images/btn_func_foot.gif) left center no-repeat;
	margin-left: 10px;
	float: right;
}

div.funcFootBtn ul li a{
	display: block;
	width: 175px;
	height: 28px;
	_height: 39px;
	font-weight: bold;
	text-align: center;	
	padding-top: 11px;
	overflow: hidden;
}

	div.funcFootBtn ul li a.line2{
		height: 32px;
		_height: 39px;
		padding-top: 7px;
		line-height: 1.1em;	
	}


div.func li.CRMfeatL{float:left;width:70px;}
div.func li.CRMfeatR{float:left;width:265px;}
div.func li.CRMfeatC{float:left;width:160px;}
div.func li.CRMfeatR2{float:left;width:110px;}
div.func div.CRMfeat01{width:690px;height:290px;background:url(/knowledgesuite/service/images/image_crm_feature_01.gif) no-repeat top;}
div.func div.CRMfeat01 p.feat01L{padding:51px 0 0 33px;line-height:2.6em !important;float:left;}
div.func div.CRMfeat01 p.feat01R{padding:52px 10px 0 0;line-height:2.3em !important;float:right;}


div#func03 div.CRMseanL01{float:left;background:url(/knowledgesuite/service/images/image_crm_sean_01.gif) no-repeat;width:340px;height:275px;}
div#func03 div.CRMseanR01{float:right;background:url(/knowledgesuite/service/images/image_crm_sean_02.gif) no-repeat;width:340px;height:275px;}
div#func03 div.CRMseanL02{float:left;background:url(/knowledgesuite/service/images/image_crm_sean_03.gif) no-repeat;width:340px;height:275px;}
div#func03 div.CRMseanR02{float:right;background:url(/knowledgesuite/service/images/image_crm_sean_04.gif) no-repeat;width:340px;height:275px;}
div#func03 p.sean01{padding:57px 0 0 23px;width:300px;line-height:1.3em;}
div#func03 div.sean02{background:#eee;padding:10px;}
div#func03 div.sean02 p{background:url(/knowledgesuite/service/images/allow_crm.gif) no-repeat center left;padding-left:15px;margin:0 !important;}

div#func04 div.con_sfa01{background:url(/knowledgesuite/service/images/image_crm_con02.gif) no-repeat;width:690px;height:625px;}
div#func04 div.con_sfa01 div{padding-top:370px;}
div#func04 div.con_sfa01 p{background:#eee;width:160px;padding:20px;margin:0 !important;}

div#func05 p.cockpit{background:#eee;padding:10px;margin-bottom:10px;}
div#func05 table.sfa_cockpit{margin-top:10px;padding:10px;width:100%;}
div#func05 table.sfa_cockpit td.head{background:#CBDADC;width:33%;}