@charset "UTF-8";

/* ****************************************************************** 

	COPYRIGHT(C) CYBRiDGE CORPORATION.
	URL: http://www.cybridge.jp/

****************************************************************** */

#main h1{
	background: #FFF url("/img/common/main_h2.gif") no-repeat 0% -90px;
	height:22px;
	margin-bottom:10px;
	text-indent:-9999px;
	}
	
table.sheet{
	margin-top:0px;
}


/* ピックアップ
----------------------------------------------------*/
ul#pickup{
	background: #FFF url("/img/common/line_dot.gif") repeat-x 0% 100%;
	position:relative;
	margin-bottom:12px;
	}
ul#pickup li{
	padding:8px 0px;
	background: url("/img/common/icon/icon_new.gif") no-repeat 0% 50%;
	padding-left:36px;
	width:28%;
	float:left;
	}
/* main serch
-----------------------------------------------------*/

#main #searchBox{
	background:#f5f5f5 url(/img/search/searchBox_back.jpg) repeat-x 0% 0%;
	border:1px solid #CCC;
	padding-top:8px;
	margin-bottom:24px;
}
#main #serachInner{
	margin:3px 2px;
	border:1px solid #f5f5f5;
	padding:2px 4px;
	background:#FFF;
}
#main #searchBox table{
	width:100%;
	vertical-align:top;
}
#main #searchBox table th,
#main #searchBox table td{
	background: #FFF url("/img/common/line_dot.gif") repeat-x 0% 100%;
	padding:7px 5px;
}
#main #searchBox table th{
	vertical-align:top;
}
#main #searchBox table thead th{
	padding:0px 0px 7px;
}
#main #searchBox table tbody th{
	width:89px;
}
#main #searchBox table tbody th span{
	border-left:3px solid #47a5d1;
	padding-left:4px;
}
#main #searchBox table tbody .last{
	background:none;
}

#p-condition #main #option01,
#p-condition #main #option02 a,
#p-condition #main #titletype,
#p-condition #main #condtype a,
#p-condition #main #titlearea,
#p-condition #main #condarea a{
	padding-left:10px;
	background:url(/img/search/option_back.gif) no-repeat 0% 50%;
}
#p-condition #main #option02 div a,
#p-condition #main #condtype div a,
#p-condition #main #condarea div a{
	padding-left:0px;
	background:none;
}
/* main contents
-----------------------------------------------------*/

#main .section img{
	float:left;
}
#main .section .rightBox{
	float:right;
	width:325px;
}

#main .section .rightBox table th{
	font-weight:bold;
	width:40px;
}
#main .section p{
	margin:9px 0px 13px;
}
#main .section .btnBox{
	width:327px;
	margin:0px auto;
}
#main .section .btnBox img{
	float:none;	
}
#main .section .btnBox img.btnDetail{
	margin-right:7px;
}



/*==================================================================
	searchItem styles
===================================================================*/

#searchPanel{
	position:relative;
	margin-bottom:25px;
}
#searchPanel .select{
	position: absolute;
	right:0px;
	top:0px;
}


.searchItem{
	border:1px solid #DDD;
	padding:1px;
	margin-bottom:25px;
	}
.title{
	position:relative;
	}
	
#main .searchItem h2{
	background-color: #47A5D1;
	color:#FFF;
	padding:8px;
	margin:0px;
	font-size:140%;
	line-height:100%;
	}
#main .searchItem h2 a{
	color:#FFF;
	text-decoration:underline;
	}
li#addBookmark{
	position:absolute;
	top:10px;
	right:8px;
	background-color:#FFF;
	padding:2px 4px;
	}
#main .searchItem h3{
	background: #EEE url("/img/common/bg_th.gif") repeat-x 0% 0%;
	border-top:1px solid #EEE;
	padding:3px 0px 3px 6px;
	font-size:110%;
	}
#main .searchItem h3 a{
	color:#444;
	}
	
#main .searchItem h3 img{
	margin-right:4px;
	}
#main .searchItem ul.type{
	}

.itemBody{
	border-top:1px solid #EEE;
	padding:1px;
	}

.itemBody img{
	float:left;
	border:5px solid #FFF;
	}

table.jobtable{
	width:100%;
	}
.itemBody table.jobtable{
	width:322px;
	float:right;
	}
table.jobtable th{
	padding:3px;
	background: #EEE url("/img/common/bg_th.gif") repeat-x 0% 0%;
	white-space:nowrap;
	}
table.jobtable td{
	padding:3px;
	border-top:1px solid #FFF;
	background-color:#F5F5F5;
	}

.searchItem.p0 ul.type{
	background: #EEE url("/img/common/bg_th.gif") repeat-x 0% 0%;
	border-top:1px solid #EEE;
	padding:3px 0px 3px 6px;
	}
.searchItem.p0 table.jobtable{
	border-top:1px solid #EEE;
	padding:1px;
	}
.searchItem.p0 table.jobtable th{
	width:150px;
	}


.btnBox{
	clear:both;
	background-color:#F1F9FC;
	padding:4px;
	text-align:center;
	}
.btnBox img{
	margin:0px 5px; 
	}



/*==================================================================
	 condition styles
===================================================================*/

#searchCondition h2{
	background:url("/img/common/line_dot.gif") repeat-x 0% 100%;
	padding:4px 0px;
	margin-bottom:4px;
	text-indent:-9999px;
}

#searchCondition h2 span{
	display:block;
	height:12px;
}
#searchCondition h2#h-conditon span{
	background:url("/img/home/h3.gif") no-repeat 0px -22px;
	width:129px;
}
#searchCondition h2#h-type span{
	background:url("/img/home/h3.gif") no-repeat 0px -2px;
	width:83px;
}

#searchCondition ul{
	margin-bottom:13px;
}
#searchCondition ul li{
	float:left;
	width:33%;
}
#searchCondition ul li a{
	background:transparent url("/img/common/icon/li_icon.gif") no-repeat scroll 0% 50%;
	padding:0px 8px;
}




/*==================================================================
	 Map styles
===================================================================*/

.p-map #main h1{
	background:#FFFFFF url("/img/common/main_h2.gif") no-repeat scroll 0px -329px;
	padding:4px 0px 0px 12px;
	height:25px;
	margin:0px 0px 10px;
	text-indent:0px;
}
#areamap{
	position:relative;
	
	}
#arealink {
	text-align:left;
	position:absolute;
	left:20px;
	top:0px;
	width:450px;
}
#areaMap {
	text-align:right;
}
#arealink table {
	border-spacing:0px;
	border-collapse:collapse;
	width:100%;
	margin-bottom:15px;
}
#arealink th,
#arealink td {
	border-bottom:1px solid #DDDDDD;
	padding:4px;
}