@charset "utf-8";
/*====================================================================================================
//////////////////////////////////////////////////////////////////////////////////////////////////////



//////////////////////////////////////////////////////////////////////////////////////////////////////
====================================================================================================*/

/*グローバルナビ　オン*/
div#header #gnavi li.gn2 a,
div#header #gnavi li.gn2 a:hover{background:url(../../common/img/gnavi2.jpg) left -60px no-repeat;}



/****************************************************************/
/*  <h3>
*****************************************************************/

div#contents  #main .mr h3,
div#contents  #main .negotiation h3,
div#contents  #main .transport h3,
div#contents  #main .licence h3{
	width:710px;
	height:26px;
	text-indent:-9999px;
	margin-bottom:10px;
	}
	
div#contents  #main .mr h3{background:url(../img/s_tittle_mr.jpg) left top no-repeat;}
div#contents  #main .negotiation h3{background:url(../img/s_tittle_negotiation.jpg) left top no-repeat;}
div#contents  #main .transport h3{background:url(../img/s_tittle_transport.jpg) left top no-repeat;}
div#contents  #main .licence h3{background:url(../img/s_tittle_licence.jpg) left top no-repeat;}

/****************************************************************/
/*  <h4>
*****************************************************************/

div#contents  #main h4.h4_1,
div#contents  #main h4.h4_3,
div#contents  #main h4.h4_7,
div#contents  #main h4.h4_8,
div#contents  #main h4.h4_10_1,
div#contents  #main h4.h4_10_2,
div#contents  #main h4.h4_12,
div#contents  #main h4.h4_13_1,
div#contents  #main h4.h4_13_2,
div#contents  #main h4.h4_14_1,
div#contents  #main h4.h4_14_2{	
	width:710px;
	height:33px;
	text-indent:-9999px;
	margin-bottom:20px;
	}

div#contents  #main h4.h4_1{background:url(../img/h4_1.gif) left top no-repeat;}
div#contents  #main h4.h4_3{background:url(../img/h4_3.gif) left top no-repeat;}
div#contents  #main h4.h4_7{background:url(../img/h4_7.gif) left top no-repeat;}
div#contents  #main h4.h4_8{background:url(../img/h4_8.gif) left top no-repeat;}
div#contents  #main h4.h4_10_1{background:url(../img/h4_10_1.gif) left top no-repeat;}
div#contents  #main h4.h4_10_2{background:url(../img/h4_10_2.gif) left top no-repeat;}
div#contents  #main h4.h4_12{background:url(../img/h4_12.gif) left top no-repeat;}
div#contents  #main h4.h4_13_1{background:url(../img/h4_13_1.gif) left top no-repeat;}
div#contents  #main h4.h4_13_2{background:url(../img/h4_13_2.gif) left top no-repeat;}
div#contents  #main h4.h4_14_1{background:url(../img/h4_14_1.gif) left top no-repeat;}
div#contents  #main h4.h4_14_2{background:url(../img/h4_14_2.gif) left top no-repeat;}

/****************************************************************/
/*  lead
*****************************************************************/

div#contents  #service p.lead{
	line-height:1.6;
	font-size:100%;
	margin-bottom:25px;
	padding-left:5px;
	}


/****************************************************************/
/*  jireiBox
*****************************************************************/
div#contents  #main #jireiBox{	
	width:710px;
	margin-top:30px;
	background:url(../../common/img/jireibox_bg.gif) left bottom no-repeat;
	padding-bottom:15px;
	}

div#contents  #main #jireiBox h4{
	width:710px;
	height:41px;
	text-indent:-9999px;
	}
