.dice{
	left:320px;
	position:relative;
	text-align: center;
	width:480px;
	font-size:14pt;
	color:#fff;
	background:#666666; 
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 12px 10px 10px 10px;
	margin:20px 0px 20px 0px;
	border:2px solid #fcc;
}
.dice table {
	margin-left: auto;
	margin-right: auto;
	text-align:left;
	border-spacing: 0px; 
}
td.center{
	text-align:center;
}
.other{
	left:320px;
	position:relative;
	width:480px;
	font-size:14pt;
	color:#fff;
	background:#444; 
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 12px 10px 10px 10px;
	margin:20px 0px 20px 0px;
	border:2px solid #fcc;
	line-height: 150%;
   text-align:justify;
   text-justify: inter-ideograph;
}
.chat{
	left:245px;
	position:relative;
	height:130px;
	width:550px;
}
.chat span.name{
    top:20px;left:80px;
    position:absolute;
	height:25px;
	font-size : 18pt;
	font-weight: bold; 
    color:#fff;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	padding: 10px 30px 5px 45px;
	
}
.chat span.speak{
	top:55px;left:80px;
	position:absolute;
	width:460px;
	font-size : 14pt;
	color:#fff;
	background:#666666; 
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 10px 5px 7px 50px;
}
span.speak a{
	color:#f88;
}
div.dice a{
	color:#f88;
}
div.other a{
	color:#f88;
}
span#ao{
	background-color: #814; 
	background: -moz-linear-gradient(left top, #814, #b38);
	background: -webkit-gradient(linear, left top, right bottom, from(#814), to(#b38));
}
span#zyun{
	background-color: #148; 
	background: -moz-linear-gradient(left top, #148, #38b);
	background: -webkit-gradient(linear, left top, right bottom, from(#148), to(#38b));
}
span#yui{
	background-color: #444; 
	background: -moz-linear-gradient(left top, #444, #999);
	background: -webkit-gradient(linear, left top, right bottom, from(#444), to(#999));
}
span#hona{
	background-color: #884; 
	background: -moz-linear-gradient(left top, #884, #bb8);
	background: -webkit-gradient(linear, left top, right bottom, from(#884), to(#bb8));
}
span#kp{
	background-color: #74c; 
	background: -moz-linear-gradient(left top, #648, #a8f);
	background: -webkit-gradient(linear, left top, right bottom, from(#648), to(#a8f));
}
span#omoi{
	background-color: #66a; 
	background: -moz-linear-gradient(left top, #66a, #88c);
	background: -webkit-gradient(linear, left top, right bottom, from(#66a), to(#88c));
}
span#ichi{
	background-color: #a66; 
	background: -moz-linear-gradient(left top, #a66, #c88);
	background: -webkit-gradient(linear, left top, right bottom, from(#a66), to(#c88));
}
span#tomo{
	background-color: #6a6; 
	background: -moz-linear-gradient(left top, #6a6, #8c8);
	background: -webkit-gradient(linear, left top, right bottom, from(#6a6), to(#8c8));
}
span#miho{
	background-color: #aa6; 
	background: -moz-linear-gradient(left top, #aa6, #cc8);
	background: -webkit-gradient(linear, left top, right bottom, from(#aa6), to(#cc8));
}
span#jess{
	background-color: #a6a;
	background: -moz-linear-gradient(left top, #a6a, #c8c);
	background: -webkit-gradient(linear, left top, right bottom, from(#a6a), to(#c8c));
}
span#jess2{
	background-color: #a6a;
	background: -moz-linear-gradient(left top, #a6a, #c8c);
	background: -webkit-gradient(linear, left top, right bottom, from(#a6a), to(#c8c));
}
span#jess3{
	background-color: #a6a;
	background: -moz-linear-gradient(left top, #a6a, #c8c);
	background: -webkit-gradient(linear, left top, right bottom, from(#a6a), to(#c8c));
}
span#jess4{
	background-color: #a6a;
	background: -moz-linear-gradient(left top, #a6a, #c8c);
	background: -webkit-gradient(linear, left top, right bottom, from(#a6a), to(#c8c));
}
span#mol{
	background-color: #333; 
	background: -moz-linear-gradient(left top, #333, #666);
	background: -webkit-gradient(linear, left top, right bottom, from(#333), to(#666));
}
span#mol2{
	background-color: #333; 
	background: -moz-linear-gradient(left top, #333, #666);
	background: -webkit-gradient(linear, left top, right bottom, from(#333), to(#666));
}
span#ao_kp{
	background-color: #814; 
	background: -moz-linear-gradient(left top, #814, #b38);
	background: -webkit-gradient(linear, left top, right bottom, from(#814), to(#b38));
}
span#shin{
	background-color: #448899; 
	background: -moz-linear-gradient(left top, #184, #3b8);
	background: -webkit-gradient(linear, left top, right bottom, from(#184), to(#3b8));
}
span#hiyo{
	background-color: #7777cc; 
	background: -moz-linear-gradient(left top, #499, #8bb);
	background: -webkit-gradient(linear, left top, right bottom, from(#499), to(#8bb));
}
span#other_pl{
	background-color: #333; 
	background: -moz-linear-gradient(left top, #333, #666);
	background: -webkit-gradient(linear, left top, right bottom, from(#333), to(#666));
}
/*Unicodeにすると文字化けしない*/
/*https://webllica.com/css-content-property-mojibake/*/
span#ao:before{
	content:"\4E8C\897F\3000\78A7";
}
span#zyun:before{
	content:"\7E6D\53D6\3000\9806\4E8C";
}
span#yui:before{
	content:"\4ECA\57CE\3000\7D50\8863";
}
span#hona:before{
	content:"\85E4\5D0E\3000\5E06\6CE2";
}
span#kp:before{
	content:"KP";
}
span#omoi:before{
	content:"\661F\91CE\3000\60F3";
}
span#ichi:before{
	content:"\7E6D\53D6\3000\4E00\83EF";
}
span#tomo:before{
	content:"\6587\5009\3000\53CB\5B50";
}
span#miho:before{
	content:"\85E4\5D0E\3000\6D77\5E06";
}
span#jess:before{
	content:"\30B8\30A7\30B7\30FC\30FB\30DE\30FC\30BB\30EB";
}
span#jess2:before{
	content:"\30E6\30C3\30B0\FF1D\30B4\30C8\30D5";
}
span#jess3:before{
	content:"\FF1F\FF1F\FF1F";
}
span#jess4:before{
	content:"\30B8\30A7\30B7\30FC\30FB\30DE\30FC\30BB\30EBJr.";
}
span#mol:before{
	content:"\30E2\30EB\30DA\30A6\30B9";
}
span#mol2:before{
	content:"\FF1F\FF1F\FF1F";
}
span#ao_kp:before{
	content:"KP";
}
span#shin:before{
	content:"\58CA\4E16\68EE\8B77";
}
span#hiyo:before{
	content:"\7A7A\91CE\65E5\548C";
}
span#other_pl:before{
	content:"\4ED6\306EPL";
}

.chat img{
	top:5px;left:0px;
	position:absolute;
	width:110px;height:110px;
	border-radius:400px;
}
.chat img#ao{
	background:url(image/ao_icon.png);
	background-size:contain;
	border:5px solid #a88;
}
.chat img#zyun{
	background:url(image/zyun_icon.png);
	background-size:contain;
	border:5px solid #88a;
}
.chat img#yui{
	background:url(image/yui_icon.png);
	background-size:contain;
	border:5px solid #888;
}
.chat img#hona{
	background:url(image/hona_icon.png);
	background-size:contain;
	border:5px solid #aa8;
}
.chat img#kp{
	background:url(image/kp_icon.png);
	background-size:contain;
	border:5px solid #a8f;
}
.chat img#kp2{
	background:url(image/kp_icon2.png);
	background-size:contain;
	border:5px solid #a8f;
}
.chat img#omoi{
	background:url(image/omoi_icon.png);
	background-size:contain;
	border:5px solid #66a;
}
.chat img#ichi{
	background:url(image/ichi_icon.png);
	background-size:contain;
	border:5px solid #a66;
}
.chat img#tomo{
	background:url(image/tomo_icon.png);
	background-size:contain;
	border:5px solid #6a6;
}
.chat img#miho{
	background:url(image/miho_icon.png);
	background-size:contain;
	border:5px solid #aa6;
}
.chat img#jess{
	background:url(image/jess_icon.png);
	background-size:contain;
	border:5px solid #a6a;
}
.chat img#mol{
	background:url(image/mol_icon.png);
	background-size:contain;
	border:5px solid #333;
}
.chat img#mol2{
	background:#2f2f2f;
	background-size:contain;
	border:5px solid #333;
}
.chat img#ao_kp{
	background:url(image/mol2_icon.png);
	background-size:contain;
	border:5px solid #a88;
}
.chat img#shin{
	background:url(image/mol2_icon.png);
	background-size:contain;
	border:5px solid #8a8;
}
.chat img#hiyo{
	background:url(image/mol2_icon.png);
	background-size:contain;
	border:5px solid #8aa;
}
.chat img#other_pl{
	background:url(image/mol2_icon.png);
	background-size:contain;
	border:5px solid #333;
}