@charset "UTF-8";
/* ======================
サイドユーザー情報(お気に入り、最近見たワークなど)
====================== */
/* レイアウト */
#userContentsTabs {
  position: relative;
  border-radius: 4px 4px 4px 4px;
  background: #fff;
  margin-bottom: 10px;
  padding-bottom: 10px;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
  behavior: url(/lib/PIE.htc);
}

.ui-widget {
  font-size: 12px;
}

#userContentsTabs {
  border: 1px solid #ccc !important;
}

.ui-tabs .ui-tabs-panel {
  padding: 0 1em 0 1em;
}

.ui-widget-header {
  border: 1px solid #fbca1e;
  background: #fbca1e;
}

.ui-widget-header .ui-state-default {
  border: none;
  background: #fdf5e2;
}

.ui-widget-header .ui-state-default a {
  color: #2f2f2f;
}

.ui-widget-header .ui-state-default a:hover {
  color: #555555;
}

.ui-widget-header .ui-state-active {
  background: #fff;
}

.ui-widget-header .ui-state-active a {
  color: #2f2f2f;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
  border: 1px solid #fff;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
  position: relative;
  border-radius: 4px 4px 4px 4px;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
  behavior: url(/lib/PIE.htc);
}

.ui-tabs .ui-tabs-nav li {
  position: relative;
  margin: 0 0.2em 1px 0.2em;
  border-radius: 4px 4px 0 0 !important;
  -webkit-border-top-right-radius: 4px !important;
  -webkit-border-top-left-radius: 4px !important;
  -moz-border-radius-topright: 4px !important;
  -moz-border-radius-topleft: 4px !important;
  behavior: url(/lib/PIE.htc);
}

.ui-tabs .ui-tabs-nav li a {
  float: left;
  width: 132px;
  height: 18px;
  margin: 3px 0 0 0;
  padding: 0.5em 0;
  font-size: 100%;
  text-decoration: none;
  text-align: center;
}

.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: 0.4em 0.4em 0;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
  margin-bottom: 0;
  padding-bottom: 2px;
}

/* ワーク情報部分 */
#userContentsTabs .contentBox {
  width: 100%;
  padding: 20px 0 0 0;
}

.entryUser {
  width: 100%;
  border-bottom: dashed 1px #b7b4b4;
  padding-bottom: 20px;
}

/* 最近見たバイト */
.ui-widget-content .work a {
  color: #04c !important;
  font-size: 13px;
  padding-top: 2px;
}

/* お気に入り */
.ui-widget-content .favoritWork a {
  display: block;
  color: #04c !important;
  font-size: 13px;
}

.ui-widget-content .favoritWork span {
  display: inline-block;
  margin: 0 0 5px 0;
  padding: 3px 5px;
  border: 1px solid #ffb100;
  border-radius: 3px;
  line-height: 1;
}

/* 公開 */
.ui-widget-content .favoritWork .p01 {
  background: #fff;
  color: #f6a828;
}

/* 登録制 */
.ui-widget-content .favoritWork .p04 {
  background: #f6a828;
  color: #fff;
}

/* お気に入り */
#userContentsTabs .contentBox .addFavorit a:link {
  float: right;
  padding: 3px 15px;
  border: 1px solid #ffb100;
  border-radius: 5px;
  box-shadow: 0 1px 2px rgba(76, 68, 36, 0.12);
  color: #ffb100;
  font-weight: bold;
  text-decoration: none;
  margin-right: 5px;
}

#userContentsTabs .contentBox .addFavorit a:visited {
  float: right;
  padding: 3px 15px;
  border: 1px solid #ffb100;
  border-radius: 5px;
  box-shadow: 0 1px 2px rgba(76, 68, 36, 0.12);
  color: #ffb100;
  font-weight: bold;
  text-decoration: none;
  margin-right: 5px;
}

#userContentsTabs .contentBox .addFavorit a:hover {
  float: right;
  padding: 3px 15px;
  border: 1px solid #f90;
  border-radius: 5px;
  box-shadow: 0 1px 2px rgba(76, 68, 36, 0.12);
  color: #f90;
  font-weight: bold;
  text-decoration: none;
  margin-right: 5px;
}

