@charset "UTF-8";

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

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

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

/*-------------------------------------------------------------------
	common
-------------------------------------------------------------------*/
#main{
	float:none;
	width:auto;
	}
.inlineBlock {
	display: -moz-inline-box;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

.tel{
	font-size:large;
	font-weight:bold;
	color: #C00;
	}
.tel img{
	position:relative;
	top:-6px;
	}
#main .hdl{
	background:#FFF url("/img/common/bg_hdl_s.gif") no-repeat;
	height:31px;
	line-height:31px;
	color:#444;
	font-weight:bold;
	font-size:110%;
	padding:0px 0px 13px 18px;
	margin-bottom:0px;
	}
.subTitle{
	font-size:17px;
	color:FFF;
	font-weight:bold;
	margin-bottom:10px;
	}

#main img{
	vertical-align:bottom;
	}
#titleArea{
	position:relative;
	margin-bottom:5px;
	}
#titleArea h2{
	background:url("/img/detail/search_title.gif") no-repeat;
	height:40px;
	line-height:40px;
	color:#FFF;
	font-weight:bold;
	font-size:140%;
	padding:0 0 3px 22px;
	}
#titleArea #limit{
	padding:4px 10px 7px 30px;
	background:url("/img/detail/titlearea_limit.jpg") no-repeat;
	}
#titleArea #catch{
	padding:5px 10px 7px 30px;
	background:url("/img/detail/titlearea_catch.jpg") no-repeat;
	}
#titleArea #limit dt,
#titleArea #limit dd{
	display:inline;
	}
#titleArea #limit strong{
	font-size:150%;
	color: #C00;
	font-family:Helvetica, Arial, sans-serif;
	margin-left:0.3em;
	}
#titleArea ul #tittleBtnRequest a:hover{
	background:url(/img/detail/btn_request.gif) no-repeat 0 -36px;
	}
#titleArea ul li.tittleBtnBookmark{
	position:absolute;
	top:48px;
	right:102px;
	_right:132px;
	width:166px;
	}
#titleArea ul .tittleBtnBookmark a{
	background:url("/img/detail/btn_bookmark.gif") no-repeat 0 0;
	width:166px;
	height:24px;
	display:block;
	text-indent:-5000px;
}
#titleArea ul .tittleBtnBookmark a:hover{
	background:url("/img/detail/btn_bookmark.gif") no-repeat 0 -24px;
}
#titleArea ul .tittleBtnBookmarkNo{
	background:url("/img/detail/btn_bookmark.gif") no-repeat 0 -48px;
	top:48px;
	right:102px;
	position:absolute;
	width:166px;
	height:24px;
	text-indent:-5000px;
}
#titleArea ul li#tittleBtnPrint{
	position:absolute;
	top:48px;
	right:0px;
	_right:30px;
	width:95px;
	}
#titleArea ul #tittleBtnPrint a{
	background:url("/img/detail/btn_print.gif") no-repeat 0 0;
	width:82px;
	height:24px;
	display:block;
	text-indent:-5000px;
	}
#titleArea ul #tittleBtnPrint a:hover{
	background:url("/img/detail/btn_print.gif") no-repeat 0 -24px;
	}
.mapAttention{
	text-align:right;
	font-size:x-small;
	margin:10px 0px;
	}
#offerBox{
	font-size:x-small;
	padding:5px;
	text-align:center;
	vertical-align:middle;
	}

/* main
-------------------------------------------------------------------*/
#itemDetail .mainImage{
	vertical-align:top;
	padding-right:10px;
	width:400px;	
	}
#itemDetail .mainImage img{
	max-width:400px;
}
#itemDetail .photo01{
	float:left;
	width:400px;
	}
#itemDetail .detailBox{
	float:right;
	width:520px;
	}
.detailBox p{
	margin-bottom:10px;
	}
.detailImage{
	margin-top:10px;
	}
.detailImage li{
	display:inline;
	}
.detailImage li img{
	padding-right:5px;
	max-width:160px;
	}
#detailSupple{
	margin-top:10px;
	}
#detailSupple li{
	list-style:none;
	font-size:x-small;
	line-height:1.4;
	}

	
