@charset "utf-8";

* {
	padding: 0;
	margin: 0;
}

body {
	background: #0a0a0a;
	color: #ffffff;
	font-size: 16px;
	font-family: "Meiryo", "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
}

input, textarea, select {
	font-family: "Meiryo", "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
	/*outline: none;*/
}

select {
	border: 1px solid #c0c0c0;
	padding: 1px;
}

	select option {
		border-bottom: 1px dotted #888;
	}

a:active, a:link, a:visited {
	color: #5050ff;
	text-decoration: none;
}

a:hover, a:focus {
	color: #2020ff;
	text-decoration: underline;
}

/*::selection {
	background-color: #818181;
	color: #ffffff;
}*/

.clear {
	clear: both;
}

.right {
	float: right;
}

.hide {
	display: none;
}

.transparent {
	opacity: 0.8;
}

.hideflow {
	overflow: hidden;
}

.fullsolute {
	width: 100%;
	height: 100%;
	position: absolute;
}

div#body {
	width: 620px;
	margin: 0 auto;
}

div.container {
	background: #efefef;
	padding: 20px;
	color: #0a0a0a;
	font-size: 15px;
	border-bottom-right-radius: 15px;
	border-bottom-left-radius: 15px;
	-webkit-border-bottom-right-radius: 15px;
	-webkit-border-bottom-left-radius: 15px;
	-moz-border-radius-bottomright: 15px;
	-moz-border-radius-bottomleft: 15px;
}

	div.container h2 {
		text-align: center;
		font-size: 20px;
	}

	div.container table {
		margin: 0 auto 5px;
	}

	div.container table td {
		padding: 0 6px;
	}

.button {
	position: relative;
	text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
	border-width: 1px 0;
	border-color: #e6e6e6 transparent #c9c9c9;
	border-style: solid;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	padding: 2px 20px;
	background: #dfdfdf;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
	cursor: pointer;
}

	.button:active {
		top: 1px;
	}

a.control, a.control:link, a.control:visited {
	position: relative;
	text-align: center;
	font-size: 13px;
	padding: 5px 10px;
	margin: 20px 0 0;
	border: 1px solid #bbbbbb;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #f2f2f2;
	color: #353535;
	display: block;
}

	a.control:hover, a.control:focus {
		border-color: #999;
		color: #555;
		text-decoration: none;
	}

	a.control:active {
		top: 1px;
	}

div#pagetop {
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 100;
}

	div#pagetop img {
		border: 0;
	}

div#whisper_box {
	position: fixed;
	top: 140px;
	left: 0;
	width: 715px;
	height: 500px;
	background: transparent url('whisper_bg.png') repeat;
	border-width: 3px 3px 25px 3px;
	border-color: rgba(150, 150, 150, 0.75);
	border-style: solid;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	z-index: 10;
	display: none;
}

div.message_box {
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	background: #efefef;
	padding: 5px 0 0 0;
	color: #0a0a0a;
	z-index: 5;
}

	div.message_box h2, div.whisper_message_box h2 {
		text-align: center;
		font-size: 13px;
		float: left;
	}

div.whisper_message_box {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding: 5px 0 0 0;
	z-index: 20;
	background: #939393;
	border: transparent;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-topleft: 5px;
	opacity: 0.75;
	-moz-opacity: 0.75;
	filter: alpha(opacity=75);
}

	div.whisper_message_box h2 {
		color: #ffffff;
	}

div.message_box_inner, div.whisper_message_box_inner {
	/*position: relative;*/
	width: 590px;
	margin: 0 auto;
	/*left: 50%;*/
	/*margin-left: -290px;*/
}

ul.menu {
	clear: both;
	display: block;
	float: right;
	height: 15px;
	list-style: none;
	line-height: 15px;
}

	ul.menu li {
		display: block;
		float: left;
		margin: 0 0 0 10px;
		cursor: pointer;
	}

	ul.menu li input {
		display: block;
		font-size: 10px;
		height: 15px;
		line-height: 10px;
		cursor: pointer;
		border: 1px gray solid;
		padding: 0 5px;
	}

	ul.menu li.droplist select {
		height: 16px;
		min-width: 150px;
		border: 0;
		font-size: 9px;
	}

	ul.menu li.setting,
	ul.menu li.sound,
	ul.menu li.member,
	ul.menu li.animation,
	ul.menu li.refresh,
	ul.menu li.whisper,
	ul.menu li.lock,
	ul.menu li.mention,
	ul.menu li.invite,
	ul.menu li.notification,
	ul.menu li.chatlog {
		width: 15px;
		display: none;
	}

	ul.menu li.setting {
		background: transparent url('setting.png') left top no-repeat;
	}

	ul.menu li.sound_on {
		background: transparent url('sound_on.png') left top no-repeat;
	}

	ul.menu li.sound_off {
		background: transparent url('sound_off.png') left top no-repeat;
	}

	ul.menu li.member_on {
		background: transparent url('member_on.png') left top no-repeat;
	}

	ul.menu li.member_off {
		background: transparent url('member_off.png') left top no-repeat;
	}

	ul.menu li.animation_on {
		background: transparent url('animation_on.png') left top no-repeat;
	}

	ul.menu li.animation_off {
		background: transparent url('animation_off.png') left top no-repeat;
	}

	ul.menu li.refresh {
		background: transparent url('refresh.png') left top no-repeat;
	}

	ul.menu li.whisper_on {
		background: transparent url('whisper_on.png') left top no-repeat;
	}

	ul.menu li.whisper_off {
		background: transparent url('whisper_off.png') left top no-repeat;
	}

	ul.menu li.whisper_notify {
		background: transparent url('whisper_notify.png') left top no-repeat;
	}

	ul.menu li.lock_on {
		background: transparent url('lock_on.png') left top no-repeat;
	}

	ul.menu li.lock_off {
		background: transparent url('lock_off.png') left top no-repeat;
	}

	ul.menu li.mention_on {
		background: transparent url('mention_on.png') left top no-repeat;
	}

	ul.menu li.mention_off {
		background: transparent url('mention_off.png') left top no-repeat;
	}

	ul.menu li.invite_on {
		background: transparent url('invite_on.png') left top no-repeat;
	}

	ul.menu li.invite_off {
		background: transparent url('invite_off.png') left top no-repeat;
	}

	ul.menu li.notification_on {
		background: transparent url('notification_on.png') left top no-repeat;
	}

	ul.menu li.notification_off {
		background: transparent url('notification_off.png') left top no-repeat;
	}

	ul.menu li.chatlog {
		background: transparent url('chatlog.png') left top no-repeat;
	}

#setting_pannel {
	clear: both;
	padding: 20px 0;
}

	#setting_pannel .button {
		/*padding: 0 8px;*/
		padding: 1px 6px;
		margin: 0 2px;
		text-shadow: none;
	}

	/*#setting_pannel .right.button {
		margin-right: 4px;
	}*/

	#setting_pannel hr {
		margin: 2px 0 0;
	}

	#setting_pannel ul#user_list {
		list-style: none;
	}

		#setting_pannel ul#user_list li {
			min-height: 20px;
			width: 80px;
			padding-top: 60px;
			text-align: center;
			display: block;
			float: left;
			line-height: 20px;
			border: 2px solid transparent;
			margin: 10px;
			/*overflow: hidden;*/
			/*white-space: nowrap;*/
			/*text-overflow: ellipsis;*/
			white-space: pre-line;
			word-wrap: break-word;
		}

		#setting_pannel ul#user_list li.select {
			border: 2px solid #ff6600;
		}

div.message_area {
	clear: both;
	position: relative;
	width: 100%;
}

#message, #whisper {
	/*position: relative;*/
	text-align: center;
}

	#message textarea, #whisper textarea {
		clear: both;
		display: block;
		width: 470px; /* 410px */
		height: 3em;
		font-size: 16px;
		letter-spacing: 1px;
		padding: 10px;
		margin: 0 auto;
		overflow-y: hidden;
		resize: none;
		outline: none;
	}

	#message textarea {
		display: inline;
		clear: none;
		vertical-align: top;
		border: 2px #5b5b5b solid;
		border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		/*margin: 0 0 0 86px; /* 0 0 0 100px */
	}

	#whisper textarea {
		color: #ffffff;
		background: #3c3c3c;
		border: 2px #f3f3f3 solid;
		border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
	}

	#message div.user_profile {
		float: left;
		margin: 5px auto;
		font-size: 15px;
	}

	#message div.user_profile img {
		vertical-align: top;
	}

	#message div.submit input, #whisper div.submit input {
		display:block;
		border: 0;
		margin: 5px auto;
		font-size: 12px;
		font-family: "Meiryo", "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
		font-weight: bold;
	}

	#message div.submit input {
		display: inline;
		height: 25px;
		width: 200px;
		color: #201e1a;
		background: transparent url('submit.png') 0px 0px no-repeat;
	}

	#whisper div.submit input {
		height: 25px;
		width: 120px;
		color: #f9f9f9;
		background: transparent url('submit_whisper.png') 0px 0px no-repeat;
	}

	#message div.submit input:active {
		background: transparent url('submit.png') 0px 1px no-repeat;
	}

	#whisper div.submit input:active {
		background: transparent url('submit_whisper.png') 0px 1px no-repeat;
	}

#talks {
	margin-top: 150px;
	_margin-top: 15px;
	font-weight: 500;
}

#murmurs {
	/*overflow-x: auto;*/
	overflow-y: hidden; /* Ohhpera */
	font-weight: 500;
	margin: 0 auto;
	width: 620px;
}

#talks .mention, #murmurs .mention {
	-moz-box-shadow: 0 0 15px rgba(255, 255, 255, 0.9);
	-webkit-box-shadow: 0 0 15px rgba(255, 255, 255, 0.9);
	box-shadow: 0 0 15px rgba(255, 255, 255, 0.9);
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#ffffff')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#ffffff');
	text-shadow: 0 0 5px #ffffff;
}

