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

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



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

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


/****************************************************************/
/*  
*****************************************************************/
div#wrapper #contents #index{
	width:900px;
	padding-top:15px;
	}
	
	
	
	
	
/****************************************************************/
/*  swf
*****************************************************************/
div#wrapper #contents #index #swf{
	width:900px;
	height:250px;
	margin-bottom:20px;
	background-image: url(../common/img/main_bg.png);
	padding-top: 10px;
}






/****************************************************************/
/*  index_mid
*****************************************************************/
div#wrapper #contents #index #index_mid{
	width:900px;
	overflow:hidden;
	margin-bottom:20px;
	margin-top: 20px;
}


/*  solution
*****************************************************************/
div#wrapper #contents #index #index_mid #solution{
	width:630px;
	height:250px;
	float:left;
}

/*  case
*****************************************************************/
div#wrapper #contents #index #index_mid #case{
	width:250px;
	float:right;
	position:relative;
	}

div#wrapper #contents #index #index_mid #case h2{
	background:url(../img/index/h2_case.gif) left bottom no-repeat;
	height:28px;
	text-indent:-9999px;
	margin-bottom:12px;
	}


div#wrapper #contents #index #index_mid .bt{
	position:absolute;
	top:0px;
	right:3px;
	}
	
div#wrapper #contents #index #index_mid .bt a{
	background:url(../img/index/bt_list.jpg) left top no-repeat;
	width:69px;
	height:27px;
	
	text-indent:-9999px;
	display:block;		
	text-decoration:none;
	/*\*/
	overflow: hidden;
	/**/
	}
div#wrapper #contents #index #index_mid .bt a:hover{background:url(../img/index/bt_list.jpg) left -27px no-repeat;}

div#wrapper #contents #index #index_mid #case dt{
	height:13px;
	text-indent:-9999px;
	margin-bottom:5px;
	}
		
div#wrapper #contents #index #index_mid #case dt.out{background:url(../img/index/case_out.gif) left top no-repeat;}
div#wrapper #contents #index #index_mid #case dt.in{background:url(../img/index/case_in.gif) left top no-repeat;}
	div#wrapper #contents #index #index_mid #case dt.in{margin-top:10px;}
	
	
div#wrapper #contents #index #index_mid #case li{
	border-bottom:dotted 1px #CCC;
	margin-bottom:3px;
	padding-bottom:3px;
	font-size:100%;
	padding-left:3px;
	}
div#wrapper #contents #index #index_mid #case li a{
	background:url(../common/img/icon_tl1.gif) left center no-repeat;
	padding-left:14px;
	}
	
div#wrapper #contents #index #index_mid #case .bt_inq{
	margin-top:13px;
	margin-left:5px;
	}
div#wrapper #contents #index #index_mid #case .bt_inq a{
	background:url(../img/index/bt_inq.jpg) left top no-repeat;
	width:240px;
	height:49px;
	text-indent:-9999px;
	display:block;		
	text-decoration:none;
	/*\*/
	overflow: hidden;
	/**/
	}
div#wrapper #contents #index #index_mid #case .bt_inq a:hover{background:url(../img/index/bt_inq.jpg) left -49px no-repeat;}
	
	
	
	
	
	

/****************************************************************/
/*  service
*****************************************************************/
div#wrapper #contents #index #service{
	width:890px;
	overflow:hidden;
	margin-left:5px;
}


div#wrapper #contents #index #service h2{display:none;}

div#wrapper #contents #index #service div{
	width:208px;
	float:left;
}


div#wrapper #contents #index #service div.cs,
div#wrapper #contents #index #service div.ss,
div#wrapper #contents #index #service div.ivr,
div#wrapper #contents #index #service div.res{
	margin-right:19px;
}

div#wrapper #contents #index #service div.bpo,
div#wrapper #contents #index #service div.dis{
	margin-right:20px;
}

div#wrapper #contents #index #service div.cs,
div#wrapper #contents #index #service div.ss,
div#wrapper #contents #index #service div.bpo,
div#wrapper #contents #index #service div.ful{
	margin-bottom:25px;
}


div#wrapper #contents #index #service div h3{
	height:20px;
	text-indent:-9999px;
	
	}

div#wrapper #contents #index #service div.cs h3{background:url(../common/img/index/index_service_logo.jpg) left top no-repeat;}
div#wrapper #contents #index #service div.ss h3{background:url(../common/img/index/index_products_logo.jpg) left top no-repeat;}
div#wrapper #contents #index #service div.bpo h3{background:url(../common/img/index/index_policy_logo.jpg) left top no-repeat;}
div#wrapper #contents #index #service div.ful h3{background:url(../common/img/index/index_company_logo.jpg) left top no-repeat;}

/**/




/****************************************************************/
/*  index_bot
*****************************************************************/
div#wrapper #contents #index #index_bot #news a{
	color: #FFF;
	text-decoration:underline;
}

div#wrapper #contents #index #index_bot #news :link {}

div#wrapper #contents #index #index_bot #news :visited {}

div#wrapper #contents #index #index_bot #news a:hover,
div#wrapper #contents #index #index_bot #news a:active {
	color:#FFCC00;/*#FF9900*/
	text-decoration:underline;
}

div#wrapper #contents #index #index_bot #news a:focus{outline: #00f 1px dotted;}



div#wrapper #contents #index #index_bot{
	width:900px;
	overflow:hidden;
	background-image: url(../common/img/index/Index_mid_image.jpg);
	height: 300px;
}


/*  news
*****************************************************************/
div#wrapper #contents #index #index_bot #news{
	width:550px;
	float:left;
	position:relative;
	color: #FFF;
	}
div#wrapper #contents #index #index_bot #news h2{
	background:url(../img/index/h2_news.gif) left bottom no-repeat;
	height:28px;
	text-indent:-9999px;
	margin-bottom:15px;
	}
div#wrapper #contents #index #index_bot #news .bn{
	position:absolute;
	top:0px;
	right:3px;
	}
	
div#wrapper #contents #index #index_bot #news .bn a{
	background:url(../common/img/index/bn_btn.gif) left top no-repeat;
	width:100px;
	height:27px;
	
	text-indent:-9999px;
	display:block;		
	text-decoration:none;
	/*\*/
	overflow: hidden;
	/**/
	}
	
div#wrapper #contents #index #index_bot #news .bn a:hover{background:url(../common/img/index/bn_btn.gif) left -27px no-repeat;}
	
	
div#wrapper #contents #index #index_bot #news ul{

	}
div#wrapper #contents #index #index_bot #news li{
	border-bottom:dotted 1px #FFF;
	margin-bottom:3px;
	padding-bottom:3px;
	font-size:100%;
	padding-left:5px;
	}
	
div#wrapper #contents #index #index_bot #news li .date{
	margin-right:10px;
	}
	
div#wrapper #contents #index #index_bot #news li a{

	}
	
	
	

/*  side
*****************************************************************/
div#wrapper #contents #index #index_bot #side{
	width:215px;
	float:right;
	}

div#wrapper #contents #index #index_bot #side h2{
	margin-bottom:6px;
	}