/* bodyの設定 */
main{
    margin-left:20px;
    max-width: 1350px;
}

/* ボタンの設定 */
button{
    cursor: pointer;
    width:200px;
    height:50px;
    font-size:18px;
}
button:hover{
    background-color: #696969;
}

/* テーブルヘッダの設定 */
th{
    font-size:18px;
    background-color:#c0c0c0;
}

/* 左揃え */
td.left-align {
    text-align: left;
}

/* 中央揃え */
td.center-align{
    text-align: center;
}

tr.receiveColor{
    background-color:#ADD8E6;
}

/* テーブル全体の設定 */
table{
    margin-bottom:15px;
}

/* 画像の設定 */
img{
    height: 80px;
    width: 80px;
    margin-right:10px;
}

/* 文字入力欄の設定 */
input{
    height:25px;
    width:400px;
    font-size:18px;
}

header{
    max-width: 1370px;
}

/* 横並び表示設定 */
.flex{
    display: flex;
}

/* 右端に表示 */
.rightShow_main{
    position: absolute;
    left: calc(1350px - 170px);
}

.rightShow_sub{
    position: absolute;
    left: 1280px;
}

/* 削除不可ボタン */
.notdelete{
    background-color:#414141;
    pointer-events: none;
}

/* 文字サイズ拡大 */
.largeTxt{
    font-size:18px;
}

/* インデント */
.indent{
    text-indent: 0.5em;
}

/* エラー文の設定 */
.error{
    color:red;
}

/* テーブル内で使用するボタン */
.miniButton{
    width:50px;
    height:50px;
    font-size:36px;
    border:none;
    background-color: white;
}

/* 返信ボタン */
.reply{
    background-color:#ADD8E6;
}

/* 削除済みレコードの背景色 */
.alreadyDel{
    background-color:#808080;
}

/* ログアウトボタン */
#logout{
    font-size:12px;
    margin-top:10px;
    width:100px;
    height:30px;
}

/* 名前表示欄（メンバー） */
#member {
    color: #007bff;
}

/* メールアドレス表示欄（ゲスト） */
#guest {
    color: #007bff;
}

/* 新規データ送信ボタン */
#sendUploadView{
    margin-top:10px;
    width:250px;
    height:70px;
}