@charset "utf-8";

/* 

個別設定 parts.css

*/

 
/* =============================================================

　 トップページ

============================================================= */

/*  メインビジュアル
---------------------------------------------*/

/* スライダー */

.flexslider {
	position: relative;
	border: 0 !important;
}

.flexslider .slides li {
  position:relative;
  overflow:hidden;
  width:100%;
  height:343px;
}

.flexslider .slides li img {
  position:absolute;
  left:50%;
  width:1500px;
  height:343px;
  margin-left:-750px;
}

/* メインビジュアル会員登録ボタン */

.flexslider .btnTopRegist {
	display: inline-block;
	position: absolute;
	left: 50%;
	top: 265px;
	z-index: 9999;
	margin-left: 360px;
	padding: 10px 14px;
	background-color: rgba(255,255,255,0.7);
}

.flexslider .btnTopRegist a {
  position: relative;
	display: block;
	width: 128px;
	height: 43px;
	color: #fff;
	font-weight: bold !important;
	font-size: 1.143em;
	line-height: 46px;
	letter-spacing: 0.1em;
	text-decoration: none;
	border-radius: 4px;
	box-shadow: 2px 2px #ae0000;
	background-color: #e40000;
}

.flexslider .btnTopRegist a span {
}

.flexslider .btnTopRegist a:hover {
	box-shadow: 1px 1px #ae0000;
	background-color: #ae0000;
}

/*  キーワード検索
---------------------------------------------*/

.boxSearch {
	padding: 5px 8px;
	background-color: #f7f6f2;
}

.boxSearch dl dt {
	float: left;
	width: 200px;
	padding-top: 10px;
	font-weight: bold;
}

.boxSearch dl dt em {
  position: relative;
  display: inline-block;
  padding-left: 12px;
}

.boxSearch dl dt em::before {
  content: '';
  width: 0;
  height: 0;
  border: solid 4px transparent;
  border-left: solid 6px #c00000;
  position: absolute;
  top: 50%;
  right: -20px;
  margin-top: -4px;
}

.boxSearch dl dd {
	float: right;
	width: 556px;
}

.boxSearch dl dd form .formSearch {
	width: 458px;
	padding: 9px 0;
}

.boxSearch dl dd form .btnSearch {
	width: 88px;
	height: 37px;
	color: #fff;
	font-weight: bold;
	border: none;
	border-radius: 4px !important;
	background-color: #c00000;
}

.boxSearch dl dd form .btnSearch:hover {
	background-color: #950000;
}


/* カテゴリー検索
---------------------------------------------*/

#boxCategorySearch {
	margin-top: 18px;
	margin-bottom: 35px;
}

/* タブ */

#boxCategorySearch .navCategory {
	position: relative;
	width: 800px;
	margin-bottom: 13px;
}

#boxCategorySearch .navCategory li {
	float: left;
	width: 190px;
	height: 90px;
	margin-right: 9px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all  0.2s ease;
}

#boxCategorySearch .navCategory li a {
	display: block;
	width: 190px;
	height: 90px;
	padding-top: 25px;
	text-align: center;
	font-weight: bold;
	font-size: 1.143em;
	color: #fff;
	line-height: 1.4em;
	border-radius: 6px;
}

#boxCategorySearch .navCategory li a.current {
	background-image: none;
}

#boxCategorySearch .navCategory li a strong {
	display: block;
	font-size: 1.313em;
}

#boxCategorySearch .navCategory li.navCate01 a {
	background-color: #ff639e;
}

#boxCategorySearch .navCategory li.navCate02 a {
	background-color: #15c7ed;
}

#boxCategorySearch .navCategory li.navCate03 a {
	background-color: #d34f9d;
}

#boxCategorySearch .navCategory li.navCate04 a {
	background-color: #ffb21b;
}

#boxCategorySearch .navCategory li a:hover {
	opacity: 0.8;
	margin-top: -2px;
	text-decoration: none;
}

#boxCategorySearch .navCategory li a.current {
	position: relative;
	z-index: 0;
}

#boxCategorySearch .navCategory li a.current:after {
	content: "";
	position: absolute;
	bottom: -10px; left: 50%;
	margin-left: -10px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 10px 10px 0 10px;
}

#boxCategorySearch .navCategory li.navCate01 a.current:after {
	border-color: #ff639e transparent transparent transparent;
}

#boxCategorySearch .navCategory li.navCate02 a.current:after {
	border-color: #15c7ed transparent transparent transparent;
}

#boxCategorySearch .navCategory li.navCate03 a.current:after {
	border-color: #d34f9d transparent transparent transparent;
}

#boxCategorySearch .navCategory li.navCate04 a.current:after {
	border-color: #ffb21b transparent transparent transparent;
}

/* 切り替えコンテンツ */

#boxCategorySearch .hide {
	position: absolute;
	left: -9999px;
	top: -9999px;
}

#boxCategorySearch .list-wrap {
	height: auto !important;
	overflow: inherit !important;
}

#boxCategorySearch .list-wrap div {
	padding: 25px;
}

#boxCategorySearch .list-wrap div#tab-anime {
	border: 2px solid #ff639e;
}

#boxCategorySearch .list-wrap div#tab-game {
	border: 2px solid #15c7ed;
}

#boxCategorySearch .list-wrap div#tab-comic {
	border: 2px solid #d34f9d;
}

#boxCategorySearch .list-wrap div#tab-movie {
	border: 2px solid #ffb21b;
}

