html{
	width: 100%;
	text-arign:center;
}
body{
	color: #8b4513;
	background-color: #ffebb3;
	margin: 20px auto;
	text-align:center;
	font-size: large; 
	font-family: "MS UI Gothic","ＭＳ ゴシック","平成角ゴシック",monospace;

}
a{
	color: #cc66ff;
	text-decoration: none;
}
a:hover{
	color: #ff0000;
	text-decoration: underline;
}
p{
	margin: 0px;
	padding: 0px;
}
#lastupdate{
	margin-left: 10px;
	color: #dd3344;
	text-align: left;
}
#content{
	margin:0px auto;
}
#title{
	margin: 10px auto 20px;
	color: #cc66ff;
	font-size: x-large;
	text-align:center;
}
#title p{
	color: #8b4513;
}

#infotitle{
	color: #ff8080;
	font-weight; bold;
	font-size: xx-large;
	text-align:center;
}

#infotitle p{
	margin: 20px auto 30px;
	color: #8b4513;
	font-size: x-large;
}

#specinfo{
	margin: 0px auto;
	width: 80%;
	margin-bottom: 20px;
}

#specinfo h1{
	margin: 0px auto;
	padding: 20px 0px ;
	color: #ffffff;
	text-align:center;
	font-size: x-large;
	background-color: #aa8866;
}
#specinfo div{
	padding: 5px;
	background-color: #fff4cf;
	border: 1px solid #aa8866;
}
#specinfo table{
	color: #aa22aa;
	font-size: medium;
}
#specinfo table td{
	vertical-align: top;
}
#specinfo table .cset{
	text-align: center;
}
#specinfo table .lset{
	text-align: left;
}

#demo{
	margin: 10px auto 20px;
	color: #cc66ff;
	font-size: xx-large;
	text-align:center;
}

#sstitle{
	margin: 10px auto 20px;
	color: #cc66ff;
	font-size: xx-large;
	text-align:center;
}

#ssbody{
	width: 820px;
	margin:0px auto;
}
#ssbody .leftbox{
	width: 400px;
	float:left;
	margin-bottom: 20px;
}
#ssbody .rightbox{
	width: 400px;
	float:right;
	margin-bottom: 20px;
}
#ssfooter{
	color: #aa8600;
	font-size: xx-large;
	margin: 10px auto 5px;
}

#produceby{
	margin: 30px auto 30px;
	width: 100%;
	text-align:center;
}
#produceby a{
	color: #0000ff;
}
#produceby a:hover{
	color: #ff0000;
}

#linktitle{
	margin: 0px auto;
	width: 640px;
	color: #ff8080;
	font-size: xx-large;
}
#linkbody{
	margin: 0px auto;
	width: 640px;
	border: 1px solid #aa8866;
	padding: 4px;
	margin-bottom: 30px;
}
#linkbody div{
	color: #ffffff;
	padding: 3px;
	margin-bottom: 4px;

	text-align:center;
	background-color: #aa8866;
}
#linkbody a{
	font-size: x-large;
	color: #d0c0ff;
}
#linkbody a:hover{
	color: #ffa0a0;
}



#charvoice{
	width: 502px;
	padding: 4px;
/*	border: 1px solid #aa8866; */
	margin: 0px auto;
	margin-bottom: 30px;
}
#charvoice div.box{
	height: 128px;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	border: 1px solid #aa8866;
	
}

#charvoice img.face{
	width: 128px;
	height: 128px;
	border: 0px;
	padding: 0px;
	margin: 0px;
}

#charvoice .left{
	float:left;
	text-align:right;
}
#charvoice .right{
	float:right;
	text-align:left;
	border-left: 1px solid #aa8866 !important;
}

#charvoice div.msg{
	width: 371px;
	height: 128px;
	border: 0px;
	background-color: #f4e8ca;
}

#charvoice div.msg h3{
	font-size: x-large;
	color: #ffebb3;
	background-color: #aa8866;
	margin:0px;
	padding: 2px 0px;
	text-align:center;
}


#charvoice div.msg hr{
	width: 200px;
	text-align:center;
	margin: 10px auto 0px;
}
#charvoice div.msg p{
	padding: 5px;
	text-align:center;
}

#charvoice a{
	font-size: small;
	font-weight: bold;
	color: #c040a0;
	text-decoration: underline;
}
#charvoice a:hover{
	font-size: small;
	font-weight: bold;
	color: #ff0000;
}

#charvoice a.sv{
	color: #605040;
}