div#contents  #main .cs #jireiBox h4{background:url(../img/jirei_t_1.jpg) left top no-repeat;}
div#contents  #main .ss #jireiBox h4{background:url(../img/jirei_t_2.jpg) left top no-repeat;}
div#contents  #main .bpo #jireiBox h4{background:url(../img/jirei_t_3.jpg) left top no-repeat;}
div#contents  #main .ful #jireiBox h4{background:url(../img/jirei_t_4.jpg) left top no-repeat;}
div#contents  #main .ivr #jireiBox h4{background:url(../img/jirei_t_5.jpg) left top no-repeat;}
div#contents  #main .res #jireiBox h4{background:url(../img/jirei_t_6.jpg) left top no-repeat;}
div#contents  #main .dispatch #jireiBox h4{background:url(../img/jirei_t_7.jpg) left top no-repeat;}
div#contents  #main .web #jireiBox h4{background:url(../img/jirei_t_8.jpg) left top no-repeat;}
div#contents  #main .sales #jireiBox h4{background:url(../img/jirei_t_9.jpg) left top no-repeat;}
div#contents  #main .cost #jireiBox h4{background:url(../img/jirei_t_10.jpg) left top no-repeat;}
div#contents  #main .eff #jireiBox h4{background:url(../img/jirei_t_11.jpg) left top no-repeat;}
div#contents  #main .dispersion #jireiBox h4{background:url(../img/jirei_t_12.jpg) left top no-repeat;}
div#contents  #main .cc #jireiBox h4{background:url(../img/jirei_t_13.jpg) left top no-repeat;}
div#contents  #main .rec #jireiBox h4{background:url(../img/jirei_t_14.jpg) left top no-repeat;}


div#contents  #main #jireiBox .jirei_lead{
	padding:10px 15px 0 15px;
	font-weight:bold;
	}
div#contents  #main #jireiBox .jirei_lead2{
	padding:10px 15px 0 15px;

	}
div#contents  #main #jireiBox ul{
	padding:10px 15px 0 15px;
	}
div#contents  #main #jireiBox li{
	font-size:95%;
	padding-left:15px;
	padding-bottom:5px;
	margin-bottom:5px;
	background:url(../../common/img/jireibox_li_bg.gif) left bottom no-repeat;
	}

div#contents  #main #jireiBox h5{
	margin:10px 15px 0 15px;
	padding-left:10px;
	font-weight:bold;
	font-size:110%;
	background:url(../img/icon_jirei.gif) left center no-repeat;
	}
div#contents  #main #jireiBox dl{
	padding:10px 15px 0 15px;
	}
	
div#contents  #main #jireiBox dt{
	background:url(../img/jirei_dt_bg.jpg) left top no-repeat;
	width:170px;
	height:21px;
	line-height:21px;
	text-align:center;
	color:#FFF;
	font-size:85%;
	}
div#contents  #main #jireiBox dd{
	margin-top:5px;
	margin-bottom:10px;
	padding-left:5px;
	line-height:1.3;

	}
	

/****************************************************************/
/*  index.html
*****************************************************************/

div#contents  #main .index{
	
	}
	
div#contents  #main .index #s_service h3,
div#contents  #main .index #s_center h3{
	height:22px;
	text-indent:-9999px;
	margin-bottom:10px;
	}
	
div#contents  #main .index #s_service h3{background:url(../img/index_h3_1.gif) left top no-repeat;}
div#contents  #main .index #s_center h3{background:url(../img/index_h3_2.gif) left top no-repeat;}
	


/*s_service*/
div#contents  #main .index #s_service{
	margin-bottom:35px
	
	}


div#contents  #main .index #s_service .sibox{
	overflow:hidden;
	width:710px;
	margin-bottom:10px;
	}
div#contents  #main .index #s_service .siboxL,
div#contents  #main .index #s_service .siboxR{
	width:328px;
	border:solid 4px #DEE4E1;
	padding:8px 7px 17px 7px;
	overflow:hidden;
	}
div#contents  #main .index #s_service .siboxL{float:left;}
div#contents  #main .index #s_service .siboxR{float:right;}


/*h4*/

div#contents  #main .index #s_service .mr h4 a,
div#contents  #main .index #s_service .negotiation h4 a,
div#contents  #main .index #s_service .transport h4 a,
div#contents  #main .index #s_service .licence h4 a{

	width:208px;
	height:21px;
	text-indent:-9999px;
	display:block;		
	text-decoration:none;
	/*\*/
	overflow: hidden;
	/**/
	}