#boxCategorySearch .list-wrap div a {
	font-weight: bold;
	color: #006de0;
	text-decoration: underline;
}

#boxCategorySearch .list-wrap div a:hover {
	color: #c00000;
	text-decoration: none;
}

#boxCategorySearch .list-wrap div li {
  position: relative;
  display: inline-block;
	margin-right: 1.5em;
	margin-bottom: 0.9em;
  padding-left: 10px;
}

/* 矢印 */

#boxCategorySearch .list-wrap div li::before {
  content: '';
  width: 0;
  height: 0;
  border: solid 4px transparent;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -4px;
}

#boxCategorySearch .list-wrap div#tab-anime li::before {
  border-left: solid 6px #ff639e;
}

#boxCategorySearch .list-wrap div#tab-game li::before {
  border-left: solid 6px #15c7ed;
}

#boxCategorySearch .list-wrap div#tab-comic li::before {
  border-left: solid 6px #d34f9d;
}

#boxCategorySearch .list-wrap div#tab-movie li::before {
  border-left: solid 6px #ffb21b;
}

/* 一覧を見るボタン */

#boxCategorySearch .list-wrap div p a {
  position: relative;
	display: inline-block;
	width: auto;
	height: 40px;
	padding-left: 1em;
	padding-right: 1.6em;
	color: #fff;
	font-weight: bold !important;
	line-height: 42px;
	text-decoration: none;
	border-radius: 4px;
}

#boxCategorySearch .list-wrap div p a:hover {
	opacity: 0.9;
	margin-top: 1px;
	color: #fff;
}

#boxCategorySearch .list-wrap div#tab-anime p a {
	box-shadow: 2px 2px #c54674;
	background-color: #ff639e;
}

#boxCategorySearch .list-wrap div#tab-anime p a:hover {
	box-shadow: 1px 1px #c54674;
}

#boxCategorySearch .list-wrap div#tab-game p a {
	box-shadow: 2px 2px #0084a0;
	background-color: #15c7ed;
}

#boxCategorySearch .list-wrap div#tab-game p a:hover {
	box-shadow: 1px 1px #0084a0;
}

#boxCategorySearch .list-wrap div#tab-comic p a {
	box-shadow: 2px 2px #8f175e;
	background-color: #d34f9d;
}

#boxCategorySearch .list-wrap div#tab-comic p a:hover {
	box-shadow: 1px 1px #8f175e;
}

#boxCategorySearch .list-wrap div#tab-movie p a {
	box-shadow: 2px 2px #b56b00;
	background-color: #ffb21b;
}

#boxCategorySearch .list-wrap div#tab-movie p a:hover {
	box-shadow: 1px 1px #b56b00;
}


/* ラクジョブ新聞
---------------------------------------------*/

#newsTop {
	margin-bottom: 35px;
}

#newsTop .ttlIcon {
	background: url(../img/common/icnNews.png) left center no-repeat;
}

#newsTop .boxNewsTop h2 {
	display: inline-block;
	float: left;
	margin-bottom: 6px;
}

#newsTop .boxNewsTop p {
	float: right;
	display: inline-block;
	margin-top: 1.5em;
}

#newsTop .boxNewsTop p a {
	color: #006de0;
	font-weight: bold;
	text-decoration: underline;
}

#newsTop .boxNewsTop p a:hover {
	color: #c00000;
	text-decoration: none;
}

#newsTop .readlist {
	padding: 28px 28px 10px 28px;
	border: 6px solid #efeeea;
}

#newsTop .readlist ul li {
	margin-bottom: 15px;
}

#newsTop .readlist ul li span {
	float: left;
	display: block;
	width: 60px;
	height: 60px;
}

#newsTop .readlist ul li span img {
	width: 60px;
	height: 60px;
}

#newsTop .readlist ul li dl {
	float: right;
	width: 635px;
}

#newsTop .readlist ul a li dl dt {
	color: #333;
	font-size: 0.857em;
}

#newsTop .readlist ul a li dl dt img {
	width: auto;
	height: 20px;
	margin-right: 6px;
}

#newsTop .readlist ul a li dl dd {
	padding-top: 6px;
	font-weight: bold;
	color: #333;
}

#newsTop .readlist ul a li dl dd:hover {
	color: #c00000;
}


/* 新着求人情報
---------------------------------------------*/

#whatsnewTop .ttlIcon {
	background: url(../img/common/icnWhatsnew.png) left center no-repeat;
}

.boxWhatsnewWrap {
	margin-bottom: 15px;
	background: url(../img/index/bg-newlist.png) center bottom no-repeat;}

.boxTopNewlist {
	width: 385px;
	height: auto;
	padding: 20px
}

.boxNewLeft {
	float: left;
}

.boxNewRight {
	float: right;
}

.boxWhatsnewWrap h3 a {
	display: block;
	padding: 15px 20px;
	color: #fff;
	font-weight: bold;
	font-size: 1.286em;
	background-color: #333;
}

.boxWhatsnewWrap .boxNewAnime h3 a {
	background-color: #ff639e;
}

.boxWhatsnewWrap .boxNewGame h3 a {
	background-color: #15c7ed;
}

.boxWhatsnewWrap .boxNewComic h3 a {
	background-color: #d34f9d;
}

.boxWhatsnewWrap .boxNewMovie h3 a {
	background-color: #ffb21b;
}

.boxWhatsnewWrap h3 a:hover {
	opacity: 0.8;
}

