/* 全体色 */
BODY
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    FONT-SIZE: 9pt;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    COLOR: black;
    PADDING-TOP: 0px;
    FONT-FAMILY: 'Tahoma', 'ＭＳ Ｐゴシック', Osaka;
    BACKGROUND-COLOR: #000000;
    COLOR: #ffffff;
}

/* リンクの色 */
A:link		{ COLOR: #25F033 }
A:visited	{ COLOR: #83D09C }
a:hover	{ COLOR: #00FF54; text-decoration:none }

/* html上部のメニュー部分で使用する定義 */

DIV.menu
{
	background-color: black;
	FONT-FAMILY: 'Tahoma';
	BORDER-BOTTOM: #333333 3px solid;
	padding: 0px 0px 0px 0px;
}

DIV.menu A
{
    COLOR: white
}

TABLE.menulink
{
    BORDER-RIGHT: medium none;
    PADDING-RIGHT: 0px;
    BORDER-TOP: medium none;
    PADDING-LEFT: 0px;
    FONT-SIZE: 12px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    BORDER-LEFT: medium none;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: medium none;
    FONT-FAMILY: 'Tahoma', 'ＭＳ Ｐゴシック';
    TEXT-ALIGN: left
}

TD.menulink
{
    BORDER-RIGHT: 1px solid;
    BORDER-TOP: 1px solid;
    FONT-SIZE: 9pt;
    BORDER-LEFT: 1px solid;
    BORDER-BOTTOM: 1px solid;
    FONT-FAMILY: 'Tahoma', 'ＭＳ Ｐゴシック'
}

TD.menulink A		{ COLOR: #999999 }
TD.menulink A:link	{ TEXT-DECORATION: none }
TD.menulink A:visited	{ COLOR: #555555;TEXT-DECORATION: none }

TD.menulink A:active
{
    BORDER-RIGHT: 1px;
    BORDER-TOP: 1px;
    BORDER-LEFT: 1px;
    COLOR: #00aa00;
    BORDER-BOTTOM: 1px;
    TEXT-DECORATION: none
}
TD.menulink A:hover
{
    BORDER-RIGHT: #00aa00 1px solid;
    BORDER-TOP: #00aa00 1px solid;
    BORDER-LEFT: #00aa00 1px solid;
    COLOR: white;
    BORDER-BOTTOM: #00aa00 1px solid;
    BACKGROUND-COLOR: gray
}

th.event2 {
	background: #334433;
	margin: 0px;
}

/* フォントを90度回転(主に▼を横にする時に使用) */

FONT.yoko
{
    FONT-FAMILY: '@ＭＳ ゴシック'
}

/* テーブルデフォルト設定 */

TABLE
{
    FONT-SIZE: 12px;
    FONT-FAMILY: 'ＭＳ Ｐゴシック'
}

/* th.warp{white-space:nowrap;text-align:center;} */
/* td.warp{white-space:nowrap;text-align:center;} */

/* TABLE.musiclist TD {white-space:nowrap;} */

/* 曲リストテーブル設定 */

table.musiclist {
	background: #00AA00;
	border: 1px;
	padding: 0px;
}

/* フォーム部分で使用するテーブル設定 */

table.eventlist {
	background: #226322;
	border: 1px;
	padding: 0px;
/*	table-layout:fixed;*/
}

/* フォーム部分デフォルト設定 */

input{
	border: 1px solid #444444;
}

/* イベント用テーブル関連クラス設定 */

tr.event {
	color: #25F033;
	background: #223322;
	margin: 0px;
}

tr.eventback {
	background: #102010;
	margin: 0px;
}


td.event {
	color: #efe;
	background: #334433;
	margin: 0px;
/*	word-break:break-all;*/
	overflow:hidden;
}

td.eventback {
	background: #102010;
	margin: 0px;
/*	word-break:break-all;*/
	overflow:hidden;
}

font.event {
	color: #45E354;
}

TD.event A
{
	COLOR: #25F033;
}

TD.event A:link
{
    TEXT-DECORATION: none
}

TD.event A:visited
{
	COLOR: #83D09C;
    TEXT-DECORATION: none
}

TD.event A:active
{
    BORDER-RIGHT: 1px;
    BORDER-TOP: 1px;
    BORDER-LEFT: 1px;
    COLOR: #00aa00;
    BORDER-BOTTOM: 1px;
    TEXT-DECORATION: none
}

th.event {
	background: #223322;
	margin: 0px;
}

/* インプレッション用クラス設定 */

table.impinfo {
	background: #888888;
	border: 1px;
	padding: 0px;
}

td.impinfo {
	background: #DDDDDD;
	margin: 0px;
}

font.impinfo {
	color : #5AF025;
}

/* エラー表示枠クラス設定 */

blockquote.border {
	border: 2px dotted #cccccc;
	background: #112211;
	padding-left: 1em;
	padding-right: 1em;
}

/* 曲の種類別色設定 */
/* ※ Disqは失格者用です。 */

font.Copy		{ color : #060606; }
font.Arrange	{ color : #191919; }
font.Remix		{ color : #232323; }
font.Original	{ color : #2c2c2c; }
font.Disq		{ color : #000000; }

td.Copy		{ background : #030603; margin: 0px; }
td.Arrange	{ background : #151915; margin: 0px; }
td.Remix	{ background : #1e231e; margin: 0px; }
td.Original	{ background : #282c28; margin: 0px; }
td.Disq		{ background : #880000; color : #000000 ; margin: 0px; }

tr.Copy		{ background : #030603; margin: 0px; }
tr.Arrange	{ background : #151915; margin: 0px; }
tr.Remix	{ background : #1e231e; margin: 0px; }
tr.Original	{ background : #282c28; margin: 0px; }
tr.Disq		{ background : #880000; color : #000000 ; margin: 0px; }

font.pickup	{ color : #ff0000; }
div.pickup	{ color : #ff0000; }
font.pickup2	{ color : #ff0000; TEXT-DECORATION: underline }

/* 強調表示 */

font.check	{ FONT-WEIGHT: bolder; COLOR: ee0000; }

/* インプレッションのトリップIDの文字色 */
/* ※基本的にトリップの色はtd.eventクラスに近い色に設定してください。 */

font.trip	{ color: #333333;}

/* html上部のヘッダ設定 */

div.header_menu
{
    BORDER-TOP: #000000 1px solid;
    PADDING-LEFT: 0px;
    FONT-size: 9pt;
    BACKGROUND: #666666;
    BORDER-BOTTOM: #000000 1px solid;
    HEIGHT: 14px;
    TEXT-DECORATION: none;
    color: #FFFFFF;
}

div.header_menuleft
{
    FLOAT: left;
    TEXT-ALIGN: left
}
div.header_menuright
{
    PADDING-RIGHT: 3px;
    FLOAT: right;
    TEXT-ALIGN: right
}

/* 曲情報詳細ページ「▼Impression」部分 */

div.header_impinfo
{
	WIDTH:100%;
	BORDER:solid #888888;
	BORDER-WIDTH: 0px 0px 2px 4px ;
	TEXT-DECORATION: none;
	margin:5px;
}

table.score
{
	width:50%;
	border: solid 1px #00ff00;
	padding: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
}

table.score	tr.score	td{
	border: solid 1px #00ff00;
	margin: 0px;
	background: #008800;
	font-weight:bold;
}

table.score	tr.score2	td{
	border: solid 1px #00ff00;
	margin: 0px;
	background: #006600;
}

/* Pickup(特定の得点以上で★が表示されるシステム)の設定色 */

div.header_pickup
{
    PADDING-LEFT: 0px;
    FONT-WEIGHT: bold;
    FONT-size: 9pt;
    BACKGROUND: #334433;
    BORDER-BOTTOM: #445544 1px solid;
    HEIGHT: 16px;
    TEXT-DECORATION: none
}

/* 以下他のページで使用 */

font.classes	{ color: #ffffff;}

font.eventtitle
{
	FONT-FAMILY: 'Verdana';
	FONT-SIZE:15pt;
	font-weight:bold;
}

div.quote
{
	width:50%;
	margin: 5px;
	padding: 5px;
	border:solid 1px #000000;
}

H3
{
	border-top:#EEEEEE 4px double;
	border-bottom:#EEEEEE 4px double;
	FONT-FAMILY: 'Verdana';
	text-align:left;
	background: #DDDDDD;
	color : #000000;
	PADDING-LEFT: 4px;
}

H4
{
    BORDER-RIGHT: thick inset;
    BORDER-TOP: thin solid;
    PADDING-LEFT: 2px;
    MARGIN: 0px;
    BORDER-LEFT: thick ridge;
    BORDER-BOTTOM: thin solid
}

DIV.menucat
{
    BORDER-RIGHT: outset;
    BORDER-TOP: inset;
    FONT-WEIGHT: bolder;
    FONT-SIZE: 12px;
    BORDER-LEFT: inset;
    COLOR: white;
    BORDER-BOTTOM: outset;
    FONT-FAMILY: Tahoma;
    BACKGROUND-COLOR: #838383;
    TEXT-DECORATION: none
}

DIV.menucat2
{
    BORDER-RIGHT: outset;
    BORDER-TOP: inset;
    FONT-WEIGHT: bolder;
    FONT-SIZE: 12px;
    BORDER-LEFT: inset;
    COLOR: white;
    BORDER-BOTTOM: outset;
    FONT-FAMILY: Tahoma;
    BACKGROUND-COLOR: #448344;
    TEXT-DECORATION: none
}

DIV.talk
{
    BORDER-RIGHT: silver 5px solid;
    BORDER-TOP: silver 1px solid;
    FONT-SIZE: 9pt;
    BORDER-LEFT: silver 5px solid;
    WIDTH: 100%;
    COLOR: white;
    TEXT-INDENT: 3px;
    BORDER-BOTTOM: silver 1px solid;
    FONT-FAMILY: 'ＭＳ Ｐゴシック';
    BACKGROUND-COLOR: dimgray;
    TEXT-ALIGN: justify
}

DIV.talk2
{
    BORDER-RIGHT: silver 1px solid;
    BORDER-TOP: silver 1px solid;
    BORDER-LEFT: silver 1px solid;
    FONT-SIZE: 9pt;
    COLOR: white;
    TEXT-INDENT: 3px;
    BORDER-BOTTOM: silver 1px solid;
    FONT-FAMILY: 'ＭＳ Ｐゴシック';
    BACKGROUND-COLOR: dimgray;
    TEXT-ALIGN: justify
}

DIV.talk A
{
    COLOR: white;
    FONT-WEIGHT: bolder;
}

DIV.talk A:link
{
    COLOR: white;
    FONT-WEIGHT: bolder;
}

DIV.talk A:visited
{
    COLOR: white;
    FONT-WEIGHT: bolder;
}

DIV.title
{
    BORDER-RIGHT: silver 5px solid;
    BORDER-TOP: silver 1px solid;
    FONT-WEIGHT: bolder;
    FONT-SIZE: 11pt;
    BORDER-LEFT: silver 5px solid;
    WIDTH: 100%;
    COLOR: white;
    BORDER-BOTTOM: silver 1px solid;
    FONT-FAMILY: 'ＭＳ Ｐゴシック';
    BACKGROUND-COLOR: dimgray
}

div.pad5{
	padding: 4px;
}

table.bof2004 {
	width : 840px;
    border:2px ridge #448844;
    border-collapse:collapse;
    border-spacing:0;
    empty-cells:show;
	table-layout:fixed;
}

table.bof2004 td{
    border:1px solid #448844;
    border-collapse:collapse;
    border-spacing:0;
    empty-cells:show;
    width:280px;
	word-break:break-all;
	overflow:hidden;
}

table.bof2004 th{
    border:1px solid #448844;
    border-collapse:collapse;
    border-spacing:0;
    empty-cells:show;
    word-break:break-all;
}

/* メニューがらみ */

		ul , li , dl , dt , dd {
			margin: 0;
			padding: 0;
		}

		ul {
			list-style: none;
		}

		dl {
			border: solid 1px #0f0;
			float: left;
		}

		dl dt {
			border-right: solid 1px #0f0;
			float: left;
			text-align: center;
			position: relative;
			width: 100px;
			height: 16px;
		}
			dl dt a {
				color: #fff;
			}

			dl dt ul {
				display: none;
				position: absolute;
				top: 16px;
				left: 0;
				z-index: 0;
			}
				dl dt ul li {
					border-right: solid 1px #0f0;
					border-left: solid 1px #0f0;
					background: #002000;
					position: relative;
					text-align:left;
					width: 150px;
					padding-top:12px;
					height: 24px;
				}
					dl dt ul li ul {
						display: none;
						position: absolute;
						text-align:left;
						top: 0px;
						left: 148px;
						z-index: 0;
					}