div#talks.logs {
	margin: 20px auto 0;
}

	#talks div.system, #murmurs div.system {
		margin: 10px 0 10px 20px;
		letter-spacing: 3px;
		clear: left;
		font-size: 15px;
	}
	
	#talks dl.talk, #murmurs dl.talk {
		clear: both;
		min-height: 80px;
		margin-top: 10px;
	}
	
		#talks dl.talk dt, #murmurs dl.talk dt {
			min-height: 20px;
			width: 90px;
			padding-top: 58px;
			padding-bottom: 10px;
			text-align: center;
			display: block;
			line-height: 20px;
			float: left;
			white-space: pre-line;
			word-wrap: break-word;
			background-repeat: no-repeat;
			background-position: center top;
			background-size: 58px 58px;
		}

		#talks dl.talk dt.select, #murmurs dl.talk dt.select {
			border: 2px solid #ff6600;
		}

		#talks dl.talk dd, #murmurs dl.talk dd {
			display: inline-block;
			max-width: 510px;
		}

			#talks dl.talk dd div.bubble p.body {
				float: left;
				clear: left;
				padding: 15px 20px;
				border-radius: 13px;
				border: 2px #fff solid;
				-moz-border-radius: 13px;
				-webkit-border-radius: 13px;
				background: #000;
				font: 1em "Meiryo", sans-serif;
				letter-spacing: 2px;
				color: #ffffff;
				-position: relative;
				max-width: 460px; /* 90% */
				/*white-space: pre-wrap;*/
				/*white-space: -moz-pre-wrap;*/
				/*white-space: -pre-wrap;*/
				/*white-space: -o-pre-wrap;*/
				word-wrap: break-word;
				text-shadow: 1px 0 #00000078,0 1px #00000078,-1px 0 #00000078,0 -1px #00000078,-1px -1px #00000078,-1px 1px #00000078,1px -1px #00000078,1px 1px #00000078;
				background-size: contain !important;
			}
			
			#talks dl.setton dt {
				background: transparent url('icon/setton.png') no-repeat center top;
			}
			
			#talks dl.setton dd div.bubble p.body {
				background: transparent url('bubble/gray.png') repeat-x left center;
			}
			
			#talks dl.tanaka dt {
				background: transparent url('icon/tanaka.png') no-repeat center top;
			}
			
			#talks dl.tanaka dd div.bubble p.body {
				background: transparent url('bubble/blue.png') repeat-x left center;
			}
			
			#talks dl.kanra dt {
				background: transparent url('icon/kanra.png') no-repeat center top;
			}
			
			#talks dl.kanra dd div.bubble p.body {
				background: transparent url('bubble/orange.png') repeat-x left center;
			}
			
			#talks dl.zaika dt {
				background: transparent url('icon/zaika.png') no-repeat center top;
			}
			
			#talks dl.zaika dd div.bubble p.body {
				background: transparent url('bubble/red.png') repeat-x left center;
			}
			
			#talks dl.zawa dt {
				background: transparent url('icon/zawa.png') no-repeat center top;
			}
			
			#talks dl.zawa dd div.bubble p.body {
				background: transparent url('bubble/green.png') repeat-x left center;
			}
			
			#talks dl.gg dt {
				background: transparent url('icon/gg.png') no-repeat center top;
			}
			
			#talks dl.gg dd div.bubble p.body {
				background: transparent url('bubble/pink.png') repeat-x left center;
			}
			
			#talks dl.admin dt {
				background: transparent url('icon/admin.png') no-repeat center top;
			}
			
			#talks dl.admin dd div.bubble p.body {
				background: transparent url('bubble/admin2.png') repeat-x left center;
			}
			
			#talks dl.bakyura dt {
				background: transparent url('icon/bakyura.png') no-repeat center top;
			}
			
			#talks dl.bakyura dd div.bubble p.body {
				background: transparent url('bubble/light_green.png') repeat-x left center;
			}
			
			#talks dl.mudgreen dt {
				background: transparent url('icon/mudgreen.png') no-repeat center top;
			}
			
			#talks dl.mudgreen dd div.bubble p.body {
				background: transparent url('bubble/mud_green.png') repeat-x left center;
			}
			
			#talks dl.bh dt {
				background: transparent url('icon/bh.png') no-repeat center top;
			}
			
			#talks dl.bh dd div.bubble p.body {
				background: transparent url('bubble/gray.png') repeat-x left center;
			}
			
			#talks dl.lolita dt {
				background: transparent url('icon/lolita.png') no-repeat center top;
			}
			
			#talks dl.lolita dd div.bubble p.body {
				background: transparent url('bubble/strawberry.png') repeat-x left center;
			}
			
			#talks dl.sizuo dt {
				background: transparent url('icon/sizuo.png') no-repeat center top;
			}
			
			#talks dl.sizuo dd div.bubble p.body {
				background: transparent url('bubble/black.png') repeat-x left center;
			}
			
			#talks dl.lady dt {
				background: transparent url('icon/lady.png') no-repeat center top;
			}
			
			#talks dl.lady dd div.bubble p.body {
				background: transparent url('bubble/carrot.png') repeat-x left center;
			}
			
			#talks dl.koukin dt {
				background: transparent url('icon/koukin.png') no-repeat center top;
			}
			
			#talks dl.koukin dd div.bubble p.body {
				background: transparent url('bubble/yellow.png') repeat-x left center;
			}
			
			#talks dl.woman dt {
				background: transparent url('icon/woman.png') no-repeat center top;
			}
			
			#talks dl.woman dd div.bubble p.body {
				background: transparent url('bubble/carrot.png') repeat-x left center;
			}
			
			#talks dl.izaya dt {
				background: transparent url('icon/izaya.png') no-repeat center top;
			}
			
			#talks dl.izaya dd div.bubble p.body {
				background: transparent url('bubble/brown.png') repeat-x left center;
			}
			
			#talks dl.chinese dt {
				background: transparent url('icon/chinese.png') no-repeat center top;
			}
			
			#talks dl.chinese dd div.bubble p.body {
				background: transparent url('bubble/purple.png') repeat-x left center;
			}
			
			#talks dl.simon dt {
				background: transparent url('icon/simon.png') no-repeat center top;
			}
			
			#talks dl.simon dd div.bubble p.body {
				background: transparent url('bubble/cobalt.png') repeat-x left center;
			}
			
			#talks dl.shinra dt {
				background: transparent url('icon/shinra.png') no-repeat center top;
			}
			
			#talks dl.shinra dd div.bubble p.body {
				background: transparent url('bubble/gray.png') repeat-x left center;
			}

			/* Section 2 */

			/* Black */

			#talks dl.black1 dt {
				background: transparent url('icon2/black1.png') no-repeat center top;
			}
			
			#talks dl.black1 dd div.bubble p.body {
				background: transparent url('bubble/black.png') repeat-x left center;
			}

			#talks dl.black2 dt {
				background: transparent url('icon2/black2.png') no-repeat center top;
			}
			
			#talks dl.black2 dd div.bubble p.body {
				background: transparent url('bubble/black.png') repeat-x left center;
			}

			#talks dl.black3 dt {
				background: transparent url('icon2/black3.png') no-repeat center top;
			}
			
			#talks dl.black3 dd div.bubble p.body {
				background: transparent url('bubble/black.png') repeat-x left center;
			}

			#talks dl.black4 dt {
				background: transparent url('icon2/black4.png') no-repeat center top;
			}
			
			#talks dl.black4 dd div.bubble p.body {
				background: transparent url('bubble/black.png') repeat-x left center;
			}

			/* Blue */

			#talks dl.blue1 dt {
				background: transparent url('icon2/blue1.png') no-repeat center top;
			}
			
			#talks dl.blue1 dd div.bubble p.body {
				background: transparent url('bubble/blue2.png') repeat-x left center;
			}

			#talks dl.blue2 dt {
				background: transparent url('icon2/blue2.png') no-repeat center top;
			}
			
			#talks dl.blue2 dd div.bubble p.body {
				background: transparent url('bubble/blue2.png') repeat-x left center;
			}

			#talks dl.blue3 dt {
				background: transparent url('icon2/blue3.png') no-repeat center top;
			}
			
			#talks dl.blue3 dd div.bubble p.body {
				background: transparent url('bubble/blue2.png') repeat-x left center;
			}

			#talks dl.blue4 dt {
				background: transparent url('icon2/blue4.png') no-repeat center top;
			}
			
			#talks dl.blue4 dd div.bubble p.body {
				background: transparent url('bubble/blue2.png') repeat-x left center;
			}

			/* Brown */

			#talks dl.brown1 dt {
				background: transparent url('icon2/brown1.png') no-repeat center top;
			}
			
			#talks dl.brown1 dd div.bubble p.body {
				background: transparent url('bubble/brown2.png') repeat-x left center;
			}

			#talks dl.brown2 dt {
				background: transparent url('icon2/brown2.png') no-repeat center top;
			}
			
			#talks dl.brown2 dd div.bubble p.body {
				background: transparent url('bubble/brown2.png') repeat-x left center;
			}

			#talks dl.brown3 dt {
				background: transparent url('icon2/brown3.png') no-repeat center top;
			}
			
			#talks dl.brown3 dd div.bubble p.body {
				background: transparent url('bubble/brown2.png') repeat-x left center;
			}

			#talks dl.brown4 dt {
				background: transparent url('icon2/brown4.png') no-repeat center top;
			}
			
			#talks dl.brown4 dd div.bubble p.body {
				background: transparent url('bubble/brown2.png') repeat-x left center;
			}

			/* Cobalt */

			#talks dl.cobalt1 dt {
				background: transparent url('icon2/cobalt1.png') no-repeat center top;
			}
			
			#talks dl.cobalt1 dd div.bubble p.body {
				background: transparent url('bubble/cobalt2.png') repeat-x left center;
			}

			#talks dl.cobalt2 dt {
				background: transparent url('icon2/cobalt2.png') no-repeat center top;
			}
			
			#talks dl.cobalt2 dd div.bubble p.body {
				background: transparent url('bubble/cobalt2.png') repeat-x left center;
			}

			#talks dl.cobalt3 dt {
				background: transparent url('icon2/cobalt3.png') no-repeat center top;
			}
			
			#talks dl.cobalt3 dd div.bubble p.body {
				background: transparent url('bubble/cobalt2.png') repeat-x left center;
			}

			#talks dl.cobalt4 dt {
				background: transparent url('icon2/cobalt4.png') no-repeat center top;
			}
			
			#talks dl.cobalt4 dd div.bubble p.body {
				background: transparent url('bubble/cobalt2.png') repeat-x left center;
			}

			/* gray */

			#talks dl.gray1 dt {
				background: transparent url('icon2/gray1.png') no-repeat center top;
			}
			
			#talks dl.gray1 dd div.bubble p.body {
				background: transparent url('bubble/gray2.png') repeat-x left center;
			}

			#talks dl.gray2 dt {
				background: transparent url('icon2/gray2.png') no-repeat center top;
			}
			
			#talks dl.gray2 dd div.bubble p.body {
				background: transparent url('bubble/gray2.png') repeat-x left center;
			}

			#talks dl.gray3 dt {
				background: transparent url('icon2/gray3.png') no-repeat center top;
			}
			
			#talks dl.gray3 dd div.bubble p.body {
				background: transparent url('bubble/gray2.png') repeat-x left center;
			}

			#talks dl.gray4 dt {
				background: transparent url('icon2/gray4.png') no-repeat center top;
			}
			
			#talks dl.gray4 dd div.bubble p.body {
				background: transparent url('bubble/gray2.png') repeat-x left center;
			}

			/* green */

			#talks dl.green1 dt {
				background: transparent url('icon2/green1.png') no-repeat center top;
			}
			
			#talks dl.green1 dd div.bubble p.body {
				background: transparent url('bubble/green2.png') repeat-x left center;
			}

			#talks dl.green2 dt {
				background: transparent url('icon2/green2.png') no-repeat center top;
			}
			
			#talks dl.green2 dd div.bubble p.body {
				background: transparent url('bubble/green2.png') repeat-x left center;
			}

			#talks dl.green3 dt {
				background: transparent url('icon2/green3.png') no-repeat center top;
			}
			
			#talks dl.green3 dd div.bubble p.body {
				background: transparent url('bubble/green2.png') repeat-x left center;
			}

			#talks dl.green4 dt {
				background: transparent url('icon2/green4.png') no-repeat center top;
			}
			
			#talks dl.green4 dd div.bubble p.body {
				background: transparent url('bubble/green2.png') repeat-x left center;
			}

			/* urban */

			#talks dl.urban1 dt {
				background: transparent url('icon2/urban1.png') no-repeat center top;
			}
			
			#talks dl.urban1 dd div.bubble p.body {
				background: transparent url('bubble/urban.png') repeat-x left center;
			}

			#talks dl.urban2 dt {
				background: transparent url('icon2/urban2.png') no-repeat center top;
			}
			
			#talks dl.urban2 dd div.bubble p.body {
				background: transparent url('bubble/urban.png') repeat-x left center;
			}

			#talks dl.urban3 dt {
				background: transparent url('icon2/urban3.png') no-repeat center top;
			}
			
			#talks dl.urban3 dd div.bubble p.body {
				background: transparent url('bubble/urban.png') repeat-x left center;
			}

			#talks dl.urban4 dt {
				background: transparent url('icon2/urban4.png') no-repeat center top;
			}
			
			#talks dl.urban4 dd div.bubble p.body {
				background: transparent url('bubble/urban.png') repeat-x left center;
			}

			/* orange */

			#talks dl.orange1 dt {
				background: transparent url('icon2/orange1.png') no-repeat center top;
			}
			
			#talks dl.orange1 dd div.bubble p.body {
				background: transparent url('bubble/orange2.png') repeat-x left center;
			}

			#talks dl.orange2 dt {
				background: transparent url('icon2/orange2.png') no-repeat center top;
			}
			
			#talks dl.orange2 dd div.bubble p.body {
				background: transparent url('bubble/orange2.png') repeat-x left center;
			}

			#talks dl.orange3 dt {
				background: transparent url('icon2/orange3.png') no-repeat center top;
			}
			
			#talks dl.orange3 dd div.bubble p.body {
				background: transparent url('bubble/orange2.png') repeat-x left center;
			}

			#talks dl.orange4 dt {
				background: transparent url('icon2/orange4.png') no-repeat center top;
			}
			
			#talks dl.orange4 dd div.bubble p.body {
				background: transparent url('bubble/orange2.png') repeat-x left center;
			}

			/* pink */

			#talks dl.pink1 dt {
				background: transparent url('icon2/pink1.png') no-repeat center top;
			}
			
			#talks dl.pink1 dd div.bubble p.body {
				background: transparent url('bubble/pink2.png') repeat-x left center;
			}

			#talks dl.pink2 dt {
				background: transparent url('icon2/pink2.png') no-repeat center top;
			}
			
			#talks dl.pink2 dd div.bubble p.body {
				background: transparent url('bubble/pink2.png') repeat-x left center;
			}

			#talks dl.pink3 dt {
				background: transparent url('icon2/pink3.png') no-repeat center top;
			}
			
			#talks dl.pink3 dd div.bubble p.body {
				background: transparent url('bubble/pink2.png') repeat-x left center;
			}

			#talks dl.pink4 dt {
				background: transparent url('icon2/pink4.png') no-repeat center top;
			}
			
			#talks dl.pink4 dd div.bubble p.body {
				background: transparent url('bubble/pink2.png') repeat-x left center;
			}

			/* purple */

			#talks dl.purple1 dt {
				background: transparent url('icon2/purple1.png') no-repeat center top;
			}
			
			#talks dl.purple1 dd div.bubble p.body {
				background: transparent url('bubble/purple2.png') repeat-x left center;
			}

			#talks dl.purple2 dt {
				background: transparent url('icon2/purple2.png') no-repeat center top;
			}
			
			#talks dl.purple2 dd div.bubble p.body {
				background: transparent url('bubble/purple2.png') repeat-x left center;
			}

			#talks dl.purple3 dt {
				background: transparent url('icon2/purple3.png') no-repeat center top;
			}
			
			#talks dl.purple3 dd div.bubble p.body {
				background: transparent url('bubble/purple2.png') repeat-x left center;
			}

			#talks dl.purple4 dt {
				background: transparent url('icon2/purple4.png') no-repeat center top;
			}
			
			#talks dl.purple4 dd div.bubble p.body {
				background: transparent url('bubble/purple2.png') repeat-x left center;
			}

			/* red */

			#talks dl.red1 dt {
				background: transparent url('icon2/red1.png') no-repeat center top;
			}
			
			#talks dl.red1 dd div.bubble p.body {
				background: transparent url('bubble/red2.png') repeat-x left center;
			}

			#talks dl.red2 dt {
				background: transparent url('icon2/red2.png') no-repeat center top;
			}
			
			#talks dl.red2 dd div.bubble p.body {
				background: transparent url('bubble/red2.png') repeat-x left center;
			}

			#talks dl.red3 dt {
				background: transparent url('icon2/red3.png') no-repeat center top;
			}
			
			#talks dl.red3 dd div.bubble p.body {
				background: transparent url('bubble/red2.png') repeat-x left center;
			}

			#talks dl.red4 dt {
				background: transparent url('icon2/red4.png') no-repeat center top;
			}
			
			#talks dl.red4 dd div.bubble p.body {
				background: transparent url('bubble/red2.png') repeat-x left center;
			}

			/* yellow */

			#talks dl.yellow1 dt {
				background: transparent url('icon2/yellow1.png') no-repeat center top;
			}
			
			#talks dl.yellow1 dd div.bubble p.body {
				background: transparent url('bubble/yellow2.png') repeat-x left center;
			}

			#talks dl.yellow2 dt {
				background: transparent url('icon2/yellow2.png') no-repeat center top;
			}
			
			#talks dl.yellow2 dd div.bubble p.body {
				background: transparent url('bubble/yellow2.png') repeat-x left center;
			}

			#talks dl.yellow3 dt {
				background: transparent url('icon2/yellow3.png') no-repeat center top;
			}
			
			#talks dl.yellow3 dd div.bubble p.body {
				background: transparent url('bubble/yellow2.png') repeat-x left center;
			}

			#talks dl.yellow4 dt {
				background: transparent url('icon2/yellow4.png') no-repeat center top;
			}
			
			#talks dl.yellow4 dd div.bubble p.body {
				background: transparent url('bubble/yellow2.png') repeat-x left center;
			}


			
			/*#talks dl.hakumen dt {
				background: transparent url('icon/hakumen.png') no-repeat center top;
			}
			
			#talks dl.hakumen dd div.bubble p.body {
				background: transparent url('bubble/gray.png') repeat-x left center;
			}
			
			#talks dl.gyosha dt {
				background: transparent url('icon/gyosha.png') no-repeat center top;
			}
			
			#talks dl.gyosha dd div.bubble p.body {
				background: transparent url('bubble/vodka.png') repeat-x left center;
			}
			
			#talks dl.darkblue dt {
				background: transparent url('icon/darkblue.png') no-repeat center top;
			}
			
			#talks dl.darkblue dd div.bubble p.body {
				background: transparent url('bubble/dark_blue.png') repeat-x left center;
			}*/
			
			/*#talks dl.keroro dt {
				background: transparent url('icon/keroro.png') no-repeat center top;
			}
			
			#talks dl.keroro dd div.bubble p.body {
				background: transparent url('bubble/keroro.png') repeat-x left center;
			}*/
			
			/*#talks dl.shizuo dt {
				background: transparent url('icon/shizuo.png') no-repeat center top;
			}
			
			#talks dl.shizuo dd div.bubble p.body {
				background: transparent url('bubble/shizuo.png') repeat-x left center;
			}*/
			
			/*#talks dl.ciel dt {
				background: transparent url('icon/ciel.png') no-repeat center top;
			}
			
			#talks dl.ciel dd div.bubble p.body {
				background: transparent url('bubble/ciel.png') repeat-x left center;
			}*/
			
			/*#talks dl.chii dt {
				background: transparent url('icon/chii.png') no-repeat center top;
			}
			
			#talks dl.chii dd div.bubble p.body {
				background: transparent url('bubble/chii.png') repeat-x left center;
			}*/
			
			/*#talks dl.selty dt {
				background: transparent url('icon/selty.png') no-repeat center top;
			}
			
			#talks dl.selty dd div.bubble p.body {
				background: transparent url('bubble/selty.png') repeat-x left center;
			}*/
			
			/*#talks dl.mika dt {
				background: transparent url('icon/mika.png') no-repeat center top;
			}
			
			#talks dl.mika dd div.bubble p.body {
				background: transparent url('bubble/mika.png') repeat-x left center;
			}*/
			
			/*#talks dl.shingen dt {
				background: transparent url('icon/shingen.png') no-repeat center top;
			}
			
			#talks dl.shingen dd div.bubble p.body {
				background: transparent url('bubble/shingen.png') repeat-x left center;
			}*/
			
			/*#talks dl.hana dt {
				background: transparent url('icon/hana.png') no-repeat center top;
			}
			
			#talks dl.hana dd div.bubble p.body {
				background: transparent url('bubble/hanao.png') repeat-x left center;
			}*/
			
			/*#talks dl.bepo dt {
				background: transparent url('icon/bepo.png') no-repeat center top;
			}
			
			#talks dl.bepo dd div.bubble p.body {
				background: transparent url('bubble/bepo.png') repeat-x left center;
			}*/
			
			/*#talks dl.law dt {
				background: transparent url('icon/law.png') no-repeat center top;
			}
			
			#talks dl.law dd div.bubble p.body {
				background: transparent url('bubble/law.png') repeat-x left center;
			}*/
			
			/*#talks dl.nozomu dt {
				background: transparent url('icon/nozomu.png') no-repeat center top;
			}
			
			#talks dl.nozomu dd div.bubble p.body {
				background: transparent url('bubble/nozomu.png') repeat-x left center;
			}*/
			
			/*#talks dl.tero dt {
				background: transparent url('icon/tero.png') no-repeat center top;
			}
			
			#talks dl.tero dd div.bubble p.body {
				background: transparent url('bubble/tero.png') repeat-x left center;
			}*/
			
			/*#talks dl.meme dt {
				background: transparent url('icon/meme.png') no-repeat center top;
			}
			
			#talks dl.meme dd div.bubble p.body {
				background: transparent url('bubble/meme.png') repeat-x left center;
			}*/
			
			/*#talks dl.hoshi dt {
				background: transparent url('icon/hoshi.png') no-repeat center top;
			}
			
			#talks dl.hoshi dd div.bubble p.body {
				background: transparent url('bubble/hoshi.png') repeat-x left center;
			}*/
			
			/*#talks dl.soncho dt {
				background: transparent url('icon/soncho.png') no-repeat center top;
			}
			
			#talks dl.soncho dd div.bubble p.body {
				background: transparent url('bubble/soncho.png') repeat-x left center;
			}*/
			
			/*#talks dl.dango dt {
				background: transparent url('icon/dango.png') no-repeat center top;
			}
			
			#talks dl.dango dd div.bubble p.body {
				background: transparent url('bubble/dango.png') repeat-x left center;
			}*/
			
			#murmurs dl.talk dd div.bubble p.body {
				color: #000;
				float: left;
				clear: left;
				padding: 15px 20px;
				border-radius: 13px;
				border: 4px #b6b6b6 solid;
				-moz-border-radius: 13px;
				-webkit-border-radius: 13px;
				font: 1em "Meiryo", sans-serif;
				letter-spacing: 3px;
				position: relative;
				-position: relative;
				background: #e1e1e1;
				max-width: 460px; /* 90% */
				/*white-space: pre-wrap;*/
				/*white-space: -moz-pre-wrap;*/
				/*white-space: -pre-wrap;*/
				/*white-space: -o-pre-wrap;*/
				word-wrap: break-word;
			}
			
			#murmurs dl.talk dd div.bubble p.body:before, #murmurs dl.talk dd div.bubble p.body:after {
				content: " ";
				position: absolute;
				width: 0;
				display: block;
				white-space: nowrap;
			}
			
			#murmurs dl.talk dd div.bubble p.body.middle:before {
				top: 18px;
				left: -22px;
				border-width: 9px 22px 9px 0;
				border-style: solid;
				border-color: transparent #b6b6b6;
			}
			
			#murmurs dl.talk dd div.bubble p.body.middle:after {
				top: 23px;
				left: -14px;
				border-width: 4px 14px 4px 0;
				border-style: solid;
				border-color: transparent #e1e1e1;
			}
			
			#murmurs dl.talk dd div.bubble p.body.top:before {
				top: 18px;
				left: -22px;
				border-width: 17px 22px 0 0;
				border-style: solid;
				border-color: transparent #b6b6b6;
			}
			
			#murmurs dl.talk dd div.bubble p.body.top:after {
				top: 23px;
				left: -11px;
				border-width: 8px 11px 0 0;
				border-style: solid;
				border-color: transparent #e1e1e1;
			}
			
			#murmurs dl.talk dd div.bubble p.body.bottom:before {
				top: 20px;
    			left: -20px;
   				 border-width: 0 24px 17px 0;
				border-style: solid;
				border-color: transparent #b6b6b6;
				z-index: -1;
			}
			
			#murmurs dl.talk dd div.bubble p.body.bottom:after {
				top: 23px;
				left: -11px;
				border-width: 0 11px 8px 0;
				border-style: solid;
				border-color: transparent #e1e1e1;
			}
			
			#murmurs dl.zaika dd div.bubble p.body {
				border-color: #942020;
			}
			
			#murmurs dl.zaika dt {
				background: transparent url('whisper/zaika.png') no-repeat center top;
			}
			
			#murmurs dl.zaika dd div.bubble p.body.middle:before, #murmurs dl.zaika dd div.bubble p.body.top:before, #murmurs dl.zaika dd div.bubble p.body.bottom:before {
				border-color: transparent #942020;
			}
			
			#murmurs dl.setton dd div.bubble p.body {
				border-color: #b6b6b6;
			}
			
			#murmurs dl.setton dt {
				background: transparent url('whisper/setton.png') no-repeat center top;
			}
			
			#murmurs dl.setton dd div.bubble p.body.middle:before, #murmurs dl.setton dd div.bubble p.body.top:before, #murmurs dl.setton dd div.bubble p.body.bottom:before {
				border-color: transparent #b6b6b6;
			}
			
			#murmurs dl.tanaka dd div.bubble p.body {
				border-color: #93d1fb;
			}
			
			#murmurs dl.tanaka dt {
				background: transparent url('whisper/tanaka.png') no-repeat center top;
			}
			
			#murmurs dl.tanaka dd div.bubble p.body.middle:before, #murmurs dl.tanaka dd div.bubble p.body.top:before, #murmurs dl.tanaka dd div.bubble p.body.bottom:before {
				border-color: transparent #93d1fb;
			}
			
			#murmurs dl.kanra dd div.bubble p.body {
				border-color: #f2a532;
			}
			
			#murmurs dl.kanra dt {
				background: transparent url('whisper/kanra.png') no-repeat center top;
			}
			
			#murmurs dl.kanra dd div.bubble p.body.middle:before, #murmurs dl.kanra dd div.bubble p.body.top:before, #murmurs dl.kanra dd div.bubble p.body.bottom:before {
				border-color: transparent #f2a532;
			}
			
			#murmurs dl.zawa dd div.bubble p.body {
				border-color: #5c7955;
			}
			
			#murmurs dl.zawa dt {
				background: transparent url('whisper/zawa.png') no-repeat center top;
			}
			
			#murmurs dl.zawa dd div.bubble p.body.middle:before, #murmurs dl.zawa dd div.bubble p.body.top:before, #murmurs dl.zawa dd div.bubble p.body.bottom:before {
				border-color: transparent #5c7955;
			}
			
			#murmurs dl.gg dd div.bubble p.body {
				border-color: #db67a2;
			}
			
			#murmurs dl.gg dt {
				background: transparent url('whisper/gg.png') no-repeat center top;
			}
			
			#murmurs dl.gg dd div.bubble p.body.middle:before, #murmurs dl.gg dd div.bubble p.body.top:before, #murmurs dl.gg dd div.bubble p.body.bottom:before {
				border-color: transparent #db67a2;
			}
			
			#murmurs dl.admin dd div.bubble p.body {
				border-color: #c20b3b;
			}
			
			#murmurs dl.admin dt {
				background: transparent url('whisper/admin.png') no-repeat center top;
			}
			
			#murmurs dl.admin dd div.bubble p.body.middle:before, #murmurs dl.admin dd div.bubble p.body.top:before, #murmurs dl.admin dd div.bubble p.body.bottom:before {
				border-color: transparent #c20b3b;
			}
			
			#murmurs dl.bakyura dd div.bubble p.body {
				border-color: #94e639;
			}
			
			#murmurs dl.bakyura dt {
				background: transparent url('whisper/bakyura.png') no-repeat center top;
			}
			
			#murmurs dl.bakyura dd div.bubble p.body.middle:before, #murmurs dl.bakyura dd div.bubble p.body.top:before, #murmurs dl.bakyura dd div.bubble p.body.bottom:before {
				border-color: transparent #94e639;
			}
			
			#murmurs dl.mudgreen dd div.bubble p.body {
				border-color: #78733a;
			}
			
			#murmurs dl.mudgreen dt {
				background: transparent url('whisper/mudgreen.png') no-repeat center top;
			}
			
			#murmurs dl.mudgreen dd div.bubble p.body.middle:before, #murmurs dl.mudgreen dd div.bubble p.body.top:before, #murmurs dl.mudgreen dd div.bubble p.body.bottom:before {
				border-color: transparent #78733a;
			}
			
			#murmurs dl.bh dd div.bubble p.body {
				border-color: #b6b6b6;
			}
			
			#murmurs dl.bh dt {
				background: transparent url('whisper/bh.png') no-repeat center top;
			}
			
			#murmurs dl.bh dd div.bubble p.body.middle:before, #murmurs dl.bh dd div.bubble p.body.top:before, #murmurs dl.bh dd div.bubble p.body.bottom:before {
				border-color: transparent #b6b6b6;
			}
			
			#murmurs dl.lolita dd div.bubble p.body {
				border-color: #d20051;
			}
			
			#murmurs dl.lolita dt {
				background: transparent url('whisper/lolita.png') no-repeat center top;
			}
			
			#murmurs dl.lolita dd div.bubble p.body.middle:before, #murmurs dl.lolita dd div.bubble p.body.top:before, #murmurs dl.lolita dd div.bubble p.body.bottom:before {
				border-color: transparent #d20051;
			}
			
			#murmurs dl.sizuo dd div.bubble p.body {
				border-color: #000000;
			}
			
			#murmurs dl.sizuo dt {
				background: transparent url('whisper/sizuo.png') no-repeat center top;
			}
			
			#murmurs dl.sizuo dd div.bubble p.body.middle:before, #murmurs dl.sizuo dd div.bubble p.body.top:before, #murmurs dl.sizuo dd div.bubble p.body.bottom:before {
				border-color: transparent #000000;
			}
			
			#murmurs dl.lady dd div.bubble p.body {
				border-color: #fc4e32;
			}
			
			#murmurs dl.lady dt {
				background: transparent url('whisper/lady.png') no-repeat center top;
			}
			
			#murmurs dl.lady dd div.bubble p.body.middle:before, #murmurs dl.lady dd div.bubble p.body.top:before, #murmurs dl.lady dd div.bubble p.body.bottom:before {
				border-color: transparent #fc4e32;
			}
			
			#murmurs dl.koukin dd div.bubble p.body {
				border-color: #fed900;
			}
			
			#murmurs dl.koukin dt {
				background: transparent url('whisper/koukin.png') no-repeat center top;
			}
			
			#murmurs dl.koukin dd div.bubble p.body.middle:before, #murmurs dl.koukin dd div.bubble p.body.top:before, #murmurs dl.koukin dd div.bubble p.body.bottom:before {
				border-color: transparent #fed900;
			}
			
			#murmurs dl.woman dd div.bubble p.body {
				border-color: #e46452;
			}
			
			#murmurs dl.woman dt {
				background: transparent url('whisper/woman.png') no-repeat center top;
			}
			
			#murmurs dl.woman dd div.bubble p.body.middle:before, #murmurs dl.woman dd div.bubble p.body.top:before, #murmurs dl.woman dd div.bubble p.body.bottom:before {
				border-color: transparent #e46452;
			}
			
			#murmurs dl.izaya dd div.bubble p.body {
				border-color: #daa977;
			}
			
			#murmurs dl.izaya dt {
				background: transparent url('whisper/izaya.png') no-repeat center top;
			}
			
			#murmurs dl.izaya dd div.bubble p.body.middle:before, #murmurs dl.izaya dd div.bubble p.body.top:before, #murmurs dl.izaya dd div.bubble p.body.bottom:before {
				border-color: transparent #daa977;
			}
			
			#murmurs dl.chinese dd div.bubble p.body {
				border-color: #ab5da1;
			}
			
			#murmurs dl.chinese dt {
				background: transparent url('whisper/chinese.png') no-repeat center top;
			}
			
			#murmurs dl.chinese dd div.bubble p.body.middle:before, #murmurs dl.chinese dd div.bubble p.body.top:before, #murmurs dl.chinese dd div.bubble p.body.bottom:before {
				border-color: transparent #ab5da1;
			}
			
			#murmurs dl.simon dd div.bubble p.body {
				border-color: #2c5ca9;
			}
			
			#murmurs dl.simon dt {
				background: transparent url('whisper/simon.png') no-repeat center top;
			}
			
			#murmurs dl.simon dd div.bubble p.body.middle:before, #murmurs dl.simon dd div.bubble p.body.top:before, #murmurs dl.simon dd div.bubble p.body.bottom:before {
				border-color: transparent #2c5ca9;
			}
			
			#murmurs dl.shinra dd div.bubble p.body {
				border-color: #9fa0a0;
			}
			
			#murmurs dl.shinra dt {
				background: transparent url('whisper/shinra.png') no-repeat center top;
			}
			
			#murmurs dl.shinra dd div.bubble p.body.middle:before, #murmurs dl.shinra dd div.bubble p.body.top:before, #murmurs dl.shinra dd div.bubble p.body.bottom:before {
				border-color: transparent #9fa0a0;
			}
			
			#murmurs dl.hakumen dd div.bubble p.body {
				border-color: #b6b6b6;
			}
			
			#murmurs dl.hakumen dt {
				background: transparent url('whisper/hakumen.png') no-repeat center top;
			}
			
			#murmurs dl.hakumen dd div.bubble p.body.middle:before, #murmurs dl.hakumen dd div.bubble p.body.top:before, #murmurs dl.hakumen dd div.bubble p.body.bottom:before {
				border-color: transparent #b6b6b6;
			}
			
			#murmurs dl.gyosha dd div.bubble p.body {
				border-color: #c8bfe7;
			}
			
			#murmurs dl.gyosha dt {
				background: transparent url('whisper/gyosha.png') no-repeat center top;
			}
			
			#murmurs dl.gyosha dd div.bubble p.body.middle:before, #murmurs dl.gyosha dd div.bubble p.body.top:before, #murmurs dl.gyosha dd div.bubble p.body.bottom:before {
				border-color: transparent #c8bfe7;
			}
			
			/*#murmurs dl.darkblue dd div.bubble p.body {
				border-color: #3c629b;
			}
			
			#murmurs dl.darkblue dt {
				background: transparent url('whisper/darkblue.png') no-repeat center top;
			}
			
			#murmurs dl.darkblue dd div.bubble p.body.middle:before, #murmurs dl.darkblue dd div.bubble p.body.top:before, #murmurs dl.darkblue dd div.bubble p.body.bottom:before {
				border-color: transparent #3c629b;
			}*/
			
			/*#murmurs dl.keroro dd div.bubble p.body {
				border-color: #7cc576;
			}
			
			#murmurs dl.keroro dt {
				background: transparent url('whisper/keroro.png') no-repeat center top;
			}
			
			#murmurs dl.keroro dd div.bubble p.body.middle:before, #murmurs dl.keroro dd div.bubble p.body.top:before, #murmurs dl.keroro dd div.bubble p.body.bottom:before {
				border-color: transparent #7cc576;
			}*/
			
			/*#murmurs dl.shizuo dd div.bubble p.body {
				border-color: #292841;
			}
			
			#murmurs dl.shizuo dt {
				background: transparent url('whisper/shizuo.png') no-repeat center top;
			}
			
			#murmurs dl.shizuo dd div.bubble p.body.middle:before, #murmurs dl.shizuo dd div.bubble p.body.top:before, #murmurs dl.shizuo dd div.bubble p.body.bottom:before {
				border-color: transparent #292841;
			}*/
			
			/*#murmurs dl.ciel dd div.bubble p.body {
				border-color: #005826;
			}
			
			#murmurs dl.ciel dt {
				background: transparent url('whisper/ciel.png') no-repeat center top;
			}
			
			#murmurs dl.ciel dd div.bubble p.body.middle:before, #murmurs dl.ciel dd div.bubble p.body.top:before, #murmurs dl.ciel dd div.bubble p.body.bottom:before {
				border-color: transparent #005826;
			}*/
			
			/*#murmurs dl.chii dd div.bubble p.body {
				border-color: #ff98ab;
			}
			
			#murmurs dl.chii dt {
				background: transparent url('whisper/chii.png') no-repeat center top;
			}
			
			#murmurs dl.chii dd div.bubble p.body.middle:before, #murmurs dl.chii dd div.bubble p.body.top:before, #murmurs dl.chii dd div.bubble p.body.bottom:before {
				border-color: transparent #ff98ab;
			}*/
			
			/*#murmurs dl.selty dd div.bubble p.body {
				border-color: #deca67;
			}
			
			#murmurs dl.selty dt {
				background: transparent url('whisper/selty.png') no-repeat center top;
			}
			
			#murmurs dl.selty dd div.bubble p.body.middle:before, #murmurs dl.selty dd div.bubble p.body.top:before, #murmurs dl.selty dd div.bubble p.body.bottom:before {
				border-color: transparent #deca67;
			}*/
			
			/*#murmurs dl.mika dd div.bubble p.body {
				border-color: #a864a9;
			}
			
			#murmurs dl.mika dt {
				background: transparent url('whisper/mika.png') no-repeat center top;
			}
			
			#murmurs dl.mika dd div.bubble p.body.middle:before, #murmurs dl.mika dd div.bubble p.body.top:before, #murmurs dl.mika dd div.bubble p.body.bottom:before {
				border-color: transparent #a864a9;
			}*/
			
			/*#murmurs dl.shingen dd div.bubble p.body {
				border-color: #673b15;
			}
			
			#murmurs dl.shingen dt {
				background: transparent url('whisper/shingen.png') no-repeat center top;
			}
			
			#murmurs dl.shingen dd div.bubble p.body.middle:before, #murmurs dl.shingen dd div.bubble p.body.top:before, #murmurs dl.shingen dd div.bubble p.body.bottom:before {
				border-color: transparent #673b15;
			}*/
			
			/*#murmurs dl.hana dd div.bubble p.body {
				border-color: #c67351;
			}
			
			#murmurs dl.hana dt {
				background: transparent url('whisper/hana.png') no-repeat center top;
			}
			
			#murmurs dl.hana dd div.bubble p.body.middle:before, #murmurs dl.hana dd div.bubble p.body.top:before, #murmurs dl.hana dd div.bubble p.body.bottom:before {
				border-color: transparent #c67351;
			}*/
			
			/*#murmurs dl.bepo dd div.bubble p.body {
				border-color: #ed862a;
			}
			
			#murmurs dl.bepo dt {
				background: transparent url('whisper/bepo.png') no-repeat center top;
			}
			
			#murmurs dl.bepo dd div.bubble p.body.middle:before, #murmurs dl.bepo dd div.bubble p.body.top:before, #murmurs dl.bepo dd div.bubble p.body.bottom:before {
				border-color: transparent #ed862a;
			}*/
			
			/*#murmurs dl.law dd div.bubble p.body {
				border-color: #c69761;
			}
			
			#murmurs dl.law dt {
				background: transparent url('whisper/law.png') no-repeat center top;
			}
			
			#murmurs dl.law dd div.bubble p.body.middle:before, #murmurs dl.law dd div.bubble p.body.top:before, #murmurs dl.law dd div.bubble p.body.bottom:before {
				border-color: transparent #c69761;
			}*/
			
			/*#murmurs dl.nozomu dd div.bubble p.body {
				border-color: #8b9066;
			}
			
			#murmurs dl.nozomu dt {
				background: transparent url('whisper/nozomu.png') no-repeat center top;
			}
			
			#murmurs dl.nozomu dd div.bubble p.body.middle:before, #murmurs dl.nozomu dd div.bubble p.body.top:before, #murmurs dl.nozomu dd div.bubble p.body.bottom:before {
				border-color: transparent #8b9066;
			}*/
			
			/*#murmurs dl.tero dd div.bubble p.body {
				border-color: #d3da57;
			}
			
			#murmurs dl.tero dt {
				background: transparent url('whisper/tero.png') no-repeat center top;
			}
			
			#murmurs dl.tero dd div.bubble p.body.middle:before, #murmurs dl.tero dd div.bubble p.body.top:before, #murmurs dl.tero dd div.bubble p.body.bottom:before {
				border-color: transparent #d3da57;
			}*/
			
			/*#murmurs dl.meme dd div.bubble p.body {
				border-color: #df2f48;
			}
			
			#murmurs dl.meme dt {
				background: transparent url('whisper/meme.png') no-repeat center top;
			}
			
			#murmurs dl.meme dd div.bubble p.body.middle:before, #murmurs dl.meme dd div.bubble p.body.top:before, #murmurs dl.meme dd div.bubble p.body.bottom:before {
				border-color: transparent #df2f48;
			}*/
			
			/*#murmurs dl.hoshi dd div.bubble p.body {
				border-color: #fde832;
			}
			
			#murmurs dl.hoshi dt {
				background: transparent url('whisper/hoshi.png') no-repeat center top;
			}
			
			#murmurs dl.hoshi dd div.bubble p.body.middle:before, #murmurs dl.hoshi dd div.bubble p.body.top:before, #murmurs dl.hoshi dd div.bubble p.body.bottom:before {
				border-color: transparent #fde832;
			}*/
			
			/*#murmurs dl.soncho dd div.bubble p.body {
				border-color: #7ab35f;
			}
			
			#murmurs dl.soncho dt {
				background: transparent url('whisper/soncho.png') no-repeat center top;
			}
			
			#murmurs dl.soncho dd div.bubble p.body.middle:before, #murmurs dl.soncho dd div.bubble p.body.top:before, #murmurs dl.soncho dd div.bubble p.body.bottom:before {
				border-color: transparent #7ab35f;
			}*/
			
			/*#murmurs dl.dango dd div.bubble p.body {
				border-color: #f1c6a9;
			}
			
			#murmurs dl.dango dt {
				background: transparent url('whisper/dango.png') no-repeat center top;
			}
			
			#murmurs dl.dango dd div.bubble p.body.middle:before, #murmurs dl.dango dd div.bubble p.body.top:before, #murmurs dl.dango dd div.bubble p.body.bottom:before {
				border-color: transparent #f1c6a9;
			}*/