.boxTopNewlist ul {
}

.boxTopNewlist li {
	margin-bottom: 15px;
	padding: 0 0 12px 0;
	color: #333;
	font-weight: bold;
	font-size: 0.857em;
	border-bottom: 1px dotted #ccc;
}

.boxTopNewlist li span {
	float: left;
	width: 100px;
	height: auto;
}

.boxTopNewlist li span img {
	width: 100px;
	height: auto;
}

.boxTopNewlist li p {
	display: block;
	float: right;
	width: 225px;
	line-height: 1.5em;
}

.boxTopNewlist li:hover {
	color: #c00000;
}

.open a,
.close a {
	display: block;
	padding: 8px 0;
	color: #666;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	background-color: #f1f0ec;
	border-radius: 4px;
}

.open a:hover,
.close a:hover {
	color: #fff;
	background-color: #c00000;
}

.open a span {
	position: relative;
}

.open a span:before {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: -16px;
	width: 6px;
	height: 6px;
	margin: -5px 0 0 0;
	border-top: solid 2px #666;
	border-right: solid 2px #666;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all  0.4s ease;
}

.open a:hover span:before {
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
}

 
/* =============================================================

　 ラクジョブとは？

============================================================= */

.boxAbout .txtAbout {
	margin-top: 30px;
	margin-bottom: 70px;
}

.boxAbout.about01 {
	padding: 5px 0 0 263px;
	min-height: 752px;
	background: url(../img/about/bg-about01.png) left bottom no-repeat;
}

.boxAbout.about01 h2 {
	margin-left: 23px;
}

.boxAbout.about01 .txtAbout {
	padding: 23px;
	background-color: rgba(254,254,254,0.6);  
}

.boxAbout.about02 {
	padding: 5px 354px 0 0;
	min-height: 747px;
	background: url(../img/about/bg-about02.png) right bottom no-repeat;
}

.boxAbout.about03 {
	padding: 30px 0 0 320px;
	min-height: 786px;
	background: url(../img/about/bg-about03.png) left bottom no-repeat;
}

.boxAbout.about04 h3 {
	margin-bottom: 30px;
}

.boxAbout.about04 p {
	margin-bottom: 40px !important;
}

/* =============================================================

　特集ページ

============================================================= */

.boxFeatureIntro span {
	float: right;
	display: inline-block;
	margin: 0 0 1.5em 1.5em;
}

.boxFeatureSub {
	padding: 30px;
	background-color: #f7f6f2;
}

.boxFeatureSub h3 {
	margin-bottom: 0.5em;
	font-weight: bold;
	font-size: 1.286em;
	color: #d1000f;
}

.boxFeatureSub dl dt {
	margin-bottom: 5px;
	font-weight: bold;
	font-size: 1.143em;
}

.boxFeatureSub dl dd p {
	margin-bottom: 1em !important;
	padding-bottom: 0.5em;
}



/* =============================================================

　 一覧ページ

============================================================= */

/* == 結果一覧 ==*/

/* 件数表示 */
p.found {
	margin-top: 20px;
}

/* リストボックス */
.boxList {
	padding: 18px;
	margin-bottom: 25px;
	border: 1px solid #ccc;
}

.boxList h4.ttlDetailLink a {
	display: block;
	position: relative;
	margin-bottom: 22px;
	padding: 10px 15px 10px 28px;
	color: #fff;
	font-size: 1.286em;
	font-weight: bold;
	background-color: #d50000;
	border-radius: 4px;
}

.boxList h4.ttlDetailLink a::before {
  content: '';
  width: 0;
  height: 0;
  border: solid 4px transparent;
  position: absolute;
  top: 50%;
  left: 13px;
  margin-top: -4px;
	border-left: solid 6px #fff;
}

.boxList h4.ttlDetailLink a span.new {
	display: inline-block;
	margin-right: 8px;
	padding: 2px 8px 1px 8px;
	color: #d50000;
	font-size: 0.714em;
	background-color: #fff;
	border-radius: 6px;
}

.boxList h4.subList a {
	background-color: #8c0000;
}

.boxList img {
	float: left;
	max-width: 240px;
	height: auto;
	margin: 0 25px 10px 0;
}

.boxList dt,
.boxList dd {
	line-height: 1.8em;
}

.boxList dt {
	margin-bottom: 1em;
	font-size: 1.143em;
	font-weight: bold;
}

.boxList dd {
	clear: both;
	display: block;
	margin-bottom: 20px;
}

.boxList p.btnBeige {
	margin-bottom: 10px !important;
}


/* == 検索条件表示 ==*/

p.notSetting {
	font-weight: bold;
	font-size: 1.143em;
}

ul.industry {
	margin-bottom: 0.5em;
}

ul.occupation {
	margin-left: 1em;
	margin-bottom: 2em;
}

ul.occupation li {
	display: inline-block;
	margin-bottom: 0.5em;
	margin-right: 1em;
}

ul.occupation li label {
	cursor: pointer;
}

/* =============================================================

　求人詳細ページ

============================================================= */

.intro {
	padding: 20px 0 40px 8px;
}

.intro img {
	float: right;
	max-width: 340px;
	height: auto;
	margin: 0 0 20px 40px;
}

/* 有料求人タブ */
.detailDataTab {
	margin-bottom: 25px;
	border-bottom: 2px solid #d50000;
}

