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

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

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

/* 参加者リストをサイド表示する場合に必要(帯型表示の場合は削除) */
div.main {
  margin-left     : 120px;
}

/* 参加者一覧 (position〜heightまでサイド表示用、帯型表示の場合は削除) */
#user {
  position         : absolute;
  top              : 0px;
  left             : 0px;
  width            : 118px;
  height           : 100%;

  border           : solid 1px #080;
  background-color : #EEF;
  margin-bottom    : 0px;
  padding-top      : 0px;
  padding-bottom   : 2px;
}

/* サイド表示の[参加者]の部分のスタイル */
div.users {
  padding         : 2px;
  background-color: #080;
  color           : #FFF
}

/* 帯型表示の[参加者]の部分のスタイル */
span.user {
  padding         : 2px;
  background-color: #080;
  color           : #FFF
}