#login {
	margin: 0 auto;
	min-height: 100px;
}

#login .language {
	text-align: right;
	margin: 0 0 5px;
}

#login .logo {
	text-align: center;
	width: 285px;
}

	#login .logo img {
		width: 80%;
	}

#login .field {
	text-align: center;
	width: 280px;
}

	#login .field .textbox {
		width: 240px;
		display: block;
		font-size: 20px;
		letter-spacing: 1px;
		text-align: center;
		padding: 5px;
		border: 1px solid #cccccc;
		margin: 0 auto 20px auto;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}

	#login .field .button {
		position: relative;
		color: #d3d3d3;
		width: 150px;
		text-shadow: 0 1px 3px rgba(255, 255, 255, 0.6);
		border: 2px solid #ffffff;
		appearance: none;
		-moz-appearance: none;
		-webkit-appearance: none;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		padding: 2px 20px;
		background: #363636;
		box-shadow: 0 1px 5px rgba(0, 0, 0, 0.6);
		-moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.6);
		-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.6);
		cursor: pointer;
	}

	/*#login .field .button:active {
		top: 1px;
	}*/

#login .insider {
	text-align: center;
	width: 280px;
	margin: 20px 0 15px;
	border-top: solid #dddddd 1px;
	padding: 10px 0;
}

	#login .insider .rooms {
		font-size: 13px;
		margin-top: 8px;
		max-height: 240px;
		overflow: hidden;
	}