.detailDataTab li {
	display: inline-block;
	width: 24%;
	margin-right: 3px;
	text-align: center;
	border-top : 2px solid #d50000;
	border-left : 2px solid #d50000;
	border-right : 2px solid #d50000;
	border-radius: 4px 4px 0 0;
}

.detailDataTab li a {
	display: block;
	padding: 13px 0 11px 0;
	font-size: 1.143em;
	font-weight: bold;
}

.detailDataTab li.crnt,
.detailDataTab li a:hover {
	background-color: #d50000;
}

.detailDataTab li.crnt a,
.detailDataTab li a:hover {
	color: #fff;
	text-decoration: none;
}

/* 有料求人画像追加箇所 */

.boxDetailImage {
	position: relative;
	width: 812px;
	margin-bottom: 40px;
}

.boxDetailImage span {
	display: inline-block;
	width: 380px;
	height: 260px;
	text-align: center;
	float: left;
	margin-right: 26px;
}

.boxDetailImage img {
	max-width: 380px;
	height: auto;
}

.boxDetailImageLarge {
	margin-bottom: 40px;
	text-align: center;
}

.boxDetailImageLarge img {
	max-width: 760px;
}

/* 応募ボタン余白付き */

.boxBtnEntry {
	text-align: center;
	margin-top: 30px;
	padding: 25px;
	background-color: #f7f6f2;
}

.boxBtnEntry p {
	margin-bottom: 0 !important;
}

.boxBtnEntry .btnShort {
	margin: 0 5px;
	padding-bottom: 0;
}

.boxBtnEntry .btnShort a {
	width: 350px;
	padding: 20px 0;
	font-size: 1.286em;
}

/* 会社概要 */

table td div.logo {
	display: inline-block;
	float: right;
	max-width: 150px;
}

table td div.logo img {
	max-width: 150px;
	height: auto;
	border: 1px solid #ccc;
}

table td div.ceoImg {
	display: inline-block;
	float: right;
	max-width: 300px;
	margin: 0 0 20px 20px;
}

table td div.ceoImg img {
	max-width: 300px;
	height: auto;
}

/* 紹介動画・紹介画像 */

.boxPhotoWrap {
	position: relative;
	width: 812px;
	margin-bottom:40px;
	padding-top: 20px;
}

.boxPhotoWrap ul {
	display:-webkit-box;
	display:-moz-box;
	display:-ms-box;
	display:-webkit-flexbox;
	display:-moz-flexbox;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}

.boxPhotoWrap ul li {
	float: left;
	width: 380px;
	height: auto;
	margin-right: 26px;
	margin-bottom: 25px;
}

.boxPhotoWrap ul li dt {
	position: relative;
	text-align: center;
}

.boxPhotoWrap ul li dt a img {
	max-width: 380px;
	max-height: 240px;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all  0.4s ease;
}

.boxPhotoWrap ul li dt a:hover img {
	opacity: 0.6;
}

.boxPhotoWrap ul li dd {
	margin-top: 10px;
	padding: 0 5px;
	font-size: 0.929em;
}

/* 動画の場合 プレイボタン表示  */

.boxPhotoWrap ul.videoList li dt:after {
	content: url(../img/detail/btn-play.png);
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -20px 0 0 -24px;
	z-index: 1000;
}

/* 動画・画像詳細ページ  */

.boxPhotoDetail dt {
	text-align: center;
	padding-right: 15px;
}

.boxPhotoDetail dt img {
	max-width: 700px;
	height: auto;
}

.boxPhotoDetail dd {
	padding: 25px 25px;
}

/* 無料求人ページ  */

.boxImageFree {
	margin-bottom: 40px;
}

.boxImageFree img {
	max-width: 240px;
	height: auto;
	margin-right: 8px;
	padding: 5px;
	border: 1px solid #ccc;
}

table td div.ceoImgFree {
	display: inline-block;
	float: right;
	max-width: 150px;
	margin: 0 0 20px 20px;
}

table td div.ceoImgFree img {
	max-width: 150px;
	height: auto;
}

th.clickLink {
	color: #d50000;
}

/*  募集なし状態 */


.offerStop {
	position: relative;
}

.offerStop .offerStopMessage {
	position: absolute;
	left: 0; top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(51,51,51,0.8);
}

.offerStop .offerStopMessage p {
	text-align: center;
}

.offerStop .offerStopMessage p.stopMessage {
	margin: 150px 5% 20px 5%;
	padding: 12px 5px !important;
	color: #fff;
	font-size: 18px;
	font-weight: bold !important;
	background-color: #d00; 
	border-radius: 6px;
}

.offerStop .offerStopMessage p.stopMessageCall {
	margin-left: 5%;
	margin-right: 5%;
	padding: 8px;
	background-color: #fff;  
	border-radius: 6px;
}

/* =============================================================

　求人応募ページ

============================================================= */

.attOffer {
	margin: 40px 0;
	padding: 10px 15px;
	background-color: #fee;
}

/* ログアウト時 */

.offerLoginBox {
	margin-bottom: 40px;
	padding: 25px;
	background-color: #fef2f2;
	border: 2px solid #d50000;
}

