@charset "utf-8";
/* CSS Document */

div.jobs-block {
	margin: 0px 0px 20px 0px;
}

div.jobs-title-block {
	margin: 0px 0px 10px 0px;
	width:665px;
	height:59px;
}

div.jobs-title-l {
	margin: 0px 0px 0px 20px;
	padding: 6px 0px 0px 0px;
	float:left;
	font-size:13px;
	border-top: solid 1px #E1E1E1;
	background-color: #EEEEEE;
}
div.jobs-title-l h3 {
	margin: 0px 0px 6px 0px;
	font-size:15px;
}
div.jobs-title-l h3 a:link {
	color: #ff77a5;
	text-decoration: underline;
}
div.jobs-title-l h3 a:visited {
	color: #ff77a5;
	text-decoration: underline;
}
div.jobs-title-l h3 a:hover {
	color: #ff77a5;
	text-decoration: underline;
}


div.jobs-title-r {
	margin: 16px 10px 0px 0px;
	float:right;
}
div.jobs-title-r a:hover img {
	-moz-opacity: 0.70; /* for old FF */
	-khtml-opacity: 0.70; /* for old webkit */
	opacity: 0.70;
	filter: alpha(opacity=70); /* for IE6-8 */
}


div.jobs-body-block {
	margin: 0px 0px 0px 20px;
}

div.jobs-body-img {
	margin: 0px 10px 0px 0px;
	background: url(../images/jobs/photo-bg.jpg) no-repeat 0px 0px ;
	width:154px;
	height:138px;
	float:left;
}
div.jobs-body-img img {
	margin: 3px 0px 0px 3px;
}


div.jobs-body-block dl {
	float:left;
	width:460px;
}

div.jobs-body-block dt {
	margin: 0px 10px 0px 0px;
	/*padding: 2px 0px 0px 0px;*/
	float:left;
	width:60px;
	height:20px;
}
div.jobs-body-block dd {
	margin: 0px 0px 0px 0px;
	/*padding: 2px 0px 7px 0px;*/
	float:left;
	width:390px;
	height:20px;
	//line-height:100%;
}




div.regi-btn-block {
	margin: 0px 0px 0px 0px;
	padding: 16px 0px 20px 0px;
	border-top: 1px solid #e1e1e1;
	border-bottom: 3px solid #e1e1e1;
}
div.regi-btn {
	margin: 0px auto 0px;
	width:382px;
}

div.regi-btn a:hover img {
	-moz-opacity: 0.70; /* for old FF */
	-khtml-opacity: 0.70; /* for old webkit */
	opacity: 0.70;
	filter: alpha(opacity=70); /* for IE6-8 */
}

div.pagenate-block {
	width: 650px;
	height: 50px;
	text-align: right;
}

div.pagenate-block .kensuu{
	font-size: 16px;
	font-weight: bold;
}

.embed-map
{ position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
	margin-bottom: 40px;
}
.embed-map iframe, .embed-map object, .embed-map embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/**
 * Custom Dummy job
 */
.img-shadow {
  -webkit-box-shadow:               2px 2px 0px 0px #ebebeb;
  -moz-box-shadow:                  2px 2px 0px 0px #ebebeb;
  box-shadow:                       2px 2px 0px 0px #ebebeb;
  border:                           1px solid #cccccc;
  width:                            152px;
  height:                           103px;
  margin:                           0 auto;
  padding:                          3px;
}
.show-date {
  margin:                           15px 0;
}
.intro_dummy_text {
  margin-bottom:                    20px;
}
.section-recommend-jobs-block ul li {
  float:                            left;
  display:                          block;
}
.section-recommend-jobs-block ul li a {
  text-decoration:                  none;
  color:                            #333;
  display:                          block;
  line-height:                      15px;
}
.section-recommend-jobs-block ul li a h3 {
  text-decoration:                  underline;
  color:                            #ff77a5;
}
.section-recommend-jobs-block ul li dt,
.section-recommend-jobs-block ul li dd {
  float:                            left;
  display:                          block;
  margin-bottom:                    3px;
}
.section-recommend-jobs-block ul li dt {
  width:                            60px;
  font-size:                        9px;
  margin-right:                     10px;
  clear:                            left;
  text-align:                       center;
  background:                       #4389D1;
  color:                            #fff;
  border-radius:                    4px;
  padding:                          1px 0;
}
.section-recommend-jobs-block ul li dd {
  white-space:                      nowrap;
  overflow:                         hidden;
  text-overflow:                    ellipsis;
}
/**
 * Style on PC version
 */
@media only screen and (min-width: 641px) {
  .section-recommend-jobs-block ul li {
    width:                          calc((100%/3) - 20px);
    margin:                         10px;
  }
  .section-recommend-jobs-block ul li:nth-of-type(3n+3):after {
    clear:                          left;
  }
  .section-recommend-jobs-block ul li a h3 {
    text-align:                     center;
    margin-bottom:                  5px;
    min-height:                     30px;
    display:                        table;
    width:                          100%;
  }
  .section-recommend-jobs-block ul li a h3 span {
    display:                        table-cell;
    vertical-align:                 middle;
  }
  .section-recommend-jobs-block ul li p {
    text-align:                     center;
  }
  .section-recommend-jobs-block ul li dl {
    margin-top:                     10px;
  }
  .section-recommend-jobs-block ul li dd {
    width:                          calc(100% - 70px);
  }
}
/**
 * Style on SP version
 */
@media only screen and (max-width: 640px) {
  .section-recommend-jobs-block {
    margin-bottom:                  30px;
  }
  .section-recommend-jobs-block h2 {
    border-left:                    solid 10px #ff3366 !important;
  }
  .section-recommend-jobs-block ul li {
    width:                          100%;
    position:                       relative;
    z-index:                        1;
  }
  .section-recommend-jobs-block ul li:after {
    content:                        '';
    position:                       absolute;
    z-index:                        2;
    width:                          22px;
    height:                         63px;
    background:                     url(../images/jobs/btn_inquiry_sp.gif) no-repeat left top;
    right:                          5px;
    bottom:                         5px;
  }
  .section-recommend-jobs-block ul li a h3 {
    background:                     #EEE;
    border-top:                     2px solid #E0E0E0;
    padding:                        10px 6px;
    margin:                         20px 0 10px 0;
  }
  .section-recommend-jobs-block ul li dd {
    width:                          calc(100% - 110px);
  }
  .section-recommend-jobs-block ul li dl,
  .section-recommend-jobs-block ul li p {
    float:                          left;
  }
  .section-recommend-jobs-block ul li p {
    width:                          100px;
    margin:                         0 10px 0 0;
    padding:                        0;
  }
  .section-recommend-jobs-block ul li dl {
    width:                          calc(100% - 110px);
  }
  .section-recommend-jobs-block ul li .img-shadow {
    all:                            inherit;
  }
  #fixed-registion-button {
    z-index:                        999;
  }
}