BODY
	{
    FONT-SIZE	: 12pt;
	COLOR		: #161616;
    FONT-FAMILY	: "游ゴシック";
    BACKGROUND	: #fffae0
	}

BLOCKQUOTE 
	{
    BACKGROUND	: #fffae0;
	}

/* ================================================
colors
================================================ */

/*
off yellow
#f0e000

crimson
#dc143c

darkred
#8b0000
*/

/* ================================================ */

A:link
	{
    COLOR		: #1616F0;
    TEXT-DECORATION: none
	}
A:visited
	{
    COLOR		: #1616B0;
    TEXT-DECORATION: none
	}
A:hover
	{
    COLOR		: #FF1616;
    TEXT-DECORATION: underline
	}
H1
	{
    font-weight	: bold;
    FONT-SIZE	: 18pt;
    COLOR		: #ffffff;
    FONT-FAMILY	: "游ゴシック";
	BACKGROUND-COLOR : #ccaa00;
	BORDER-TOP-WIDTH : 2px;
	BORDER-TOP-STYLE : solid;
	BORDER-TOP-COLOR : #ccaa00;
	BORDER-LEFT-WIDTH : 5px;
	BORDER-LEFT-STYLE : solid;
	BORDER-LEFT-COLOR : #ccaa00;
	BORDER-BOTTOM-WIDTH : 2px;
	BORDER-BOTTOM-STYLE : solid;
	BORDER-BOTTOM-COLOR : #ccaa00
	}
H2
	{
    font-weight	: bold;
    FONT-SIZE	: 14pt;
    COLOR		: #805000;
    FONT-FAMILY	: "游ゴシック";
   	BORDER-BOTTOM-WIDTH : 1px;
	BORDER-BOTTOM-STYLE : solid;
	BORDER-BOTTOM-COLOR : #805000
	}

.M-size
	{
    FONT-SIZE: 12pt;
    COLOR: #161616;
    FONT-FAMILY: "游ゴシック"
	}
.M-size-B
	{
    font-weight	: bold;
    FONT-SIZE	: 12pt;
    COLOR		: #F04000;
    FONT-FAMILY	: "游ゴシック";
	}
.S-size
	{
    FONT-SIZE: 10pt;
    COLOR: #161616;
    FONT-FAMILY: "游ゴシック"
	}
.N-size
	{
    FONT-SIZE: 10pt;
    COLOR: #161664;
    FONT-FAMILY: "游ゴシック"
	}
.White
	{
    FONT-SIZE: 12pt;
    COLOR: #FFFFFF;
    FONT-FAMILY: "游ゴシック"
	}
.Scrpt
	{
    FONT-SIZE: 10pt;
    COLOR: #161616;
    FONT-FAMILY: "ＭＳ ゴシック"
	}
.Cmt
	{
    FONT-SIZE: 10pt;
    COLOR: #D01616;
    FONT-FAMILY: "ＭＳ ゴシック"
	}
	
table tr,th,td
	{
		font-size: 11pt;
	}
table td
	{
		white-space: nowrap;
	}

pre {
	line-height: 1.2em;
}
	
.area {
	position:absolute;
	caret-color: transparent;
}	

.area[data-title]:hover::after {
	content: attr(data-title);
	position: relative;
	bottom: -1.6em;
	left: 50%;
	display: inline-block;
	padding:4px;
	border:1px solid #000;
	background:#FFFFEE;
	box-shadow: 4px 4px 3px #888888;
	caret-color: transparent;
}

#area1[data-title]:hover::after {
	min-width:2em;
}

#area2[data-title]:hover::after {
	min-width:11em;
}

#area3[data-title]:hover::after {
	min-width:11em;
}

#area10[data-title]:hover::after {
	min-width:3em;
}

.tip {
	position:absolute;
	width:210px;
	padding:5px;
	border:1px solid #000;
	background:#FFFFEE;
	box-shadow: 4px 4px 3px #888888;
	caret-color: transparent;
}