/* こだわりアイコン */
.listFeature{
	/*background:#EEE;
	padding:5px 10px 10px;*/
	margin-bottom:15px;
	}
.listFeature li{
	display:inline;
	margin-right:5px;
	}
	
/*-------------------------------------------------------------------
	workPlace
-------------------------------------------------------------------*/
#workPlace{
	
	}	
#workPlace .inner{
	border:4px #DAE9C9 solid;
	/*background:#F7FAF1;*/
	padding:10px 15px;
	}	
#workPlace p{
	margin-bottom:10px;
	}

#workPlace dl{
	margin:0px auto;
	position:relative;
	margin-bottom:5px;
	}
#workPlace dl dt{
	padding-top:15px;
	text-indent:-5000px;
	}

#workPlace dl#workAgeBraket,
#workPlace dl#workChara{
	width:450px;
	float:left;
	}
#workPlace dl#workSex,
#workPlace dl#workPersons{
	width:420px;
	float:right;
	}
#workPlace dl#workAgeBraket dt{
	background:url("/img/detail/bg_workage.gif") no-repeat 0 100%;
	}
#workPlace dl#workSex dt{
	background:url("/img/detail/bg_worksex.gif") no-repeat 0 100%;
	}
#workPlace dl#workChara dt{
	background:url("/img/detail/bg_workchara.gif") no-repeat 0 100%;
	}
#workPlace dl#workPersons dt{
	background:url("/img/detail/bg_workpersons.gif") no-repeat 0 100%;
	}

#workPlace dl dd{
	position:absolute;
	top:0px;
	}
#workPlace dl dd img{
	display:block;
	}

#workPlace dl dd.w01{
	right:268px;
	}
#workPlace dl dd.w02{
	right:227px;
	}
#workPlace dl dd.w03{
	right:187px;
	}
#workPlace dl dd.w04{
	right:146px;
	}
#workPlace dl dd.w05{
	right:106px;
	}
#workPlace dl dd.w06{
	right:65px;
	}
		
/*-------------------------------------------------------------------
	entryDetail
-------------------------------------------------------------------*/
#entryDetail{
	zoom:1;
	width: 520px;
	}
#entryContent{
	float:left;
	width:520px;
	}
#entryContent .sheet th{
	width:120px;
	}
#entryContent .sheet th strong{
	font-weight:bold;
	}
#entryContent .sheet td{
	border-left:none;
	}
#jobContent{
	float:right;
	width:396px;
	margin-bottom:5px;
	}
.freeTxt{
	margin-bottom:15px;
	}
.freeTxt h4{
	margin-bottom:10px;
	}
#free01,
#free02,
#free03{
	width:396px;
	clear:both;
	margin-bottom:10px;
	}
#free01 img,
#free02 img,
#free03 img{
	float:left;
	max-width:196px;
	padding-bottom:10px;
	}
* html #free01 img,
* html #free02 img,
* html #free03 img {
	document.body.clientWidth > 196? “196px” : “auto”);
}
	
#free01 p,
#free02 p,
#free03 p{
	float:right;
	width:190px;
	}

/*-------------------------------------------------------------------
	detailFoot
-------------------------------------------------------------------*/
#detailFoot{
	margin-bottom:10px;
	}
#detailFoot,
#detailFoot td{
	height:100%;
	}
#detailFoot td{
	vertical-align:top;
	}
#detailFoot td table td{
	height:auto;
	}
#main .section {
	clear: both;
}
#record .inner,
#mobile .inner{
	padding:10px;
	}
#record .inner table{
	margin-bottom:5px;
	}
#record{
	width:520px;
	float: left;
	background:url("/img/detail/bg_record.gif") no-repeat 0 100%;
	}
#record .inner{
	background:url("/img/detail/bg_record_top.gif") no-repeat;
	}
#record #companyData{
	width:325px;
	float:right;
	}
#record h4{
	color:#007EC0;
	font-weight:bold;
	font-size:120%;
	margin-bottom:10px;
	}
#record .lineSheet th{
	width:80px;
	font-weight:bold;
	}
