/*!
	メインページ
	無限ログなどには適用しないスタイルの設定。
*/
@namespace url(http://www.w3.org/1999/xhtml);

/*====================================
	疑似フレーム
*/
html,
body{
	height: 100%;
	margin-top: 0;
	margin-bottom: 0;
}

body > *{
	position: absolute;
	left: 0;
	right: 0;
	margin: 0;
	padding-left: 0.5em;
	padding-right: 0.5em;
	overflow: auto;
}

body > header{
	top: 0;
	height: 9em;
}

body > ol{
	top: 9em;
	bottom: 0;
	border-top: solid #909090 5px;
}



/*====================================
	ヘッダ
*/
/*------------------------------------
	フォーム
*/
body > header form,
#show-log{
	margin-top: 1.5em;
	line-height: 2em;
	width: auto;
	float: left;
}
body > header form label{
	margin-right: 1em;
}

/*------------------------------------
	入室フォーム
*/
#roomin [name="name"] {
	background: transparent;
}

#roomin label:first-child+label+label+label+label:before{
	content: "\A";
	white-space: pre;
}

#roomin input[name="supplement"]{
	width: 30em;
}

.special-time-caption {
	display: inline;
}

/*------------------------------------
	発言フォーム
*/
#comment input[name="comment"]{
	width: 40em;
}

#comment label:first-child+label+label+label:before{
	content: "\A";
	white-space: pre;
}

#comment option[value="bold"]{
	font-weight: bold;
}

#comment option[value="oblique"]{
	font-style: oblique;
}

#comment option[value="line-through"]{
	text-decoration: line-through;
}

/*------------------------------------
	ベル
*/
#bell{
	position: absolute;
	right: 0;
	bottom: 0;
}

/*------------------------------------
	参加者一覧
*/
body > header > dl{
	clear: both;
	margin-bottom: 0;
}
body.special-time > header > dl:before {
	content: "【スペシャルタイム】";
	display: block;
	float: left;
	font-weight: bold;
	margin-right: 0.5em;
	color: tomato;
}

body > header > dl dt:first-child:after{
	content: "：";
}

body > header > dl dt,
body > header > dl dd{
	width: auto;
	float: left;
}

body > header > dl dd{
	margin-left: 0.5em;
	margin-right: 1em;
	cursor: default;
}

body > header > dl dt:not(:first-child):before{
	content: "：";
}

body > header > dl dt:not(:first-child){
	color: darkgray;
}
body.special-time > header > dl dt:not(:first-child) {
	color: lightgrey;
}

body > header > :last-child{
	float: left;
	margin-left: 1em;
}



/*
@media handheld{
	#bell audio{
		width: 89px;
		height: 74px;
	}
	label.whisper:before{
		content: "\A";
		white-space: pre;
	}
}*/



/*====================================
	通知
*/
header ~ ol aside.notice {
	width: 100%;
	margin: 0;
	padding: 0 0.5em;
}
header ~ ol > li > aside.notice p {
	display: inline;
}