/****************************************************
	USE FOR CONTACT TOP
****************************************************/
.search_request_status_block{
    display: flex;
    padding: 5px;
}

.search_request_status_block>div{
    padding: 5px;
}
.search_request_status_block>div:last-of-type{
    margin-left: auto;
}

.search_status{
    display: flex;
}

/****************************************************
	USE FOR CONTACT HISTORY
****************************************************/
.contactor_block{
    display:flex;
    /*margin-bottom: 20px;*/
}

.contact_topic_block{
    margin-top: 20px;
}

.user_name_block{
    height: 48px;
    display:table;
}
.user_name{
    /*上下中央*/
    display:table-cell;
    vertical-align:middle;
    /*その他*/
    padding-left: 5px;
}
.user_name_time{
    color: darkgray;
}

.contact_main_block:hover{
    background: rgb(247,247,247);
}
/****************************************************
	USE FOR CONTACT MAIN
****************************************************/
.contactScrollBox {
    width: 100%;                /* 横幅を200pxに指定 */
    height: 325px;               /* 横幅を200pxに指定 : 50pxで1行 */
    border: 0 solid lightgray;      /* わかりやすくボーダーを引く */
    overflow-y: scroll;          /* 縦方向にスクロール可能にする */
}
.contactScrollBox>tbody{
    display: block;
}