#userContentsTabs .contentBox .addFavorit a:action {
  float: right;
  padding: 3px 15px;
  border: 1px solid #f90;
  border-radius: 5px;
  box-shadow: 0 1px 2px rgba(76, 68, 36, 0.12);
  color: #f90;
  font-weight: bold;
  text-decoration: none;
  margin-right: 5px;
}

/* 応募する */
#userContentsTabs .contentBox .setentrylist a:link {
  float: right;
  padding: 3px 15px;
  border: 1px solid #ffb100;
  border-radius: 5px;
  box-shadow: 0 1px 2px rgba(76, 68, 36, 0.12);
  background: #ffb100;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
}

#userContentsTabs .contentBox .setentrylist a:visited {
  float: right;
  padding: 3px 15px;
  border: 1px solid #ffb100;
  border-radius: 5px;
  box-shadow: 0 1px 2px rgba(76, 68, 36, 0.12);
  background: #ffb100;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
}

#userContentsTabs .contentBox .setentrylist a:hover {
  float: right;
  padding: 3px 15px;
  border: 1px solid #f90;
  border-radius: 5px;
  box-shadow: 0 1px 2px rgba(76, 68, 36, 0.12);
  background: #f90;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
}

#userContentsTabs .contentBox .setentrylist a:action {
  float: right;
  padding: 3px 15px;
  border: 1px solid #f90;
  border-radius: 5px;
  box-shadow: 0 1px 2px rgba(76, 68, 36, 0.12);
  background: #f90;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
}

/* 応募確認 */
#userContentsTabs .contentBox .entryConfirm a:link {
  margin: 0 0 0 auto;
  padding: 3px 15px;
  border: 1px solid #5097f2;
  border-radius: 5px;
  box-shadow: 0 1px 2px rgba(76, 68, 36, 0.12);
  background: #5097f2;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
}

#userContentsTabs .contentBox .entryConfirm a:visited {
  margin: 0 0 0 auto;
  padding: 3px 15px;
  border: 1px solid #5097f2;
  border-radius: 5px;
  box-shadow: 0 1px 2px rgba(76, 68, 36, 0.12);
  background: #5097f2;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
}

#userContentsTabs .contentBox .entryConfirm a:hover {
  margin: 0 0 0 auto;
  padding: 3px 15px;
  border: 1px solid #3986e8;
  border-radius: 5px;
  box-shadow: 0 1px 2px rgba(76, 68, 36, 0.12);
  background: #3986e8;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
}

#userContentsTabs .contentBox .entryConfirm a:action {
  margin: 0 0 0 auto;
  padding: 3px 15px;
  border: 1px solid #3986e8;
  border-radius: 5px;
  box-shadow: 0 1px 2px rgba(76, 68, 36, 0.12);
  background: #3986e8;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
}

/* エントリー状況 */
#userContentsTabs .contentBox .entryInfo {
  margin: 0 0 10px 0;
}

#userContentsTabs .contentBox .entryTime {
  display: block;
  font-size: 12px;
}

/* 会社名 */
#userContentsTabs .contentBox .companyName {
  display: block;
  margin: 2px 0 0 0;
  color: #999;
  font-size: 12px;
}

/* 削除ボタンお気に入り */
#userContentsTabs .contentBox .delList a:link {
  display: inline-block;
  margin: 5px 0 0 0;
  padding: 0 0 0 16px;
  background-image: url("/customer/image/sw/cu/users/icon_trash.svg");
  background-position: 0 2px;
  background-size: 13px 13px;
  background-repeat: no-repeat;
  color: #999;
}

#userContentsTabs .contentBox .delList a:visited {
  display: inline-block;
  margin: 5px 0 0 0;
  padding: 0 0 0 16px;
  background-image: url("/customer/image/sw/cu/users/icon_trash.svg");
  background-position: 0 2px;
  background-size: 13px 13px;
  background-repeat: no-repeat;
  color: #999;
}

