@charset "Shift_JIS";
@import "all1.css";







/*============================================================*
* メイン画像
*  メイン画像（Business Process Outsoucing）
*============================================================*/
#main_img{
	background: url("../img/top_logo.jpg") 0 0 no-repeat;
	height: 300px;
	margin: 0px auto;
	width:	730px;
}







/*============================================================*
* トップページのメニュー項目
*  事業コンセプト
*  事業内容
*  アプローチ
*  会社情報
*============================================================*/
div#top_menu{
	height: 100px;
	margin: 0px auto;
}

span#top_menu_01 a{
	display: block;
	width: 182px;
	height: 100px;
	background: url("../img/top_menu_01.gif") 0 0 no-repeat;
	float: left;
}


span#top_menu_02{
	display: block;
	width: 1px;
	height: 100px;
	background: url("../img/top_menu_02.gif") 0 0 no-repeat;	
	float: left;
}

span#top_menu_03 a{
	display: block;
	width: 181px;
	height: 100px;
	background: url("../img/top_menu_03.gif") 0 0 no-repeat;
	float: left;
}

span#top_menu_04 a{
	display: block;
	width: 182px;
	height: 100px;
	background: url("../img/top_menu_04.gif") 0 0 no-repeat;
	float: left;
}

span#top_menu_05 a{
	display: block;
	width: 184px;
	height: 100px;
	background: url("../img/top_menu_05.gif") 0 0 no-repeat;
	float: left;
}






/*============================================================*
* トップページのメニューの説明項目
*  事業コンセプトの説明
*  事業内容の説明
*  アプローチの説明
*  会社情報の説明
*============================================================*/

.top_bottom_menu{
	height: 300px;
	margin: 20px auto 0px auto;
}

.top_bottom_menu_space{
	float: left;
	width: 24px;
	height: 25px;
}

#top_bottom_menu_space_01{
	float: left;
	width: 24px;
	height: 30px;
}

span#top_bottom_menu_01 a{
	width: 353px;
	height: 300px;
	background: url("../img/top_recruit.gif") 0 0 no-repeat;
	float: left;
}

span#top_bottom_menu_01 a:hover{
	background: url("../img/top_recruit_over.gif") 0 0 no-repeat;	
	float: left;
}

span#top_bottom_menu_02 a{
	width: 353px;
	height: 300px;
	background: url("../img/top_contact01.gif") 0 0 no-repeat;
	float: left;
}

span#top_bottom_menu_02 a:hover{
	background: url("../img/top_contact01_over.gif") 0 0 no-repeat;
}


/*============================================================*
* トップメニュー下部のメニュー
*  採用情報
*  お問い合わせ
*  ネットビズ
*  モバイルビズ
*============================================================*/