@charset "UTF-8";
.swfamily_mod {
  width: 650px;
  margin: 30px auto;
  border: 1px solid #ddd;
}
.swfamily_mod_half {
  width: 325px;
}
.swfamily_mod_link {
  display: block;
  position: relative;
  padding: 25px 10px;
  text-align: center;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.swfamily_mod_link:hover {
  background: #fffdf2;
}
.swfamily_mod_link:after {
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  display: block;
  position: absolute;
  top: 50%;
  left: 20px;
  z-index: 1;
  width: 8px;
  height: 8px;
  background: transparent;
  content: "";
  margin-top: -4px;
  border-left: 2px solid #a4a49b;
  border-top: 2px solid #a4a49b;
}

#mainColumn {
  width: 950px;
}

#mainColumn table {
  width: 950px;
  border: 1px solid #ccc;
}

#mainColumn th {
  padding: 5px;
  background-color: #eee;
  font-weight: normal;
  font-size: 12px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

#mainColumn td {
  padding: 5px;
  font-size: 12px;
  letter-spacing: 1px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

.status {
  width: 5%;
  font-size: 7pt;
}

.sender {
  width: 24%;
}

.timeAndDate {
  width: 10%;
}

.subject {
  width: 26%;
}

.catchPhrase {
  width: 35%;
}

.unread {
  font-weight: bold;
}

/* ソートを選択したセルの状態 */
.thHighlight {
  border: none;
  background-color: #ffd14d;
}

/*ソートアイコン*/
#mainColumn th.sort, .renrakunaviDetail #mainColumn th.sort {
  margin: 0;
  padding: 0;
  background-color: #eee;
  font-size: 8px;
  text-align: right;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

/* ---------------------------
 詳細ページ
----------------------------- */
/* 左カラム（w=635px）*/
.renrakunaviDetail #mainColumn {
  width: 635px;
}

/* 右カラム（w=300px）*/
.renrakunaviDetail #subColumn {
  width: 300px;
}

/* table */
.renrakunaviDetail #mainColumn table {
  width: 635px;
  border: 1px solid #ccc;
}

.renrakunaviDetail #mainColumn th {
  padding: 5px;
  background-color: #eee;
  font-weight: normal;
  font-size: 12px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

.renrakunaviDetail #mainColumn td {
  padding: 5px;
  font-size: 12px;
  letter-spacing: 1px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

.renrakunaviDetail #mainColumn .status {
  width: 8%;
}

.renrakunaviDetail #mainColumn .sender {
  width: 18%;
}

.renrakunaviDetail #mainColumn .timeAndDate {
  width: 24%;
}

.renrakunaviDetail #mainColumn .subject {
  width: 50%;
}

.renrakunaviDetail #mainColumn .unread {
  font-weight: bold;
}

/* ---------------------------
 項目のタイトル画像
--------------------------- */
.renrakunaviDetail #subColumn h3 {
  width: 300px;
  height: 34px;
  margin: 0 0 5px 0;
  overflow: hidden;
  background-image: url(../../image/sw/cu/workdetail/spr_ttl_item.gif);
  background-repeat: no-repeat;
  text-indent: -9999px;
}

.renrakunaviDetail #subColumn #entryWorkinfo h3 {
  background-position: 0 -238px;
}

.renrakunaviDetail #subColumn #yourEntryInfo h3 {
  background-position: 0 -272px;
}

.renrakunaviDetail #subColumn #company h3 {
  background-position: 0 -306px;
}

/* ---------------------------
 メインカラム
--------------------------- */
/*ボタン表示領域*/
.btnBox {
  width: 100%;
  height: 25px;
}

/*新規作成ボタン*/
.newMsg a {
  display: block;
  float: right;
  width: 170px;
  height: 25px;
  background-image: url(../../image/sw/cu/contact/spr_btn_new_msg.gif);
  background-repeat: no-repeat;
  text-indent: -9999px;
}

/*プロフィールOK辞退ボタン*/
.refusal a {
  display: block;
  float: right;
  width: 170px;
  height: 25px;
  margin: 0 10px 0 0;
  background-image: url(../../image/sw/cu/contact/spr_btn_refusal.gif);
  background-repeat: no-repeat;
  text-indent: -9999px;
}

