@charset "utf-8";

#topicpath{
	top:0;
	margin-bottom: 30px;
}

body{
	background-color: #F5F5F5;
}

#jobBtnArea{
	position:fixed; width:100%; top: 0px; background-color: #FFF2CE;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	transition: all 0.3s linear;
	z-index:1000;
	padding-bottom:10px;

}
#jobBtnArea.none{ position:fixed; width:100%; top: -100px; background-color: #FFF2CE;}
#jobBtnArea .inner{
	width:950px;
	margin:auto;
	position: relative;
	padding: 20px 0 10px;
}

.detail .btnBlock03{
	padding-top: 10px;
}
.detail .btnBlock03 + .btnBlock03{
	padding-top: 0;
	margin-bottom: 20px;	
}
#jobBtnArea .name{ padding-right:680px; }
#jobBtnArea .btnBlock03{
	width: 660px;
	position: absolute;
	right: 0;
	top: 9px;
	margin:0;
	table-layout:auto;
}
#jobBtnArea .btnBlock03.entry{
	width:710px;
}

#jobBtnArea .btnBlock03 .modBtnFavorite {
	background: #ff8a00 url(../../common/img/iconKeep.png) no-repeat 14px 0.8em;
	background-size: 16px 16px;
	padding: 5px 8px 5px 46px;
	font-size:14px;
	line-height:1.3;
	border-radius: 8px;
	width: 175px;
    height: 40px;
	line-height: 2.4;
}

#jobBtnArea .btnBlock03 .modBtnFavoriteLogout {
  background: #E9E9E9 url(../../common/img/iconKeepOn.png) no-repeat 14px 0.7em;
	background-size: 16px 17px;
	border-bottom: 3px solid #CC9F2A;
	margin-right: 0;

}

#jobBtnArea .btnBlock03 .modBtnFavorite:hover,
#jobBtnArea .btnBlock03 .modBtnFavoriteLogout:hover  {
	background: #fb9a28 url(../../common/img/iconKeep.png) no-repeat 14px 0.8em;
	background-size: 16px 16px;
	border-bottom: 3px solid #cc6e00;	}

#jobBtnArea .btnBlock03 .modBtnFavorite.off {
	background: #E9E9E9 url(../../common/img/iconKeepOn.png) no-repeat 14px 0.7em;
	background-size: 16px 17px;
	color:#333333 !important;
  border: 1px solid #C2C2C2;
}

#jobBtnArea .btnBlock03 .modBtnFavorite.off:hover {
	background: #FFF url(../../common/img/iconKeepOn.png) no-repeat 14px 0.7em;
	background-size: 16px 17px;
	color:#FFF;
}

#jobBtnArea .btnBlock03 .favorite{
	position: relative;	
}
#jobBtnArea .btnBlock03 .favorite .fukidashi{
  bottom: -15px;
  top: auto;
  -webkit-transition: bottom 0.1s linear;
}
#jobBtnArea .btnBlock03 .favorite .fukidashi:after{
	 background-image: url(../../common/img/arrowUpRed.png);
	 bottom: auto;
   top: -4px;
   z-index: 999;
}
#jobBtnArea .btnBlock03 .favorite .fukidashi.off{
		bottom: -30px;
}
#jobBtnArea .btnBlock03 .modBtnFavorite .finner{
	background-repeat:no-repeat;
	background-position:left center;
	font-size: 12px;
}

#jobBtnArea .btnBlock03 .modBtnFavorite.off .finner{
	background-repeat:no-repeat;
}

#jobBtnArea .btnBlock03 .modBtnFavorite.off .subTxt{
	font-size:8px;
}

#jobBtnArea .btnBlock03 .modBtnFavorite .finner span{
	font-size:8px;
}

#jobBtnArea .btnBlock03 .modBtnEntry03{
    padding-left: 25px;
    padding-right: 12px;
    border-radius: 3px;
    padding-top: 5px;
    line-height: 40px;
    font-size: 14px;
}

#jobBtnArea .modBtnDetail_type02{
    background: #0779E9 url(../../common/img/iconEntry03.png) no-repeat 23px 1em;
    background-size: 8%;
    padding: 11px 10px 11px 46px;
    border-radius: 8px;
    width: 170px;
    height: 40px;
    box-sizing: border-box;
    font-size: 12px;
    border-right: none;
    border-bottom: 3px solid #0662B9;
}

#jobBtnArea .modBtnDetail_type02:hover{
	    background-color: #258bf5;
}

#jobBtnArea .btnBlock03 .modBtnEntry03:before{
	background-image:url(../../common/img/iconList02.png);
	margin:0 5px 0 0;
	width:12px;
	height:15px;
}


#jobBtnArea .btnBlock03 .favorite{
	padding-right:10px;
}
#jobBtnArea .btnBlock03.entry .favorite{
	padding-right:0;
}



#jobBtnArea .btnBlock03 .tel{
	padding-left:10px;
	margin-top: 0;
}

