@charset "utf-8";
img{
	display:block;
}
#interview{
	width:1018px;
	background:#eeebe6;
	border:1px solid #e7d5ca;
	padding:19px 0 29px;
	margin:0 auto;
}
#tit_interview{
	position:relative;
}
#tit_interview div,
.tit_interview-txt{
	color:#333;
	font-size:15px;
	text-align:center;
	line-height:24px;
	position:absolute;
	top:185px;
	left:75px;
}
#interview h2 img{
	margin:0 auto 20px;
}
#display dt{
	color:#924226;
	font-weight:bold;
	display:inline-block;
	margin:0 20px 20px;
}
#display dd{
	display:inline-block;
}
.search_box{
	width:670px;
	height:86px;
	background:#fff;
	border-radius:10px 2px 2px 10px;
	display:inline-block;
	vertical-align:middle;
	position:relative;
	padding:20px 0 20px 20px;
	margin-right:33px;
}
.search_box:before{
	content:"";
	width:0;
	height:0;
	border:63px solid transparent;
	border-left:27px solid #fff;
	position:absolute;
	top:0;
	right:-89px;
}
.search_box dl{
	display:inline-block;
}
.search_box dl+dl{
	margin-left:17px;
}
.search_box dl dt{
	font-weight:bold;
	margin-bottom:10px;
}
.search_box dl dt span{
	font-weight:normal;
}
.search_box dl dd{
	width:198px;
	height:48px;
	background:#fff url(../images/interview/select_parts.gif) no-repeat;
	border:1px solid #bbb9b9;
	box-shadow:inset 0 5px 0 #ebebeb,inset -5px 0 0 #ebebeb,inset 0 -5px 0 #ebebeb,inset 5px 0 0 #ebebeb;
	border-radius:5px;
	overflow:hidden;
	position:relative;
}
#search01 dd{
	width:138px;
	background-position:102px 4px;
}
#search02 dd{
	width:208px;
	background-position:172px 4px;
}
#search03 dd{
	width:258px;
	background-position:222px 4px;
}
.search_box dl dd select{
	color:inherit;
	font-size:inherit;
	width:120%;
	height:48px;
	-moz-appearance:none;
  -webkit-appearance:none;
  appearance:none;
	vertical-align:middle;
  background:none transparent;
	border:0;
	border-radius:0;
  box-sizing:content-box;
	padding:0 0 0 10px;
	margin:0;
}
.search_box dl dd select option{
	padding-left:10px;
}
#btn_search{
	cursor:pointer;
	color:#924226;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	width:226px;
	height:70px;
	line-height:70px;
	background:#fff;
	border:3px solid #924226;
	border-radius:10px;
	display:inline-block;
	vertical-align:middle;
}
#btn_search:before{
	content:"";
	width:31px;
	height:31px;
	background:url(../images/interview/icon_search.png) no-repeat;
	display:inline-block;
	vertical-align:middle;
	margin:-4px 5px 0 0;
}
#btn_search:hover{
	background:#efe3df;
}
.interview_box{
	width:980px;
	overflow:hidden;
	padding:5px;
	margin:0 auto;
}
.interview_box+.interview_box{
	margin-top:10px;
}
.interview_item{
	float:left;
	width:180px;
	background:#fff;
	border-radius:10px;
	box-shadow:0 0 5px rgba(0,0,0,.1);
	position:relative;
}
.interview_item+.interview_item{
	margin-left:20px;
}
.interview_item img{
	border-radius:10px 10px 0 0;
}
.img_box{
	position:relative;
}
.beginner:after{
	content:"未経験で入店";
	color:#fff;
	font-size:15px;
	font-weight:bold;
	text-align:center;
	text-indent:24px;
	width:180px;
	height:44px;
	line-height:44px;
	background:rgba(0,0,0,.5) url(../images/interview/beginner_interview.png) no-repeat 33px center;
	position:absolute;
	bottom:0;
}
.box01{
	height:154px;
	position:relative;
	border-bottom:1px solid #e8e8e8;
	padding:15px 10px 0;
}
.box01:before{
	content:"";
	width:0;
	height:0;
	border:9px solid transparent;
	border-bottom:9px solid #fff;
	position:absolute;
	top:-18px;
	left:50%;
	margin-left:-9px;
}
.box01 h3{
	font-size:14px;
	line-height:22px;
	margin-top:15px;
}
.box02{
	border-bottom:1px solid #e8e8e8;
	overflow:hidden;
	padding:20px 10px 17px;
}
.box02 dt{
	clear:both;
	float:left;
	margin-right:7px;
}
.box02 dd{
	float:left;
	width:137px;
	margin-bottom:3px;
}
.box03{
	text-align:center;
	font-weight:bold;
	width:100%;
	display:table;
	border-spacing:10px;
}
.box03 div,
.interview_item-shopName{
	vertical-align:middle;
	display:table-cell;
}

