@charset "utf-8";

body{
    width: 100%;
    background-color: #ffffff;
/*  background: url(../../images/front/body_bg.gif) repeat-x top center;*/
    color: #333333;
    font-family: "メイリオ","ＭＳ Ｐゴシック",sans-serif;
    text-align: left;
    font-size: 12px;
    line-height: 18px;
    padding: 0;
    margin: 0;
    }

/* chat top */

table#table-01 {
  width: 645px;
  border: 1px #CCC solid;
  border-collapse: collapse;
  border-spacing: 0;
  }

table#table-01 th {
  padding: 5px;
  border: #CCC solid;
  border-width: 0 0 1px 1px;
  background: #F5F5F5;
  font-weight: bold;
  line-height: 120%;
  text-align: center;
  }

table#table-01 td {
  padding: 5px;
  border: 1px #CCC solid;
  border-width: 0 0 1px 1px;
  text-align: center;
  }

/* chat room */

div#pfc_container img {
  behavior: url(http://test.imagemagic.co.jp/chat/data/public/themes/default/iepngfix.htc);
  }

div#pfc_container div {
  behavior: url(http://test.imagemagic.co.jp/chat/data/public/themes/default/iepngfix.htc);
  }

div#pfc_container {
  min-height: 20px;
/*	background-color: #FFF;*/
  font-family: Verdana, Sans-Serif;
  border: 1px solid #CCC;
/*	border: #000 double 5px;
  background-image: url(http://test.imagemagic.co.jp/chat/data/public/themes/mytheme/images/brick.jpg);
  background-repeat: repeat;*/
  background-image: url(../../images/front/chatroomBg.gif);
  background-position: bottom;
  background-repeat: repeat-x;
  background-color: #EFEFEF;
  color: #333;
  margin: auto;
  padding: 20px;
  /*-- 上部 右 角丸 --*/
  -moz-border-radius-topright: 5px;
  -khtml-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
  /*-- 上部 左 角丸 --*/
  -moz-border-radius-topleft: 5px;
  -khtml-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
  /*-- 下部 右 角丸 --*/
  -moz-border-radius-bottomright: 5px;
  -khtml-border-radius-bottomright: 5px;
  -webkit-border-bottom-right-radius: 5px;
  /*-- 下部 左 角丸 --*/
  -moz-border-radius-bottomleft: 5px;
  -khtml-border-radius-bottomleft: 5px;
  -webkit-border-bottom-left-radius: 5px;
  }

div#pfc_container a img {
  border: 0;
  }

#pfc_minmax {cursor: pointer;
  margin: 0;
  padding: 0;
  }

div#pfc_content_expandable {
  margin: 0.2em 0 0;
  padding: 0;
  }

div#pfc_channels_content {
  z-index: 20;
  position: relative;
  width: 100%;
  border-right: 1px solid #CCC;
  border-left: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  background-color: #FFF;
  height: 450px;
  margin: 0;
  padding: 0;
  }

ul#pfc_channels_list {
  list-style-type: none;
  display: block;
  z-index: 50;
  border-bottom: 1px solid #CCC;
  line-height: 100%;
  margin: 0;
  padding: 0;
  }

ul#pfc_channels_list li {
  display: inline;
  margin: 0 0 0 5px;
  padding: 0;
  }

ul#pfc_channels_list li img {
  vertical-align: bottom;
  margin: 0;
  padding: 0;
  }

ul#pfc_channels_list li div {
  display: inline;
  border-top: 1px solid #CCC;
  border-right: 1px solid #CCC;
  border-left: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  background-color: #EFEFEF;
  vertical-align: bottom;
  margin: 0;
  padding: 0 4px;
  }

ul#pfc_channels_list li.selected div {
  background-color: #FFF;
  border-bottom: 1px solid #FFF;
  color: #333;
  font-weight: 700;
  }

ul#pfc_channels_list li a {
  color: #333;
  text-decoration: none;
  margin: 0;
  padding: 0;
  }

ul#pfc_channels_list li a.pfc_tabtitle img {
  padding-right: 4px;
  }

ul#pfc_channels_list li a.pfc_tabclose {
  margin-left: 4px;
  cursor: pointer;
  }

div.pfc_chat {
  z-index: 100;
  position: absolute;
  top: 0;
  left: 0;
  width: 80%;
  overflow: auto;
  word-wrap: break-word;
  margin: 0;
  padding: 0;
  }

