@charset "utf-8";
body {
	background-image: url(../../images/top/top_back.jpg);
	background-repeat: repeat-x;
	background-color: #FFFFFF;
}

#wrapper {
	width: 950px;
	margin: 0 auto;
	text-align: left;
	padding: 0 0 10px 0;
}

#head-img {
	height: 269px;
	background-color: #FFFFFF;
	background-image: url(../../images/top/main_img.jpg);
	background-repeat: no-repeat;
}

#head-img strong {
	display: none;
}

#contents {
	margin: 25px 0 0 0;
	background-image: url(../../images/top/vertical_line.gif);
	background-repeat: repeat-y;
	width: 950px;
}

#c-left {
	float: left;
	width: 720px;
}

#c-right {
	float: right;
	width: 204px;
}

/* ナビ-------------------------------------------------------- */
#navi-wrap {
	background-image: url(../../images/top/b2b_bottom.gif);
	background-repeat: no-repeat;
	background-position: 0 bottom;
}

.navi-txt {
	font-size: 12px;
	line-height: 20px;
	margin: 10px 25px 0 25px;
}

.menu-wrap {
	width: 644px;
	margin: 5px 38px 0 38px;
}

.menu-left {
	float: left;
	width: 312px;
}

.menu-right {
	float: right;
	width: 312px;
}


#navi-wrap ul {
	margin: 0;
	padding: 0;
	width: 312px;
}

#navi-wrap li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
}

#navi-wrap li a {
	text-decoration: none;
	height: 100%;
	display: block;
}

/* \*/
#navi-wrap li a {
	overflow: hidden;
}
/* */

#navi-wrap-2 {
	background-image: url(../../images/top/b2b_bottom.gif);
	background-repeat: no-repeat;
	background-position: 0 bottom;
}

#navi-wrap-2 ul {
	margin: 0;
	padding: 0;
	width: 312px;
}

#navi-wrap-2 li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
}

#navi-wrap-2 li a {
	text-decoration: none;
	height: 100%;
	display: block;
}

/* \*/
#navi-wrap-2 li a {
	overflow: hidden;
}
/* */

/* 人材をお探しの企業様--- */
#navi-a1 {
	background-image: url(../../images/top/navi_a1.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 312px;
	height: 30px;
}

#navi-a2 {
	background-image: url(../../images/top/navi_a2.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 312px;
	height: 30px;
}

#navi-a3 {
	background-image: url(../../images/top/navi_a3.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 312px;
	height: 30px;
}

#navi-a4 {
	background-image: url(../../images/top/navi_a4.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 312px;
	height: 30px;
}

#navi-a5 {
	background-image: url(../../images/top/navi_a5.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 312px;
	height: 30px;
}

#navi-a1 a:hover {
	background-image: url(../../images/top/navi_a1.gif);
	background-repeat: no-repeat;
	background-position: -312px 0px;
	width: 312px;
	height: 30px;
}


#navi-a2 a:hover {
	background-image: url(../../images/top/navi_a2.gif);
	background-repeat: no-repeat;
	background-position: -312px 0px;
	width: 312px;
	height: 30px;
}

#navi-a3 a:hover {
	background-image: url(../../images/top/navi_a3.gif);
	background-repeat: no-repeat;
	background-position: -312px 0px;
	width: 312px;
	height: 30px;
}

#navi-a4 a:hover {
	background-image: url(../../images/top/navi_a4.gif);
	background-repeat: no-repeat;
	background-position: -312px 0px;
	width: 312px;
	height: 30px;
}

#navi-a5 a:hover {
	background-image: url(../../images/top/navi_a5.gif);
	background-repeat: no-repeat;
	background-position: -312px 0px;
	width: 312px;
	height: 30px;
}

/* 翻訳・通訳の人材をお探しの企業様--- */
#navi-b1 {
	background-image: url(../../images/top/navi_b1.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 312px;
	height: 30px;
}

#navi-b1 a:hover {
	background-image: url(../../images/top/navi_b1.gif);
	background-repeat: no-repeat;
	background-position: -312px 0px;
	width: 312px;
	height: 30px;
}



/* 技術・現場支援をご希望の企業様------------------------------ */
#service-w {
	margin: 28px 25px 0 25px;
	padding: 0 0 10px 0;
}

/* 技術支援サービス */
#service-01 {
	float: left;
	width: 325px;
}

#service-01-title {
	background-image: url(../../images/top/service_01.gif);
	background-repeat: no-repeat;
	width: 325px;
	height: 21px;
}

#service-01-title strong {
	display: none;
}

#service-01-w {
	margin: 13px 0 0 0;
}

#service-01-p {
	width: 85px;
	float: left;
}

#service-01-txt {
	width: 230px;
	float: right;
}

#service-01-txt ul {
	margin: 0;
	padding: 0;
}

#service-01-txt ul li {
	list-style-type: none;
	text-indent: -9999px;
}

#service-01-txt ul li a {
	text-decoration: none;
	height: 100%;
	display: block;
}

/* \*/
#service-01-txt ul li a {
	overflow: hidden;
}
/* */

#service-01-m1 {
	background-image: url(../../images/top/service_01_m1.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 230px;
	height: 24px;
}

#service-01-m2 {
	background-image: url(../../images/top/service_01_m2.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 230px;
	height: 24px;
}

#service-01-m3 {
	background-image: url(../../images/top/service_01_m3.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 230px;
	height: 24px;
}

