@charset "utf-8";

/******************************************************************************
【各カラーの設定】

1.全体
2.ヘッダー
3.フォーム
4.回答フォーム
5.一覧画面
6.会社登録
99.オプション
*******************************************************************************/
/*---------------------------------
  1. 全体
---------------------------------*/
body {
    color: #626262;
	background-color: #f5f5f6;
}

h2 {
	color: #20b2aa;
}

/*---------------------------------
  2. ヘッダー
---------------------------------*/
.headerback {
    background-color: #20b2aa;
}

.gnavarea a {
    color: #fff;
}

.gnav .username {
    color: #ffffff;
    background-color: #0c6d67;
}

/*---------------------------------
  3. フォーム
---------------------------------*/
input {
	border: solid 1px #d6d6d6;
}

button {
    color: #fff;
    background-color: #88b4de;
}

button:hover {
    background-color: #2d3dbd;
}

.grayout, .grayout:hover {
    color: #869198;
	background-color: #bdc3c7;
}

.q_head {
    color: #fff;
	background-color: #20b2aa;
}

.q_head2 {
    color: #fff;
    background-color: #8cd0cc;
}

.req {
	color: #fff;
    background-color: #ec0000;
}

.dsc {
    color: #8c8c8c;
    background-color: #fffde1;
}

.readonly {
    color: #626262;
    background-color: #ccc;
}

/*---------------------------------
  4. 依頼フォーム
---------------------------------*/
.result_area {
    border: 1px solid #ccc;
}

/*---------------------------------
  5. 一覧画面
---------------------------------*/
.admin_table th {
    color: #fff;
    background-color: #99cfcc;
    border: 1px solid #8a8a8a;
}

.admin_table td {
    color: #525252;
    background-color: #fbfbfb;
    border: 1px solid #8a8a8a;
}

.admin_table tr:nth-child(odd) td {
	background-color: #f5f5f6;
}

.sort_btn {
    color: #797979;
}

.now {
    color: #ffd500;
    font-weight: bold;
}

/*---------------------------------
  6. 会社登録
---------------------------------*/
.admin_table2 th {
    color: #fff;
    background-color: #99cfcc;
    border: 1px solid #8a8a8a;
}

.admin_table2 td {
    color: #525252;
    background-color: #fbfbfb;
    border: 1px solid #8a8a8a;
}

.admin_table2 tr:nth-child(odd) td {
	background-color: #f5f5f6;
}

/*---------------------------------
  99. オプション
---------------------------------*/
.fff {
    color: #626262;
    background-color: #fff;
}

.f_back {
    background-color: rgba(255,255,255,0.8);
    color: #626262;
}

.alert {
    color: #e02929;
    background-color: #ffdddd;
}

.erase {
    color: #e02929;
    background-color: #ffdddd;
}

.success {
    background-color: #d2f7da;
    color: #438c53;
}

/* 編集ボタン 削除ボタン 確認ボタン */
.edit, .delete, .check, .add {
    color: #fff;
    font-size: 14px;
}

/* 編集ボタン */
.edit {
	color: #fff;
    background-color: #89c997;
}
.edit:hover {
    background-color: #208b38;
}

/* 削除ボタン */
.delete {
	color: #fff;
    background-color: #c57a7a;
}
.delete:hover {
    background-color: #cb1e1e;
}

/* 確認ボタン */
.check {
	color: #fff;
    background-color: #88b4de;
}

.check:hover {
    background-color: #2d3dbd;
}

/* 追加ボタン */
.add {
	color: #fff;
    background-color: #88b4de;
}

.add:hover {
    background-color: #2d3dbd;
}