#mobile{
	width:400px;
	background:url("/img/detail/bg_mobile.gif") no-repeat 0 100%;
	}
#mobile .inner{
	background:url("/img/detail/bg_mobile_top.gif") no-repeat;
	}
#mobile .myarbeit{
	margin:0 auto 10px;
	padding:8px 40px 20px;
	background:url("/img/detail/mobile_border.gif") no-repeat 0 100%;
	}
#mobile .myarbeit dt{
	width:127px;
	float:left;
	}
#mobile .myarbeit dd{
	width:170px;
	float:right;
	font-size:x-small;
	line-height:133%;
	}
#mobile .qrCode{
	margin:7px 20px 0;
	}
#mobile .qrCode dt{
	width:132px;
	float:left;
	}
#mobile form{
	margin-bottom:5px;
	}
#mobile .formfield{
	width:115px;
	font-size:10px;
	}
#mobile .qrCode dd{
	width:200px;
	padding-top:15px;
	float:right;
	}
#voice {
	background:url("/img/detail/bg_voice.gif") no-repeat 0 100%;
	margin-bottom:15px;
	clear:both;
}
#voice h3{
	background:url("/img/detail/h_voice.gif") no-repeat;
	height:45px;
	line-height:45px;
	padding:0 0 3px 55px;
	color:#47A724;
	font-weight:bold;
	font-size:120%;
}
#voice dl dt{
	padding:10px 0px 15px 15px;
	float:left;
	width:140px;
}
#voice dl dd{
	float:right;
	width:750px;
	margin:15px 15px 15px 0px;
	background:url("/img/detail/voice_hukidashi.gif") no-repeat 0 50%;
}
#voice dl dd span{
	display:block;
	margin-left:12px;
	padding:10px;
	background:#FFF;
}

.relation{
	background:url("/img/detail/bg_relation.gif") repeat-y 0 100%;
	margin-bottom:10px;
	}
.relation h3{
	height:34px;
	line-height:34px;
	padding-left:20px;
	font-weight:bold;
	background:#FFF url("/img/detail/h_relation.gif") no-repeat;
	}
.relation ul{
	padding:8px 10px;
	}
.relation ul li{
	display:inline;
	padding-right:10px;
	}
.relation ul li a{
	background:url("/img/icon/icon_more.gif") no-repeat 5px 50%;
	padding-left:15px;
	}
	
#p-access #mapGoogle{
	height:400px;
	padding:10px;
	background:#FCFCFC;
	margin-bottom:10px;
	}
#p-photo #photoList{
	padding:0 0 0 5px;
	margin:0 auto;
	background:#FCFCFC;
	}
#p-photo #photoList li{
	float:left;
	width:205px;
	margin:0 5px 5px 0;
	}
	
/*-------------------------------------------------------------------
	submit
-------------------------------------------------------------------*/
.submit{
	clear:both;
	width:930px;
	height:60px;
	margin:15px 0 20px;
	background:url("/img/detail/bg_submit.gif") no-repeat;
	position:relative;
	}
.submit.offer{
	height:100px;
	}
.submit a.btn{
	background:url("/img/detail/btn_entry.gif") no-repeat 0 0;
	display:block;
	width:186px;
	height:33px;
	text-indent:-5000px;
	position:absolute;
	left:380px;
	top:14px;
	}
.submit a.btn:hover{
	background-position:0px -33px;
	}
.submit .offerBox{
	position:absolute;
	width:190px;
	height:35px;
	top:65px;
	left:365px;
	padding-top:60px;
	font-size:x-small;
	padding:5px;
	text-align:center;
	vertical-align:middle;
	}
	
/*==================================================================
	hacks setting
===================================================================*/
#itemDetail:after,
#entryContent:after,
#jobContent:after,
#record:after,
#mobile dl:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
#itemDetail .inner,
#entryContent:after,
#jobContent:after,
#record,
#mobile dl {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html #itemDetail .inner,
* html #entryContent,
* html #jobContent,
* html #record,
* html #mobile dl{
	height: 1%;
	}
#mobile {
	float: right;
	width: 396px;
	margin-bottom: 15px;
}