.skillTbl caption,
.skillTblCheck caption {
	padding: 8px 15px;
	color: #fff;
	font-weight: bold;
	text-align: left;
	background-color: #d50000;}

.skillTbl thead th {
	vertical-align: middle;
	width: 12% !important;
	text-align: center;
}

.skillTbl tbody td {
	text-align: center;
}

/*  職務履歴追加 */

.js-load caption {
	font-weight: bold;
}

.js-load {
	display:none;
}
.js-load.active {
	display:block;
}


/* =============================================================

　 マイページ

============================================================= */

/* 　マイページ（共通）
============================== */

/* タブ切り替えナビ */

.naviMypage {
	margin-bottom: 30px;
}

.naviMypage ul {
	position: relative;
	width: 795px;
	margin-top: 20px;
}

.naviMypage ul li {
	 display:table;
	float: left;
}

.naviMypage ul li a {
	position: relative;
	display: table-cell;
	vertical-align: middle;
	height: 56px;
	padding-top: 5px;
	font-weight: bold;
	font-size: 0.929em;
	text-align: center;
	color: #333;
	line-height: 1.5em;
	border-right: 1px solid #fff;
}

.naviMypage.mpPeneral ul li a {
	background-color: #ffedaa;
}

.naviMypage.mpPeneral ul li.crnt a,
.naviMypage.mpPeneral ul li a:hover {
	text-decoration: none;
	background-color: #ffbe00;
}

.naviMypage ul li.crnt a:after {
	content: "";
	position: absolute;
	bottom: -7px;
	left: 50%;
	margin-left: -10px;
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7px 10px 0 10px;
}

/* 上部注意書き */

.mypageAtt {
	margin-bottom: 25px;
	padding: 20px 20px 1px 20px;
	background-color: #fee;
}

/* 受信・送信タブ */
.mailDataTab {
	margin-bottom: 40px;
	border-bottom: 2px solid #d50000;
}

.mailDataTab li {
	display: inline-block;
	width: 36%;
	margin-right: 3px;
	text-align: center;
	border-top : 2px solid #d50000;
	border-left : 2px solid #d50000;
	border-right : 2px solid #d50000;
	border-radius: 4px 4px 0 0;
}

.mailDataTab li a {
	display: block;
	padding: 10px 0 8px 0;
	font-size: 1.143em;
	font-weight: bold;
}

.mailDataTab li.crnt,
.mailDataTab li a:hover {
	background-color: #d50000;
}

.mailDataTab li.crnt a,
.mailDataTab li a:hover {
	color: #fff;
	text-decoration: none;
}



/* 　マイページ（個人用）
============================== */

/* タブ切り替えナビ */

.naviMypage.mpPeneral ul li {
	width: 112px;
}
.naviMypage.mpPeneral ul li a {
	width: 112px;
	background-color: #ffedaa;
}

.naviMypage.mpPeneral ul li.crnt a,
.naviMypage.mpPeneral ul li a:hover {
	text-decoration: none;
	background-color: #ffbe00;
}

.naviMypage.mpPeneral ul li.crnt a:after {
	border-color: #ffbe00 transparent transparent transparent;
}

/* メッセージ */

.baseTbl th.mailDate {
	width: 120px !important;
}

.baseTbl th.mailMassage {
	width: 500px !important;
}

.baseTbl th.mailDeTailLink {
	width: 80px !important;
}

.baseTbl td.detailLink {
	text-align: center;
	vertical-align: middle;
}

.baseTbl td.detailLink a {
	display: block;
	padding: 3px 0;
	color: #fff;
	font-weight: bold;
	text-align: center;
	text-decoration: none !important;
	background-color: #c00000;
	border-radius: 4px;
}

.baseTbl td.detailLink a:hover {
	color: #fff;
	background-color: #670000;
}

.mailListTbl tbody td strong {
	display: block;
}

/* 応募履歴 */

.baseTbl th.appDate {
	width: 120px !important;
}

.baseTbl th.appMassage {
	width: 500px !important;
}

.baseTbl th.appDeTailLink {
	width: 120px !important;
}

.appListTbl tr.end td {
	background-color: #fee;
}

.appListTbl span.red {
	display: block;
	text-align: center;
	font-weight: bold;
}

.appListTbl tr td:last-child {
	vertical-align: middle;
}

.boxEmployRules .baseTbl caption {
	padding: 8px 15px;
	color: #fff;
	font-weight: bold;
	text-align: left;
	background-color: #d50000;}


/* 受信・送信タブ */
.appDataTab {
	margin-bottom: 30px;
	border-bottom: 2px solid #d50000;
}

.appDataTab li {
	display: inline-block;
	width: 30%;
	margin-right: 3px;
	text-align: center;
	border-top : 2px solid #d50000;
	border-left : 2px solid #d50000;
	border-right : 2px solid #d50000;
	border-radius: 4px 4px 0 0;
}

.appDataTab li a {
	display: block;
	padding: 10px 0 8px 0;
	font-size: 1.143em;
	font-weight: bold;
}

.appDataTab li.crnt a {
	color: #fff;
}

.appDataTab li.crnt,
.appDataTab li a:hover {
	color: #fff;
	background-color: #d50000;
}

.mailDataTab li.crnt a,
.mailDataTab li a:hover {
	color: #fff;
	text-decoration: none;
}

/* 職務履歴 */

.btnEditResume {
	margin-top: -20px;
	margin-bottom: 30px;
	text-align: right;
}

.boxResumeData .baseTbl caption,
.boxDetailEmployRule .baseTbl caption {
	padding: 8px 15px;
	color: #fff;
	font-weight: bold;
	text-align: left;
	background-color: #d50000;}


.btnEditResume li {
	display: inline-block;
}

.btnEditResume li.btnEdit a {
	width: 120px;
}

.btnEditSmall {
	text-align: center;
}

.btnEditSmall a {
	display: inline-block;
	position: relative;
	width: 100px;
	padding: 3px 15px 3px 15px;
	color: #fff;
	font-weight: bold;
	background: #666;
	border-radius: 4px;
}

.btnEditSmall a:hover {
	text-decoration: none;
	background-color: #000;
}

/* アカウント設定 */

.activeSite {
	margin-bottom: 40px;
}

.activeSite li {
	margin-left: 2em;
	margin-bottom: 5px;
	list-style-type: disc;
}


/* 　マイページ（企業担当者用）
============================== */

/* タブ切り替えナビ */

.naviMypage.mpCompany ul li {
	width: 131px;
}
.naviMypage.mpCompany ul li a {
	background-color: #bedeff;
}

.naviMypage.mpCompany ul li a {
	width: 131px;
	height: 56px;
}

.naviMypage.mpCompany ul li.crnt a,
.naviMypage.mpCompany ul li a:hover {
	color: #fff;
	text-decoration: none;
	background-color: #0081b9;
}

.naviMypage.mpCompany ul li.crnt a:after {
	border-color: #0081b9 transparent transparent transparent;
}

/* 応募一覧 _マイページトップ*/

.coMailListTbl th.coMailMassage {
	width: 600px !important;
}

.coMailListTbl th.coMailUnread {
	width: 100px !important;
}

.coMailListTbl tbody tr td:last-child {
	vertical-align: middle !important;
	text-align: center !important;
}

.coMailListTbl th.coMailDate {
	width: 120px !important;
}

.coMailListTbl th.coMailMessage {
	width: 500px !important;
}

.coMailListTbl th.coMailDetailLink {
	width: 120px !important;
}

.coMailListTbl th.coName {
	width: 200px !important;
}

.coMailListTbl th.coJob {
	width: 400px !important;
}

.coMailListTbl th.coStatus {
	width: 120px !important;
}

.coMailListTbl tbody td.status {
	vertical-align: middle !important;
	text-align: center !important;
}

.coMailListTbl tbody tr.end td {
	background-color: #fee;
	}

.coMailListTbl tbody tr.wait td {
	background-color: #e7f7ff;
	}


.coMailListTbl td span.red {
	font-weight: bold;
}

tr.unread td {
	background-color: #fee;
}

/* 求人設定 */

.coCaption caption {
	padding: 8px 15px;
	color: #fff;
	font-weight: bold;
	text-align: left;
	background-color: #0083b8;}

/* 応募管理 */

.coMailListTbl tr.unread02 td {
	background-color: #fdfde8;
}

span.print {
}

span.print a {
	display: inline-block;
	margin-left: 15px;
	padding: 8px 12px;
	color: #fff;
	font-size: 0.714em;
	font-weight: bold;
	background-color: #0083b8;
	border-radius: 4px;
}

/* アカウント設定 */

p.slillTitle {
	margin-bottom: 0 !important;
}

ul.skill {
	margin-bottom: 20px;
}

ul.skill li {
	display: inline-block;
	margin-right: 1.5em;
	margin-bottom: 3px;
}

ul.skill li label {
	cursor: pointer;
}


/* =============================================================

　企業情報ページ

============================================================= */

.companyList li {
	position: relative;
	padding: 8px 20px;
	border-bottom: 1px solid #ccc;
}

.companyList li:before {
  content: '';
  width: 0;
  height: 0;
  border: solid 4px transparent;
  position: absolute;
  top: 50%;
  left: 5px;
  margin-top: -4px;
	border-left: solid 6px #c00000;
}

/* 企業情報詳細ページ */

.rjsCount {
	margin-bottom: 30px;
	padding: 15px;
	background-color: #efefef;
	border: 1px solid #ccc;
}

.rjsCount strong {
	font-size: 1.429em;
	margin: 0 2px 0 4px;
}

.rjsCount strong.countAll,
.rjsCount strong.countNow {
	color: #d50000;
}

.rjsCount strong.countEnd {
	color: #3c0;
}

/* =============================================================

　よくあるご質問ページ

============================================================= */

.faqList dt,
.faqList dd {
	position: relative;
	padding-left: 35px;
}

.faqList dt span,
.faqList dd span {
	position: absolute;
	left: 5px;
	font-weight: bold;
	font-size: 1.429em;
}

.faqList dt {
	font-weight: bold;
	font-size: 1.143em;
}

.faqList dt span {
	top: -0.2em;
	color: #d50000;
}

.faqList dd span {
	top: 16px;
	color: #0086b5;
}

.faqList dd {
	margin-bottom: 40px;
	padding-top: 20px;
	padding-bottom: 15px;
	border-bottom: 1px solid #ccc;
}

/* =============================================================

　会員規約ページ

============================================================= */

.boxTerms .termsAttentionBox {
	padding: 25px 25px 10px 25px;
	background-color: #efefef;
}

.boxTerms .termsAttentionBox h3,
.boxTerms .termsAttentionBox h4 {
	font-weight: bold;
}

.boxTerms .termsAttentionBox h3 {
	font-size: 1.286em;
	margin: 0 0 5px -5px;
}

.termsTxt dl dt {
	padding-bottom: 5px;
	font-weight: bold;
	font-size: 1.143em;
}

.termsTxt dl dd ul {
	margin-bottom: 1.5em;
}

.termsTxt dl dd {
	padding-bottom: 15px;
}

.termsTxt dl dd ul li {
	margin-left: 2em;
	margin-bottom: 5px;
	list-style-type: disc
}

/* =============================================================

　プライバシーポリシーページ

============================================================= */

.privacyTxt dl dt {
	padding-bottom: 5px;
	font-weight: bold;
	font-size: 1.143em;
}

.privacyTxt dl dd ul {
	margin-bottom: 1.5em;
}

.privacyTxt dl dd {
}

/* =============================================================

　お問い合わせページ

============================================================= */

div.error {
	margin-bottom: 25px;
	font-weight: bold;
	color: #d50000;
}

div.error li {
	margin-bottom: 8px;
}

.contactAtt {
	margin-bottom: 25px;;
	padding: 15px;
	border: 1px solid #ccc;
}

.contactAtt dt {
	font-weight: bold;
	color: #d50000;
}

.contactAtt dd {
	font-size: 0.929em;
}

p.notice {
	margin-top: 25px;
	padding: 10px 15px;
	background-color: #fff;
	border: 1px solid #ccc;
}

/*  =============================================================

　　ランキング

============================================================= */


/*  全体　基本設定
---------------------------------------------*/

p.center {text-align: center;}

/*  メインタイトル
---------------------------------------------*/

h2.ttlRanking {
	display: block;
	float: none;
	font-size: 24px;
	font-weight: bold;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 56px;
	line-height: 1.2em;
	letter-spacing: 0.05em;
	background: url(../img/ranking/icn_title.png) left center no-repeat;
}

h2.ttlRanking span {
	display: block;
	margin-top: -2px;
	margin-left: 2px;
	font-size: 12px;
	color: #ff4100;
	letter-spacing: 0.25em;
}

/*  ランキングトップ
---------------------------------------------*/

.rankingWrap {
	margin-bottom: 35px;
}

.boxTopRanking {
	width: 505px;
}

.boxFloatLeft h3,
.boxFloatRight h3 {
	position: relative;
	margin-top: -5px;
	margin-left: -1px;
}

/* 各ボックス装飾 */

.boxFloatLeft {
	float: left;
}

.boxFloatRight {
	float: right;
}

.boxTopRanking {
}

.boxFloatLeft,
.boxFloatRight {
	position: relative;
	width: 510px;
	padding-bottom: 70px;
}

#allCompany {
	border-left: 1px solid #ec576e;
	border-right: 1px solid #ec576e;
	border-bottom: 1px solid #ec576e;
}

#allOffer {
	border-left: 1px solid #da002f;
	border-right: 1px solid #da002f;
	border-bottom: 1px solid #da002f;
}

#dailyCompany {
	border-left: 1px solid #88b600;
	border-right: 1px solid #88b600;
	border-bottom: 1px solid #88b600;
}

#dailyOffer {
	border-left: 1px solid #446800;
	border-right: 1px solid #446800;
	border-bottom: 1px solid #446800;
}

