/*---------------------------------
 * BODY要素に対するセレクタ
 *---------------------------------*/

/* ログインページ */
body.LoginPage {
  background-color: #FFFFE1;
}
/* 発言ページ */
body.TalkPage {
  background-color: #FFFFE1;
}
/* スタート(ルーム一覧)ページ */
body.StartPage {
  background-color: #FFFFE1;
}
/* アイコンリスト */
body.IconListPage {
}
/* アイコンアップロード */
body.IconUploadPage {
}
/* チャットページ */
body.ChatPage {
  background-color: #FFFFE1;
  color: #000;
}



/* 発言メッセージ */
div.chat {
  font-size       : 10pt;
  border-bottom   : solid 1px #000;
  padding-top     : 2px;
  padding-bottom  : 3px;
}

/* 案内メッセージ */
div.info {
  font-size       : 10pt;
  background-color: #FCC;
  border-bottom   : solid 1px #000;
  padding-top     : 2px;
  padding-bottom  : 3px;
}

/* 参加者一覧 */
div.user {
  border-top      : solid 1px #080;
  border-bottom   : solid 2px #080;
  margin-bottom   : 0px;
  padding-top     : 2px;
  padding-bottom  : 2px;
  width           : 100%;
}
span.user {
  padding         : 2px;
  background-color: #080;
  color           : #FFF
}

/*---------------------------------
 * FORM関連要素に対するセレクタ
 *---------------------------------*/

/* 発言フォーム */
input.text {
  background-color: #FFF;
  border          : #000000 1px solid;
}
input.talk-button {
  background-color: #FFC;
  border          : #000000 1px solid;
}
input.logout-button {
  background-color: #CCC;
  border          : #000000 1px solid;
}