#userContentsTabs .contentBox .delList a:hover {
  display: inline-block;
  margin: 5px 0 0 0;
  padding: 0 0 0 16px;
  background-image: url("/customer/image/sw/cu/users/icon_trash.svg");
  background-position: 0 2px;
  background-size: 13px 13px;
  background-repeat: no-repeat;
  color: #999;
}

#userContentsTabs .contentBox .delList a:action {
  display: inline-block;
  margin: 5px 0 0 0;
  padding: 0 0 0 16px;
  background-image: url("/customer/image/sw/cu/users/icon_trash.svg");
  background-position: 0 2px;
  background-size: 13px 13px;
  background-repeat: no-repeat;
  color: #999;
}

/* お気に入りリストへ */
#userContentsTabs .goFavorit {
  display: block;
  clear: both;
  height: 15px;
  margin: 10px 0 0 0;
  text-align: right;
}

#userContentsTabs .goFavorit a {
  float: right;
  padding: 0 0 0 17px;
  background-image: url("/customer/image/sw/cu/users/icon_mylist.svg") !important;
  background-position: 0 0;
  background-repeat: no-repeat;
  color: #04c !important;
  text-decoration: none;
}

#userContentsTabs .goFavorit a:visited {
  float: right;
  padding: 0 0 0 17px;
  background-image: url("/customer/image/sw/cu/users/icon_mylist.svg") !important;
  background-position: 0 0;
  background-repeat: no-repeat;
  color: #04c !important;
  text-decoration: none;
}

#userContentsTabs .goFavorit a:hover {
  float: right;
  padding: 0 0 0 17px;
  background-image: url("/customer/image/sw/cu/users/icon_mylist.svg");
  background-position: 0 0;
  background-repeat: no-repeat;
  color: #04c !important;
  text-decoration: underline;
}

#userContentsTabs .goFavorit a:action {
  float: right;
  padding: 0 0 0 17px;
  background-image: url("/customer/image/sw/cu/users/icon_documents.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  color: #04c !important;
  text-decoration: underline;
}

/* スライド */
#userContentsTabs .ui-widget-content .ui-icon {
  position: relative;
  margin: 5px auto 0 auto;
  background-image: none;
  color: #04c;
  text-decoration: none;
}

#userContentsTabs .ui-widget-content .ui-icon-circle-triangle-n:before {
  position: absolute;
  top: 50%;
  left: 4px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  width: 6px;
  height: 6px;
  border: 0;
  content: "";
  border-top: solid 2px #04c;
  border-right: solid 2px #04c;
  margin-top: -6px;
}

#userContentsTabs .ui-widget-content .ui-icon-circle-triangle-s:before {
  position: absolute;
  top: 50%;
  left: 4px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 6px;
  height: 6px;
  border: 0;
  content: "";
  border-bottom: solid 2px #04c;
  border-right: solid 2px #04c;
  margin-top: -6px;
}

/* 未ログイン時 */
#favlist .unlogin {
  width: 100%;
  margin: 12px 0 0 0;
}

#favlist .unlogin p {
  text-align: center;
}

#favlist .unlogin a:link {
  color: #04c !important;
  font-weight: bold;
  text-decoration: underline;
}

#favlist .unlogin a:visited {
  color: #04c !important;
  font-weight: bold;
  text-decoration: underline;
}

#favlist .unlogin a:hover {
  color: #04c !important;
  font-weight: bold;
  text-decoration: underline;
}

#favlist .unlogin a:action {
  color: #04c !important;
  font-weight: bold;
  text-decoration: underline;
}

#favlist .unlogin .mTxt {
  color: #999;
  font-size: 10px !important;
  text-align: center;
}

/* 最近見たバイトがない */
#recentseeninfolist .noWatch {
  width: 100%;
  margin: 12px 0 0 0;
}

#recentseeninfolist .noWatch p {
  text-align: center;
}

/* お気に入りがない */
#favlist .noFaver {
  width: 100%;
  margin: 12px 0 0 0;
}

#favlist .noFaver p {
  text-align: center;
}

/* ローディング */
.loader {
  height: 120%;
  margin: 50% 0;
  text-align: center;
}