#login .footer {
	text-align: center;
	margin: 40px 0 20px 0;
	clear: both;
	color: #8a8a8a;
	font-size: 13px;
}

#login .languageLinks {
	clear: both;
	text-align: center;
	font-size: 10px;
	margin: 10px 0;
}

#login .copyright {
	text-align: center;
	margin: 30px 0 20px 0;
	clear: both;
	color: #8a8a8a;
	font-size: 10px;
}

/*.notice {
	text-align: left;
	font-size: 11px;
}*/

#login img#splash {
	float: right;
	width: 35%;
	/*margin: 20px 8%;*/
	margin: 20px 45px;
}

ul.icons {
	list-style-type: none;
	float: right;
	width: 50%;
}

	ul.icons li {
		display: block;
		float: left;
		width: 60px;
		margin: 1px 5px 5px 5px;
		text-align: center;
	}

		ul.icons li label img {
			width: 58px;
			height: 58px;
			opacity: 0.6;
			filter: alpha(opacity=60);
		}

		ul.icons li label img:hover {
			opacity: 1.0;
			filter: alpha(opacity=100);
		}

		ul.icons li label input {
			display: none;
		}

#create_room {
	float: right;
}

ul#profile {
	float: left;
	width: 100%; /* 612px */
	list-style-type: none;
	background: #404040;
	border-width: 0 0 1px;
	border-style: dotted;
	border-color: #ffffff;
}

	ul#profile li {
		display: block;
		float: left;
		vertical-align: middle;
		height: 60px;
		margin: 15px 0;
	}

	ul#profile li.icon {
		width: 60px;
		margin-left: 15px;
	}

	ul#profile li.name {
		min-width: 50px;
		color: #fff;
		font-size: 18px;
		text-align: left;
		line-height: 60px;
		padding: 0 15px
	}

	ul#profile li.admin {
		line-height: 60px;
		font-size: 13px;
	}

	ul#profile li.logout {
		float: right;
		line-height: 60px;
		margin-right: 15px;
	}

	ul#profile a:hover, ul#profile a:focus {
		text-decoration: none;
		text-shadow: 0 0 15px rgba(255, 255, 255, 0.6);
	}

