@charset "utf-8";

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

.txt-red {
	color: #CE0000;
}

/* =================ヘッダー================= */
#head {
	width: 950px;
	height: 70px;
}

#h-logo {
	background-image: url(../../images/logo_sb.gif);
	background-repeat: no-repeat;
	width: 198px;
	height: 70px;
	float: left;
	margin-right: 10px;
}

#h-logo a {
	text-decoration: none;
	display: block;
	height: 100%;
}

#h-txt {
	float: left;
	width: auto;
	margin-top: 40px;
}

#h-txt h2 {
	font-size: 12px;
	font-weight: normal;
}

#h-right {
	float: right;
	width: 180px;
	margin-top: 6px;
}


#btn-b2b {
	background-image: url(../../images/c_top/btn_b2b.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999px;
	width: 180px;
	height: 26px;
}

#btn-b2b a:hover {
	background-image: url(../../images/c_top/btn_b2b.gif);
	background-repeat: no-repeat;
	background-position: -180px 0px;
	text-indent: -9999px;
	width: 180px;
	height: 26px;
}

#btn-b2b a {
	text-decoration: none;
	display: block;
	height: 100%;
}

/* ---タブメニュー--- */
#menu-bar {
	width: 697px;
	margin-left: 253px;
}

#tab-line-00 {
	background-color: #bd0000;
	height: 2px;
}

#tab-line-01 {
	background-color: #c0a27b;
	height: 2px;
}

#tab-line-02 {
	background-color: #ff5891;
	height: 2px;
}

#tab-line-03 {
	background-color: #eb8000;
	height: 2px;
}

#tab-line-04 {
	background-color: #fa726a;
	height: 2px;
}
/* =================コンテンツ================= */
#container {
	width: 950px;
	margin-top: 10px;
	padding-bottom: 30px;
	background-image: url(../../images/c_top/back_line.gif);
	background-repeat: repeat-y;
}

#c-left {
	float: left;
	width: 196px;
	margin-right: 20px;
}

#c-center {
	float: left;
	width: 535px;
}

#c-right {
	float: right;
	width: 179px;
	font-size: 12px;
	line-height: 16px;
}



/* ---メイン画像--- */
#img01 {
	width: 535px;
	height: 190px;
	background-image: url(../../images/c_top/m_img4.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
}

/* ---左登録--- */
#bm-w {
	background-image: url(../../images/c_top/reg_back.gif);
	background-repeat: repeat-x;
	text-align: center;
	width: 196px;
}

#bm-btn {
	width: 196px;
	height: 48px;
	background-repeat: no-repeat;
	text-indent: -9999px;
	background-image: url(../../images/c_top/reg_btn.gif);
	background-position: 0px 0px;
}

#bm-btn a {
	text-decoration: none;
	display: block;
	height: 100%;
}

#bm-btn a:hover {
	width: 196px;
	height: 48px;
	background-image: url(../../images/c_top/reg_btn_on.gif);
	background-position: 0px 0px;
}

#log-w {
	width: 178px;
	background-color: #f4f1e7;
	margin-left: 9px;
	background-image: url(../../images/c_top/login_back.gif);
	background-repeat: repeat-y;
	margin-right: 9px;
}

#log-table {
	text-align: left;
	margin-top: 6px;
	margin-left: auto;
	margin-right: auto;
	width: auto;
}

.log-tf {
	width: 100px;
}

#log-b-txt {
	margin: 6px 3px 0px 9px;
	text-align: left;
	font-size: 12px;
	background-image: url(../../images/c_top/log_icon.gif);
	background-repeat: no-repeat;
	background-position: 0 3px;
	padding-left: 5px;
	width: auto;
	line-height: 13px;
}


#log-b-txt a:link {
	color: #FFFFFF;
}

#log-b-txt a:visited {
	color: #FFFFFF;
}

#log-b-txt a:hover {
	color:#0099FF;
}

#log-b-txt a:active {
	color: #FFFFFF;
}

#log-btn {
	margin: 7px 0 5px 0;
}

/* ---メニューボタン--- */
#btn-reg {
	width: 196px;
	height: 190px;
	background-repeat: no-repeat;
	text-indent: -9999px;
}

#btn-reg a {
	text-decoration: none;
	display: block;
	height: 100%;
}

.reg01 {
	background-image: url(../../images/c_top/01_btn_reg.gif);
	width: 196px;
	height: 190px;
	background-position: 0px 0px;
}

.reg01 a:hover {
	background-image: url(../../images/c_top/01_btn_reg.gif);
	width: 196px;
	height: 190px;
	background-position: -196px 0px;
}


