@charset "utf-8";
/* ############################################################################
 *
 * メッセージ専用
 *
 * ############################################################################ */

/*----- メッセージ -----*/

.defArea{
  border:1px solid #eae4de;
  background:#f4f1ee;
  padding:5px;
  margin-top:10px;
}
.defArea table{
  width:100%;
  margin-top:5px;
}
.defArea table td{
  border-bottom:1px dotted #c5b4a5;
  border-left:1px dotted #c5b4a5;
  padding:5px 10px;
  text-align:left;
}
.defArea table th{
  border-bottom:1px solid #eae4de;
  padding:5px 10px;
  text-align:center;
  background:#fcfbfa;
  font-weight:bold;
}
hr{
  border:none;
  border-top:1px solid #ccc;
  margin: 8px 0;
}

.messageinner{
  padding:10px;
  text-align: left;
}
.messageinner img{
  max-width: 300px;
}
.defArea a{
  text-decoration: underline;
}

.messageTtl{
  display: table;
  width: 100%;
  background:#fcfbfa;
  border-bottom:1px dotted #c5b4a5;
}
.messageTtl div{
  display: table-cell;
  padding:5px;
  text-align: left;
  vertical-align: top;
}
.messageTtl div.datename{
  min-width: 150px;
  text-align: right;
  white-space:nowrap;
}

/*左サイドメニュー*/
.msgSearch{
  position: relative;
  width:100%;
}
.filterSelect{
  width:100%;
  border:1px solid #ccc;
}
.msgSearchInput{
  width:100%;
  border:1px solid #ccc;
  padding:4px;
  box-sizing:border-box;
}
.msgSearchBtn{
  position: absolute;
  top:7px;
  right:5px;
  width: 16px;
  height: 16px;
  background: url(/images/icon_sprite.png) -48px -16px no-repeat;
  border:none;
  cursor: pointer;
}
.msgMenu,
.msgUserMenu{
  width:100%;
  background-color: #fff;
  box-sizing:border-box;
  position: relative;
  border-style: solid;
  border-color:#ccc;
  border-width: 0 1px 1px;
}
.msgUserMenu:first-child {
  border-top: 1px solid #ccc;
}
.msgMenu {
  border-top: 1px solid #ccc;
}
.msgMenu + .msgMenu{
  border-top: none;
}
.msgMenu.all{
  border-bottom-width:1px;
}
.msgMenu a,
.msgUserMenu a{
  display: block;
  width:100%;
  height:100%;
  text-decoration: none;
  color:#333;
  border-left:5px solid #fff;
}

.msgMenu a{
  padding:6px;
}

.msgUserMenu a{
  display: table;
}

.msgMenu a:hover,
.msgMenu a.selected,
.msgUserMenu a:hover,
.msgUserMenu a.selected{
  border-color:#f1a44f;
}

.msgMenu.editIcon{
  padding-left:20px;
  font-weight: normal;
}

.msgMenu.editIcon:before{
  position:absolute;
  top:7px;
  left:5px;
}

.ad-menu-rect{
  margin: 10px 0;
  border: 2px solid #82c1ea;
}
.ad-menu-rect .header{
  background-color: #82c1ea;
  color: #fff;
  padding: 2px;
  text-align: center;
  font-weight: bold;
}
.ad-list-bottom{
  margin: 20px 0;
  border: 2px solid #82c1ea;
}
.ad-list-bottom .header{
  background-color: #82c1ea;
  color: #fff;
  padding: 5px;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
}

.msgUserList{
  overflow: hidden;
}
.msgUserList.more{
  max-height:925px;
  overflow-x: hidden;
  overflow-y: auto;
}

.msgMenuUserImg{
  display: table-cell;
  vertical-align: middle;
  width: 50px;
}

.msgMenuUserName{
  display: table-cell;
  vertical-align: middle;
  padding:0 18px 0 5px;
  font-size: 90%;
}

.msgUserList.more .msgMenuUserName{
  padding-right:8px;
}

.msgUserMenuHide {
  display: none;
}