ul.rooms {
	list-style-type: none;
	clear: both;
	border-bottom: solid #ddd 1px;
	font-size: 14px;
}

	ul.rooms li {
		list-style-type: none;
		display: block;
		text-align: center;
		float: left;
		padding: 8px 0;
	}

	ul.rooms li.name {
		width: 23%;
		text-align: left;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		margin-right: 10px;
	}

		ul.rooms li.name span.key {
			vertical-align: middle;
			margin: 0 2px 0 0;
		}

	ul.rooms li.users {
		width: 40%;
	}

		ul.rooms li.users img {
			opacity: 0.8;
			filter: alpha(opacity=80);
			width: 1em;
			margin-right: 3px;
		}

		ul.rooms li.users .name {
			width: 33%;
			text-align: left;
			float: left;
			font-size: 12px;
			overflow: hidden;
			white-space: nowrap;
			text-overflow: ellipsis;
		}

	ul.rooms li.member {
		width: 15%;
	}

	ul.rooms li.login {
		width: 20%;
	}

		ul.rooms li.login .subcontrol {
			margin-top: 8px;
		}

ul#members, ul#invite {
	list-style-type: none;
	text-align: left;
	clear: both;
	margin-bottom: 2px;
	/*padding-right: 40px;*/
	zoom: 1;
}

