@charset 'UTF-8';
/*
 * Cascading Style Sheet for chat/plain (http://confetto.s31.xrea.com/)
 *
 * $Name: release-3-0 $
 * $Id: chat.css,v 3.3 2012/06/02 15:04:45 confetto Exp $
 */

/******************************************************************************
 * 色の設定
 ******************************************************************************/

#chat body {
	/* ページの背景色 */
	background-color: #ffffff;

	/* ページの文字色 */
	color: #333333;
}

/* 未訪問リンクの文字色 */
#chat a:link    { color: #0000ff }

/* 既訪問リンクの文字色 */
#chat a:visited { color: #800080 }

/* アクティブリンクの文字色 */
#chat a:active  { color: #ff0000 }

#chat h1, #chat h2, #chat dt {
	/* 発言者欄等の背景色 */
	background-color: #eeeeee;

	/* 発言者欄等の文字色 */
	color: #000000;
}

#chat dd, #chat dl, #chat dt, #chat h1, #chat h2 {
	/* 罫線の色 */
	border-color: #999;
}

/******************************************************************************
 * 色以外の設定
 ******************************************************************************/

#chat * {
	font: inherit;
	margin: 0;
	padding: 0;
	text-align: left;
}

#chat address, #chat cite, #chat em, #chat var, #chat .info, #chat .info + * {
	font-style: italic;
}

#chat address, #chat dt {
	text-align: left;
}

#chat address, #chat dd:after {
	clear: left;
}

#chat blockquote {
	margin: 1em 40px;
}

#chat body {
	line-height: 1.5;
	padding: 1%;
}

#chat caption, #chat h2, #chat th {
	text-align: center;
}

#chat code, #chat input, #chat kbd, #chat pre, #chat samp {
	font-family: monospace;
}

#chat dd, #chat dl, #chat dt, #chat h1, #chat h2 {
	border-style: solid;
}

#chat dd, #chat dt {
	border-width: 1px 0 0;
}

#chat dt, #chat h1, #chat h2, #chat h3, #chat h4, #chat h5, #chat h6, #chat strong, #chat th {
	font-weight: bolder;
}

#chat dt, #messages {
	float: left;
}

#chat dt {
	margin-right: 4px;
	padding-right: 8px;
	width: 20%;
}

#chat dl {
	border-width: 0 0 1px;
}

#chat fieldset, #chat form, #chat h2, #chat h3, #chat h4, #chat h5, #chat h6, #chat ol, #chat p, #chat pl {
	margin: 1em 0;
}

#chat h1, #chat h2 {
	border-width: 1px;
}

#chat h1 {
	font-size: 2em;
	padding: 0 8px;
}

#chat h5, #chat h6, #chat sub, #chat sup {
	font-size: .83em;
}

#chat input, #chat select {
	box-shadow: 0px 0px 16px #cccccc;
}

#chat input {
	max-width: 98%;
	padding: 1px;
}

#chat ol, #chat ul {
	padding-left: 20px;
}

#chat li ol, #chat li ul {
	margin: 0;
}

#chat dd:after {
	content: '.';
	display: block;
	height: 0;
	visibility: hidden;
}

/*
 * Firefoxでボタンの高さが変わるのを防ぐ。
 * 参考: http://www.karlrixon.co.uk/writing/
 *       remove-button-focus-outline-using-css
 */
#chat input::-moz-focus-inner {
	border-width: 0;
}

#chat .message-date {
	margin-left: 4px;
}

#chat #messages {
	width: 100%;
}

#chat #sessions, #chat #navigation {
	/*margin-left: 81%;*/
}
#chat #sessions li{
	display: inline-block;
	margin-left:10px;
}

#chat #form h2, #chat #messages h2 {
	display: none;
}

/******************************************************************************
 * 小さい画面向けの設定 (発言者欄の幅の最低値を6emくらいとする)
 ******************************************************************************/

/* device-width * 0.98 * 0.8 * 0.2 < 6em */
#chat @media handheld, (max-width: 38.26em) {
	#messages {
		float: none;
		width: auto;
	}

	#navigation, #sessions {
		margin: 0;
	}
}

/* device-width * 0.98 * 0.2 < 6em */
#chat @media handheld, (max-width: 30.61em) {
	body {
		line-height: normal;
	}

	dt {
		float: none;
		margin: 0;
		padding: 0;
		text-align: left;
		width: auto;
	}
}

/******************************************************************************
 * MSIEのための特殊な記述
 ******************************************************************************/

#chat dt {
	clear: left;
}

#chat h2 {
	font-size: 1em;
}