/*
　--------------------------------------------------------------------------------------
　BODY
　--------------------------------------------------------------------------------------
*/
BODY{
	COLOR:#222222;
	FONT-SIZE:13PX;
	FONT-FAMILY:'Verdana', 'MS UI GOTHIC';
	MARGIN:0PX;
	PADDING:0PX;
	background-image:url(img/wall.jpg);
}
/* 社会人基礎力 */
BODY.SYAKAIJIN
{
	background-color:#FFFFFF;
	background-image:none;
}
/* メンタルヘルス */
BODY.MENTAL
{
	background-color:#FFDDDD;
	background-image:none;
}
/* コンプライアンス */
BODY.COMPLIANCE
{
	background-color:#FFDDFF;
	background-image:none;
}
/* 相性診断 */
BODY.AISYO
{
	background-image:url(img/wall_aisyo.jpg);
	background-repeat:repeat;
}

/* 印刷時用 */
@MEDIA PRINT 
{
	/* 印刷時は非表示に */
	BODY
	{
		/*
		DISPLAY:NONE;
		*/
	}
}

/*
　--------------------------------------------------------------------------------------
　TABLE
　--------------------------------------------------------------------------------------
*/
TABLE{
	COLOR:#222222;
	FONT-SIZE:13PX;
	FONT-FAMILY:'Verdana', 'MS UI GOTHIC';
}

TABLE.SOLID{
	MARGIN:0PX;
	PADDING:0PX;
	BORDER-STYLE:NONE;
}

TABLE.TYPEMATRIX
{
	font-size:13PX;
	padding:2PX;
	border-color:#000000;
}

/*
　--------------------------------------------------------------------------------------
　TR
　--------------------------------------------------------------------------------------
*/
TR{
}

TR.TITLEROW
{
	color:#333333;
	background-color:#F0F0F0;
	font-weight:bold;
	border-width:1PX;
	border-style:solid;
	border-color:#000000;
}

TR.GRAPHROW
{
	border-color:#FFFFFF;
}

TR.ITEMROW_EVEN
{
	background-color:#FFFFFF;
}

TR.ITEMROW_ODD
{
	background-color:#F5F5FF;
}

/*
　--------------------------------------------------------------------------------------
　TD
　--------------------------------------------------------------------------------------
*/
TD{
}

TD.TITLECELL
{
	border-color:#AAAAAA;
	border-style:solid;
	BORDER-WIDTH:1PX;
}
TD.ITEMCELL
{
	border-color:#AAAAAA;
	border-style:dotted solid dotted solid;
	BORDER-WIDTH:1PX;
}
TD.GRAPH_HEADER
{
	COLOR:#333333;
	font-size:14PX;
	font-weight:bold;
	padding:3PX;
}

/*
　--------------------------------------------------------------------------------------
　TD(エフェクト)
　--------------------------------------------------------------------------------------
*/
/* デフォルト */
TD.FX_HEADER{
	COLOR:#FFFFFF;
	font-size:18PX;
	font-weight:bold;
	padding:5PX;
	background-color:#334488;
	FILTER:PROGID:DXImageTransform.Microsoft.Gradient(startColorStr='#5588BB', endColorStr='#112266', gradientType='0');
	height:25PX;
	line-height:25PX;
}

/* 社会人基礎力 */
TD.FX_HEADER_SYAKAIJIN{
	COLOR:#000000;
	font-size:18PX;
	font-weight:bold;
	padding:5PX;
	background-color:#CC9944;
	FILTER:PROGID:DXImageTransform.Microsoft.Gradient(startColorStr='#EEDD77', endColorStr='#AA7722', gradientType='0');
	height:25PX;
	line-height:25PX;
}

/* メンタルヘルス */
TD.FX_HEADER_MENTAL{
	COLOR:#804000;
	font-size:18PX;
	font-weight:bold;
	padding:5PX;
	background-color:#EE4466;
	FILTER:PROGID:DXImageTransform.Microsoft.Gradient(startColorStr='#FF88BB', endColorStr='#EE3355', gradientType='0');
	height:25PX;
	line-height:25PX;
}

/* コンプライアンス */
TD.FX_HEADER_COMPLIANCE{
	COLOR:#FFFFFF;
	font-size:18PX;
	font-weight:bold;
	padding:5PX;
	background-color:#AA00AA;
	FILTER:PROGID:DXImageTransform.Microsoft.Gradient(startColorStr='#CC00CC', endColorStr='#880088', gradientType='0');
	height:25PX;
	line-height:25PX;
}

/* 相性診断 */
TD.FX_HEADER_AISYO{
	COLOR:#0000EE;
	font-size:18PX;
	font-weight:bold;
	padding:5PX;
	background-color:#CCCCCC;
	FILTER:PROGID:DXImageTransform.Microsoft.Gradient(startColorStr='#FFFFFF', endColorStr='#AAAAAA', gradientType='0');
	height:25PX;
	line-height:25PX;
}