#jobBtnArea .btnBlock03 .tel .telInner{
	padding:0 10px;
	background-color:#fff;
	height:40px;
	line-height:40px;
}

#jobBtnArea .btnBlock03 .tel span{
    display: inline-block;
    *display: inline;
    *zoom: 1;
	vertical-align:middle;
}

#jobBtnArea .btnBlock03 .tel .txt{
	margin:0 9px 0 0;
	font-size:11px;
}

#jobBtnArea .btnBlock03 .tel .txt:before{
	margin:0 3px 0 0;
	background-image:url(../../common/img/iconTel02.png);
	width:15px;
	height:16px;
}


#jobBtnArea .btnBlock03 .tel .num{
	font-size:26px;
}

#jobBtnArea .btnBlock03 li{
	float:left;
	margin-top: 0;
}

#jobBtnArea .btnBlock03 li.tel{
	margin-top: 6px;
	float:right;
}

.search{
	/*margin-top:30px;*/
}
.search a{
	text-decoration: none;
}

.search a:hover{
	text-decoration: underline;
}
.modBlock01.search>.inner .btnBlock{
	right:10px;
}
.modBlock01.search>.inner .btnBlock .fukidashi{
	left:0;
  margin: 0;
}
.modBlock01.search>.inner .btnBlock .fukidashi:before{
    content: "";
    position: absolute;
    top: 0;
    bottom: -50px;
    right: 50%;
    height: 0;
    width: 0px;
    margin: auto;
    border: 6px solid transparent;
    border-top: 6px solid #F39C12;
}
.modBlock01.search>.inner .btnBlock .fukidashi:after{
    content: "";
    position: absolute;
    top: 0;
    bottom: -48px;
    right: 50.5%;
    height: 0;
    width: 0px;
    margin: auto;
    border: 5px solid transparent;
    border-top: 5px solid #fff;
}

.selectBlock th,.selectBlock td{
	padding-top:5px;
	padding-bottom:5px;
}



.search .select{
	display:table;
	width:100%;
	table-layout:fixed;
	margin:10px 0;
}

.search .select .txt{
	display:table-cell;
	vertical-align:middle;
}

.search .select .btn{
	display:table-cell;
	width: 77px;
	vertical-align:middle;
}
.search .select .btnSelect a{
    font: bold 12px "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
    color: #FFF!important;
    background: #0066CC;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 5px 15px;
    border-right: 2px solid #0052A3;
    border-bottom: 2px solid #0052A3;
    border-top: none;
    border-left: none;
    text-decoration: none!important;
    display: inline-block;
    cursor: pointer;
    position: absolute;
    top: 50%;
    margin-top: -16px;
}

.search .select .btnSelect a:hover{
	background:#258bf5;
}
.search .select.on .open{
	display:none;
}
.search .select.on .btnSelect{
	background: #EEEEEE;
	border-bottom:solid 1px #999999;
	color:#333;
    text-shadow: 0 0 0 #666;
    -moz-text-shadow: 0 0 0 #666;
    -webkit-text-shadow: 0 0 0 #666;
}

.search .select .close{
	display:none;
}
.search .select.on .close{
	display:inline;
}
.search .select .btnClose:hover{
	background:#999999;
}

.selectList{
	display:none;
	padding: 10px 0 10px;
	border-top:solid 1px #F1F1F1;
}

.selectList label{
	cursor:pointer;
}
.selectList .on{
	color:#ff6000;
	font-weight:bold;
}

.detail .search{
	margin-top:0px;
}


.modTbl04 th {
	text-align:center;
	}

.searchFoot{
	position:relative;
}

.searchFoot .fukidashi{
	border:solid 1px #FFB801;
	background-color:#fff;
	border-radius:10px;
	padding:4px 14px;
	margin:0 114px 0 0;
	position:absolute;
	right:50%;
	font-size:14px;
}


.searchFoot .fukidashi:before{
    content: "";
    position: absolute;
	top:0;
    bottom: 0;
    right:-12px;
    height: 0;
    width: 0px;
    margin: auto;
    border: 6px solid transparent;
    border-left: 6px solid #F39C12;
}

.searchFoot .fukidashi:after{
    content: "";
    position: absolute;
	top:0;
    bottom: 0;
    right:-10px;
    height: 0;
    width: 0px;
    margin: auto;
    border: 5px solid transparent;
    border-left: 5px solid #fff;
}

.searchFoot .fukidashi span{
	margin:0 5px 0 0;
	color:#FFB801;
	font-weight:bold;
	font-size:22px;
}
.searchFoot .btn{
	width:188px;
	margin:0 auto;
}

.txtResult {
	line-height:1.9;
	margin-bottom:15px;
}

.txtResult .num { font-size:12px; }

.txtResult .num span {
	margin:0 3px;
	font-size:15px;
}

.modPager { margin-bottom:15px; }

.resultBlock {
	background-color: #FFF;
}

.resultBlock_type01{
	margin-bottom:0;
	background-color: inherit;
}

.resultBlock .btnBlock04{
}