#btn-sp {
	width: 196px;
	height: 82px;
	background-image: url(../../images/c_top/btn_sp.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}

#btn-sp a {
	text-decoration: none;
	display: block;
	height: 100%;
}

#btn-sp a:hover {
	background-image: url(../../images/c_top/btn_sp.gif);
	width: 196px;
	height: 82px;
	background-position: -196px 0px;
}

/* お仕事をお探しの方 */
#jm {
	text-indent: -9999px;
}

#jm a {
	text-decoration: none;
	display: block;
	height: 100%;
}

#jm ul {
	margin: 0;
	padding: 0;
}

#jm li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	line-height: 28px;
}

#jm01 {
	background-image: url(../../images/c_top/b2c_menu.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#jm02 {
	background-image: url(../../images/c_top/b2c_menu.gif);
	background-repeat: no-repeat;
	background-position: 0px -28px;
}

#jm03 {
	background-image: url(../../images/c_top/b2c_menu.gif);
	background-repeat: no-repeat;
	background-position: 0px -56px;
}

#jm04 {
	background-image: url(../../images/c_top/b2c_menu.gif);
	background-repeat: no-repeat;
	background-position: 0px -84px;
}

#jm05 {
	background-image: url(../../images/c_top/b2c_menu.gif);
	background-repeat: no-repeat;
	background-position: 0px -112px;
}

#jm06 {
	background-image: url(../../images/c_top/b2c_menu.gif);
	background-repeat: no-repeat;
	background-position: 0px -140px;
}

#jm07 {
	background-image: url(../../images/c_top/b2c_menu.gif);
	background-repeat: no-repeat;
	background-position: 0px -168px;
}

#jm01 a:hover {
	background-image: url(../../images/c_top/b2c_menu.gif);
	background-repeat: no-repeat;
	background-position: -196px 0px;
}

#jm02 a:hover {
	background-image: url(../../images/c_top/b2c_menu.gif);
	background-repeat: no-repeat;
	background-position: -196px -28px;
}

#jm03 a:hover {
	background-image: url(../../images/c_top/b2c_menu.gif);
	background-repeat: no-repeat;
	background-position: -196px -56px;
}

#jm04 a:hover {
	background-image: url(../../images/c_top/b2c_menu.gif);
	background-repeat: no-repeat;
	background-position: -196px -84px;
}

#jm05 a:hover {
	background-image: url(../../images/c_top/b2c_menu.gif);
	background-repeat: no-repeat;
	background-position: -196px -112px;
}

#jm06 a:hover {
	background-image: url(../../images/c_top/b2c_menu.gif);
	background-repeat: no-repeat;
	background-position: -196px -140px;
}

#jm07 a:hover {
	background-image: url(../../images/c_top/b2c_menu.gif);
	background-repeat: no-repeat;
	background-position: -196px -168px;
}

/* 法人 */
#jm-cust {
	text-indent: -9999px;
}

#jm-cust a {
	text-decoration: none;
	display: block;
	height: 100%;
}

#jm-cust ul {
	margin: 0;
	padding: 0;
}

#jm-cust li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	line-height: 28px;
}

#jmc01 {
	background-image: url(../../images/c_top/b2b_menu.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#jmc02 {
	background-image: url(../../images/c_top/b2b_menu.gif);
	background-repeat: no-repeat;
	background-position: 0px -28px;
}

#jmc03 {
	background-image: url(../../images/c_top/b2b_menu.gif);
	background-repeat: no-repeat;
	background-position: 0px -56px;
}

#jmc01 a:hover {
	background-image: url(../../images/c_top/b2b_menu.gif);
	background-repeat: no-repeat;
	background-position: -196px 0px;
}

#jmc02 a:hover {
	background-image: url(../../images/c_top/b2b_menu.gif);
	background-repeat: no-repeat;
	background-position: -196px -28px;
}

#jmc03 a:hover {
	background-image: url(../../images/c_top/b2b_menu.gif);
	background-repeat: no-repeat;
	background-position: -196px -56px;
}

/* ---検索--- */
.sbox {
	width: auto;
	border: 1px solid #c3ab8a;
	background-color: #f7f7f7;
}

.sbox-2 {
	margin: 5px 4px 10px 4px;
}

.sbox-t {
	margin: 15px 15px 0 15px;
	line-height: 24px;
}

.d-line {
	background-image: url(../../images/c_top/01_dotline.gif);
}