TD.FX_BODY{
	background-color:#F4F4F4;
	FILTER:PROGID:DXImageTransform.Microsoft.Gradient(startColorStr='#FFFFFF', endColorStr='#EEEEEE', gradientType='0');
}

/* デフォルト */
TD.FX_FOOTER{
	COLOR:#FFFFFF;
	font-size:10PX;
	TEXT-ALIGN:RIGHT;
	padding:2PX;
	background-color:#334488;
	FILTER:PROGID:DXImageTransform.Microsoft.Gradient(startColorStr='#5588BB', endColorStr='#112266', gradientType='0');
}

/* 社会人基礎力 */
TD.FX_FOOTER_SYAKAIJIN{
	COLOR:#000000;
	font-size:10PX;
	TEXT-ALIGN:RIGHT;
	padding:2PX;
	background-color:#CC9944;
	FILTER:PROGID:DXImageTransform.Microsoft.Gradient(startColorStr='#EEDD77', endColorStr='#AA7722', gradientType='0');
}

/* メンタルヘルス */
TD.FX_FOOTER_MENTAL{
	COLOR:#804000;
	font-size:10PX;
	TEXT-ALIGN:RIGHT;
	padding:2PX;
	background-color:#EE4466;
	FILTER:PROGID:DXImageTransform.Microsoft.Gradient(startColorStr='#FF88BB', endColorStr='#EE3355', gradientType='0');
}

/* コンプライアンス */
TD.FX_FOOTER_COMPLIANCE{
	COLOR:#FFFFFF;
	font-size:10PX;
	TEXT-ALIGN:RIGHT;
	padding:2PX;
	background-color:#AA00AA;
	FILTER:PROGID:DXImageTransform.Microsoft.Gradient(startColorStr='#CC00CC', endColorStr='#880088', gradientType='0');
}

/* 相性診断 */
TD.FX_FOOTER_AISYO{
	COLOR:#0000EE;
	font-size:10PX;
	TEXT-ALIGN:RIGHT;
	padding:2PX;
	background-color:#CCCCCC;
	FILTER:PROGID:DXImageTransform.Microsoft.Gradient(startColorStr='#FFFFFF', endColorStr='#AAAAAA', gradientType='0');
}


/*
　--------------------------------------------------------------------------------------
　SPAN
　--------------------------------------------------------------------------------------
*/
SPAN{
}

SPAN.RADERCHART_DESCRIPTION{
	background-color:#CCDDFF;
	padding:10PX;
	margin:10PX;
	width:100%;
	height:100%;
}

SPAN.BARGRAPH_DESCRIPTION{
	background-color:#FFFFAA;
	padding:10PX;
	margin:10PX;
	width:100%;
	height:100%;
}

SPAN.BEST_LABEL
{
	color:#0055FF;
	margin:0PX 3PX 0PX 3PX;
}

SPAN.WORST_LABEL
{
	color:#DD0000;
	margin:0PX 3PX 0PX 3PX;
}

/* 自分のタイプ */
SPAN.TYPE_TITLE_SELF
{
	font-size:14PX;
	font-weight:bold;
	color:#883388;
	background-color:#EECCEE;
	FILTER:PROGID:DXImageTransform.Microsoft.Gradient(startColorStr='#EECCEE', endColorStr='#FFFFFF', gradientType='0');
	padding:3PX;
	width:100%;
	height:100%;
	margin:10PX 3PX 3PX 3PX;
}
/* 最高の組み合わせ */
SPAN.TYPE_TITLE_BEST
{
	font-size:14PX;
	font-weight:bold;
	color:#333388;
	background-color:#DDDDFF;
	FILTER:PROGID:DXImageTransform.Microsoft.Gradient(startColorStr='#CCCCEE', endColorStr='#FFFFFF', gradientType='0');
	padding:3PX;
	width:100%;
	height:100%;
	margin:10PX 3PX 3PX 3PX;
}
/* 最悪の組み合わせ */
SPAN.TYPE_TITLE_WORST
{
	font-size:14PX;
	font-weight:bold;
	color:#DD0000;
	background-color:#FFEEEE;
	FILTER:PROGID:DXImageTransform.Microsoft.Gradient(startColorStr='#FFDDDD', endColorStr='#FFFFFF', gradientType='0');
	padding:3PX;
	width:100%;
	height:100%;
	margin:10PX 3PX 3PX 3PX;
}

SPAN.TYPE_DESCRIPTION_SELF
{
	color:#555555;
	padding:3PX;
	width:100%;
	height:100%;
	margin:0PX 5PX 5PX 5PX;
}
SPAN.TYPE_DESCRIPTION_BEST
{
	color:#555555;
	padding:3PX;
	width:100%;
	height:100%;
	margin:0PX 5PX 5PX 5PX;
}
SPAN.TYPE_DESCRIPTION_WORST
{
	color:#555555;
	padding:3PX;
	width:100%;
	height:100%;
	margin:0PX 5PX 5PX 5PX;
}