.userMoreBtn{
  padding:3px;
  width:100%;
  text-align:center;
  box-sizing:border-box;
  cursor: pointer;
  background-color: #fff8d8;
  border:1px solid #ccc;
  border-top: none;
}
.userMoreBtn:hover{
  background-color: #f1a44f;
  color:#fff;
}

/* 新規作成ボタン */
a.newMessageBtn{
  display: block;
  color:#fff;
  text-decoration: none;
  font-size:16px;
  background-color:#EA731C;
  border-radius: 4px;
  text-align: center;
  padding:2px 10px;
  margin-bottom:10px;
  letter-spacing:2px;
}
a.newMessageBtn img{
  margin-right: 5px;
  vertical-align:-1px;
}
a.newMessageBtn:hover{
  opacity:0.7;
}


table.messageTbl{
  width: 100%;
}
table.messageTbl th{
  text-align: center;
  border:1px dotted #ccc;
  border-top:none;
  background:#fcfbfa;
}
/*受信*/
table.messageTbl tr.reception td{
  background:#fff;
  border:1px dotted #ccc;
}

/*送信*/
table.messageTbl tr.send td{
  background:#fff;
  border:1px dotted #ccc;
}

/*要返信*/
table.messageTbl tr.foster_apply td{
  background:#ddefec;
  font-weight:bold;
}
table.messageTbl tr.foster_apply a{
  color: #0a725f
}

/*未読*/
table.messageTbl tr.unread td{
  background:#fff8d8;
  font-weight:bold;
}

/*選択*/
table.messageTbl tr.checked td{
  background:#ffdfe8;
}

table.messageTbl .need_to_reply{
  color: #c30000;
}

/* メッセージ投稿フォーム */
#tmpImageShow img{
  max-width: 300px;
}
.message-edit-table{
  width:90%;
  margin-top: 15px;
}
.message-edit-table th, .message-edit-table td{
  padding-left:10px;
  padding-right:10px;
}
.message-edit-table th{
  padding-bottom: 0;
  font-weight: bold;
  color: #555;
}
.message-edit-table th.underline{
  border-bottom:dotted 1px #aaa;
}
.message-edit-table td{
  padding-top: 10px;
}

.message-edit-table .msg_title{
  width: 100%;
  font-size: 105%;
}

.message-edit-table .body_textArea{
  width: 100%;
  font-size: 105%;
  line-height:1.5;
}

.sendDisableMsg{
  padding: 30px 0px 0;
  color: #d50000;
  font-weight: bold;
  font-size: 15px;
}

/* ユーザー検索 */
#toUserNameBox {
  position: relative;
}
#inputUserSearch {
  width: 50%
}
.userSearchResult {
  width: 50%;
  position: absolute;
  z-index: 99999;
  top: 98%;
  left: 0;
  background: #fff;
  border: 1px solid #ccc;
}
.userSearchResult .resultHeading {
  padding: 5px;
  font-weight: bold;
  background-color: #f0f2f4;
}
.userSearchResult ul {
  width: 100%;
}
.userSearchResult li {
  cursor: pointer;
  height: 50px;
  display: table-row;
}
.resultImgBlock {
  width: 50px;
  display: table-cell;
  vertical-align: middle;
}
.resultImgBlock img {
  vertical-align:middle;
}
.resultNameBlock {
  padding-left: 10px;
  text-align: left;
  font-size: 110%;
  display: table-cell;
  vertical-align: middle;
}
.userSearchResult li.fcs {
  background-color: #FFE4C4;
}
.userSelectResult {
  vertical-align: middle;
}
.userSelectResult img {
  vertical-align: middle;
}
.userSelectCancelBtn {
  width: 16px;
  margin-left: 10px;
  cursor: pointer;
}
.toUserCancelBtn:hover {
  opacity: 0.7;
}

.notReplied_txt{
  text-align:left;
  border:1px solid #ccc;
  background:#fff;
  padding:10px;
  margin-bottom:10px;
  font-weight:bold;
}