﻿/*---------------------メイン広告--------------------*/
#add {
	width: 950px;
	height: auto;
	margin: 0 auto;
	padding: 0;
	background-image: URL(img/com/main_bg.gif);
	background-repeat: repeat-y;
	clear: both;
}
#add .mobile {
	width: 940px;
	height: 237px;
	margin: 0 auto;
	padding: 0;
	background-image: URL(img/com/top_add.jpg);
	background-repeat: no-repeat;
}
#add .mobile .bt {
	position: relative;
	top: 199px;
	left: 700px;
}
#add .mobile a:hover {
	margin: 1px 0 0 1px;
}
/*---------------------エリア別お仕事検索--------------------*/
#index #leftcontents #area {
	width: 680px;
	height: auto;
	margin: 0;
	padding: 20px 0 0 0;
	clear: both; 
}
#index #leftcontents #area p {
	margin: 12px 10px;
	padding: 0;
	color: #333;
}
/*---------------------エリア別お仕事検索_左--------------------*/
#index #leftcontents #area .left {
	width: 511px;
	height: auto;
	margin: 0 0 40px 0;
	padding: 0;
	float: left;
}
#index #leftcontents #area .left table {
	width: 511px;
	height: 59px;
	margin: 0 0 5px 0;
	padding: 0;
	background-color: #ccc;
}
#index #leftcontents #area .left td {
	width: 86px;
	height: auto;
	background-color: #fff;
	text-align: center;
}
#index #leftcontents #area .left td a {
	height: 12px;
	color: #666;
	padding: 8px 0;
	text-decoration: none;
	display: block;
}
#index #leftcontents #area .left td a:hover {
	color: #000;
	text-decoration: underline;
	background-color: #ddd;
}
#index #leftcontents #area .left .map {
	width: 511px;
	height: 141px;
	margin: 0;
	padding: 0;
	background-image: URL(img/com/bt_area/bg_area.gif);
	background-repeat: no-repeat;
} 
#index #leftcontents #area .left .map .m1 {
	width: 65px;
	margin: 59px 0 0 0;
	padding: 0;
	text-align: right;
	float: left;
}
#index #leftcontents #area .left .map .m2 {
	width: 66px;
	margin: 22px 0 0 0;
	padding: 0;
	text-align: right;
	float: left;
}
#index #leftcontents #area .left .map .m3 {
	width: 53px;
	margin: 40px 0 0 0;
	padding: 0;
	text-align: right;
	float: left;
}
#index #leftcontents #area .left .map .m4 {
	width: 97px;
	margin: 22px 0 0 34px;
	padding: 0;
	float: left;
}
#index #leftcontents #area .left .map .m4 .sakae {
	position: absolute;
	z-index: 0;
}
#index #leftcontents #area .left .map .m4 .nishiki {
	position: relative;
	z-index: 1;
	top: 5px;
	left: 5px;
}
#index #leftcontents #area .left .map .m5 {
	width: 167px;
	margin: 17px 0 0 29px;
	padding: 0;
	float: right;
}
#index #leftcontents #area .left .map .m5 .newtou {
	margin: 14px 0 0 0;
	padding: 0;
}
#index #leftcontents #area .left .map .m5 .newtou .newsakae {
	position: absolute;
	z-index: 3;
}
#index #leftcontents #area .left .map .m5 .newtou .toushintyou {
	z-index: 4;
	top: 5px;
	left: 5px;
	position: relative;
}
/*---------------------エリア別お仕事検索_右--------------------*/
#index #leftcontents #area .right {
	width: 167px;
	height: 200px;
	margin: 0 0 40px 0;
	padding: 0;
	float: right;
	text-align: right;
}
/*---------------------業種別お仕事検索--------------------*/
#index #leftcontents #type {
	width: 680px;
	height: auto;
	margin: 0 0 27px 0;
	clear: both;
}
#index #leftcontents #type p {
	margin: 12px 10px 15px 10px;
	padding: 0;
	color: #333;
}
#index #leftcontents #type p span {
	margin: 0 0 0 5px;
}
#index #leftcontents #type p a {
	color: #f00;
	text-decoration: underline;
}
#index #leftcontents #type p a:hover {
	text-decoration: none;
}
#index #leftcontents #type ul {
	width: 680px;
	margin: 0;
	padding: 0;
}
#index #leftcontents #type li {
	width: 160px;
	height: 35px;
	margin: 0 5px 13px 5px;
	padding: 0;
	float: left;
}
/*---------------------新着求人--------------------*/
#index #leftcontents #new {
	width: 680px;
	height: auto;
	margin: 0 0 40px 0;
	padding: 0;
}
#index #leftcontents #new p {
	margin: 12px 10px 15px 10px;
	padding: 0;
	color: #333;
}
#index #leftcontents #new table {
	width: 680px;
	height: auto;
	margin: 0;
	padding: 0;
}
#index #leftcontents #new table th {
	margin: 0;
	padding: 0;
	background-color: #999;
	text-align: left;
}
#index #leftcontents #new table td {
	height: auto;
	margin: 0;
	padding: 0 0 0 5px;
	background-color: #fff;
	color: #593B2C;
	border: solid 1px #ccc;
}
#index #leftcontents #new table .icon {
	margin: 0;
	padding: 3px 0 3px 43px;
	background-color: #fff;
	background-image: url(img/com/bt_new.gif);
	background-repeat: no-repeat;
}
#index #leftcontents #new table .icon a {
	width: 217px;
	height: auto;
	text-decoration: underline;
	color: #593B2C;
	display:block;
}
#index #leftcontents #new table .icon a:hover {
	text-decoration: none;
	color: #593B2C;
}
/*---------------------おすすめサイト--------------------*/
#index #leftcontents #link {
	width: 680px;
	height: auto;
	margin: 0 0 40px 0;
	padding: 0;
}
#index #leftcontents #link p {
	margin: 12px 10px 15px 10px;
	padding: 0;
	color: #333;
}
#index #leftcontents #link ul {
	width: 680px;
	height: auto;
	text-align: center;
}
#index #leftcontents #link li {
	width: 220px;
	height: auto;
	margin: 0 3px 10px 3px;
	float: left;
}
#index #leftcontents #link li p {
	margin: 3px 0 0 0;
	padding: 0;
}
#index #leftcontents #link li p a {
	color: #333;
	text-decoration: none;
}























