@CHARSET "UTF-8";

/* A */
/* 対話部分（外側）の枠線の色 */
#mainDiv {
        border-color: #2A7E7D;
}
/* ブラウザウィンドウのズーム時に隙間を避ける mainDivと同じ色を設定 */
.contentDiv {
        box-shadow: 0 0 0 2px #2A7E7D;
}
/* メニューと対話入力部分の背景色 */
.backColor {
        background-color: #2A7E7D;
}

/* 枠線の色 A (対話画面、パスワード変更画面、ログアウト画面、パスワード変更警告 画面) */
.borderColor {
        border-color: #2A7E7D;
}

/* B E */
/* 選択肢ボタンの色・文字色 */
.bubble button.btnGrpItem {
        border-color: #2A7E7D;  /* B */
        color:        #2A7E7D;  /* B */
}

/* hover時の選択肢ボタンの色 */
.bubble button.btnGrpItem:hover {
        background:#EFF9F9; /* E */
        color:     #2A7E7D; /* B */
}

/* 吹き出し（AI側）のテキストエリアの枠線 */
.commentArea:hover, .commentArea:focus{
        border-color: #2A7E7D; /* B */
}

/* C D */
/* 吹き出し（ユーザ側）の色 */
.userBackColor {
        background-color: #2A7E7D; /* C */
}
/* ユーザ側吹き出しの文字色 */
.userFontColor {
	color: #FFFFFF; /* D */
}
/* タイトルの文字色 */
.fontColor {
	color: #FFFFFF; /* D */
}
/* スマートフォン用CSS */
@media screen and (max-width: 640px) {
    .robotImg {
        width:40px !important;
        height:40px !important;
    }
}