@charset "utf-8";

/* -----------------------------------------------------------
CSS Information

 File name:      top.css
 Author:         Drecom Generated Media (admin)
 Style Info:     アルバイトEX 高時給＆人気販売職ランディングページ
----------------------------------------------------------- */

/* -----------------------------------------------------------
	#contents
----------------------------------------------------------- */
/*　トップ　*/
#contents h2 {
	width: 920px;
	height: 200px;
	background: url(../../images/h2_hanbai.jpg) left top no-repeat;
	text-indent: -9999px;
}

/*　人気の高時給×販売職を探す　*/
#contents h3.pop {
	width: 296px;
	height: 28px;
	background: url(../../images/h3_pop_search.jpg) left top no-repeat;
	text-indent: -9999px;
	margin-top: 10px;
	margin-bottom: 5px;
}

#contents div#pop_search {
	width: 910px;
	background: url(../../images/a_bg.jpg) repeat;
	padding: 0 5px 5px 5px;
}

#contents div#pop_search h4 {
	background: url(../../images/etype_01.gif) no-repeat;
	width: 360px;
	#height: 20px;
	float: left;
}

#contents div#pop_search h4 a {
	padding-left: 27px;
	color: #FF6600;
	text-decoration: underline;
	font-size: 14px;
}

#contents div#pop_search h4 a:hover {
	color: #FF9900;
}


#contents div#pop_search p.postedby {
	width: 70px;
	float: left;
}

#contents div.job_dataBox,
#contents div.job_dataBox2 {
	width: 440px;
	background-color: #FFFFFF;
	padding: 10px 0 0 10px;
	margin-top: 5px;
}

#contents div.photoBox {
	width: 390px;
}

#contents div.photoBox div {
	width: 180px;
	margin-bottom: 10px;
	margin-top: 10px;
}

#contents div.photoBox div img {
	margin: 9px 9px;
	border: 1px solid #CCCCCC;
}

#contents div.photoBox div a {
	outline: none;
}

#contents div.photoBox div p.photo {
	width: 180px;
	height: 140px; 
	background: url(../../images/a_bg.jpg) repeat;
	margin-top: 5px;
}

#contents div.photoBox div p.caption {
	width: 180px;
	float: left;
	font-size: 10px;
	color: #666666;
}

#contents ul.job_data {
	width: 428px;
	margin-bottom: 7px;
}

#contents ul.job_data li img {
	padding-right: 5px;
	padding-bottom: 5px;
	vertical-align: middle;
}

#contents ul.job_data li span {
	font-size: 14px;
	color: #FF3300;
	font-weight: bold;
}

#contents p.info2 {
	margin-bottom: 12px;	
}

#contents ul.btn_box {
	width: 300px;
	height: 48px;
	background: url(../../images/kantan.jpg) no-repeat;
	padding-left: 129px;
}

#contents ul.btn_box li {
	float: left;
	margin-top: 9px;
}

#contents ul.btn_box li.more a {
	width: 115px;
	height: 30px;
	display: block;
	text-indent: -9999px;
	background: url(../../images/btn_details.jpg) no-repeat;
}

#contents ul.btn_box li.entry a {
	width: 180px;
	height: 30px;
	display: block;
	text-indent: -9999px;
	background: url(../../images/btn_entry.jpg) no-repeat;
	margin-left: 5px;
}

#contents ul.btn_box li a:hover {
  background-position: bottom;
}

#contents div.btn_more {
	width: 300px;
	margin-left: 610px;
	margin-top: 5px;
}

#pop_search div.btn_more a {
	background: url(../../images/btn_more.jpg) no-repeat;
	display: block;
	width: 300px;
	height: 30px;
	text-indent: -9999px;
}

#pop_search div.btn_more a:hover {
  background-position: bottom;
}

#contents div#option_search {
	width: 920px;
}

/*　人気のアルバイトPICK UP　*/
#contents h3.pickup {
	width: 318px;
	height: 33px;
	background: url(../../images/h3_pickup.jpg) left top no-repeat;
	text-indent: -9999px;
	margin-top: 5px;
	margin-bottom: 3px;
}

#contents div.box {
	width: 445px;
	background: url(../../images/a_bg.jpg) repeat;
	padding: 5px 5px 5px 5px;
}

#contents div.box ul {
	width: 422px;
	background-color: #FFFFFF;
	padding: 10px 10px 0 10px;
	border-left: #E8E8E8 solid 1px;
	border-right: #E8E8E8 solid 1px;
	border-top: #E8E8E8 solid 1px;
}

#contents div.box li {
	background: url(../../images/icon.jpg) no-repeat 0 5px;
	padding-left: 17px;
	padding-bottom: 5px;
}


#contents div.box div.btn_more2 {
	width: 312px;
	background-color: #FFFFFF;
	padding-left: 130px;
	padding-top: 5px;
	padding-bottom: 10px;
	border-left: #E8E8E8 solid 1px;
	border-right: #E8E8E8 solid 1px;
	border-bottom: #E8E8E8 solid 1px;
}

#contents div.box div.btn_more2 a {
	background: url(../../images/btn_more.jpg) no-repeat;
	display: block;
	width: 300px;
	height: 30px;
	text-indent: -9999px;
}

#contents div.box div.btn_more2 a:hover {
  background-position: bottom;
}

/*　地域から絞り込み　*/
#contents h3.area {
	width: 235px;
	height: 28px;
	background: url(../../images/h3_area_search.jpg) left top no-repeat;
	text-indent: -9999px;
	margin-top: 10px;
	margin-bottom: 3px;
}

#contents table {
	width: 443px;
	background: #FFFFFF;
	border: #E8E8E8 solid 1px;
	margin: 1px 1px 1px 1px;
}

#contents table th.area1 {
	width: 84px;
	padding: 0 0 5px 0px;
	vertical-align: top;
	text-align: right;
	padding-right: 7px;
}

#contents table td {
	width: 347px;
	padding: 0 5px 0px 0;
}

#contents table th.top,
#contents table td.top {
	padding-top: 10px;
}

#contents table th.btm,
#contents table td.btm {
	padding-bottom: 18px;
}

/*　人気の高時給×人気のアルバイトをもっと探す！　*/
#contents div.btn_more_search {
	width: 920px;
	margin-top: 20px;
}

#contents div.btn_more_search a {
	background: url(../../images/btn_search.jpg) no-repeat;
	width: 468px;
	height: 60px;
	display: block;
	text-indent: -9999px;
	margin: 0 auto;
}

#contents div.btn_more_search a:hover {
  background-position: bottom;
}