div.pfc_chat div {
  border: none;
  margin: 0;
  padding: 0;
  }

div.pfc_online {
  position: absolute;
  right: 0;
  top: 0;
  overflow: auto;
  width: 20%;
  color: #333;
  background-color: #FFF;
  background-image: url("http: //test.imagemagic.co.jp/chat/data/public/themes/default/images/online-separator.gif");
  background-position: left;
  background-repeat: repeat-y;
  margin: 0;
  padding: 0;
  }

div.pfc_online ul {
  list-style-type: none;
  font-size: 90%;
  font-weight: 700;
  margin: 4px;
  padding: 0;
  }

ul.pfc_nicklist li {
  border-bottom: 1px solid #AAA;
  background-image: none;
  margin: 0 0 5px;
  padding: 0;
  }

ul.pfc_nicklist img {
  vertical-align: middle;
  }

ul.pfc_nicklist nobr span {
  display: inline;
  text-decoration: none;
  margin: 0;
  padding: 0;
  }

h2#pfc_title {
  border: none;
  font-size: 110%;
  margin: 0;
  padding: 0 0 0 10px;
  line-height: 18px;
  background: url(../../images/front/iconSubttl.gif) no-repeat 0 6px;
  }

img#pfc_minmax {
  float: right;
  }

div.pfc_message {
  background-color: transparent;
  background-image: url("http: //test.imagemagic.co.jp/chat/data/public/themes/mytheme/images/newmsg.gif");
  background-repeat: no-repeat;
  background-position: right center;
  margin: 0;
  padding: 0;
  }

div.pfc_message img {
  vertical-align: middle;
  margin: 0;
  padding: 0;
  }

div.pfc_oldmsg {
  background-position: right;
  background-repeat: no-repeat;
  background-image: url("http: //test.imagemagic.co.jp/chat/data/public/themes/mytheme/images/oldmsg.gif");
  }

span.pfc_date {
  color: #bebebe;
  font-size: 70%;
  }

span.pfc_heure {
  color: #bebebe;
  font-size: 70%;
  }

span.pfc_nick {
  color: #fbac17;
  font-weight: 700;
  }

div#pfc_input_container {
  margin: 5px 0 0;
  padding: 0;
  }

div#pfc_input_container td.pfc_td2 {
  padding-right: 5px;
  width: 100%;
  }

  div#pfc_input_container td.pfc_td2 input {
    border: 1px solid #CCC;
    padding: 5px 0;
    font-size: 12px;
    }

input#pfc_words {
  border: #CCC solid 1px;
  background-color: #FAFAFA;
  width: 100%;
  vertical-align: bottom;
  font-size: 1em;
  height: 1.2em;
  margin: 0;
  padding: 0;
  }

input#pfc_send {
  display: block;
  border: 1px solid #CCC;
  background-color: #EFEFEF;
  vertical-align: bottom;
  font-size: 12px;
  line-height: 26px;
  height: 27px;
  cursor: pointer;
  margin: 0;
  padding: 0 7px;
  }

div#pfc_cmd_container {
  position: relative;
  margin: 4px 0 0;
  padding: 0;
  }

p#pfc_handle {
  display: inline;
  color: #333;
  font-weight: 700;
  font-size: 70%;
  vertical-align: top;
  white-space: pre;
  margin: 0 5px 0 0;
  padding: 0;
  }

a#pfc_logo {
  float: right;
  margin: 0;
  padding: 0;
  }

#pfc_ping {
  float: right;
  font-size: 80%;
  margin: 0 5px 0 0;
  padding: 0;
  }

div.pfc_btn {
  display: inline;
  cursor: pointer;
  margin: 0 6px 0 0;
  padding: 0;
  }

div.pfc_btn img {
  vertical-align: middle;
  border: 1px solid #FFF;
  margin: 0;
  padding: 0;
  }

div#pfc_bbcode_container {
  margin: 4px 0;
  padding: 0;
  }

div#pfc_errors {
  display: none;
  border: 1px solid #CCC;
  color: #EC4B0F;
  background-color: #FB7;
  font-style: italic;
  font-family: monospace;
  font-size: 90%;
  margin: 0 0 4px;
  padding: 5px;
  }

.pfc_cmd_msg {color: #CCC;
  }

.pfc_cmd_me {
  font-style: italic;
  color: #333;
  }

.pfc_cmd_notice {
  font-style: italic;
  color: red;
  }