.search-w {
	width: 535px;
	background-image: url(../../images/c_top/01_s_back.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	background-color: #d8c0a0;
	padding-top: 5px;
	padding-bottom: 5px;
}

.search-w2 {
	margin: 0 5px;
	border: 1px solid #c3ab8a;
	background-image: url(../../images/c_top/search_back.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	background-color: #FFFFFF;
}

.search-w3 {
	margin: 10px;
}

.btn-c {
	text-align: center;
}

.w483 {
	margin-left: 10px;
	width: 483px;
}

.s-cts {
	margin: 5px 0px 0px 15px;
}

.box-r-em {
	padding-right: 1.5em;
}

/* ---検索タブ--- */
.sbox-2b {
	margin: 10px 4px 10px 4px;
}

.sbox-tab {
	margin: 0px 15px 0px 15px;
	line-height: 24px;
}

#job-tab-w {
	margin-top: 13px;
	width: 535px;
}

#job-tab-w td {
	text-indent: -9999px;
	height: 27px;
}

#job-tab-w a {
	text-decoration: none;
	display: block;
	height: 100%;
}

#job-tab-w  ul {
	margin: 0;
	padding: 0;
	display: inline;
}

#job-tab-w  li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	line-height: 28px;
}

#j-tab01 {
	background-image: url(../../images/c_top/job_tab.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 178px;
	height: 27px;
}

#j-tab02 {
	background-image: url(../../images/c_top/job_tab.gif);
	background-repeat: no-repeat;
	background-position: -178px 0px;
	width: 178px;
	height: 27px;
}

#j-tab03 {
	background-image: url(../../images/c_top/job_tab.gif);
	background-repeat: no-repeat;
	background-position: -356px 0px;
	width: 179px;
}

#j-tab01-on {
	background-image: url(../../images/c_top/job_tab.gif);
	background-repeat: no-repeat;
	background-position: 0px -27px;
	width: 178px;
	height: 27px;
}

#j-tab02-on {
	background-image: url(../../images/c_top/job_tab.gif);
	background-repeat: no-repeat;
	background-position: -178px -27px;
	width: 178px;
	height: 27px;
}

#j-tab03-on {
	background-image: url(../../images/c_top/job_tab.gif);
	background-repeat: no-repeat;
	background-position: -356px -27px;
	width: 179px;
	height: 27px;
}

#j-tab01 a:hover {
	background-image: url(../../images/c_top/job_tab.gif);
	background-repeat: no-repeat;
	background-position: 0px -27px;
	width: 178px;
	height: 27px;
}

#j-tab02 a:hover {
	background-image: url(../../images/c_top/job_tab.gif);
	background-repeat: no-repeat;
	background-position: -178px -27px;
	width: 178px;
	height: 27px;
}

#j-tab03 a:hover {
	background-image: url(../../images/c_top/job_tab.gif);
	background-repeat: no-repeat;
	background-position: -356px -27px;
	width: 179px;
	height: 27px;
}

/* ---求人情報更新--- */
.update-w {
	margin: 15px 5px 0 5px;
	width: 525px;
	background-image: url(../../images/c_top/update_back.jpg);
	background-repeat: no-repeat;
	background-position: 0;
}

.update-m {
	font-weight: bold;
	margin: 0;
	padding: 0;
}

.update-m img {
	vertical-align: middle;
	margin-left: 3px;
}

.update-w ul {
	margin: 5px 0 0 0;
	padding: 0;
	background-image: url(../../images/c_top/dotline_g525.gif);
	background-repeat: repeat-y;
	line-height: 26px;
}

.update-w li {
	margin: 0;
	padding: 0 0 0 14px;
	background-image: url(../../images/c_top/update_icon.gif);
	background-repeat: no-repeat;
	background-position: 2px 9px;
	list-style-type: none;
}

.sbox-nt-t2 {
	padding: 0;
	margin: 2px 0 0 13px;
}

/* ---厳選求人--- */
#ossm-w {}

#ossm-l {
	float: left;
	width: 129px;
}

#ossm-r {
	float: right;
	width: 406px;
}

#ossm-table {
	width: 406px;
	vertical-align: top;
	margin-top: 3px;
}

#ossm-table td {
	padding: 10px;
}

.ossm-back {
	background-color: #efefef;
}

#ossm-r ul {
	margin: 0;
	padding: 0;
}

#ossm-r li {
	list-style-type: none;
	background-image: url(../../images/c_top/nt_icon_a.gif);
	background-repeat: no-repeat;
	background-position: 0 5px;
	padding-left: 13px;
}

.more {
	text-align: right;
}

.more img {
	vertical-align: middle;
	margin-right: 5px;
}