/*
　--------------------------------------------------------------------------------------
　DIV
　--------------------------------------------------------------------------------------
*/
DIV{
}

DIV.FRONT
{
	WIDTH:100%;
	HEIGHT:100%;
	border-style:outset;
	border-width:1PX;
	padding:5PX;
}

DIV.DESCRIPTION
{
	font-size:14PX;
	padding:10PX;
}

DIV.TITLE{
	FONT-SIZE:16PX;
	BORDER-STYLE:SOLID;
	BORDER-WIDTH:0PX 0PX 1PX 4PX;
	BORDER-COLOR:#555555;
	MARGIN-BOTTOM:10PX;
	PADDING:3PX;
	WIDTH:100%;
}

DIV.TITLE_DESCRIPTION{
	FONT-SIZE:14PX;
	BORDER-STYLE:SOLID;
	BORDER-WIDTH:0PX 0PX 1PX 4PX;
	BORDER-COLOR:#555555;
	MARGIN-BOTTOM:10PX;
	PADDING:3PX;
	WIDTH:100%;
}

DIV.SUBTITLE{
	FONT-SIZE:15PX;
	BORDER-STYLE:SOLID;
	BORDER-WIDTH:0PX 0PX 1PX 0PX;
	BORDER-COLOR:#AAAAAA;
	MARGIN:1PX;
	WIDTH:100%;
}

DIV.COPYRIGHT{
	/* 商標((C) XXXXXX, Ltd. All rights reserved.) */
	COLOR:#555555;
	FONT-SIZE:9PX;
	TEXT-ALIGN:RIGHT;
	WIDTH:100%;
}

/*
　--------------------------------------------------------------------------------------
　INPUT
　--------------------------------------------------------------------------------------
*/
INPUT{
}

INPUT.TEXTBOX{
	WIDTH:200PX;
	BORDER-STYLE:OUTSET;
	BORDER-WIDTH:1PX;
	BORDER-COLOR:#AAAACC;
}

INPUT.FILE{
	WIDTH:200PX;
	BORDER-STYLE:OUTSET;
	BORDER-WIDTH:1PX;
	BORDER-COLOR:#AAAACC;
}

INPUT.CHECKBOX{
}

INPUT.RADIO{
}

/*
　--------------------------------------------------------------------------------------
　BUTTON
　--------------------------------------------------------------------------------------
*/
BUTTON{
	WIDTH:80PX;
}

/*
　--------------------------------------------------------------------------------------
　TEXTAREA
　--------------------------------------------------------------------------------------
*/
TEXTAREA.TEXTAREA{
	BORDER-STYLE:OUTSET;
	BORDER-WIDTH:1PX;
	BORDER-COLOR:#AAAACC;
	WIDTH:100%;
}

/*
　--------------------------------------------------------------------------------------
　LIST
　--------------------------------------------------------------------------------------
*/
SELECT.SELECT{
	WIDTH:200PX;
	BORDER-STYLE:OUTSET;
	BORDER-WIDTH:1PX;
	BORDER-COLOR:#AAAACC;
}

OPTION{
}

OPTION.DEFAULT{
	BACKGROUND-COLOR:#EEEEFF;
	FONT-WEIGHT:BOLD;
}

/*
　--------------------------------------------------------------------------------------
　FILETEXT
　--------------------------------------------------------------------------------------
*/
INPUT.HIDDENFILE_TEXT{
	WIDTH:200PX;
	BORDER-STYLE:OUTSET;
	BORDER-WIDTH:1PX;
	BORDER-COLOR:#AAAACC;
}

BUTTON.HIDDENFILE_BUTTON{
	WIDTH:80PX;
}

INPUT.HIDDENFILE{
	DISPLAY:NONE;
}

/*
　--------------------------------------------------------------------------------------
　IMG
　--------------------------------------------------------------------------------------
*/
IMG{
	BORDER-STYLE:NONE;
}
IMG.BUTTON
{
	cursor:hand;
}

/*
　--------------------------------------------------------------------------------------
　A
　--------------------------------------------------------------------------------------
*/
A{
	COLOR:#3333CC;
	TEXT-DECORATION:NONE;
}
A.LITE{
	COLOR:#AAAAFF;
	TEXT-DECORATION:NONE;
}
A:VISITED{
	TEXT-DECORATION:NONE;
}
A:ACTIVE{
	COLOR:#CC33CC;
	TEXT-DECORATION:NONE;
}
A:HOVER{
	COLOR:#3366DD;
	TEXT-DECORATION:UNDERLINE;
}