@charset "utf-8";

/*
-----------------------------------------------------------
	PbsChat Style Sheet
-----------------------------------------------------------
*/

/* スクロールバーなどの設定を変えたい時はここに書きます */
body {
    font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
    font-size: 13px;
    line-height: 1.4;
    letter-spacing: 0;
}

/* フッター */
#footer {
	text-align: center;
	font-size:93%;
	letter-spacing: 3px;
	text-decoration: none;
}

img {
	margin-right:10px;
	padding: 6px;
	border: 1px solid #555;
	background: #FFF;
}

/*
-----------------------------------------------------------
	フォーム
-----------------------------------------------------------
*/
form {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
input, select{
	vertical-align:middle;
}

/* テキストを入力するフォーム */
textarea, input[type=text], input[type=password], input[type=file], select {
    border:1px solid #777;
    margin:2px;
    padding: 5px;
    color: #333;
    background: #fff;
    border-radius: 5px;
     
    /* Webkit */
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#eee),
        to(#fff)
        );
     
    -webkit-border-radius: 5px;
    -webkit-box-shadow: 1px 1px 1px #fff;
     
    /* Firefox */
    background: -moz-linear-gradient(
        top,
        #eee,
        #fff
        );
     
    -moz-border-radius: 5px;
    -moz-box-shadow: 1px 1px 1px #fff;
     
    /* IE */
    filter:progid:DXImageTransform.Microsoft.gradient
        (startColorstr=#ffeeeeee,endColorstr=#ffffffff);
    zoom: 1;
}
textarea:focus, input[type=text]:focus, input[type=password]:focus, select:focus {
    background: #fff;
}

/* テキストラベル */
.textlabel {
	margin: 0px 3px 0px 5px;
	font-weight: bold;
}

/* 送信ボタン */
input[type=button], input[type=submit], input[type=reset] {
	margin: 0px 0px 0px 10px;
	font-weight:bold;
	font-size: 108%;
	border:1px solid #777;
	padding: 5px 20px;
	color: #666;
	cursor: pointer;
	background: #ddd;
	border-radius: 3px;
	 
	/* Webkit */
	-webkit-border-radius:5px;
	-webkit-box-shadow:1px 1px 3px #bbb, -1px -1px 1px #eee, 1px 1px 0 0 #fff inset;
	 
	/* Firefox */
	-moz-border-radius: 5px;
	-moz-box-shadow: 1px 1px 3px #bbb, -1px -1px 1px #eee, 1px 1px 0 0 #fff inset;
}
input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover {
	color: #fff;
	background: #999;
	
	/* Webkit */
	-webkit-box-shadow: 1px 1px 3px #bbb,1px 1px 0 0 #aaa inset;
	
	/* Firefox */
	-moz-box-shadow: 1px 1px 3px #bbb,1px 1px 0 0 #aaa inset;
}
input[type=button]:active, input[type=submit]:active, input[type=reset]:active {
	top:1px;
	position:relative;
	background: #959595;
	
	/* Webkit */
	-webkit-box-shadow: 0 0 0 #fff;
	 
	/* Firefox */
	-moz-box-shadow: 0 0 0 #fff;
}


/*
-----------------------------------------------------------
	チャット本文表示
-----------------------------------------------------------
*/

/* 発言時間 */
.timestamp {
	font-size: 85%;
}

/* 参加者 */
.entrant {
	margin:0px 5px 0px 0px;
	padding:0px 1px 0px 3px;
	border-right:1px solid #777;
	border-bottom:1px solid #777;
	border-radius: 2px;
	 
	/* Webkit */
	-webkit-border-radius:2px;
	 
	/* Firefox */
	-moz-border-radius: 2px;
}

/* 区切り線 */
.sline {
    border: 0;
    height: 1px;
    background: #999999;
}

/* ダイス表示 */
.dice {
	color: gray;
}


/*
-----------------------------------------------------------
	入室画面
-----------------------------------------------------------
*/

/* 戻るリンク */
#backlink {
	float: right;
}

h1.ent {
	font-size: 20px;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display:inline;
}

hr.ent {
    border: 0;
    height: 1px;
    background: #333;
    background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc);
    background-image:    -moz-linear-gradient(left, #ccc, #333, #ccc);
    background-image:     -ms-linear-gradient(left, #ccc, #333, #ccc);
    background-image:      -o-linear-gradient(left, #ccc, #333, #ccc);
}

h2.ent {
	font-size: 14px;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
}

/* カラーリスト */
#colorList {
	width:100%;
	height: 300px;
}

.colorbox {
	width:150px;
	display: inline-block;
	cursor: pointer;
}

.colorbox:hover {
text-shadow: 0 0 2px #ffffff, 0 0 2px #ffffff, 0 0 2px #ffffff, 0 0 2px #ffffff, 0 0 2px #ffffff, 0 0 2px #ffffff, 0 0 2px #ffffff, 2px 2px 2px #666;
font-weight: bold;
}

#ent_gk {
	width: 70%;
}

/*
-----------------------------------------------------------
	発言表示
-----------------------------------------------------------
*/
#now {
	float:right;
}