ul#invite {
	margin-bottom: 3px;
}

	ul#members li, ul#invite li {
		display: inline;
	}

	ul#invite li span {
		/*margin-bottom: 3px;*/
		font-size: 13px;
	}

	ul#invite li .textbox {
		display: block;
		/*margin-bottom: 3px;*/
		border: 1px solid #838383;
		width: 96%;
	}

	ul#invite li a img {
		vertical-align: bottom;
		border-style: none;
	}

#talks_box  {
	/*position: absolute;*/
	/*width: 620px;*/
	overflow-x: auto;
}

#murmurs_box {
	/*width: 620px;*/
	position: relative;
	top: 140px;
	/*margin: 0 auto;*/
	overflow-y: auto;
	overflow-x: auto;
	height: 71%;
}

.error {
	color: #d00000;
	text-align: center;
	font-size: 15px;
}

div.message_length {
	position: absolute;
	right: 0;
	bottom: 5px;
	margin: 2px 2px 0;
	font-size: 15px;
	font-weight: bold;
}

div.whisper_message_box .message_length {
	color: #ffffff;
}

#about p {
	font-size: 14px;
	text-indent: 20px;
	text-align: justify;
	margin: 8px 0;
	text-shadow: 0 2px 3px rgba(125, 125, 125, 0.8);
}

#about ul {
	width: 70%;
	margin: 0 auto;
	padding-left: 25px;
	font-size: 14px;
	text-shadow: 0 2px 3px rgba(125, 125, 125, 0.8);
}

#about .work {
	margin-left: 10px;
	font-size: 12px;
}

#readme h4 {
	text-align: left;
	margin: 2px 0;
	font-size: 15px;
}

#readme p {
	font-size: 14px;
	text-indent: 20px;
	text-align: justify;
	margin: 2px 0 5px 0;
	text-shadow: 0 2px 3px rgba(125, 125, 125, 0.8);
}

#readme ul {
	width: 90%;
	margin: 2px auto;
	padding-left: 25px;
	font-size: 14px;
	text-shadow: 0 2px 3px rgba(125, 125, 125, 0.8);
}

	#readme ul li {
		margin-bottom: 5px;
	}

#readme .answer {
	display: block;
	font-size: 13px;
	text-indent: 25px;
	text-align: justify;
}

::-webkit-scrollbar-thumb:vertical {
	height: 10px;
	background-color: #ccc;
}

::-webkit-scrollbar {
	width: 10px;
	height: 5px;
	background: #fff;
	margin-right: 15px;
}

.avatar-picker-host {
	position: relative;
	display: inline-block;
}

.avatar-picker-trigger {
	padding: 0;
	margin: 0;
	background: transparent;
	border: 0;
	cursor: pointer;
}

.avatar-picker-trigger img {
	display: block;
	margin: 0;
}

.avatar-picker-popup {
	position: absolute;
	top: calc(100% + 10px);
	left: 50%;
	z-index: 50;
	width: 274px;
	max-width: calc(100vw - 24px);
	padding: 10px;
	background: #f5f5f5;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	box-shadow: 0 10px 24px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: 0 10px 24px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0 10px 24px rgba(0, 0, 0, 0.25);
	transform: translateX(-50%);
	box-sizing: border-box;
	max-height: 524px;
    overflow-y: auto;
}

.avatar-picker-popup:before {
	content: "";
	position: absolute;
	top: -8px;
	left: 50%;
	width: 16px;
	height: 16px;
	margin-left: -8px;
	background: #f5f5f5;
	transform: rotate(45deg);
}

.avatar-picker-list {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: repeat(4, 58px);
	gap: 6px;
	margin: 0;
	padding: 0;
	list-style: none;
	justify-content: center;
}

.avatar-picker-option {
	position: relative;
	padding: 0;
	background: transparent;
	border: none;
	cursor: pointer;
	overflow: hidden;
}

.avatar-picker-option img {
	display: block;
	width: 58px;
	height: 58px;
	transition: filter 0.25s ease, opacity 0.25s ease;
}

.avatar-picker-option.is-active {
	box-shadow: 0 0 0 2px #2f96b4 inset;
}

.avatar-picker-option.is-loading {
	opacity: 0.6;
}

.avatar-picker-more {
	position: relative;
	z-index: 1;
}

.avatar-picker-more-panel {
	max-height: 0;
	overflow: hidden;
	opacity: 0;
	transition: max-height 0.3s ease, opacity 0.2s ease, margin-top 0.3s ease;
}

.avatar-picker-popup.is-more-open .avatar-picker-more-panel {
	opacity: 1;
	margin-top: 10px;
}

.avatar-picker-more-toggle {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	width: 100%;
	margin: 10px 0 0;
	padding: 9px 0 2px;
	background: transparent;
	border: 0;
	border-top: 1px solid #8f8f8f;
	color: #8f8f8f;
	font-size: 12px;
	letter-spacing: 0.04em;
}

.avatar-picker-more-arrow {
	width: 8px;
	height: 8px;
	border-right: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	transform: rotate(45deg);
	transition: transform 0.3s ease;
}

.avatar-picker-popup.is-more-open .avatar-picker-more-arrow {
	transform: rotate(-135deg) translate(-1px, -1px);
}

.avatar-picker-option.is-locked img {
	filter: grayscale(1) contrast(0.65) brightness(0.9);
	opacity: 0.85;
}

.avatar-picker-option-lock {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: transparent url('key.png') no-repeat center center;
	background-size: 18px 18px;
	pointer-events: none;
}

.avatar-picker-popup.is-mobile-fixed:before {
	display: none;
}

body.controller-lounge {
	background: #080808 url('../model/broken_noise.png') repeat;
}

body.controller-lounge div#body {
	width: auto;
	max-width: none;
	margin: 0 auto;
	padding: 0;
	box-sizing: border-box;
}

.lounge-page {
	color: #f3f3f3;
}

.lounge-page a:link,
.lounge-page a:visited,
.lounge-page a:active {
	color: #fff4a8;
}

.lounge-page a:hover,
.lounge-page a:focus {
	color: #ffffff;
	text-decoration: none;
}

.lounge-page .button {
	border: 1px solid #f6da64;
	padding: 10px 18px;
	background: linear-gradient(180deg, #ffe377 0%, #d9a520 100%);
	color: #1c1406;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0.12em;
	text-shadow: none;
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.25);
}

.lounge-shell {
	position: relative;
}

.lounge-topbar {
	margin-top: 22px;
	margin-bottom: 24px;
	border: 1px solid rgba(255, 255, 255, 0.12);
	background: rgba(10, 10, 10, 0.92);
	box-shadow: 0 18px 40px rgba(0, 0, 0, 0.35);
}

.lounge-topbar__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	padding: 14px 20px;
}

.lounge-brand {
	display: inline-flex;
	align-items: center;
}

.lounge-brand img {
	display: block;
	height: 24px;
}

.lounge-nav {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
}

