@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 $
 */

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

body {
	/* ページの背景色 */
	background-color: #ffffff;
	font-family: ヒラギノ角ゴ Pro W3;

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

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

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

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

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

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

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

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

* {
	margin: 0;
	padding: 0;
	text-align: left;
}

address, dt {
	text-align: right;
}

address, dd:after {
	clear: left;
}

blockquote {
	margin: 1em 40px;
}

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

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

code, input, kbd, pre, samp {
	font-family: ヒラギノ角ゴ Pro W3;
}

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

dd, dt {
	border-width: 1px 0 0;
	padding:12px 12px 6px 12px;
}

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

dt, #messages {
	float: left;
}

dt {
	margin-right: 4px;
	padding-right: 8px;
}

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

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

h1, h2 {
	border-width: 0;
}

h1 {
	font-size:130%;
	border:solid 3px #8d7c55;
	font-weight:bold;
	color:#ffff77;
	background:#000000;
	padding:5px;
	text-align:center;
	margin:0;
}

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

input, select {
	box-shadow: 0px 0px 16px #cccccc;
	margin-bottom:10px;
}

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

ol, ul {
	padding-left: 20px;
	font-size:80%;
}

li ol, li ul {
	margin: 0;
}

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

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

.message-date {
	 margin-left: 4px;
    font-size: 10px;
    color: #cccccc;
}

#messages {
	width: 80%;
}

#sessions, #navigation {
	margin-left: 81%;
}

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


/*#form {
	border-bottom: solid #8d7c55 30px;
    border-left: solid #8d7c55 69px;
    border-right: solid #8d7c55 69px;
    margin: auto;
    padding: 20px 50px 20px 50px;
}*/

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

/* device-width * 0.98 * 0.8 * 0.2 < 6em */
@media handheld, (max-width: 38.26em) {
	#messages {
		float: none;
		width: auto;
		font-family: ヒラギノ角ゴ Pro W3;
	}

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

/* device-width * 0.98 * 0.2 < 6em */
@media handheld, (max-width: 30.61em) {
	body {
		line-height: normal;
		font-family: ヒラギノ角ゴ Pro W3;
	}

	dt {
		float: none;
		margin: 0;
		padding: 0 10px 0 10px;
		text-align: left;
		width: auto;
		background:#eeeeee;
	}
}

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

dt {
	clear: left;
}

h2 {
	font-size: 1em;
}