.resultBlock .head .title {
	width: 100%;
	font-size: 16px;
	box-sizing:border-box;
	font-weight: bold;
	color: #009EA7;
	padding: 10px 10px  5px;
	border-top: 4px solid #009EA7;
	position: relative;
	display: table;
	table-layout: fixed;
	text-decoration: underline;
	margin-bottom: 10px;
}

.resultBlock .head .title a {
	color: #0098A2;
	width: auto;
	text-decoration: none;
}

.resultBlock .head .title .titleText{
	display: table-cell;
	width:100%;
}

.resultBlock .head .title a:hover{
	opacity:0.8;
}

.IE .resultBlock .head .title a {
	display: block;
}

#detail .resultBlock{
	border-bottom-left-radius: 5px; 
	border-bottom-right-radius: 5px; 
	-webkit-border-bottom-left-radius: 5px; 
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
}
#detail .resultBlock .head .title {
	position:relative;
  text-decoration: none;
	font-size: 16px;
	margin-bottom:10px;
}

#detail .resultBlock .head .title span{
	color: #009EA7;
	display: table-cell;
	width:100%;
}

#detail .resultBlock .head .title .category{
	display: table-cell;
	table-layout: fixed;
	width: 11%;
	text-align: right;
	vertical-align: top;
}

.resultBlock .head .title .category{
	display: table-cell;
	table-layout: fixed;
	width: 11%;
	text-align: right;
	vertical-align: top;
}

.resultBlock .head .title .category .icon{
	display: inline-block;
	width:54px;
	height:20px;
	font-weight:bold;	
	border-radius:10px;
	font-size:10px;
	text-align:center;
	line-height: 2;
	box-sizing: border-box;
}

.resultBlock .head .title .category li:first-child{
		margin-right:5px;
	}

.resultBlock .head .title .icon_new{
	background-color:#FF8A00;
	color:#FFF;
}


.resultBlock .head .title .icon_recommend{
	content:"";
	border:1px solid #FFB801;
	background-color:#FFF;
	color:#FC8704;
}

.resultBlock .company {
	float:left;
	display:block;
    font-size: 15px;
    font-weight: bold;
	width: 350px;
	color:#0098A2;
	display: -webkit-box;
	overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
	position:relative;
	padding-left: 23px;
}

.resultBlock .company:before{
	content:"";
	background-image:url(../../common/img/iconCompany02.png);
	width:17px;
	height:16px;
	position:absolute;
	left:0;
	top: 0;
}

#detail .resultBlock .company {
	float:left;
	display:block;
	font-size:15px;
	width: 350px;
	color:#009EA7;
	display: block;
	overflow: auto;
    -webkit-line-clamp:inherit;
	position:relative;
	padding-left: 23px;
}

#detail .resultBlock .company:before{
	content:"";
	background-image:url(../../common/img/iconCompany02.png);
	width:17px;
	height:16px;
	position:absolute;
	left:0;
}

.resultBlock .infoBlock{
	position: relative;
	padding:0 13px;
	margin-bottom: 10px;
}

#detail .resultBlock .infoBlock{
	min-height: 55px;
}

.resultBlock .infoBlock .date {
	float:right;
	display:block;
	font-size:11px;
	color:#999999;
	margin-top: 5px;
}

#detail .resultBlock .infoBlock .date {
	float:right;
	display: block;
	font-size: 11px;
	color: #e60012;
	border: 1px solid #e60012;
	padding: 5px 10px;
}

#detail .resultBlock .infoBlock .update {
	position: absolute;
	top: 40px;
	right: 12px;
	display: block;
	clear: both;
	text-align: right;
	font-size: 11px;
	color: #999999;
}

#detail .resultBlock .jobInfo{
	float:right;
}

.resultBlock .jobInfo{
	float:left;
	width: 386px;
}

.resultBlock .jobInfo dl:last-child{
	border-bottom:none;
}

.resultBlock .jobInfo_type01{
	float:left;
	width: 100%;
}

.resultBlock .jobInfo_type02{
	float:right;
	width: 386px;
}

.resultBlock .inner {
	padding:0 14px;  
}

.resultBlock .inner .modTbl02_type01 {
	float:left;
	width:385px;
	border:none;
	border-top: 1px solid #CDCDCD !important;
	background-color: #E5F7F7;
}

.resultBlock .inner .modTbl02_type01 td{
	background-color: #FFF;
}

.resultBlock .inner .modTbl02_type01 td,
.resultBlock .inner .modTbl02_type01 th{
	border:none;
	border-bottom: 1px solid #CDCDCD !important;
	padding:0;
    vertical-align: middle;
	color:#333 !important;
}

.resultBlock .inner .modTbl02_type01 td .block{
	padding: 2px 0 2px 13px;
}

.resultBlock .inner .modTbl02_type01 th .block{
    padding: 2px 0 2px 13px;
    display: table-cell;
    width: 65px;
    vertical-align: middle;
	position:relative;
}

.resultBlock .inner .modTbl02_type01 th .block:before{
	content:"";
	border-top: 2px solid #FFF;
	position:absolute;
	top:0;
}