#service-01-m4 {
	background-image: url(../../images/top/service_01_m4.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 230px;
	height: 24px;
}

#service-01-m5 {
	background-image: url(../../images/top/service_01_m5.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 230px;
	height: 24px;
}

#service-01-m1 a:hover {
	background-image: url(../../images/top/service_01_m1.gif);
	background-repeat: no-repeat;
	background-position: -230px 0px;
	width: 230px;
	height: 24px;
}

#service-01-m2 a:hover {
	background-image: url(../../images/top/service_01_m2.gif);
	background-repeat: no-repeat;
	background-position: -230px 0px;
	width: 230px;
	height: 24px;
}

#service-01-m3 a:hover {
	background-image: url(../../images/top/service_01_m3.gif);
	background-repeat: no-repeat;
	background-position: -230px 0px;
	width: 230px;
	height: 24px;
}

#service-01-m4 a:hover {
	background-image: url(../../images/top/service_01_m4.gif);
	background-repeat: no-repeat;
	background-position: -230px 0px;
	width: 230px;
	height: 24px;
}

#service-01-m5 a:hover {
	background-image: url(../../images/top/service_01_m5.gif);
	background-repeat: no-repeat;
	background-position: -230px 0px;
	width: 230px;
	height: 24px;
}

/* 現場支援サービス */
#service-02 {
	float: right;
	width: 325px;
}

#service-02-title a {
	text-decoration: none;
	height: 100%;
	display: block;
}

#service-02-title strong {
	display: none;
}

#service-02-title {
	background-image: url(../../images/top/service_02.gif);
	background-repeat: no-repeat;
	width: 325px;
	height: 21px;
	background-position: 0px 0px;
}

#service-02-w {
	margin: 13px 0 0 0;
}

#service-02-p {
	width: 85px;
	float: left;
}

#service-02-txt {
	width: 230px;
	float: right;
}

#service-02-txt ul {
	margin: 0;
	padding: 0;
}

#service-02-txt ul li {
	list-style-type: none;
	text-indent: -9999px;
}

#service-02-txt ul li a {
	text-decoration: none;
	height: 100%;
	display: block;
}

/* \*/
#service-02-txt ul li a {
	overflow: hidden;
}
/* */

#service-02-m1 {
	background-image: url(../../images/top/service_02_m1.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 230px;
	height: 24px;
}

#service-02-m2 {
	background-image: url(../../images/top/service_02_m2.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 230px;
	height: 24px;
}

#service-02-m1 a:hover {
	background-image: url(../../images/top/service_02_m1.gif);
	background-repeat: no-repeat;
	background-position: -230px 0px;
	width: 230px;
	height: 24px;
}

#service-02-m2 a:hover {
	background-image: url(../../images/top/service_02_m2.gif);
	background-repeat: no-repeat;
	background-position: -230px 0px;
	width: 230px;
	height: 24px;
}

/* お仕事をお探しの方----------------- */
#job-w {}

#job-txt-w {
	background-image: url(../../images/top/job_back.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}

#job-txt {
	margin: 0 15px;
	padding: 0 0 135px 0;
}

#job-btn {
	background-image: url(../../images/top/job_btn_1.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 204px;
	height: 78px;
}

#job-btn a:hover {
	background-image: url(../../images/top/job_btn_1.jpg);
	background-repeat: no-repeat;
	background-position: -204px 0px;
	width: 204px;
	height: 78px;
}


#job-btn-2 {
	background-image: url(../../images/top/job_btn_2.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 204px;
	height: 78px;
}

#job-btn-2 a:hover {
	background-image: url(../../images/top/job_btn_2.jpg);
	background-repeat: no-repeat;
	background-position: -204px 0px;
	width: 204px;
	height: 78px;
}

#job-btn strong,#job-btn-2 strong {
	display: none;
}

#job-btn a,#job-btn-2 a {
	display: block;
	height: 100%;
}




/* メルマガ ----------------------- */
#merumaga-w {
	border: 1px solid #CCCCCC;
	width: 202px;
	background-color: #efefef;
	text-align: center;
	font-size: 11px;
	line-height: 15px;
}


#merumaga-c {
	margin: 0 5px;
	color: #333333;
	padding: 5px 0;
}

.mel-txt {
	text-align: left;
	margin: 5px 10px 0 10px;
}

#mel-btn {
	background-image: url(../../images/top/btn_mel.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 124px;
	height: 27px;
	margin-right: auto;
	margin-left: auto;
}

#mel-btn a {
	display:block;
	text-indent:-9999px;
	height: 100%;
}

#mel-btn a:hover {
	background-image: url(../../images/top/btn_mel.gif);
	background-repeat: no-repeat;
	background-position: 0 -27px;
}

/* \*/
#mel-btn a {
	overflow: hidden;
}
/* */


/* ---- */
#btn-recruiting {
	background-image: url(../../images/top/bn_recruiting.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 204px;
	height: 80px;
	margin-top: 15px;
}

#btn-recruiting a {
	display:block;
	text-indent:-9999px;
	height: 100%;
}

#btn-recruiting a:hover {
	background-image: url(../../images/top/bn_recruiting.jpg);
	background-repeat: no-repeat;
	background-position: -204px 0px;
	width: 204px;
	height: 80px;
}

/* \*/
#btn-recruiting a {
	overflow: hidden;
}
/* */