.lounge-nav a {
	padding-bottom: 2px;
	border-bottom: 2px solid transparent;
	font-size: 13px;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

.lounge-nav a.is-active {
	border-bottom-color: #ffc40d;
	color: #ffc40d;
}

.lounge-language-menu {
	position: relative;
	min-width: 180px;
}

.lounge-language-menu summary {
	list-style: none;
	cursor: pointer;
	padding: 10px 14px;
	border: 1px solid rgba(255, 255, 255, 0.15);
	background: rgba(255, 255, 255, 0.05);
	font-size: 12px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.lounge-language-menu summary::-webkit-details-marker {
	display: none;
}

.lounge-language-menu__list {
	position: absolute;
	right: 0;
	z-index: 3;
	display: grid;
	width: 250px;
	max-height: 320px;
	overflow-y: auto;
	padding: 10px;
	border: 1px solid rgba(255, 255, 255, 0.14);
	background: #111;
	box-shadow: 0 20px 40px rgba(0, 0, 0, 0.35);
}

.lounge-language-menu__list a {
	padding: 7px 9px;
	color: #ddd8b8;
	font-size: 13px;
}

.lounge-language-menu__list a.is-current {
	background: rgba(255, 196, 13, 0.18);
	color: #ffc40d;
}

.lounge-hero {
	display: grid;
	grid-template-columns: minmax(0, 1.6fr) minmax(280px, 0.8fr);
	gap: 24px;
	margin-bottom: 26px;
}

.lounge-hero__panel,
.lounge-profile-card,
.lounge-create-card,
.lounge-language-section,
.lounge-empty-state {
	border: 1px solid rgba(255, 255, 255, 0.12);
	background: rgba(15, 15, 15, 0.88);
	box-shadow: 0 22px 48px rgba(0, 0, 0, 0.32);
}

.lounge-hero__panel {
	min-height: 300px;
	padding: 36px;
	background-color: #ffc40d;
	background-image:
		linear-gradient(135deg, rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.36)),
		url('../model/keep-out.png');
	background-position: center center, right -20px bottom 10px;
	background-repeat: no-repeat, no-repeat;
	color: #15120b;
}

.lounge-kicker {
	margin-bottom: 12px;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0.24em;
	text-transform: uppercase;
}

.lounge-hero__panel h1 {
	margin-bottom: 12px;
	font-size: 44px;
	line-height: 1;
}

.lounge-hero__copy {
	max-width: 580px;
	margin-bottom: 28px;
	font-size: 18px;
	line-height: 1.45;
}

.lounge-hero__stats {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
}

.lounge-stat {
	min-width: 140px;
	padding: 14px 16px;
	background: rgba(255, 255, 255, 0.18);
}

.lounge-stat__value,
.lounge-stat__label {
	display: block;
}

.lounge-stat__value {
	font-size: 32px;
	font-weight: bold;
	line-height: 1;
}

.lounge-stat__label {
	margin-top: 6px;
	font-size: 12px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.lounge-sidebar {
	display: grid;
	gap: 18px;
}

.lounge-profile-card,
.lounge-create-card {
	padding: 22px;
}

.lounge-profile-card__head {
	display: flex;
	align-items: center;
	gap: 14px;
	margin-bottom: 18px;
}

.lounge-profile-card__head img {
	width: 58px;
	height: 58px;
	border: 2px solid rgba(255, 255, 255, 0.22);
}

.lounge-profile-card__eyebrow,
.lounge-profile-card__language,
.lounge-create-card__note,
.lounge-language-section__meta,
.lounge-room-card__host,
.lounge-room-card__capacity span,
.lounge-room-group__label {
	font-size: 12px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.lounge-profile-card__eyebrow,
.lounge-profile-card__language,
.lounge-create-card__note,
.lounge-language-section__meta,
.lounge-room-card__host,
.lounge-room-card__capacity span {
	color: #c0bca5;
}

.lounge-profile-card__name {
	font-size: 22px;
	font-weight: bold;
	line-height: 1.1;
}

.lounge-secondary-link {
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 10px;
	padding: 8px 12px;
	border: 1px solid rgba(255, 255, 255, 0.15);
	background: rgba(255, 255, 255, 0.05);
	font-size: 12px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.lounge-logout-button,
.lounge-create-button,
.lounge-enter-button,
.lounge-admin-button {
	width: 100%;
}

.lounge-create-button {
	padding-top: 14px;
	padding-bottom: 14px;
	font-size: 14px;
}

.lounge-create-card__note {
	margin-top: 12px;
	text-align: center;
}

.lounge-room-directory {
	display: grid;
	gap: 24px;
}

.lounge-empty-state {
	padding: 40px 28px;
	text-align: center;
}

.lounge-empty-state h2 {
	margin-bottom: 10px;
	font-size: 28px;
}

.lounge-language-section {
	padding: 24px;
}

.lounge-language-section__header {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 20px;
}

.lounge-language-section__title {
	display: flex;
	align-items: center;
	gap: 12px;
}

.lounge-language-section__title img {
	display: block;
	width: 24px;
	height: 16px;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

.lounge-language-section__title h2 {
	font-size: 30px;
	line-height: 1;
}

.lounge-room-group {
	display: grid;
	gap: 14px;
}

.lounge-room-group + .lounge-room-group {
	margin-top: 18px;
	padding-top: 18px;
	border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.lounge-room-group__label {
	color: #ffc40d;
}

.lounge-room-card {
	display: grid;
	grid-template-columns: minmax(180px, 0.9fr) minmax(0, 1.5fr) 112px 170px;
	gap: 16px;
	align-items: center;
	padding: 18px;
	background: rgba(255, 255, 255, 0.03);
}

.lounge-room-card__name {
	display: flex;
	align-items: center;
	gap: 7px;
	margin-bottom: 8px;
	font-size: 19px;
	font-weight: bold;
	line-height: 1.15;
	word-break: break-word;
}

.lounge-room-card__mark {
	display: inline-flex;
	align-items: center;
}

.lounge-room-card__users {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 8px 10px;
}

.lounge-room-user {
	display: flex;
	align-items: center;
	gap: 6px;
	min-width: 0;
	font-size: 12px;
}

.lounge-room-user img {
	width: 18px;
	height: 18px;
	flex: 0 0 auto;
	opacity: 0.9;
}

.lounge-room-user span {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.lounge-room-user.is-empty {
	grid-column: 1 / -1;
	color: #c0bca5;
}

.lounge-room-card__capacity {
	text-align: center;
}

.lounge-room-card__capacity strong {
	display: block;
	font-size: 26px;
	line-height: 1;
}

.lounge-room-card__actions {
	display: grid;
	gap: 10px;
}

.lounge-room-status {
	display: block;
	padding: 11px 14px;
	border: 1px solid rgba(255, 255, 255, 0.12);
	background: rgba(255, 255, 255, 0.06);
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0.12em;
	text-align: center;
	text-transform: uppercase;
}

.lounge-room-status.is-full {
	color: #ffcc7a;
}

.lounge-room-status.is-blocked {
	color: #ff9090;
}

.lounge-room-card__admin {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 8px;
}

.lounge-admin-button {
	padding: 8px 10px;
	font-size: 10px;
}

@media screen and (max-width: 980px) {
	body.controller-lounge div#body {
		padding-left: 12px;
		padding-right: 12px;
	}

	.lounge-topbar__inner,
	.lounge-hero,
	.lounge-language-section__header,
	.lounge-room-card {
		grid-template-columns: 1fr;
	}

	.lounge-topbar__inner {
		display: grid;
	}

	.lounge-hero__panel {
		min-height: 0;
	}

	.lounge-room-card__users {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.lounge-room-card__capacity {
		text-align: left;
	}
}

@media screen and (max-width: 640px) {
	.lounge-topbar {
		margin-top: 12px;
	}

	.lounge-topbar__inner,
	.lounge-hero__panel,
	.lounge-profile-card,
	.lounge-create-card,
	.lounge-language-section,
	.lounge-room-card {
		padding: 16px;
	}

	.lounge-nav {
		gap: 12px;
	}

	.lounge-language-menu {
		min-width: 0;
	}

	.lounge-language-menu__list {
		left: 0;
		right: 0;
		width: auto;
	}

	.lounge-hero__panel h1 {
		font-size: 34px;
	}

	.lounge-hero__copy {
		font-size: 16px;
	}

	.lounge-stat {
		min-width: 0;
		flex: 1 1 110px;
	}

	.lounge-language-section__title h2 {
		font-size: 24px;
	}

	.lounge-room-card__name {
		font-size: 17px;
	}

	.lounge-room-card__users,
	.lounge-room-card__admin {
		grid-template-columns: 1fr;
	}
}

body.lounge-static-page {
	font-family: "Meiryo", "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
	color: #ffffff;
}

body.lounge-static-page a:active,
body.lounge-static-page a:link,
body.lounge-static-page a:visited {
	color: #5050ff;
	text-decoration: none;
}

body.lounge-static-page a:hover,
body.lounge-static-page a:focus {
	color: #2020ff;
	text-decoration: underline;
}

body.lounge-static-page div#body {
	width: auto;
	max-width: none;
	margin: 0 auto;
	padding: 0 0 40px;
}

.lounge-static-shell__body {
	width: 620px;
	max-width: calc(100% - 32px);
	margin: 24px auto 0;
}

.lounge-static-shell {
	width: 100%;
}

body.lounge-static-page div.container {
	width: auto;
	background: #efefef;
	padding: 20px;
	color: #0a0a0a;
	font-size: 15px;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
}

body.lounge-static-page div.container h2 {
	text-align: center;
	font-size: 20px;
}

body.lounge-static-page div.container table {
	margin: 0 auto 5px;
}

body.lounge-static-page div.container table td {
	padding: 0 6px;
}

body.lounge-static-page .button {
	position: relative;
	text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
	border-width: 1px 0;
	border-color: #e6e6e6 transparent #c9c9c9;
	border-style: solid;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	padding: 2px 20px;
	background: #dfdfdf;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
	cursor: pointer;
}

body.lounge-static-page .button:active {
	top: 1px;
}

body.lounge-static-page a.control,
body.lounge-static-page a.control:link,
body.lounge-static-page a.control:visited {
	position: relative;
	text-align: center;
	font-size: 13px;
	padding: 5px 10px;
	margin: 20px 0 0;
	border: 1px solid #bbbbbb;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #f2f2f2;
	color: #353535;
	display: block;
}

body.lounge-static-page a.control:hover,
body.lounge-static-page a.control:focus {
	border-color: #999;
	color: #555;
	text-decoration: none;
}

body.lounge-static-page a.control:active {
	top: 1px;
}

body.lounge-static-page #login {
	margin: 0 auto;
	min-height: 100px;
}

body.lounge-static-page #login .field {
	text-align: center;
	width: 280px;
}

body.lounge-static-page #login .field .textbox {
	width: 240px;
	display: block;
	height: auto;
	min-height: 44px;
	line-height: 1.3;
	font-size: 20px;
	letter-spacing: 1px;
	text-align: center;
	padding: 10px 12px;
	border: 1px solid #cccccc;
	margin: 0 auto 20px auto;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

body.lounge-static-page #login .field .button {
	color: #d3d3d3;
	width: 150px;
	text-shadow: 0 1px 3px rgba(255, 255, 255, 0.6);
	border: 2px solid #ffffff;
	padding: 2px 20px;
	background: #363636;
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.6);
	-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.6);
}

body.lounge-static-page #login .insider {
	text-align: center;
	width: 280px;
	margin: 20px 0 15px;
	border-top: solid #dddddd 1px;
	padding: 10px 0;
}

body.lounge-static-page #login .insider .rooms {
	font-size: 13px;
	margin-top: 8px;
	max-height: 240px;
	overflow: hidden;
}

body.lounge-static-page #login .footer {
	text-align: center;
	margin: 40px 0 20px 0;
	clear: both;
	color: #8a8a8a;
	font-size: 13px;
}

