/*
  [チャッターズ] 外部CSSファイル
    バージョン   : CHATTERS/1.00
    最終更新日時 : *
    ルーム名(ID) : テンプレート (標準)

  (注意)
    このファイルを直接編集してサーバーにアップロードした後に管理パネルのスタイ
  ル設定を更新すると、直接編集した内容は失われます。
*/


/* ■ body要素 (標準) ------------------- */
body
{
  color            : #000000;
  background-color : #FFEEFF;
}
a:link
{
  color            : #0000FF;
  text-decoration  : underline;
}
a:visited
{
  color            : #000066;
  text-decoration  : underline;
}
/* -------------------------------------- */

/* ■ body要素 (チャットページ) --------- */
body.chatpage
{
  background-image : none;
}
body.chatpage a:link
{
  text-decoration  : underline;
}
body.chatpage a:visited
{
  text-decoration  : underline;
}
/* -------------------------------------- */

/* ■ body要素 (入室・発言ページ) ------- */
body.loginpage, body.talkpage
{
  background-color : #FFEEFF;
  background-image : none;
}
body.loginpage a:link
{
  text-decoration  : underline;
}
body.loginpage a:visited
{
  text-decoration  : underline;
}
/* -------------------------------------- */

/* ■ body要素 (退室ページ) ------------- */
body.logoutpage
{
  background-image : none;
}
body.logoutpage a:link
{
  text-decoration  : underline;
}
body.logoutpage a:visited
{
  text-decoration  : underline;
}
/* -------------------------------------- */

/* ■ body要素 (アイコンページ) --------- */
body.iconpage
{
  background-image : none;
}
body.iconpage a:link
{
  text-decoration  : underline;
}
body.iconpage a:visited
{
  text-decoration  : underline;
}
/* -------------------------------------- */


/* ■ 見出し1 (ページ冒頭) -------------- */
h1.main
{
  background-color : #0000FF;
  color            : #FFFFFF;
  background-image : url("../images/_pink_v.gif");
  background-position: bottom;
  background-repeat: repeat-x;
  padding          : 2px;
  font-size        : 14pt;
  margin-top       : 0px;
}
/* -------------------------------------- */

/* ■ プログレスバー -------------------- */
div.progressbar
{
  position         : relative;
  top              : 10px;
  right            : 57px;
  width            : 202px;
  border           : solid 1px #999;
  text-align       : left;
}
/* -------------------------------------- */

/* ■ リロードリンク＆最終更新時間表示部  */
div.reload
{
  margin-top       : -4px;
}
/* -------------------------------------- */

/* ■ エラーメッセージ(発言内表示) ------ */
strong.err
{
  background-color : #F00;
  color            : #FFF;
  font-size        : 8pt;
  font-weight      : normal;
}
/* -------------------------------------- */

/* ■ 記録時間 -------------------------- */
span.time
{
  vertical-align   : super;
  color            : #666666;
  font-size        : 7pt;
}
/* -------------------------------------- */

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

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

/* ■ IPアドレス ------------------------ */
span.ipaddr
{
  font-size        : 10px;
  color            : #BBB;
}
/* -------------------------------------- */

/* ■ アイコン -------------------------- */
img.icon
{
}
/* -------------------------------------- */

/* ■ 発言全体 (垂直表示用) ------------- */
div.main-v
{
  margin-left      : 120px;
}
/* -------------------------------------- */

/* ■ 発言全体 (水平表示用) ------------- */
div.main-h
{
}
/* -------------------------------------- */

/* ■ 参加者一覧 (垂直表示用) ----------- */
div.user-v
{
  /* 固定値のため変更不要 (ここから) */
  position         : absolute;
  top              : 0px;
  left             : 0px;
  width            : 118px;
  height           : 100%;
  /* 固定値のため変更不要 (ここまで) */

  background-image : url('../images/_pink_w.gif');
  background-repeat: repeat-y;
  border           : solid 1px #FF33CC;
  color            : #FF33CC;
  background-color : #FFFFFF;
  font-size        : 14px;
  margin-bottom    : 0px;
  padding-top      : 0px;
  padding-bottom   : 2px;
}
/* -------------------------------------- */

/* ■ 参加者一覧 (水平表示用) ----------- */
div.user-h
{
  font-size        : 14px;
  border           : solid 1px #FF33CC;
  color            : #FF33CC;
  background-color : #EEEEEE;
  margin-bottom    : 0px;
  padding-top      : 0px;
  padding-bottom   : 2px;
}
/* -------------------------------------- */

/* ■ 垂直表示の[参加者]の部分 ---------- */
div.users
{
  padding          : 2px;
  background-color : #FF33CC;
  font-size        : 14px;
  color            : #FFFFFF;
  background-image : url("../images/_pink_v.gif");
  background-position: bottom;
  background-repeat: repeat-x;
}
/* -------------------------------------- */

/* ■ 水平表示の[参加者]の部分 ---------- */
span.users
{
  padding          : 2px;
  font-size        : 14px;
  background-color : #FF33CC;
  color            : #FFFFFF;
}
/* -------------------------------------- */

/* ■ プロフィール ---------------------- */
#prof
{
  display          : none;
  width            : 200px;
  background-color : #EFF;
  border           : solid 1px #666;
  position         : absolute;
  font-size        : 10pt;
  z-index          : 1;
}
div.profname
{
  background-color : #666;
  color            : #FFF;
  font-weight      : bold;
  font-size        : 11pt;
  padding          : 2px;
}
div.prof
{
  font-size        : 9pt;
  padding          : 3px;
}
span.prof
{
  color            : #339;
}
/* -------------------------------------- */