#monthlyCompany {
	border-left: 1px solid #00abcc;
	border-right: 1px solid #00abcc;
	border-bottom: 1px solid #00abcc;
}

#monthlyOffer {
	border-left: 1px solid #005fb7;
	border-right: 1px solid #005fb7;
	border-bottom: 1px solid #005fb7;
}

.boxTopRanking ul {
	padding: 10px 10px;}

.boxTopRanking ul li {
	width: 100%;
	clear: both;
	overflow: hidden;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 14px;
	border-bottom: 1px dotted #ccc;
}

.boxTopRanking ul li.rankOther {
	padding-top: 15px;
	padding-bottom: 15px;
}

.offerRanking ul li.rankOther {
	padding-top: 8px;
	padding-bottom: 8px;
}

.boxTopRanking ul li em {
	font-style: normal;
	font-size: 16px;
}

.boxTopRanking ul li strong {
	display: block;
}

.boxTopRanking ul li span {
	float: left;
	width: 56px;
	margin-right: 10px;
}

.boxTopRanking ul li.rank01 span {
	display: table-cell;
	vertical-align: middle;
	min-height: 56px;
	text-indent: -9999px;
	background:  url(../img/ranking/icn_rank01.png) center 0.5em no-repeat;
}

.boxTopRanking ul li.rank02 span {
	display: table-cell;
	vertical-align: middle;
	min-height: 42px;
	text-indent: -9999px;
	background: url(../img/ranking/icn_rank02.png) center 0.5em no-repeat;
}

