@charset "utf-8";	/* CSS文字コード設定 */

div.fraxinus{
    color: #d02020;
    font-size: 14px;
/* border:solid 1px #404040; */ 
}

div.fraxinus .main-disp{
	position: relative;
	width: 320px;
	height: 180px;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
}
div.fraxinus .message-box{
	position: absolute;
	bottom: 8px;
	left: 7px;
	width: 300px;
	height: 44px;
/*	border:solid 1px #8080ff;*/
	padding: 2px 2px 2px 2px;
	resize: none;
	text-align: left;

	white-space: pre;           /* CSS 2.0 */
	white-space: pre-wrap;      /* CSS 2.1 */
	white-space: pre-line;      /* CSS 3.0 */
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -hp-pre-wrap;  /* HP Printers */
	word-wrap: break-word;      /* IE 5+ */

    border-radius: 4px;      /* CSS3 */  

    cursor: default;
	background-color: rgba(210, 210, 210, 0.85); /* RGBを10進数(0～255)で指定、不透明度を0～1.0で指定 要素の背景色のみ透過する */

	color: #404040;
	font-size: 12px;
	font-weight: 700;
	text-shadow: 2px 1px 0px #e0e0e0;
}
div.fraxinus .image-canvas{
	position: absolute;
	top: 0px;
	left: 0px;
/*	width: 400px;
	height: 225px;*/
	width: 100%;
	height: 100%;
	padding: 0px;
	margin: 0px;
}

div.fraxinus .display-frame{
	position: absolute;
	top: 0px;
	left: 0px;
/*	width: 320px;
	height: 180px;*/
	width: 100%;
	height: 100%;

	padding: 0px;
	margin: 0px;
}

div.fraxinus .character-frame{
	position: absolute;
	top: 0px;
	left: 0px;

	padding: 0px;
	margin: 0px;
}

.sys-notice{
	display: inline-block;
	position: absolute;
	top: 2px;
	left: 2px;
	text-align: left;
	color: #d04040;
	font-size: 12px;
	text-shadow: 1px 1px 1px #202020;
	
}