/*layout*/


.topHeader {
	height: 507px;
	background-color: #ffe5df;
	position: relative;	
}
.topHeader .inr {
	width: 960px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	padding-top: 17px;	
}
.topHeader .gridTtl {
	margin-top: 26px;	
}
.topHeader .topResult {
	margin-top: 12px;
	position: relative;
	zoom: 1;
}
.topHeader .topResult li {
	position: absolute;
	top: 0;
	left: 50%;	
}
.topHeader .topResult li.grid01 {
	margin-left: -436px;	
}
.topHeader .topResult li.grid02 {
	margin-left: -105px;	
}
.topHeader .topResult li.grid03 {
	margin-left: 120px;	
}
.topHeader .topResult .btn {
	position: absolute;
	top: 158px;
	left: 50%;
	margin-left: 342px;	
}
.topHeader .topResult .btn a {
	display: block;
	width: 134px;
	height: 52px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../images/top/btn_result.gif) no-repeat left top;	
}
.topHeader .topResult .btn a:hover {
	background-position: left bottom;	
}
.topHeader .arw {
	position: absolute;
	bottom: -30px;
	left: 50%;
	margin-left: -13px;	
}

.listTtl {
	text-align: center;
	margin-top: 44px;
	margin-bottom: 7px;
}

.jobList {
	height: 1100px;
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	zoom: 1;
}
.jobList .job {
	position: absolute;
	width: 230px;
	height: 230px;
}
.jobList .jobHover {
	z-index: 3;
}
.jobList .jobRandom {
	z-index: 2;	
}
.jobList .job .chara {
	width: 230px;
	height: 230px;
	position: relative;
	background-position: 0 0;
	background-repeat: no-repeat;
	zoom: 1;
}
.jobList .job .name {
	position: absolute;
	left: 0;
	top: 0;
}
.jobList .job .balloon {
	position: absolute;
	top: 0;
	left: 0;
}
.jobList .job .balloon img {
	position: relative;	
}
.jobList .job a {
	text-decoration: none;
	display: block;
	position: absolute;
	top: 0;
	left: 40px;
	width: 150px;
	height: 230px;
	*background: url(../images/spacer.gif) repeat;
}
.jobList .job a:hover {
	text-decoration: none;	
}

.jobList .pos-1-1,
.jobList .pos-1-2,
.jobList .pos-1-3 {
	top: 0px;
}
.jobList .pos-1-1 {
	left: 128px;
}
.jobList .pos-1-2 {
	left: 365px;
}
.jobList .pos-1-3 {
	left: 620px;
}

.jobList .pos-2-1,
.jobList .pos-2-2,
.jobList .pos-2-3,
.jobList .pos-2-4 {
	top: 197px;
}
.jobList .pos-2-1 {
	left: 9px;
}
.jobList .pos-2-2 {
	left: 246px;
}
.jobList .pos-2-3 {
	left: 483px;
}
.jobList .pos-2-4 {
	left: 720px;
}

.jobList .pos-3-1,
.jobList .pos-3-2,
.jobList .pos-3-3 {
	top: 433px;
}
.jobList .pos-3-1 {
	left: 128px;
}
.jobList .pos-3-2 {
	left: 365px;
}
.jobList .pos-3-3 {
	left: 620px;
}

.jobList .pos-4-1,
.jobList .pos-4-2,
.jobList .pos-4-3,
.jobList .pos-4-4 {
	top: 650px;	
}
.jobList .pos-4-1 {
	left: 9px;
}
.jobList .pos-4-2 {
	left: 246px;
}
.jobList .pos-4-3 {
	left: 483px;
}
.jobList .pos-4-4 {
	left: 720px;
}

.jobList .pos-5-1,
.jobList .pos-5-2 {
	top: 870px;
}
.jobList .pos-5-1 {
	left: 128px;
}
.jobList .pos-5-2 {
	left: 602px;
}


/*job-programmer*/
.jobList .job-programmer .chara {
	background-image: url(../images/top/top_programmer.png);	
}
.jobList .job-programmer .name {
	top: 153px;
	left: 130px;
}
.jobList .job-programmer .balloon {
	top: -36px;
	left: -65px;
}


/*job-momwithbaby*/
.jobList .job-momwithbaby .chara {
	background-image: url(../images/top/top_momwithbaby.png);	
}
.jobList .job-momwithbaby .name {
	top: 142px;
	left: 130px;
}
.jobList .job-momwithbaby .balloon {
	top: -8px;
	left: -66px;
}