.boxTopRanking ul li.rank03 span {
	display: table-cell;
	vertical-align: middle;
	min-height: 42px;
	text-indent: -9999px;
	background: url(../img/ranking/icn_rank03.png) center 0.5em no-repeat;
}

.boxTopRanking ul li.rankOther span {
	display: table-cell;
	vertical-align: middle;
	color: #fff;
	font-size: 13px;
	text-align: center;
	letter-spacing: -0.1em;
	line-height: 2em;
	background: url(../img/ranking/bg_rank.png) center top no-repeat;
	}

.boxTopRanking ul li a {
	display: block;
	width: 500px;
	height: auto;
	color: #000;
	text-decoration: none;
}

.boxTopRanking ul li a:hover {
	color: #f35c00;
	text-decoration: underline;
}

.companyRanking ul li.rank01 a strong {
	font-size: 20px;
}

.offerRanking ul li.rank01 a strong {
	font-size: 18px;
}

.offerRanking ul li p {
	font-size: 14px;
	line-height: 1.5em;
}

.offerRanking ul li strong {
	margin-bottom: 5px;}

.boxTopRanking ul li.rank02 a strong,
.boxTopRanking ul li.rank03 a strong {
	font-size: 18px;
}

.boxTopRanking ul li a .imgLogo {
	display: table-cell;
	vertical-align: top;
	margin-bottom: 10px;
	width: 100px;
	max-height: 45px;
	padding-right: 15px;
	text-align: center;
}