/**/
.renrakunaviDetail #mainColumn #sender {
  padding: 8px;
  overflow: hidden;
}

.renrakunaviDetail #mainColumn #sender.fromCompany {
  background-color: #e8e8e8;
}

.renrakunaviDetail #mainColumn #sender.fromCustomer {
  background-color: #ffc;
}

.renrakunaviDetail #mainColumn #sender .senderBody {
  width: auto;
  margin: 3px 5px;
}

.renrakunaviDetail #mainColumn .ttlSender {
  float: left;
  width: 49%;
  font-weight: bold;
  font-size: 14px;
}

.renrakunaviDetail #mainColumn .ttlSender img {
  float: left;
}

.renrakunaviDetail #mainColumn .ttlSender h2 {
  display: block;
  float: left;
  font-size: 14px;
}

.renrakunaviDetail #mainColumn .sentAndReceivedTime {
  display: block;
  float: right;
  width: 49%;
  text-align: right;
}

.renrakunaviDetail #mainColumn .msgSubject {
  width: 100%;
  margin: 0 0 10px 0;
  padding: 0 0 5px 0;
  font-weight: bold;
  border-bottom: 1px dotted #999;
}

.renrakunaviDetail #mainColumn .message {
  margin: 20px 0 10px 0;
}

.message .ngMessage {
  width: 400px;
  margin: 35px auto 0 auto;
  padding: 0 0 10px 0;
  border: 1px dashed #f49104;
  background: #fdf0dd;
}

.message .ngMessage p.ttl {
  margin: 0 !important;
  padding: 10px 0 !important;
  background: #fce2b5;
  font-weight: bold;
  text-align: center;
}

.message .ngMessage p.txt {
  margin: 10px 0 0 0 !important;
  color: #333;
  font-weight: normal;
  line-height: 20px;
  text-align: center;
}

.message .ngMessage p.txt .red {
  color: #fa065c;
}

/* ---------------------------
 サブカラム
--------------------------- */
.renrakunaviDetail .subcolbodyContents div {
  margin: 0 0 10px 0;
}

.renrakunaviDetail #subColumn dl {
  margin: 3px 0;
  border-bottom: 1px dotted #999;
}

.renrakunaviDetail #subColumn dt {
  font-weight: bold;
}

p#catchPhrase {
  margin: 5px 0;
  font-size: 14px;
  border-bottom: 1px dotted #999;
}

p#companyName {
  margin: 5px 0;
}

.renrakunaviDetail .subcolbodyContents .hr {
  width: 270px;
  height: 2px;
  margin: 10px 0 10px 0;
  border: none;
  background-image: url(../../image/sw/cu/common/spr_line_dotted03.gif);
  font-size: 2px;
}

/*各項目最終行の下線消去設定*/
.renrakunaviDetail #subColumn dl.noborder {
  border: none;
}

/*他画面へのリンク（→）*/
.otherPageLink {
  float: right;
  margin: 0 0;
}

/* ---------------------------
 表示調整
--------------------------- */
img.icon {
  width: 15px;
  height: 15px;
  margin: 0 3px;
}

img.sort {
  width: 16px;
  height: 8px;
  margin: 0;
  border: none;
}

.caution {
  color: #e60011;
  font-weight: bold;
}

.cancel {
  background-color: ffbbcc;
}

.ng {
  background-color: dddddd;
}

.small {
  font-size: 10px;
}

.iconMail {
  width: 15;
  height: 18;
  margin: 0 5px 0 0;
  vertical-align: baseline;
}

.iconSentMail {
  width: 22;
  height: 11;
  margin: 0 5px 0 0;
  vertical-align: baseline;
}

/* ---------------------------
 ボタン
--------------------------- */
.btnCenter {
  width: 300px;
  margin: 0 auto;
  overflow: hidden;
}

.nestCenter {
  text-align: center;
}

.btnS140 {
  display: block;
  width: 140px;
  height: 25px;
  border: none;
  /*margin:10px 20px 0 0 ;*/
}