#count{
	color:#fff;
	text-align:center;
	background:#4c4c4d;
	border-radius:15px;
	display:table;
	border-collapse:separate;
	border-spacing:15px 5px;
	margin:35px auto 25px;
}
#count dl{
	display:table-cell;
	overflow:hidden;
}
#count dl dt,#count dl dd{
	float:left;
}
#count div{
	vertical-align:middle;
	display:table-cell;
}

#pager{
	color:#fff;
	text-align:center;
	display:table;
	border-collapse:separate;
	border-spacing:10px 0;
	margin:0 auto;
}
#pager li{
	width:46px;
	height:35px;
	line-height:35px;
	background:#fff;
	border:1px solid #d3c6af;
	border-radius:3px;
	display:table-cell;
}
#pager li:not(.pager_on):hover{
	background:#efe3df;
}
#pager .first,#pager .prev,#pager .next{
	width:85px;
}
#pager li a{
	color:#a02200;
	display:block;
}
.pager_on{
	background:#924226 !important;
}
#shop_search{
	width:960px;
	background:url(../images/interview/search_img01.gif) no-repeat 91px 25px;
	border:8px solid #eeebe6;
	border-radius:10px;
	position:relative;
	padding:23px 22px 30px;
	margin:0 auto;
}
#shop_search:after{
	content:"";
	width:166px;
	height:148px;
	background:url(../images/interview/search_img02.png) no-repeat;
	position:absolute;
	top:-40px;
	right:18px;
}
#shop_search h2{
	text-align:center;
}
#shop_search h2+div{
	font-size:16px;
	text-align:center;
	margin:15px auto 17px;
}
#search_wrap{
	background:#f7f5f3;
	border-radius:10px;
	padding-right:20px;
	margin:0 19px 30px;
}
#shop_search .search_box{
	height:105px;
	background:#fef6d8;
	position:relative;
	padding:30px 0 0 47px;
}
#shop_search .search_box:after{
	content:"";
	width:0;
	height:0;
	border:40px solid transparent;
	border-top:28px solid #fef6d8;
	position:absolute;
	bottom:-68px;
	left:50%;
	margin-left:-20px;
}
#shop_search .search_box dl{
	display:inline-block;
}
#shop_search .search_box dl+dl{
	margin-left:20px;
}
#shop_search .search_box dl dt{
	color:#924226;
	font-weight:bold;
	margin-bottom:10px;
}
#shop_search .search_box dl dt span{
	font-weight:normal;
}
#shop_search a{
	color:#924226;
	font-size:24px;
	text-align:center;
	text-decoration:none;
	width:426px;
	height:80px;
	line-height:73px;
	background:#fff;
	border:3px solid #924226;
	border-radius:10px;
	box-shadow:inset 0 -7px 0 #e5e5e5;
	display:block;
	margin:0 auto;
}
#shop_search a:before{
	content:"";
	width:31px;
	height:31px;
	background:url(../images/interview/icon_search.png) no-repeat;
	display:inline-block;
	vertical-align:middle;
	margin:-4px 8px 0 0;
}
#shop_search a:hover{
	line-height:80px;
	background:#efe3df;
	box-shadow:none;
}