.boxTopRanking ul li a .imgLogo img {
	display: inline-block;
	max-width: 100%;
	max-height: 100px;
	vertical-align: middle;
}

.boxTopRanking ul li a p {
	display: table-cell;
	vertical-align: middle;
	width: 400px;
	padding-top: 0.5em;
}

.boxTopRanking ul li.rankOther a p {
	width: 380px;
	padding-top: 0;
}

.boxTopRanking ul li.rankOther a p strong {
	font-size: 16px;
}


p.btnRankingMore {
	position: absolute;
	left: 0;
	bottom: 18px;
	display: block;
	width: 100%;
	}

p.btnRankingMore a {
	display: block;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
	color: #fff;
	margin: 0 10px;
	padding: 7px 0;
	background-color: #333;
	border-radius: 4px;
	transition: all  0.5s ease;
}

p.btnRankingMore a:hover {
	opacity: 0.6;
}

#allCompany p.btnRankingMore a {
	background-color: #ec576e;
}

#allOffer p.btnRankingMore a {
	background-color: #da002f;
}

#dailyCompany p.btnRankingMore a {
	background-color: #88b600;
}

#dailyOffer p.btnRankingMore a {
	background-color: #446800;
}

#monthlyCompany p.btnRankingMore a {
	background-color: #00abcc;
}

#monthlyOffer p.btnRankingMore a {
	background-color: #005fb7;
}


/*  ランキング詳細
---------------------------------------------*/

#rankingDetail  {
	position: relative;
	width: 786px;
}

.boxRanking {
	width: 784px;
}

#rankingDetail h3 {
	position: relative;
	margin-top: -5px;
	margin-left: -1px;
}


.boxRanking ul {
	padding: 10px 10px;}

.boxRanking ul li {
	width: 100%;
	clear: both;
	overflow: hidden;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 16px;
	border-bottom: 1px dotted #ccc;
}

.boxRanking ul li.rankOther {
	padding-top: 15px;
	padding-bottom: 15px;
}

.offerRanking ul li.rankOther {
	padding-top: 8px;
	padding-bottom: 8px;
}

.boxRanking ul li em {
	font-style: normal;
	font-size: 18px;
}

.boxRanking ul li strong {
	display: block;
}

.boxRanking ul li span {
	float: left;
	width: 56px;
	margin-right: 10px;
}

.boxRanking ul li.rank01 span {
	display: table-cell;
	vertical-align: middle;
	min-height: 56px;
	text-indent: -9999px;
	background:  url(../img/ranking/icn_rank01.png) center 0.5em no-repeat;
}

.boxRanking ul li.rank02 span {
	display: table-cell;
	vertical-align: middle;
	min-height: 42px;
	text-indent: -9999px;
	background: url(../img/ranking/icn_rank02.png) center 0.5em no-repeat;
}

.boxRanking ul li.rank03 span {
	display: table-cell;
	vertical-align: middle;
	min-height: 42px;
	text-indent: -9999px;
	background: url(../img/ranking/icn_rank03.png) center 0.5em no-repeat;
}

.boxRanking ul li.rankOther span {
	display: table-cell;
	vertical-align: middle;
	color: #fff;
	font-size: 13px;
	text-align: center;
	letter-spacing: -0.1em;
	line-height: 2em;
	background: url(../img/ranking/bg_rank.png) center top no-repeat;
	}

.boxRanking ul li a {
	display: block;
	width: 750px;
	height: auto;
	color: #000;
	text-decoration: none;
}

.boxRanking ul li a:hover {
	color: #f35c00;
	text-decoration: underline;
}

.boxRanking ul li.rank01 a strong {
	font-size: 22px;
	line-height: 1.5em;
}

.boxRanking ul li p {
	font-size: 14px;
	line-height: 1.5em;
}

.boxRanking ul li strong {
	margin-bottom: 5px;}

.boxRanking ul li.rank02 a strong,
.boxRanking ul li.rank03 a strong {
	font-size: 20px;
	line-height: 1.5em;
}

.boxRanking ul li a .imgLogo {
	display: table-cell;
	vertical-align: top;
	margin-bottom: 10px;
	width: 220px;
	max-height: 45px;
	padding-right: 15px;
	text-align: center;
}

.boxRanking ul li a .imgLogo img {
	display: inline-block;
	max-width: 100%;
	max-height: 100px;
	vertical-align: middle;
}

.boxRanking ul li a p {
	display: table-cell;
	vertical-align: middle;
	width: 750px;
	padding-top: 0.5em;
}

.boxRanking ul li.rankOther a p {
	width: 600px;
	padding-top: 0;
}

.boxRanking ul li.rankOther a p strong {
	font-size: 16px;
}

p.btnBackRanking {
	margin-top: 25px;
	text-align: center;}

p.btnBackRanking a {
	width: 322px;
	padding: 10px 0;
	display: inline-block;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	background-color: #ff3700;
	border-radius: 4px;
	transition: all  0.5s ease;
}

p.btnBackRanking a:hover {
	opacity: 0.6;
}



/* -------- セクション・共通 -------- */





/*  フッター 設定
---------------------------------------------*/