/*job-model*/
.jobList .job-model .chara {
	background-image: url(../images/top/top_model.png);	
}
.jobList .job-model .name {
	top: 97px;
	left: 145px;
}
.jobList .job-model .balloon {
	top: -68px;
	left: 106px;
}


/*job-restaurantclerk*/
.jobList .job-restaurantclerk .chara {
	background-image: url(../images/top/top_restaurauntcleak.png);	
}
.jobList .job-restaurantclerk .name {
	top: 115px;
	left: 130px;
}
.jobList .job-restaurantclerk .balloon {
	top: -51px;
	left: 103px;
}


/*job-collegestudent*/
.jobList .job-collegestudent .chara {
	background-image: url(../images/top/top_collagestudent.png);	
}
.jobList .job-collegestudent .name {
	top: 148px;
	left: 127px;
}
.jobList .job-collegestudent .balloon {
	top: -27px;
	left: 116px;
}


/*job-sportsinstructor*/
.jobList .job-sportsinstructor .chara {
	background-image: url(../images/top/top_sportsinstructor.png);	
}
.jobList .job-sportsinstructor .name {
	top: 117px;
	left: 126px;
}
.jobList .job-sportsinstructor .balloon {
	top: 4px;
	left: -66px;
}


/*job-stylist*/
.jobList .job-stylist .chara {
	background-image: url(../images/top/top_stylist.png);	
}
.jobList .job-stylist .name {
	top: 105px;
	left: 125px;
}
.jobList .job-stylist .balloon {
	top: -20px;
	left: -59px;
}


/*job-beautician*/
.jobList .job-beautician .chara {
	background-image: url(../images/top/top_beautician.png);	
}
.jobList .job-beautician .name {
	top: 80px;
	left: 138px;
}
.jobList .job-beautician .balloon {
	top: -74px;
	left: 108px;
}


/*job-activefifties*/
.jobList .job-activefifties .chara {
	background-image: url(../images/top/top_active.png);	
}
.jobList .job-activefifties .name {
	top: 113px;
	left: 129px;
}
.jobList .job-activefifties .balloon {
	top: -39px;
	left: 104px;
}


/*job-motherwithkids*/
.jobList .job-motherwithkids .chara {
	background-image: url(../images/top/top_momwithkids.png);	
}
.jobList .job-motherwithkids .name {
	top: 150px;
	left: 142px;
}
.jobList .job-motherwithkids .balloon {
	top: -33px;
	left: 128px;
}


/*job-nurse*/
.jobList .job-nurse .chara {
	background-image: url(../images/top/top_nurse.png);	
}
.jobList .job-nurse .name {
	top: 92px;
	left: 129px;
}
.jobList .job-nurse .balloon {
	top: -77px;
	left: 106px;
}


/*job-japanesedancer*/
.jobList .job-japanesedancer .chara {
	background-image: url(../images/top/top_japanesedancer.png);	
}
.jobList .job-japanesedancer .name {
	top: 150px;
	left: 130px;
}
.jobList .job-japanesedancer .balloon {
	top: -42px;
	left: 108px;
}


/*job-receptionist*/
.jobList .job-receptionist .chara {
	background-image: url(../images/top/top_receptionist.png);	
}
.jobList .job-receptionist .name {
	top: 123px;
	left: 135px;
}
.jobList .job-receptionist .balloon {
	top: -23px;
	left: -62px;
}


/*job-saleswoman*/
.jobList .job-saleswoman .chara {
	background-image: url(../images/top/top_saleswoman.png);	
}
.jobList .job-saleswoman .name {
	top: 105px;
	left: 135px;
}
.jobList .job-saleswoman .balloon {
	top: -28px;
	left: -64px;
}


/*job-childcareperson*/
.jobList .job-childcareperson .chara {
	background-image: url(../images/top/top_childcare.png);	
}
.jobList .job-childcareperson .name {
	top: 145px;
	left: 129px;
}
.jobList .job-childcareperson .balloon {
	top: -13px;
	left: 110px;
}


/*job-nailist*/
.jobList .job-nailist .chara {
	background-image: url(../images/top/top_ethtetitian.png);	
}
.jobList .job-nailist .name {
	top: 150px;
	left: 130px;
}
.jobList .job-nailist .balloon {
	top: -26px;
	left: 110px;
}



#footer .ftBnr {
	margin-top: 25px;	
}
#footer .ftBnr a {
	background-image: url(../images/top/footer_bnr.jpg);
}