.resultBlock .inner .modTbl02_type01 th .block:after{
	content:"";
	border-bottom: 2px solid #FFF;
	position:absolute;
	bottom:0;
}
.resultBlock .inner02{
	padding-bottom: 10px;
}

.resultBlock .main {
}

#detail .resultBlock .caption {
	font-size:12px;	
    display: block;
    overflow: auto;
    -webkit-box-orient: horizontal;
    -webkit-line-clamp: inherit;
}

.resultBlock .caption {
	font-size:11px;
}
#main .resultBlock .caption {
	margin-bottom: 10px;
}

.resultBlock .feature{
	width:auto;
	margin-bottom: 10px;
 }

.resultBlock .feature_type01{
	padding-bottom: 0;
}

.resultBlock .feature_type01{
	width:auto;
}

.resultBlock .feature li{
	display:inline-block;
	font-size:12px;
	margin-right:5px;
}

.resultBlock .feature li:before{
	content:"\25CF";
	color:#92C7CA;
}

.resultBlock .feature .color01:before{
	color:#F5BA44;
}

.resultBlock .feature .color02:before{
	color:#6CA9D5;
}

.resultBlock .feature .color03:before{
	color:#469F5B;
}

.resultBlock .feature .color04:before{
	color:#9284C2;
}

.resultBlock .feature .color05:before{
	color:#ED8A63;
}

.resultBlock .feature .color06:before{
	color:#F9C04D;
}

.resultBlock .feature .color07:before{
	color:#E0868F;
}
.resultBlock .feature .color08:before{
	color:#40985C;
}

.resultBlock .feature .color09:before{
	color:#E09196;
}
.resultBlock .feature .color10:before{
	color:#9D7959;
}
.resultBlock .feature .color11:before{
	color:#576878;
}
.resultBlock .feature .color12:before{
	color:#008b8b;
}
.resultBlock .feature .color13:before{
	color:#ff7f50;
}
.resultBlock .feature .color14:before{
	color:#6495ed;
}
.resultBlock .feature .color15:before{
	color:#ff69b4;
}
.resultBlock .feature .color16:before{
	color:#ffcc33;
}
.resultBlock .feature .color17:before{
	color:#66cc66;
}
.resultBlock .feature .color18:before{
	color:#ff6699;
}
.resultBlock .feature .color19:before{
	color:#3399cc;
}
.resultBlock .feature .color20:before{
	color:#ffa07a;
}
.resultBlock .feature .color21:before{
	color:#66cdaa;
}
.resultBlock .feature .color22:before{
	color:#cc6699;
}
.resultBlock .feature .color23:before{
	color:#009999;
}
.resultBlock .feature .color24:before{
	color:#f0e68c;
}
.resultBlock .feature .color25:before{
	color:#ff9999;
}
.resultBlock .feature .color26:before{
	color:#48d1cc;
}
.resultBlock .feature .color27:before{
	color:#bdb76b;
}
.resultBlock .feature .color28:before{
	color:#cc6666;
}
.resultBlock .feature .color29:before{
	color:#7b68ee;
}
.resultBlock .feature .color30:before{
	color:#5f9ea0;
}
.resultBlock .feature .color31:before{
	color:#f08080;
}
.resultBlock .feature .color32:before{
	color:#ee82ee;
}
.resultBlock .feature .color33:before{
	color:#808000;
}
.resultBlock .feature .color34:before{
	color:#ba55d3;
}
.resultBlock .feature .color35:before{
	color:#deb887;
}
.resultBlock .feature .color36:before{
	color:#00bfff;
}
.resultBlock .feature .color37:before{
	color:#ba55d3;
}
.resultBlock .feature .color38:before{
	color:#ff8c00;
}
.resultBlock .feature .color39:before{
	color:#fa8072;
}
.resultBlock .feature .color40:before{
	color:#32cd32;
}




.resultBlock .main .text {
	float:left;
	width:519px;
}

.resultBlock .main table {
	margin-bottom:0;
	font-size:12px;
}

.resultBlock .main .image {
	float:right;
}

.resultBlock .main .image a{
	display: block;
}

.resultBlock .main .image a:hover{
	opacity:0.8;
}

.resultBlock .main .image_type01 {
	float:none;
}

.resultBlock .main .image_type01 img {
	max-width: 300px;
}

.resultBlock .main .image_type01 .caption{
	width: 43%;	
}
	
.resultBlock .main .image img {
	display:block;
	border:solid 1px #ccc;
	padding:1px;
}

.resultBlock .btnBlock{
	border-top:1px solid #ccc;
	padding: 10px;
	background-color:#E5F7F7;
}


.resultBlock .btnBlock .left { float:left; }

.resultBlock .btnBlock .modBtnFavorite { margin-right:10px; }

.resultBlock .btnBlock .right { float:right; }



.resultBlock .btnBlock04_type01 .modBtnFavorite,
.resultBlock .btnBlock04_type01 .modBtnFavoriteLogout{
	background: #FEB801 url(../../common/img/iconKeep.png) no-repeat 8px 1.2em;
    border-radius: 3px;
    padding: 13px 20px 14px 25px;
}