div#contents  #main .index #s_service .mr h4 a{background:url(../img/tittle_mr.jpg) left top no-repeat;}
div#contents  #main .index #s_service .negotiation h4 a{background:url(../img/tittle_negotiation.jpg) left top no-repeat;}
div#contents  #main .index #s_service .transport h4 a{background:url(../img/tittle_transport.jpg) left top no-repeat;}
div#contents  #main .index #s_service .licence h4 a{background:url(../img/tittle_licence.jpg) left top no-repeat;}



div#contents  #main .index #s_service .sibox .img,
div#contents  #main .index #s_service .sibox .text{}

div#contents  #main .index #s_service .sibox .img{
	float:left;
	width:208px;
	}
div#contents  #main .index #s_service .sibox .text{
	float:right;
	width:110px;
	font-size:90%;
	color:#555;
	}






/*s_center*/
div#contents  #main .index #s_center{

	}
div#contents  #main .index #s_center ul{
	width:710px;
	overflow:hidden;
	
	}
div#contents  #main .index #s_center li{
	float:left;
	background:url(../img/index_li_bg.jpg) left top no-repeat;
	margin-bottom:10px;
	}
div#contents  #main .index #s_center a{
	width:328px;
	height:32px;
	padding-left:22px;
	padding-top:10px;
	text-decoration:none;
	color:#333;
	display:block;		
	/*\*/
	overflow: hidden;
	/**/
	}
div#contents  #main .index #s_center a:hover{
	text-decoration:underline;
	color:#0099CC;
	}
div#contents  #main .index #s_center a.mr10{ margin-right:10px;}



	
/****************************************************************/
/*  1. cs.html
*****************************************************************/


div#contents  #service.cs .mainimage {
	margin-bottom:30px;}


div#contents  #service.cs .point1,
div#contents  #service.cs .point2,
div#contents  #service.cs .point3{ 
	padding-left:65px;
	margin-bottom:20px;
	height:65px;
	
	}

div#contents  #service.cs .point1{background:url(../img/cs_point1.jpg) left top no-repeat;}

div#contents  #service.cs .point2{background:url(../img/cs_point2.jpg) left top no-repeat;}

div#contents  #service.cs .point3{background:url(../img/cs_point3.jpg) left top no-repeat;}


div#contents  #service.cs .point1 dt,
div#contents  #service.cs .point2 dt,
div#contents  #service.cs .point3 dt{
	width:230px;
	height:16px;
	text-indent:-99999px;
	margin-bottom:5px;
	}

div#contents  #service.cs .point1 dt{background:url(../img/cs_point1_tex.gif) left center no-repeat;}
div#contents  #service.cs .point2 dt{background:url(../img/cs_point2_tex.gif) left center no-repeat;}
div#contents  #service.cs .point3 dt{background:url(../img/cs_point3_tex.gif) left center no-repeat;}


div#contents  #service.cs .point1 dd,
div#contents  #service.cs .point2 dd,
div#contents  #service.cs .point3 dd{
	font-size:90%;
	}


/****************************************************************/
/*  2. sales_support.html
*****************************************************************/
div#contents  #service.ss .lead dt{
	color:#066B99;
	font-size:110%;
	font-weight:bold;
	margin-bottom:5px;
	padding-left:5px;
	}
div#contents  #service.ss .lead dd{
	line-height:1.6;
	font-size:100%;
	margin-bottom:20px;
	padding-left:5px;
	}

div#contents  #service.ss .mainimage{
	background:url(../img/ss_flow.jpg) left top no-repeat;
	height:294px;
	position:relative;
	overflow:hidden;
	width:710px;
	}
div#contents  #service.ss .mainimage .ss1,
div#contents  #service.ss .mainimage .ss2,
div#contents  #service.ss .mainimage .ss3,
div#contents  #service.ss .mainimage .ss4{
	position:absolute;
	width:225px;
	}
	