/* ---新着＋厳選求人--- */
.ossm-wrap {
	width: 535px;
}

.ossm-icon {
	float: left;
}

.ossm-more {
	float: right;
	margin: 20px 0 0 0;
}

.ossm-more img {
	vertical-align: middle;
	margin-right: 5px;
}

#ossm-table-b {
	width: 505px;
	vertical-align: top;
	margin: 3px 15px 0 15px;
}

#ossm-table-b td {
	padding: 10px;
}

#ossm-table-b ul {
	margin: 0;
	padding: 0;
}

#ossm-table-b li {
	list-style-type: none;
	background-image: url(../../images/c_top/nt_icon_a.gif);
	background-repeat: no-repeat;
	background-position: 0 5px;
	padding-left: 13px;
}


/* ---地図--- */
#map-w {
	width: 525px;
	margin-top: 5px;
	background-color: #f7f7f7;
}

#map-area {
	float: left;
	width: 332px;
}

#map-btn {
	float: left;
	width: 87px;
	margin-top: 15px;
	margin-right: 9px;
}

#map-btn-2 {
	float: left;
	width: 87px;
	margin-top: 15px;
}

#map-btn a,#map-btn-2 a {
	text-decoration: none;
	display: block;
	height: 100%;
}

#map-btn ul,#map-btn-2 ul {
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	}

#map-btn li,#map-btn-2 li {
	list-style-type: none;
	height: 28px;
}

#map01 {
	background-image: url(../../images/c_top/map_btn1.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 87px;
	height: 24px;
}

#map02 {
	background-image: url(../../images/c_top/map_btn2.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 87px;
	height: 24px;
}

#map03 {
	background-image: url(../../images/c_top/map_btn3.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 87px;
	height: 24px;
}

#map04 {
	background-image: url(../../images/c_top/map_btn4.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 87px;
	height: 24px;
}

#map05 {
	background-image: url(../../images/c_top/map_btn5.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 87px;
	height: 24px;
}

#map06 {
	background-image: url(../../images/c_top/map_btn6.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 87px;
	height: 24px;
}

#map07 {
	background-image: url(../../images/c_top/map_btn7.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 87px;
	height: 24px;
}

#map01 a:hover {
	background-image: url(../../images/c_top/map_btn1.gif);
	background-repeat: no-repeat;
	background-position: -87px 0px;
	width: 87px;
	height: 24px;
}

#map02 a:hover {
	background-image: url(../../images/c_top/map_btn2.gif);
	background-repeat: no-repeat;
	background-position: -87px 0px;
	width: 87px;
	height: 24px;
}

#map03 a:hover {
	background-image: url(../../images/c_top/map_btn3.gif);
	background-repeat: no-repeat;
	background-position: -87px 0px;
	width: 87px;
	height: 24px;
}

#map04 a:hover {
	background-image: url(../../images/c_top/map_btn4.gif);
	background-repeat: no-repeat;
	background-position: -87px 0px;
	width: 87px;
	height: 24px;
}

#map05 a:hover {
	background-image: url(../../images/c_top/map_btn5.gif);
	background-repeat: no-repeat;
	background-position: -87px 0px;
	width: 87px;
	height: 24px;
}

#map06 a:hover {
	background-image: url(../../images/c_top/map_btn6.gif);
	background-repeat: no-repeat;
	background-position: -87px 0px;
	width: 87px;
	height: 24px;
}

#map07 a:hover {
	background-image: url(../../images/c_top/map_btn7.gif);
	background-repeat: no-repeat;
	background-position: -87px 0px;
	width: 87px;
	height: 24px;
}


/* ---ログイン--- */
#login-w {
	width: 199px;
	height: 281px;
	background-image: url(../../images/c_top/01_login_back.gif);
	background-repeat: repeat-x;
}

#login-t {
	margin: 0 10px;
	padding: 10px 0 0 0;
}

#login-f {
	margin: 30px 14px 0 14px;
}

.log-f {
	width: 109px;
}

#log-txt {
	margin: 20px 0 0 14px;
	line-height: 22px;
}

#log-txt ul {
	margin: 0;
	padding: 0;
}

#log-txt li {
	list-style-type: none;
}


#log-txt a:link {
	text-decoration: underline;
	color: #56452E;
}

#log-txt a:visited {
	text-decoration: underline;
	color: #56452E;
}

#log-txt a:hover {
	text-decoration: none;
	color:#FF0033;
}

#log-txt a:active {
	text-decoration: underline;
	color: #56452E;
}