#join {
	float:left;
}

#log {
	width: 100%;
	white-space: pre;           /* CSS 2.0 */
	white-space: pre-wrap;      /* CSS 2.1 */
	white-space: pre-line;      /* CSS 3.0 */
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -hp-pre-wrap;  /* HP Printers */
	word-wrap: break-word;      /* IE 5+ */
}

/*
-----------------------------------------------------------
	修正画面
-----------------------------------------------------------
*/
.updateform {
    zoom: 100%;
}
.updateform:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}


/*
-----------------------------------------------------------
	プロフィール登録
-----------------------------------------------------------
*/
.check {
	color: #FF0000;
}


/*
-----------------------------------------------------------
	その他
-----------------------------------------------------------
*/

/* フロート解除 */
.clearFloat {
	clear:both;
}

/* テーブル装飾 */
table {
	margin-left: 10px;
    *border-collapse: collapse; /* IE7 and lower */
    border-spacing: 0;
}
.zebra td, .zebra th {
    padding: 5px 5px 5px 10px;
    border-bottom: 1px solid #f2f2f2;
}

.zebra tbody tr:nth-child(even) {
    background: #f5f5f5;
}

.zebra th {
    text-align: left;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
    border-top: 2px solid #aaa;
    border-bottom: 2px solid #aaa;
    background-color: #fff;
}

/* リスト装飾 */
ul{
    list-style:none;
    border:none;
    zoom:1;
    overflow:hidden;
/*gap*/
    margin:1em 16px;
    padding:1px 1px 0 1px;
}
ul li{
    list-style:none;
    border:none;
    float:left;
    clear:both;
    width:100%;
/*gap*/
    margin:0 0 1px 0;
    padding:4px 0;
}
ul li .my-label-for{
    float:left;
}
ul li label{
    float:left;
    display:block;
    width:8em;
/*gap*/
    padding-left:2px;
}

ul{
    background:#ccc;
    _border-bottom:solid 1px #ccc;
-webkit-border-radius: 5px;
}
ul li{
    background:#eee;
    border-top:solid 1px #fff;
    border-bottom:solid 1px #e7e7e7;
}
label {
	margin-left: 10px;
	font-weight: bold;
}
dt {
	margin-top: 10px;
	position:relative;
	left: 10px;
	margin-right: 10px;
	_margin-right: -10px;
	_left:-10px;
	font-weight: bold;
}

.lifocus {
	background: #ffffdd;
}

.req {
	font-weight : normal;
	color : red;
}

.navi {
    background:#ccc;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	width:482px;
	position:absolute;
	top:0px;
	left:14px;
	_left:16px;
	padding-top: 3px;
}

/* 画像のライトボックス表示 */
.overlay {
  position: fixed;
  _position: absolute;
  display: none;
  top: 0;
  width: 100%;
  z-index: 1;
}
.overlay img, .portrait {
  display: inline-block;
  position: absolute;
  -webkit-box-shadow: 10px 10px 20px 0px #666;
  -moz-box-shadow: 10px 10px 20px 0px #666;
  box-shadow: 10px 10px 20px 0px #666;
}
.lightbox {
text-decoration:none
}