div#contents  #service.ss .mainimage .ss1{
	top:45px;
	left:110px;
	}
div#contents  #service.ss .mainimage .ss2{
	top:45px;
	left:390px;
	}
div#contents  #service.ss .mainimage .ss3{
	top:200px;
	left:90px;
	}
div#contents  #service.ss .mainimage .ss4{
	top:200px;
	left:370px;
	}
	
div#contents  #service.ss .mainimage .ss1 dt,
div#contents  #service.ss .mainimage .ss2 dt,
div#contents  #service.ss .mainimage .ss3 dt,
div#contents  #service.ss .mainimage .ss4 dt{
	text-indent:-9999px;
	hight:0;
	line-height:0;
	}
div#contents  #service.ss .mainimage .ss1 dd,
div#contents  #service.ss .mainimage .ss2 dd,
div#contents  #service.ss .mainimage .ss3 dd,
div#contents  #service.ss .mainimage .ss4 dd{
	line-height:1.5;
	font-size:90%;
	}
	
/****************************************************************/
/*  3. bpo.html
*****************************************************************/

div#contents  #service.bpo .mainimage{
	margin-bottom:30px;
	}


div#contents  #service.bpo .servicemenu1,
div#contents  #service.bpo .servicemenu2{
	text-indent:-9999px;
	height:40px;
	}
div#contents  #service.bpo .servicemenu1{
	background:url(../img/bpo_service_1.gif) left top no-repeat;
	margin-bottom:25px;
	}
div#contents  #service.bpo .servicemenu1 li{
	display:none;
	}
div#contents  #service.bpo .servicemenu2{
	background:url(../img/bpo_service_2.gif) left top no-repeat;
	}
	
	

/****************************************************************/
/*  4. fulfillment.html
*****************************************************************/
div#contents  #service.ful .lead dt{
	color:#066B99;
	font-size:110%;
	font-weight:bold;
	margin-bottom:5px;
	padding-left:5px;
	}
div#contents  #service.ful .lead dd{
	line-height:1.6;
	font-size:100%;
	margin-bottom:25px;
	padding-left:5px;
	}


/****************************************************************/
/*  5. ivr.html
*****************************************************************/
div#contents  #service.ivr p.lead span{
	color:#666;
	margin-right:5px;
	}


/****************************************************************/
/*  8. web.html
*****************************************************************/

div#contents  #service.web { }




/*box*/
div#contents #service.web .box{
	overflow:hidden;
	width:710px;
	margin-bottom:10px;
	padding-bottom:10px;
	}
div#contents #service.web .boxL,
div#contents #service.web .boxR{
	width:335px;
	overflow:hidden;
	}
div#contents #service.web .boxL{
	float:left;
	}
div#contents #service.web .boxR{
	float:right;
	}

div#contents #service.web .box h4{
	background:url(../img/web_h4_bg.jpg) left top no-repeat;
	height:40px;
	line-height:40px;
	padding-left:10px;
	font-weight:bold;
	font-size:110%;
	margin-bottom:8px;
	}

div#contents #service.web .box .img{
	float:left;
	width:130px;
	padding-left:10px;
	}
div#contents #service.web .box img{
	border:solid 1px #E7E7E7;
	padding:1px;
	}
div#contents #service.web .box .text{
	float:right;
	width:190px;
	font-size:95%;
	}
div#contents #service.web .box .text span{font-size:85%;}




/****************************************************************/
/*  9. sales.html
*****************************************************************/

div#contents  #service.sales {}




div#contents  #service.sales h4.sales_h4_1,
div#contents  #service.sales h4.sales_h4_2,
div#contents  #service.sales h4.sales_h4_3,
div#contents  #service.sales h4.sales_h4_4{
	height:20px;
	text-indent:-9999px;
	}
div#contents  #service.sales h4.sales_h4_2,
div#contents  #service.sales h4.sales_h4_3,
div#contents  #service.sales h4.sales_h4_4{margin-top:50px;}