/* ---リンク--- */
#bt-w {
	width: 199px;
	text-indent: -9999px;
}

#bt-w a {
	text-decoration: none;
	display: block;
	height: 100%;
}

#bt-w ul {
	margin: 0;
	padding: 0;
}

#bt-w li {
	list-style-type: none;
	padding: 0;
}

#bt01 {
	background-image: url(../../images/c_top/btn_01.gif);
	background-repeat: no-repeat;
	width: 199px;
	height: 70px;
}

#bt02 {
	background-image: url(../../images/c_top/btn_02.gif);
	background-repeat: no-repeat;
	width: 199px;
	height: 70px;
	margin-top: 10px;
}

#bt03 {
	background-image: url(../../images/c_top/btn_03.gif);
	background-repeat: no-repeat;
	width: 199px;
	height: 70px;
	margin-top: 10px;
}

#bt04 {
	background-image: url(../../images/c_top/btn_04.gif);
	background-repeat: no-repeat;
	width: 199px;
	height: 70px;
	margin-top: 10px;
}

#bt01 a:hover {
	background-image: url(../../images/c_top/btn_01.gif);
	background-repeat: no-repeat;
	width: 199px;
	height: 70px;
	background-position: -199px 0px;
}

#bt02 a:hover {
	background-image: url(../../images/c_top/btn_02.gif);
	background-repeat: no-repeat;
	width: 199px;
	height: 70px;
	background-position: -199px 0px;
}

#bt03 a:hover {
	background-image: url(../../images/c_top/btn_03.gif);
	background-repeat: no-repeat;
	width: 199px;
	height: 70px;
	background-position: -199px 0px;
}

#bt04 a:hover {
	background-image: url(../../images/c_top/btn_04.gif);
	background-repeat: no-repeat;
	width: 199px;
	height: 70px;
	background-position: -199px 0px;
}

/* ---オススメ--- */
.ossm-w {
	margin: 10px 9px 0px 9px;
	width: auto;
	padding-bottom: 5px;
}

.ossm-fd {
	float: left;
	width: 98px;
	margin-right: 17px;
}

.ossm-txt {
	float: left;
	width: 400px;
	font-size: 12px;
	line-height: 18px;
	background-image: url(../../images/c_top/dotline400.gif);
	background-repeat: repeat-y;
	background-position: 0 -5px;
	margin-bottom: 0px;
}

.ossm-txt ul {
	margin: 0;
	padding: 0;
}

.ossm-txt li {
	background-image: url(../../images/c_top/ossm_ic.gif);
	background-repeat: no-repeat;
	padding-left: 15px;
	background-position: 0 3px;
	list-style-type: none;
	padding-bottom: 10px;
}

/* =================右メニュー================= */
#mobile {
	background-image: url(../../images/c_top/mobile.jpg);
	background-repeat: no-repeat;
	width: 179px;
	height: 213px;
}

#bn01 {
	background-image: url(../../images/c_top/bn_suncrea.jpg);
	background-repeat: no-repeat;
	margin-top: 13px;
	height: 226px;
}

#bn02 {
	background-image: url(../../images/c_top/bn_treasure.jpg);
	background-repeat: no-repeat;
	margin-top: 13px;
	height: 226px;
}

.sp-w {
	width: 179px;
	margin: 10px 0px;
}

.sp-img {
	float: left;
	margin: 0px 5px 5px 0px;
}

#sptxt {
	background-image: url(../../images/c_top/special_bar.gif);
	background-repeat: no-repeat;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	line-height: 23px;
	height: 23px;
	padding-left: 7px;
	background-position: 0 center;
}

.spt-L {
	width: 61px;
	float: left;
}

.spt-R {
	width: 118px;
	float: right;
}

/* =================フッター================= */
#foot-line {
	margin: 10px 0px 0px 0px;
	height: 2px;
	background-image: url(../../images/c_top/foot_line.gif);
	background-repeat: repeat-x;
}

#foot-txt {
	text-align: center;
	margin-top: 5px;
	font-size: 12px;
}

.foot-txt-line {
	margin: 0px 5px;
}

#foot-txt a:link {
	text-decoration: none;
	color: #333333;
}

#foot-txt a:visited {
	text-decoration: none;
	color: #333333;
}

#foot-txt a:hover {
	text-decoration: underline;
	color:#B70000;
}

#foot-txt a:active {
	text-decoration: none;
	color: #333333;
}

#foot-copy {
	width: 950px;
	height: 40px;
	background-image: url(../../images/c_top/foot_copy.gif);
	background-repeat: no-repeat;
	background-position: center;
}