.resultBlock .btnBlock04_type01 .modBtnDetail{
    background: #0779E9 url(../../common/img/iconList02.png) no-repeat 12px 1.2em;
    padding: 13px 20px 14px 34px;
}



.resultBlock .btnBlock .limit{
	display:inline-block;
	border:1px solid #ccc;
	background-color:#FFF;
	padding:6px 15px;
	font-size:12px;
	width:110px;
	box-sizing:border-box;
	color:#E83C38;
}
.resultBlock .btnBlock .limit.end{
	line-height: 3em;
}

.resultBlock .btnBlock_type01{
	position: relative;
    padding: 10px;
    float: right;
}

.resultBlock .jobInfo dl:last-child {
    border-bottom: 1px solid #ccc;
}


#specialBlock{
	margin:-0 0 20px;
}


#specialBlock .specialTitle{
	background-image:url(../img/bgToku.png);
	background-position:right bottom;
	background-repeat:no-repeat;
	padding:20px 10px 15px 80px;
	background-color:#fff;
	position:relative;
}
#specialBlock .specialTitle:before{
	content:"";
	background-image:url(../img/iconToku.png);
	background-position:center center;
	background-repeat:no-repeat;
	width: 	56px;
	height:64px;
	display: block;
	position:absolute;
	left:10px;
	top:50%;
	margin-top:-32px;	
}
#specialBlock .specialTitle:after{
	content:"";
	background-image:url(../img/bgTokuBorder.png);
	background-position:right bottom;
	background-repeat:repeat-x;
	width:100%;
	height:5px;
	position:absolute;
	left:0;
	bottom:-5px;
}


#specialBlock .specialTitle .container{
	padding-left:60px;
}

#specialBlock .specialTitle .catch{
	margin:0 0 6px;
	color:#666666;
}

#specialBlock .specialTitle .title{
	font-size:28px;
	color:#ff6000;
	font-weight:bold;
}
.IE8 #specialBlock .specialTitle .title{
	color:#ff6000;
}

#specialBlock .specialTitle .chara{
	position:absolute;
	top:-36px;
	left:-16px;
}

#specialBlock .box{
	padding:28px 20px;
	background-color:#fff;
}

#specialBlock .box.even{
	background-color:#F0FEFF;
}
#specialBlock .box .chara{
	position:absolute;
	bottom:0;
	right:-20px;
}

#specialBlock .box:nth-child(3){
	background-color: #fff8ef;
}

#specialBlock .box .detail{
	float:left;
	width:590px;
	font-size:13px;
	margin-right: 10px;
}

#specialBlock .box:nth-child(3) .detail{
	float:left;
	width: 590px;
	margin-right:0px
}
#specialBlock .noImage .detail,
#specialBlock .noImage:nth-child(3) .detail{
	width: 920px;
}

	
#specialBlock .box .photo{
	float:left;
}

#specialBlock .box img{
	width: 	100%;
	height:auto;
}

#specialBlock .box:nth-child(3) .photo{
	float:left;
	margin-right: 20px;
}

#specialBlock .box .title{
	margin:0 0 8px;
	color:#ff6000;
	font-size:16px;
	font-weight:bold;
}

#specialBlock .box.noImage .detail{
	width: 96%;
}

#specialBlock .box.box_banner {
	background: #fff;
}
#specialBlock .box_banner img {
	max-width: 540px;
}

.modTbl04{
	width:750px;
	margin-left:20px;
}

.modTbl04 th,
.modTbl04 td{
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 12px;
}

.modTbl04 .txt01{
	display: block;
    width: 76%;
}

.modTbl04 .btn{
	display:block;
	min-height:50px;
}


.modBlock01>.inner_type01{
	position:relative;
}






/* 詳細 */
.detail .head .num { font-size:12px;
float:left; }

.detail .head .num span {
	color:#ffb801;
}

.detail .head .btnBlock02 {
	margin-bottom:10px;
}

.termsList{
	margin-bottom:10px;
}

.termsList li {
	display: inline-block;
    *display: inline;
    *zoom: 1;
	font-size:11px;
	margin:0 6px 6px 0;
	color:#fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding:3px 6px;
}