.pfc_info {
  color: #888;
  font-family: sans-serif;
  font-style: italic;
  background-color: #EEE;
  font-size: 80%;
  }

div#pfc_colorlist {
  display: none;
  margin: 0;
  padding: 0;
  }

img.pfc_color {
  cursor: pointer;
  vertical-align: middle;
  margin: 1px;
  padding: 1px;
  }

.pfc_nickmarker {
  white-space: pre;
  }

div#pfc_smileys {
  display: none;
  background-color: #FFF;
  border: 1px solid #CCC;
  margin: 0;
  padding: 4px;
  }

div#pfc_smileys img {
  cursor: pointer;
  vertical-align: middle;
  margin: 0 6px 0 0;
  padding: 0;
  }

div.pfc_nickwhois {
  border: 1px solid #CCC;
  background-color: #FFF;
  font-size: 75%;
  margin: 0;
  padding: 0;
  }

.pfc_nickwhois_header {
  background-color: #EEE;
  border-bottom: 1px solid #CCC;
  text-align: center;
  font-weight: 700;
  vertical-align: middle;
  margin: 0;
  padding: 0;
  }

.pfc_nickwhois_header img {
  float: left;
  cursor: pointer;
  vertical-align: middle;
  margin: 3px 0 3px 2px;
  }

div.pfc_nickwhois table {
  width: 120px;
  border: none;
  margin: 0;
  padding: 0;
  }

div.pfc_nickwhois td {
  border: none;
  margin: 0;
  padding: 0 0 0 2px;
  }

td.pfc_nickwhois_c1 {
  font-weight: 700;
  }

.pfc_nickwhois_pv {
  text-align: left;
  margin: 0;
  padding: 0 0 0 2px;
  }

div#pfc_debug {
  font-size: 11px;
  }

div#pfc_sound_container {
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
  width: 0;
  height: 0;
  }

div#pfc_promptbox {
  border: 2px solid #CCC;
  background-color: #EFEFEF;
  width: 350px;
  }

div#pfc_promptbox h2 {
  width: 100%;
  background-color: #888;
  color: #FFF;
  font-family: verdana;
  font-size: 10pt;
  font-weight: 700;
  height: 20px;
  margin: 0;
  }

div#pfc_promptbox p {
  margin: 10px 0 0 10px;
  }

div#pfc_promptbox form {
  text-align: right;
  margin: 0 10px 10px;
  }

div#pfc_promptbox input {
  border: 1px solid #CCC;
  }

input#pfc_promptbox_field {
  width: 100%;
  }

input#pfc_promptbox_submit {
  margin: 0;
  }

input#pfc_promptbox_cancel {
  margin: 5px 10px 0 0;
  }

span.pfc_heure {
  margin-left: 25px;
  color: #888;
  }

div.pfc_btn img: hover {
  border: 1px solid #CCC;
  background-color: #CCC;
  }

div.pfc_content {
  margin: 0;
  padding: 0;
  }

div#pfc_input_container input {
  margin: 0;
  padding: 0;
  }

a#pfc_logo img {
  margin: 0;
  padding: 0;
  }

ul#pfc_channels_list li div: hover {
  background-color: #FFF;
  }

ul#pfc_channels_list li div.pfc_tabblink2 {
  background-color: #FFF;
  }

div#pfc_chat {
  background-color: #FFF;
  }

ul#pfc_channels_list li a.pfc_tabtitle {
  cursor: pointer;
  }

img.pfc_nickbutton {
  cursor: pointer;
  }

ul.pfc_nicklist a {
  text-decoration: none;
  }

.pfc_nickwhois_pv a {
  text-decoration: none;
  }

.pfc_invisible {
  display: none;
  }

span.pfc_date {
  display: none;
  }

div#pfc_input_container table {
  border: none;
  margin: 0;
  padding: 0;
  }

div#pfc_input_container tbody {
  border: none;
  margin: 0;
  padding: 0;
  }

div#pfc_input_container td {
  border: none;
  margin: 0;
  padding: 0;
  }

div.pfc_nickwhois tbody {
  border: none;
  margin: 0;
  padding: 0;
  }

div.pfc_nickwhois a img {
  border: none;
  }

div#pfc_content {
  border: none;
  }

span.pfc_pseudo {
  color: #333;
  font-weight: 700;
  }

input#pfc_handle {
  color: #333;
  font-weight: 700;
  }