.btnS160 {
  float: right;
  width: 160px;
  height: 25px;
  border: none;
}

.btnS170 {
  float: right;
  width: 170px;
  height: 25px;
  border: none;
}

/*--------------------
　送信可能件数BOX
 --------------------*/
.top01, .bottom01 {
  width: 635px;
  height: 5px;
  padding: 0;
  font-size: 0;
}

#numberOfItems {
  width: 635px;
  margin: 0 0 10px 0;
  background: url("../../image/sw/cu/box/spr_border_w635_gray.gif") repeat-y scroll left center transparent;
}

.top01 {
  background: url("../../image/sw/cu/box/spr_boxtop_w635_gray.gif") no-repeat scroll 0 0 transparent;
}

.bottom01 {
  background: url("../../image/sw/cu/box/spr_boxbottom_w635_gray.gif") no-repeat scroll 0 0 transparent;
}

#numberOfItems .maincolbody {
  margin: 3px 10px;
}

#iconCurrentCondition {
  width: 98px;
  height: 14px;
  margin: 0 0 5px 0;
  border: none;
}

.condition {
  float: left;
  width: 460px;
}

.searchResult {
  float: right;
  width: 150px;
  height: 33px;
  background-color: #ffffc9;
}

.searchResult div {
  margin: 5px 10px;
}

.searchResult span {
  color: #f90;
  font-weight: bold;
  font-size: 18px;
}

/*--------------------
　注意文言
 --------------------*/
.alertMsg {
  margin: 10px 0;
}

.alertMsg .inner {
  margin: 1px 0;
  padding: 8px 8px 8px 75px;
  background: #fff4f4 url("../../image/sw/cu/contact/ico_exMark.png") no-repeat scroll left top;
  color: #fe5252;
  line-height: 1.3;
  text-shadow: 1px 1px 0 #fffdfd;
}

.alertMsg .hdg, .alertMsg .btm {
  height: 3px;
  background: transparent url("../../image/sw/cu/contact/hr_double_pk.png") repeat-x scroll left top;
}

/*--------------------
　レコメンド
 --------------------*/
/* -- レコメンド --  */
#recomendWork {
  position: relative;
  float: left;
  width: 629px;
  margin: 0 0 25px 0;
  padding: 10px 0 5px 0;
  border: 3px #e8e8e8 solid;
  border-radius: 6px;
  background: url("../../image/sw/cu/entry/navi_bg_cream.png") repeat;
}

#recomendWork h3 {
  padding: 0 0 10px 10px;
  border-bottom: 3px solid #e2decc !important;
}

.renrakunaviDetail #mainColumn #recomendWork p {
  margin: 0;
}

.recoWork {
  display: block;
  width: 608px;
  padding: 7px 10px;
  background: #fff;
  border-bottom: 1px dashed #fecb35;
}

.recoWork:hover {
  background: #fefad7;
  border-bottom: 1px dashed #fecb35 !important;
}

.recoWork .leftBox {
  float: left;
  width: 95px;
  font-size: 13px;
}

.recoWork .leftBox .days {
  position: relative;
  padding: 5px 0 0 0;
  border-radius: 3px;
  background: #ffebac;
  text-align: center;
}

.recoWork .leftBox .start_day {
  display: block;
  position: relative;
  padding: 3px 0 2px 0;
  border-radius: 0 0 3px 3px;
  background: #eab104;
  color: #fff;
  font-size: 12px;
  line-height: 1;
}

.recoWork .rightBox {
  display: block;
  float: right;
  width: 500px;
  height: 37px;
  overflow: hidden;
}

.recoWork .rightBox .ttl {
  padding: 5px 0;
  font-weight: bold;
  line-height: 1;
}

.recoWork .rightBox .payment, .recoWork .rightBox .mainjob, .recoWork .rightBox .companyName {
  margin-right: 10px;
}

.recoWork .rightBox .payment span {
  color: #f90;
  font-weight: bold;
}

.worktip {
  display: inline-block;
  position: relative;
  color: #222;
  text-decoration: none;
  outline: none;
}