.termsList li.terms01 { background:#48975A; }

.termsList li.terms02 { background:#65ACDB; }

.termsList li.terms03 { background:#F5BE48; }

.termsList li.terms04 { background:#8F82BC; }

.termsList li.terms05 { background:#E78792; }

.termsList li.terms06 { background:#9D794C; }

.termsList li.terms07 { background:#596B7D; }

.termsList li.terms08 { background:#EE8465; }

.termsList li.terms09 { background:#599190; }

.termsList li.terms10 { background:#CC5361; }

.termsList li.terms11 { background:#7E6B5A; }

.termsList li.terms12 { background:#8EB033; }

.termsList li.terms13 { background:#47A1DD; }

.termsList li.terms14 { background:#DD9C36; }

.termsList li.terms15 { background:#417EBB; }

.termsList li.terms16 { background:#A97956; }

.termsList li.terms17 { background:#895692; }

.photoList{
	margin-bottom:10px;
}
.photoList li {
	float:left;
	margin-right:20px;
	margin-bottom:20px;
}

.photoList li:nth-child(even) { margin-right:0px; }

.photoList li img { border:10px solid #F3F3F3; }

.photoList li .catch { margin:5px 0 0 10px; }

.photoList02{
	margin-bottom:10px;
}

.photoList02 li {
	float:left;
	margin-right:20px;
	margin-bottom:20px;
}

.photoList02 li.photo01 {
	float:none;
	margin-right:0px;
	margin-bottom:20px;
	text-align:center;
}

.photoList02 li.photo03 { margin-right:0px; }

.photoList02 li img { border:10px solid #F3F3F3; }

.photoList02 li .catch { margin:5px 0 0 10px; }


.photoList li.photo01 { width:355px; }
.photoList li.photo02 { width:355px; }
.photoList li.photo03 { width:355px; }
.photoList li.photo04 { width:355px; }

.photoList02 li.photo02 { width:355px; }
.photoList02 li.photo03 { width:355px; }

.comment{
	position:relative;
	margin-bottom:20px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.comment>.title{
	position:absolute;
	top:-15px;
	left:-67px;
}
.IE6 .comment h4.title{
	width:137px;
	height:83px;
	top:-15px;
	left:-140px!important;
}
.comment .prBlock{
	position:relative;
	margin-top:0;
	padding-top:0;
	margin-bottom: 20px;
	background-color: #FFF;
}

.comment .prBlock .inner{
	padding:20px 15px;
}

.comment .prBlock .catch{
	font-size:16px;
	font-weight:bold;
	border-bottom:2px solid #4CB361;
	padding-left:70px;
	padding: 15px 0 15px 70px;
	position:relative;
}

.comment .prBlock .catch:before{
	content:"";
	background-image:url(../img/iconPr01.png);
	width:48px;
	height:51px;
	position:absolute;
    left: 10px;
    bottom: 11px;
}

.comment .prBlock.pr02 .catch:before{
	content:"";
	background-image:url(../img/iconPr02.png);
}


.comment .prBlock.pr03 .catch:before{
	content:"";
	background-image:url(../img/iconPr03.png);
}

.comment .prBlock .text{
	margin-bottom: 0 !important;
}

.comment .prBlock.pr01{
	min-height: 100px;
	height: auto !important;
	height: 194px;
	border: none;
}

.comment .prBlock.pr02{
	min-height: 100px;
	height: auto !important;
	height: 219px;
}

.comment .prBlock.pr02 .imgBlock{
	float:right;
	width:50%;
}

.comment .prBlock.pr02 .imgBlock img{
	width:100%;
}

.comment .prBlock.pr02 .text{
	float: left;
	width: 48%;
}

.comment .prBlock.pr03{
	min-height: 100px;
	height: auto !important;
	height: 187px;
	margin-bottom: 0;
}

.comment .prBlock.pr03 .imgBlock{
    float: left;
    width: 50%;
}

.comment .prBlock.pr03 .imgBlock img{
	width:100%;
}

.comment .prBlock.pr03 .text{
	float: right;
	width: 48%;
}

.comment .prBlock.pr02 .noImage .text,
.comment .prBlock.pr03 .noImage .text{
	float: none;
	width: auto;
}

.comment .prBlock .title{
	position: absolute;
	bottom: -31px;
}

.comment .prBlock.pr01 .title{
	right:-131px;
}

.comment .prBlock.pr02 .title{
	left:-137px;
}

.comment .prBlock.pr03 .title{
	right:-143px;
}

.comment .prBlock .catch{
	font-size:18px;
	font-weight:bold;
	margin-bottom:15px;
}

.macth{
	margin-bottom: 30px;
	background-color: #FDFFF5;
	border-radius:4px;
}

.macth .title{
	padding: 5px 0px 5px 64px;
	background-color:#85CC46;
}

.macth .inner{
	padding:24px 20px;
	background-color: #FDFFF5;
}

.macth .matchList{
	float:left;
	width:50%;
}
.macth .matchList.noMovie{
	float:none;
	width:100%;
}

.macth .matchList li{
	position:relative;
	padding-left: 17px;
	margin-bottom: 5px;
}

.macth .matchList li:last-child{
	margin-bottom: 0;
}

.macth .matchList li:before{
	content:"";
	background-image:url(/common/img/iconCheck.png);
	width:13px;
	height:10px;
	position:absolute;
	left:0;
	top:4px;
}
	

.macth .movieBlock{
	float:right;
	width:50%;
	text-align: right;
}

.macth .movieBlock iframe{
	width: 320px;
	height: 180px;
}

.comment02{
	margin-bottom: 30px;
	background-color: #FDFFF5;
	border-radius:4px;
}

.comment02 .title{
	padding: 5px 0px 5px 64px;
}

.comment02 .inner{
	padding:24px 20px;
	background-color: #FDFFF5;
}

.comment02 .catch{
	font-size:18px;
	font-weight:bold;
	margin-bottom: 15px;
}

.comment02 .imgBlock{
    float: right;
    width: 50%;
    margin-left: 30px;
}

.modTbl02 {
    margin-bottom: 0;
	position:relative;
	z-index:3;
}

.bnrInterview{
	margin-bottom: 30px;
}

.mapArea{
	background-color: #fff;
	position:relative;
	border-left: 1px solid #009EA7;
	border-right: 1px solid #009EA7;
}

.mapArea:before{
	content:"";
	background-image:url(../img/bgTable.png);
	background-size:auto;
	position:absolute;
	width:121px;
    left: 0px;
    z-index: 0;
}

.mapArea .sideTbl{
	float:left;
	width:50%;
	position: relative;
}

.mapArea .sideTbl th{
	border-left: none;
}

.mapArea .sideTbl th{
	border-right: none !important;
}

.mapArea .mapBlock{
	float: right;
	width:50%;
	border-left: 1px solid #009EA7;
	padding:20px;
	box-sizing: border-box;
}

.mapArea_type01,
.mapArea_type01 .sideTbl tr:last-child{
	border-bottom: 1px solid #009EA7;
}

.mapArea .map_canvas{
	margin-bottom: 10px;
}

.btnBlock02{
	float:right;
	margin-bottom:15px;
	height:37px;
	position:relative;
}
.btnBlock02 li{
	margin-left:10px;
	display: inline-block;
    *display: inline;
    *zoom: 1;
	vertical-align: bottom;
}

.companyInfoBlock table tr td{
	font-size:14px !important;
}

.mapBlock{
	margin-bottom: 20px;
}

.mapBlock .modTbl02 th{ 
	font-size: 12px;
}

.mapBlock .inner{
	padding:8px;
	background-color: #FFF;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

}
.mapBlock .modTitle01{
	margin-bottom:6px;}

.mapBlock table{
	font-size:12px;
}


#main .mapBlock table p{
	margin:0;
}

.mapBlock .left{
	float:left;
	width:350px;
}

.mapBlock .right{
	float:right;
	width:355px;
}
.mapBlock .right .map_canvas { height: 200px; width: 100%;	margin:0 0 10px;
}

.mapBlock .modBtn01{
	font-size:13px;
}

.mapBlock02 .left{
	float:left;
	width: 210px;
}

.mapBlock02 .right{
	float:right;
	width: 365px;
}

.mapBlock02 .right .map_canvas { height: 200px; width: 100%;	margin:0 0 10px;
}

.sideTbl,
.mapArea .sideTbl th,
.mapArea .sideTbl td { 
	font-size:13px;
 }

.mapArea .sideTbl th,
.mapArea .sideTbl td {
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 8px;
	padding-left: 10px;
}

.mapArea .sideTbl th {
	border: 1px solid #009EA7;
	color: #009EA7;
	font-weight: bold;
	width: 100px;
	border-left:none;
}

.mapArea .sideTbl td {
	border: 1px solid #009EA7;
	background-color:#FFF;
	font-size:12px;
	border-right:none;
}

.mapArea .sideTbl tr:first-child th,
.mapArea .sideTbl tr:first-child td{
	border-top:none;
}

.mapArea .sideTbl tr:last-child th,
.mapArea .sideTbl tr:last-child td{
	border-bottom:none;
}
	

.mapArea .sideTbl .text01 {
	font-size:16px;
}

.mapArea .sideTbl .text02 {
	font-size:14px;
}

.mapArea .sideTbl-blue th{ background-color:#E6F7F8; color:#009EA7;}


.interviewBlock{
	margin-bottom: 30px;
}

.interviewBlock a{
	border:1px solid #009EA7;
	background-color:#FFFFFF;
	display:block;
	box-sizing:border-box;
	position:relative;
}

.interviewBlock a:before{
	content:"";
	background-image:url(../../common/img/arrowOrange02.png);
	width:11px;
	height:18px;
	position: absolute;
	right: 16px;
	top: 0;
	bottom: 0;
	margin: auto;
}

.interviewBlock a:hover{
	opacity:0.8;
}

.interviewBlock .imgBlock{
	float:left;
	padding:2px;
}

.interviewBlock .infoBlock{
	float: left;
	width: 65%;
	padding: 15px 0 15px 15px;
}

.interviewBlock .title{
	margin-bottom: 10px;
}

.interviewBlock .name{
	font-size:18px;
	font-weight: bold;
	margin-bottom: 1px !important;
	color:#000;
}

.interviewBlock .text{
	font-size:12px;
	color:#666666;
}

.interviewBlock .movie{
	float:right;
	position:relative;
	margin:0 0 10px 20px;
}
.interviewBlock .movie a{
	display:block;
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	left:0;
}

.snsBlock{
	border:solid 2px #FFB801;
	background-color: #fff;
	border-radius:5px;
	padding:15px 40px 15px 76px;
	margin:0 0 20px;
	position:relative;
}

.snsBlock .chara{
	position:absolute;
    bottom: 0;
    top: 50%;
    margin-top: -18px;
    left: 15px;
}

.snsBlock .title{
    display: inline-block;
    *display: inline;
    *zoom: 1;
	background-image:url(../img/arrowSns.png);
	background-position:right center;
	background-repeat:no-repeat;
	padding:0 40px 0 0;
	float:left;
	font-size:16px;
	color:#ffb801;
	font-weight:bold;
}

.snsBlock ul{
	float:right;
}
.snsBlock li{
	float:left;
	margin:0 0 0 14px;
}

.tabMenu{
	border-bottom:solid 4px #FFB801;
	margin:0 0 16px;
}
.tabMenu.interview{
	border-color:#EB6877;
}
.tabMenu li{
	width:230px;
	float:left;
	background-color:#FFB801;
	border-radius:6px 6px 0 0;
	position:relative;
	margin:4px 5px 0 0;
	height:38px;
	line-height:38px;
	font-size:16px;
	color:#fff;
	text-align:center;
	cursor:pointer;
	font-weight:bold;
}

.tabMenu .select{
	margin-top:0;
	padding:4px 0 0;
}
.tabMenu .interview{
	background-color:#EB6877;
}

.tabMenu li:before{
	content:"";
	position:absolute;
	bottom:6px;
	left:6px;
	background-position:0 0;
	background-repeat:no-repeat;
	width:43px;
	height:43px;
}
.tabMenu li.detail:before{
	background-image:url(../img/iconSearch.png);
}
.tabMenu li.interview:before{
	background-image:url(../img/iconInterview.png);
	bottom:3px;
}
.tabMenu li.select:before{
	background-position:-43px 0;
}

.tabMenu li.interview.select:before{
	bottom:6px;
}

.tabContents{
	display:none;
}
.tabContents.select{
	display:block;
}
#interview{
}
#interview>.title{
	margin:0 0 24px;
}

#interview .head{
	display:table;
	width:100%;
	margin:0 0 30px;
	table-layout:fixed;
}

#interview .head .photo{
	display:table-cell;
	width:200px;
	vertical-align:top;
}


#interview .head .photo div{
	border:solid 10px #F3F3F3;
}


#interview .txt{
	display:table-cell;
	padding:0 0 0 20px;
	vertical-align:top;
}

#interview .catch{
	margin:0 0 16px;
	font-size:18px;
	color:#ffb801;
	font-weight:bold;
}

#interview .name{
	margin:0 0 20px;
	font-size:12px;
}

#interview .name span{
	margin:0 0 0 10px;
	font-size:14px;
	color:#666;
	font-weight:bold;
}
#interview .profile{
	border:solid 1px #E1E1E1;
	border-radius:5px;
	padding:20px;
	font-size:12px;
}
#interview .profile span{
	color:#ffb801;
}
#interview .qa{
	border-radius:6px;
	background-color:#FFF5F6;
	border:solid 6px #EB6877;
	padding:40px;
	margin-bottom:20px;
	position:relative;
}

#interview .qa .chara{
	position:absolute;
	top:-20px;
	right:10px;
}

#interview .qa dt{
	margin:0 0 16px;
	font-size:18px;
	font-weight:bold;
	color:#eb6877;
}

#interview .qa dd{
	margin:0 0 30px;
}

#interview .qa dd:after
{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}

#interview .qa dd:last-child{
	margin:0;
}

#interview .qa dd .photo{
	float:right;
	width:240px;
	margin:0 0 5px 20px;
}
#interview .qa dd .left{
	float:left;
	margin:0 20px 5px 0;
}
#interview .qa dd .photo img{
	max-width:100%;
	height:auto;
}

#interview .qa dd p{
	margin:0 0 20px;
}
#interview .qa dd p:last-child{
	margin:0;
}

.input500{
	padding: 7px 5px;
	font-size:12px;
}
#company .modTbl02 td {
	font-size: 14px !important;
}

/* fancy movie */
.fancyMovie{
	width:630px;
	height:360px;
	overflow:hidden;
}

modBlock03{
	margin-top: 0;
}
.modBlock03 .title{
	padding: 5px 0px 5px 15px;
}

.modBlock03 .inner{
	background-color: #fff;
}

.modBlock03 .inner .noImage .text{
	float:none;
	width:100%;
}
.modBlock03#other{
	padding-top: 0px;
	margin-bottom: 20px;
}
.modBlock03#alike{
    padding-top: 0px;
}
.jobBlockLocation {
	margin-bottom: 8px;
	padding-bottom: 8px;
	border-bottom: 1px dotted #addcdb;
}
.jobBlockLocation:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}

/* 2020/4/22 オンライン相談バナー追加 */
a.g_soudanbnr{
	display: inline-block;
	margin: 20px 0px;
}
.box_banner a:hover{
	opacity: 0.7;
}
img.g_soudanbnr_pcsp{
	width: 540px;
}