#chatwrap        /* チャット全体 */
{
  position: relative;
  top: 0px;
  left: 0px;
  width: 490px;
  height: 520px;
  overflow: hidden;
}

#chatlog         /* チャットログ表示部分 */
{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 320px;
  height: 440px;
  font-size: 11pt;
  overflow: auto;
  border: 1px solid gray;
  z-index: 3;
}

.chatlog_innerwrap
{
  padding: 0px;
  margin: 0px;
  border-width: 0px;
}

/* 発言の書式をまとめて設定 */
.chatlog_item, .chatlog_item_myself, .chatlog_item_enter, .chatlog_item_leave, .chatlog_acv, .chatlog_system
{
  padding-top: 1px;
  padding-left: 5px;
  width: 294px;
  word-break: break-all;
}

.chatlog_item          /* 他の人の発言 */
{
}

.chatlog_item_myself  /* 自分の発言 */
{
  background-color: #f0fff0;
}

.chatlog_item_enter   /* システムメッセージ：入室 */
{
  text-align: right;
  color: gray;
  font-size: 9pt;
}

.chatlog_item_leave  /* システムメッセージ：退室 */
{
  text-align: right;
  color: gray;
  font-size: 9pt;
}

.chatlog_acv        /* 「古いメッセージを見る」の部分 */
{
  text-align: center;
}

.chatlog_system       /* システムメッセージ */
{
  float: left;
  color: gray;
  font-size: 9pt;
}


.chatlog_name          /* 発言者の名前 */
{
  font-weight: bold;
  padding-right: 5px;
  margin-right: 3px;
  border-right: 3px solid #D0D0D0;
}

.chatlog_time          /* 発言日時 */
{
  color: #D0D0D0;
  padding-top: 0px;
  padding-left: 5px;
  font-size: 8pt;
  text-align: right;
}



#chatform               /* 発言入力フォーム全体 */
{
  position: absolute;
  top: 448px;
  left: 0px;
  height: 64px;
  width: 320px;
  z-index: 1;
}

#chattext              /* 発言用テキストエリア */
{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 270px;
  height: 64px;
  font-size: 11pt;
  overflow: auto;
  border: 1px solid gray;
  word-break: break-all;
}

#saybutton             /* 送信ボタン */
{
  position: absolute;
  top: 1px;
  left: 275px;
  width: 45px;
  height: 22px;
  border: 1px solid gray;
  font-size: 10pt;
}

#leaveroom             /* 退室ボタン */
{
  position: absolute;
  top: 44px;
  left: 275px;
  width: 45px;
  height: 20px;
  text-align: center;
  background-color: #ffffdd;
  font-size: 10pt;
}



#nickwrap              /* ニックネーム入力フォーム全体 */
{
  position: absolute;
  top: 448px;
  left: 0px;
  width: 320px;
  height: 64px;
  color: gray;
  font-weight: bold;
  font-size: 11pt;
  background-color: #ffffdd;
  border: 1px solid gray;
  z-index: 2;
}

#nickname            /* ニックネーム入力欄 */
{
  position: absolute;
  top: 25px;
  left: 20px;
  width: 220px;
  height: 22px;
  border: 1px solid gray;
}

#nickbutton          /* 参加ボタン */
{
  position: absolute;
  top: 25px;
  left: 250px;
  width: 50px;
  height: 22px;
  border: 1px solid gray;
  font-size: 10pt;
}



#ocupants            /* チャット参加者リスト */
{
  position: absolute;
  top: 0px;
  left: 330px;
  width: 150px;
  height: 440px;
  overflow: auto;
  border: 1px solid gray;
  font-size: 11pt;
}

.ocp_item_top        /* 「参加者」ラベル */
{
  padding: 2px;
  text-align: center;
  border-bottom: 1px solid gray;
  background-color: #ffffdd;
}

.ocp_item            /* 自分以外の参加者 */
{
  padding-top: 1px;
  padding-left: 5px;
}

.ocp_item_myself     /* 参加者リスト内の自分 */
{
  padding-top: 1px;
  padding-left: 5px;
  background-color: #f0fff0;
}


#credits             /* Powerd by Lingr */
{
  position: absolute;
  top: 445px;
  left: 330px;
  width: 150px;
  text-align: right;
  font-size: 10pt;
  color: gray;
}