div#contents  #service.sales h4.sales_h4_1,
div#contents  #service.sales h4.sales_h4_2,
div#contents  #service.sales h4.sales_h4_3{
	border-bottom:solid 1px #D8D8D8;
	padding-bottom:8px;
	}

div#contents  #service.sales h4.sales_h4_1{background:url(../img/sales_h4_1.gif) left top no-repeat;}
div#contents  #service.sales h4.sales_h4_2{background:url(../img/sales_h4_2.gif) left top no-repeat;}
div#contents  #service.sales h4.sales_h4_3{background:url(../img/sales_h4_3.gif) left top no-repeat;}
div#contents  #service.sales h4.sales_h4_4{background:url(../img/sales_h4_4.gif) left top no-repeat;}



div#contents  #service.sales .box{
	padding-top:10px;
	padding-left:25px;
	width:685px;
	overflow:hidden;
	}


div#contents  #service.sales .box .boxL{
	float:left;
	width:300px;

	}
div#contents  #service.sales .box .boxR{
	float:left;
	width:300px;

	}

div#contents  #service.sales .box li{
	background:url(../../common/img/icon_maru2.gif) left center no-repeat;
	padding-left:12px;
	line-height:1.8;
	}








/*table*/
div#contents  #service.sales #tbl1{
	width:100%;
	border-top:solid 1px #CCC;
	border-left:solid 1px #CCC;
	border-collapse: separate; 
	border-spacing:0;
	margin-top:10px;
	}
	
/*td*/
div#contents  #service.sales #tbl1 td{
	padding:7px;
	border-bottom:solid 1px #CCC;
	border-right:solid 1px #CCC;
	font-size:90%;
	line-height:1.8;
	vertical-align:top;
	}
	
div#contents  #service.sales #tbl1 .td1{
	width:20%;
	text-align:center;
	font-weight:bold;
	background-color:#5096B9;
	color:#FFF;
	}
div#contents  #service.sales #tbl1 .td2,
div#contents  #service.sales #tbl1 .td3{
	width:40%;
	color:#076B9B;
	text-align:center;
	background-color:#EAF4FB;
	}

div#contents  #service.sales #tbl1 td li{
	background:url(../../common/img/icon_maru2.gif) left center no-repeat;
	padding-left:12px;
	}
	
	
	
/****************************************************************/
/*  10. cost.html
*****************************************************************/

div#contents  #service.cost .mainimage{margin-bottom:30px;}


/****************************************************************/
/*  11. efficiency.html
*****************************************************************/
div#contents  #service.eff {}

div#contents  #service.eff dl{
	background:url(../img/eff_dl_bg.jpg) left top no-repeat;
	height:70px;
	padding:10px 20px;
	}

div#contents  #service.eff dt{
	font-size:110%;
	font-weight:bold;
	color:#115779;
	margin-bottom:3px;
	}

div#contents  #service.eff dd{
	line-height:1.4;
	}
	
div#contents  #service.eff dl.csr{
	height:83px;
	padding:7px 15px 0 20px;
	}

div#contents  #service.eff .csr dt{
	font-size:105%;
	margin-bottom:0px;
	}

div#contents  #service.eff .csr dd{
	line-height:1.2;
	}
	
div#contents  #service.eff .arrow{
	background:url(../img/eff_arrow.gif) center top no-repeat;
	text-indent:-9999px;
	height:17px;
	}

/****************************************************************/
/*  12. dispersion.html
*****************************************************************/

/****************************************************************/
/*  13. cc.html
*****************************************************************/

div#contents  #service.cc .mainimage{margin-bottom:30px;}


/****************************************************************/
/*  14. recall.html
*****************************************************************/

div#contents  #service.rec .mainimage{margin-bottom:30px;}

div#contents  #service.rec .box{
	overflow:hidden;
	width:710px;
	}

div#contents  #service.rec .box p{
	float:left;
	width:170px;
	}
div#contents  #service.rec .box ul{
	float:right;
	width:540px;
	}
div#contents  #service.rec .box li{
	background:url(../../common/img/icon_maru1.gif) left center no-repeat;
	padding-left:13px;
	}