.worktip .workDetailTip {
  visibility: hidden;
  opacity: 0.98;
  position: absolute;
  bottom: 5px;
  left: 115%;
  z-index: 999;
  width: 280px;
  border: 2px solid #ca792e;
  border-radius: 6px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
  background-image: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
  background-color: #fff;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
  margin-left: -127px;
  padding-bottom: 5px;
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 0 1px 0 rgba(255, 255, 255, 0.5) inset;
}

.worktip:hover {
  border: 0;
  /* IE6 fix */
}

.worktip:hover .workDetailTip {
  visibility: visible;
}

.worktip .workDetailTip:before, .worktip .workDetailTip:after {
  position: absolute;
  bottom: 13px;
  left: 0;
  z-index: 1000;
  content: "";
  margin-left: -12px;
  border-top: 5px solid transparent;
  border-left: 0;
  border-right: 13px solid #fff;
  border-bottom: 5px solid transparent;
}

.worktip .workDetailTip:before {
  bottom: 11px;
  margin-left: -16px;
  border-top: 7px solid transparent;
  border-left: 0;
  border-right: 15px solid #ca792e;
  border-bottom: 7px solid transparent;
}

.worktip .workDetailTip .main_ttl {
  padding: 10px 7px;
  background: #fef0c1;
  color: #333;
  font-weight: bold;
}

.worktip .workDetailTip p {
  padding: 5px 10px;
  border-bottom: 1px dashed #dcd9d9;
}

.worktip .workDetailTip .ttl {
  position: relative;
  padding: 2px 2px 0 2px;
  border: 1px #ccc solid;
  border-radius: 2px;
  background: #ebeae7;
  color: #333;
  font-size: 11px;
  line-height: 1;
  margin-right: 7px;
}

.worktip .workDetailTip .subJob {
  display: block;
  padding-left: 34px;
}

.worktip .workDetailTip .orange {
  color: #f90;
}

/* もっとみるボタン */
#recomendWork .moreBtn a {
  display: block;
  position: relative;
  width: 150px;
  margin: 5px auto 0 auto;
  padding: 3px 10px;
  border: solid 1px #bfbfbf;
  border-radius: 3px;
  border-radius: 3px;
  box-shadow: 1px 1px 2px #ccc;
  box-shadow: inset 1px 1px 0 #fff, inset -1px 0 0 #fff;
  background-image: -webkit-linear-gradient(bottom, #e1e1e1 0%, #fefefe 100%);
  background-image: linear-gradient(to top, #e1e1e1 0%, #fefefe 100%);
  background-image: -webkit-linear-gradient(to top, #e1e1e1 0%, #fefefe 100%);
  background-image: -ms-linear-gradient(to top, #e1e1e1 0%, #fefefe 100%);
  color: #555;
  font-weight: bold;
  font-size: 13px;
  line-height: 20px;
  font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  -moz-box-shadow: 1px 1px 2px #ccc;
  -webkit-box-shadow: 1px 1px 2px #ccc;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="#fefefe", endColorstr="#e1e1e1");
}

#recomendWork .moreBtn a:hover {
  position: relative;
  background-image: -webkit-linear-gradient(bottom, #f2f0f0 0%, #fff 100%);
  background-image: linear-gradient(to top, #f2f0f0 0%, #fff 100%);
  background-image: -webkit-linear-gradient(to top, #f2f0f0 0%, #fff 100%);
  background-image: -ms-linear-gradient(to top, #f2f0f0 0%, #fff 100%);
  color: #666;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="#ffffff", endColorstr="#f2f0f0");
}

#recomendWork .moreBtn a:link, .worktip .moreBtn a:visited {
  color: #333;
  text-decoration: none;
}

#recomendWork .moreBtn a:hover {
  color: #666;
  text-decoration: none;
}

#mainColumn {
  overflow: visible;
}

.bold {
  font-weight: bold;
}

/* ======================
　AIレコメンド
====================== */
#ai_recommend {
  margin: 40px 0;
}

.ai-recomend-msg {
  font-weight: bold;
  font-size: 16px;
}