body.lounge-static-page #login .languageLinks {
	clear: both;
	text-align: center;
	font-size: 10px;
	margin: 10px 0;
}

body.lounge-static-page #login .copyright {
	text-align: center;
	margin: 30px 0 20px 0;
	clear: both;
	color: #8a8a8a;
	font-size: 10px;
}

body.lounge-static-page ul.icons {
	list-style-type: none;
	margin: 0;
}

body.lounge-static-page ul.icons li {
	display: block;
	float: left;
	width: 60px;
	margin: 1px 5px 5px 5px;
	text-align: center;
}

body.lounge-static-page ul.icons li label img {
	width: 58px;
	height: 58px;
	opacity: 0.6;
	filter: alpha(opacity=60);
}

body.lounge-static-page ul.icons li label img:hover {
	opacity: 1.0;
	filter: alpha(opacity=100);
}

body.lounge-static-page ul.icons li label input {
	display: none;
}

body.lounge-static-page .lounge-static-login {
	padding-bottom: 24px;
}

body.lounge-static-page .lounge-static-login-form {
	display: flex;
	flex-direction: column;
	align-items: center;
}

body.lounge-static-page .lounge-static-login ul.icons {
	float: none;
	display: grid;
	grid-template-columns: repeat(4, 60px);
	gap: 8px 10px;
	width: auto;
	justify-content: center;
}

body.lounge-static-page .lounge-static-login ul.icons li {
	float: none;
	margin: 0;
}

body.lounge-static-page .lounge-static-login .field {
	width: 100%;
	max-width: 280px;
	margin-top: 20px;
}

body.lounge-static-page .lounge-static-login .field .textbox,
body.lounge-static-page .lounge-static-admin .field .textbox {
	width: 100%;
	box-sizing: border-box;
}

body.lounge-static-page .lounge-static-login .field .button,
body.lounge-static-page .lounge-static-admin .field .button {
	display: block;
	margin: 0 auto;
}

body.lounge-static-page .lounge-static-admin {
	max-width: 320px;
	margin-left: auto;
	margin-right: auto;
}

body.lounge-static-page .lounge-static-create {
	max-width: 520px;
	margin-left: auto;
	margin-right: auto;
}

body.lounge-static-page .lounge-static-admin-form {
	display: block;
	width: 100%;
}

body.lounge-static-page .lounge-static-create-form {
	display: block;
	width: 100%;
}

body.lounge-static-page .lounge-static-admin-fields,
body.lounge-static-page .lounge-static-create-fields {
	display: grid;
	gap: 16px;
	width: 100%;
	margin: 0 auto;
}

body.lounge-static-page .lounge-static-admin-row,
body.lounge-static-page .lounge-static-create-row {
	width: 100%;
}

body.lounge-static-page .lounge-static-admin-row label,
body.lounge-static-page .lounge-static-create-row label {
	display: block;
	margin-bottom: 6px;
	color: #353535;
	font-size: 13px;
	font-weight: bold;
	text-align: left;
}

body.lounge-static-page #login.lounge-static-admin .lounge-static-admin-row .textbox,
body.lounge-static-page #login.lounge-static-admin .lounge-static-admin-row select,
body.lounge-static-page .lounge-static-create-row .textbox,
body.lounge-static-page .lounge-static-create-row select {
	width: 100%;
	max-width: none;
	box-sizing: border-box;
	margin-left: auto;
	margin-right: auto;
}

body.lounge-static-page #login.lounge-static-admin .lounge-static-admin-row .textbox,
body.lounge-static-page .lounge-static-create-row .textbox {
	height: auto;
	min-height: 44px;
	line-height: 1.3;
	padding: 10px 12px;
	border: 1px solid #cccccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

body.lounge-static-page #login.lounge-static-admin .lounge-static-admin-row select,
body.lounge-static-page .lounge-static-create-row select {
	height: 44px;
	padding: 0 12px;
}

body.lounge-static-page #login.lounge-static-admin .lounge-static-admin-actions,
body.lounge-static-page .lounge-static-create-actions {
	padding-top: 4px;
	text-align: center;
}

body.lounge-static-page #login.lounge-static-admin .lounge-static-admin-actions .button,
body.lounge-static-page .lounge-static-create-actions .button {
	min-width: 150px;
}

body.lounge-static-page .lounge-static-create-inline {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
}

body.lounge-static-page .lounge-static-create-inline select {
	flex: 1 1 auto;
}

body.lounge-static-page .lounge-static-create-row--captcha {
	display: flex;
	justify-content: center;
}

body.lounge-static-page .lounge-static-create-note {
	margin-top: 18px;
	text-align: center;
}

body.lounge-static-page .lounge-static-admin .field .textbox {
	width: 100%;
	max-width: none;
	height: auto;
	min-height: 44px;
	line-height: 1.3;
	margin-left: 0;
	margin-right: 0;
	text-align: center;
}

body.lounge-static-page .login-footer-outside {
	margin-top: 16px;
	text-align: center;
	background: transparent;
	border: 0;
	box-shadow: none;
}

body.lounge-static-page .login-footer-outside .footer,
body.lounge-static-page .login-footer-outside .copyright {
	background: transparent;
	border: 0;
	box-shadow: none;
}

body.lounge-static-page .login-footer-outside .footer {
	margin: 0 0 12px;
}

body.lounge-static-page .login-footer-outside .copyright {
	margin: 0;
	color: #8a8a8a;
	font-size: 10px;
}

body.lounge-static-page #about p {
	font-size: 14px;
	text-indent: 20px;
	text-align: justify;
	margin: 8px 0;
	text-shadow: 0 2px 3px rgba(125, 125, 125, 0.8);
}

body.lounge-static-page #about ul {
	width: 70%;
	margin: 0 auto;
	padding-left: 25px;
	font-size: 14px;
	text-shadow: 0 2px 3px rgba(125, 125, 125, 0.8);
}

body.lounge-static-page #about .work {
	margin-left: 10px;
	font-size: 12px;
}

body.lounge-static-page #readme h4 {
	text-align: left;
	margin: 2px 0;
	font-size: 15px;
}

body.lounge-static-page #readme p {
	font-size: 14px;
	text-indent: 20px;
	text-align: justify;
	margin: 2px 0 5px 0;
	text-shadow: 0 2px 3px rgba(125, 125, 125, 0.8);
}

body.lounge-static-page #readme ul {
	width: 90%;
	margin: 2px auto;
	padding-left: 25px;
	font-size: 14px;
	text-shadow: 0 2px 3px rgba(125, 125, 125, 0.8);
}

body.lounge-static-page #readme ul li {
	margin-bottom: 5px;
}

body.lounge-static-page #readme .answer {
	display: block;
	font-size: 13px;
	text-indent: 25px;
	text-align: justify;
}

@media (max-width: 1020px) {
	.lounge-static-shell__body {
		width: auto;
		max-width: none;
		margin-left: 16px;
		margin-right: 16px;
	}

	body.lounge-static-page .globalbar .navbar-inner .container-fluid,
	body.lounge-static-page div.container {
		width: auto;
	}

	body.lounge-static-page .lounge-static-login ul.icons {
		grid-template-columns: repeat(4, 60px);
	}
}

@media (max-width: 420px) {
	body.lounge-static-page .lounge-static-login ul.icons {
		grid-template-columns: repeat(4, 60px);
	}
}

@media (max-width: 768px) {
	#talks {
		margin-top: 165px;
	}

	#message div.user_profile img {
		width:48px;
		height:48px;
	}

	#talks dl.talk dt, #murmurs dl.talk dt {
			min-height: 20px;
			width: 72px;
			padding-top: 48px;
			padding-bottom: 10px;
			text-align: center;
			display: block;
			line-height: 20px;
			float: left;
			white-space: pre-line;
			word-wrap: break-word;
			background-size: 48px !important;
		}

		#talks dl.talk dd div.bubble p.body {
				
				/*white-space: pre-wrap;*/
				/*white-space: -moz-pre-wrap;*/
				/*white-space: -pre-wrap;*/
				/*white-space: -o-pre-wrap;*/
				word-wrap: break-word;
				text-shadow: 1px 0 #00000078,0 1px #00000078,-1px 0 #00000078,0 -1px #00000078,-1px -1px #00000078,-1px 1px #00000078,1px -1px #00000078,1px 1px #00000078;
				background-size: contain !important;
			}

	body.controller-room,
	body.controller-room div#body {
		overflow-x: hidden;
		max-width:100vw;
	}

	body.controller-room div.message_box_inner {
		width: auto;
		margin-left: 12px;
		margin-right: 12px;
	}

	body.controller-room #message ul.menu {
		float: none;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
		gap: 8px;
		height: auto;
		margin-bottom: 8px;
	}

	body.controller-room #message ul.menu li {
		float: none;
		margin: 0;
	}

	body.controller-room #message ul.menu li.droplist select {
		min-width: 0;
		max-width: 100%;
	}

	body.controller-room div.message_box h2 {
		float: none;
		display: block;
		text-align: center;
	}

	body.controller-room #message textarea {
		width: calc(100% - 96px);
		max-width: calc(100% - 96px);
	}

	body.controller-room div#whisper_box {
		max-width: calc(100vw - 24px);
		box-sizing: border-box;
	}

	body.controller-room div.whisper_message_box {
		z-index: 2;
	}

	body.controller-room div.whisper_message_box_inner {
		width: auto;
		max-width: calc(100vw - 48px);
		margin-left: 12px;
		margin-right: 12px;
	}

	body.controller-room #whisper ul.menu {
		float: none;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
		gap: 8px;
		height: auto;
		margin-bottom: 8px;
	}

	body.controller-room #whisper ul.menu li {
		float: none;
		margin: 0;
	}

	body.controller-room #whisper ul.menu li.droplist select {
		min-width: 0;
		max-width: 100%;
	}

	body.controller-room div.whisper_message_box h2 {
		float: none;
		display: block;
		text-align: center;
	}

	body.controller-room #whisper textarea {
		width: 100%;
		max-width: 100%;
		box-sizing: border-box;
	}

	body.controller-room #murmurs_box {
		z-index: 1;
		overflow-x: hidden;
	}

	body.controller-room #murmurs {
		width: auto;
		margin-left: 12px;
		margin-right: 12px;
	}

	body.controller-room #talks_box {
		overflow-x: hidden;
	}

	body.controller-room #talks {
		padding-left: 12px;
		padding-right: 12px;
		box-sizing: border-box;
	}

	body.controller-room #talks dl.talk dd,
	body.controller-room #murmurs dl.talk dd {
		max-width: calc(100% - 98px);
	}

	body.controller-room #talks dl.talk dd div.bubble p.body,
	body.controller-room #murmurs dl.talk dd div.bubble p.body {
		max-width: 100%;
	}

	body.controller-room #setting_pannel input[type="text"],
	body.controller-room #setting_pannel select {
		max-width: 100%;
		box-sizing: border-box;
	}

	body.controller-room div#pagetop {
		right: 12px;
	}
}