@charset "utf-8";

.txt-red {
	color: #CE0000;
}

/* =================コンテンツ================= */
#container {
	padding-bottom: 30px;
	background-image: url(../../images/sub_back.gif);
	background-repeat: repeat-y;
}

#sub-left {
	float: left;
	width: 196px;
	margin-right: 10px;
}

#sub-right {
	float: right;
	width: 734px;
}

#sub-pan {
	margin: 5px 0 0 0;
}

#sub-pan-txt {
	font-size: 11px;
}

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

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

#sub-pan-txt a:hover {
	text-decoration: underline;
	color:#0099FF;
}

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

#w694 {
	width: 694px;
	margin-left: 20px;
	padding-right: 20px;
}

/* ---左登録--- */
#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%;
}

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

.reg00 a:hover {
	background-image: url(../../images/c_top/00_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 #f2bab6;
	background-color: #f7f7f7;
}

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

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

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

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

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

.search-w3 {
	margin: 15px;
}

.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;
}


/* ---検索--- */
#ossm-w {}

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

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

#ossm-table {
	width: auto;
	vertical-align: top;
	font-size: 12px;
	line-height: 18px;
}

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

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

#ossm-r a:link {
	text-decoration: underline;
	color: #333333;
}

#ossm-r a:visited {
	text-decoration: underline;
	color: #333333;
}

#ossm-r a:hover {
	text-decoration: none;
	color:#CE0000;
}

#ossm-r a:active {
	text-decoration: underline;
	color: #333333;
}

/* ---地図--- */
#map-w {
	width: 525px;
	margin-top: 5px;
	background-image: url(../../images/c_top/map_back.gif);
	background-repeat: repeat-x;
}

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

#map-btn {
	float: left;
	width: 98px;
	margin-top: 9px;
}

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

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

#map-btn li {
	list-style-type: none;
	height: 30px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* ---ログイン--- */
#login-w {
	width: 199px;
	height: 281px;
	background-image: url(../../images/c_top/00_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: #5e0a00;
}

#log-txt a:visited {
	text-decoration: underline;
	color: #5e0a00;
}

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

#log-txt a:active {
	text-decoration: underline;
	color: #5e0a00;
}


/* ---リンク--- */
#bt-w {
	width: 535px;
}

#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;
}

.bt-left {
	float: left;
	width: 262px;
}

.bt-right {
	float: right;
	width: 262px;
}

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

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

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

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

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

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

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

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

.tboxnew {
	margin: 5px 4px 15px 45px;
}