/* design.css */
/* KENT WEBさんのYY-BOARDを参考にさせて頂いています。m(__)m */

/* BODYの設定 */

BODY { background: black; background-image:url("img/bgs01.jpg"); color: #eeffee; font-size: 10pt; font-family:Arial,ＭＳ ゴシック;}

/* 文字の装飾 */
.title 		{ font-size: 15pt;  }
.title2		{ font-size: 12pt; font-family:ＭＳ ゴシック;  }
.listname 	{ color:black;  font-size: 9pt; font-weight:bold; }

/* テーブルの装飾 (計画性が無い…) */

TABLE { border-color:#edffdc #ddffdc #edffdc #edffdc ;border-width:1 1 1 1;}
TD { border-width:0 0 0 0;}
TD { font-size: 9pt;}
TD.f0 		{ background-color: #111412; }
TD.f1 		{ color:black; background-color: #D8E7D8; }
TD.f1dan 	{ color:black; background-color: #E3F2F9; }
TD.f1new 	{ color:black; background-color: #E0F7FA; }
TD.f1c{ color:black; background-color: #CDDBCD; text-align:center; }
TD.f1c2{ color:black; background-color: #CDDBCD; text-align:center; }
TD.f_N { color:black; background-color: #b3e3f3; text-align:center; }
TD.f_H { color:black; background-color: #f1e7a5; text-align:center; }
TD.f_A { color:black; background-color: #E69797; text-align:center; }
TD.f1right { color:black; background-color: #e6e6f4; text-align:right; }
TD.f1lv2 	{ color:black; background-color: #ddeedd; text-align:center; }
TD.f1lv3 	{ color:black; background-color: #ccddcc; text-align:center; }
TD.f1rank 	{ color:black; font-size: 9pt; font-weight:bold;  background-color: #D8E7D8; text-align:center; }
TD.f1rankdark 	{ color:black; font-size: 9pt; font-weight:bold; background-color: #eeffee; text-align:center; }
TD.f1rec 	{ color:black; font-size: 8pt; background-color: #eeffee; text-align:center; }					
TD.noplay 	{ color:black; font-size: 8pt; background-color: #999999; text-align:center; }
TD.easy 	{ color:black; font-size: 8pt; background-color: #a1f5d3; text-align:center; }					
TD.n_clear 	{ color:black; font-size: 8pt; background-color: #91e4f5; text-align:center; }					
TD.n_fail 	{ color:black; font-size: 8pt; background-color: #5566aa; text-align:center; }					
TD.h_clear 	{ color:black; font-size: 8pt; background-color: #f5e5b3; text-align:center; }					
TD.h_fail 	{ color:black; font-size: 8pt; background-color: #bbb077; text-align:center; }	
TD.a_clear 	{ color:black; font-size: 8pt; background-color: #f59090; text-align:center; }										
TD.a_fail 	{ color:black; font-size: 8pt; background-color: #aa5555; text-align:center; }	
TD.hard 	{ color:black; font-size: 8pt; background-color: #e3e3e6; text-align:center; font-weight:bold; }	
TD.fullcombo 	{ color:#f36262; font-size: 8pt; background-color: #f3e8d6; text-align:center; font-weight:bold; }						
TD.perfect 	{ color:#5cc67a; font-size: 8pt; background-color: #e5f3e5; text-align:center; font-weight:bold; }						
TD.dan1 	{ color:#ff3333; filter:Alpha(opacity=96); font-size: 9pt; background-color: #fae0e0; }
TD.dan2 	{ color:#ff4422; filter:Alpha(opacity=96); font-size: 9pt; background-color: #faf0dd; }				
TD.hard2 	{ color:black; font-size: 9pt; background-color: #eeeeff; text-align:right; }	
TD.fullcombo2 	{ color:#ff6666; font-size: 9pt; background-color: #fff3e0; text-align:right; }						
TD.perfect1 	{ color:#50b070; font-size: 9pt; background-color: #f0fff0; text-align:center; }						
TD.perfect2 	{ color:#60d080; font-size: 9pt; background-color: #f0fff0; text-align:right; }						
TD.p_side 	{ color:black; font-size: 8pt; background-color: #badef4; text-align:center; }	
TD.f1dark 		{ color:black; background-color: #ccccd0; }
TD.f1cdark2 	{ color:black; background-color: #BEC1BE; text-align:center; }
TD.f1cdark 		{ color:black; background-color: #ccd0cc; text-align:center; }
TD.0	{  background-color: #eeeeff; text-align:center; }
TD.1	{  background-color: #e0dde0; text-align:center; }
TD.2	{  background-color: #ccffdd; text-align:center; }
TD.3	{  background-color: #ccddff; text-align:center; }
TD.4	{  background-color: #ffddcc; text-align:center; }
TD.5	{  background-color: #ffffbb; text-align:center; }
TD.6	{  background-color: #ffcc99; text-align:center; }
TD.f2 		{ color:#333D38; background-color: #ABB8AB; font-weight:bold; }
TD.f2c{ color:#333D38;  background-color: #ABB8AB; font-weight:bold; text-align:center;}
TD.f2c2{ color:#333D38;  background-color: #ABB8AB; font-family:Verdana; font-size:10pt; font-weight:bold; text-align:center;}
TD.f2right	{ color:#333D38;  background-color: #ABB8AB; font-weight:bold; text-align:right; }
TD.graph		{ color:black;  background-color: #f2ffee; position:relative; left:0px; }
TD.graph_r		{ color:black;  background-color: #f3eeff; position:relative; left:0px; }
TD.topscore 	{ color:#221111; background-color: #c6e7f3; text-align:center; }						

span.n { color:#aabbff; }
span.h { color:#fff0aa; }
span.a { color:#ffbbbb; }
span.revl { color:#202520; }
span.red { color:#f06666; }
span.dark { color:#111510; }
span.8pt { font-size:8pt; }
span.10pt { font-size:10pt; }
span.16pt { font-size:16pt; }
span.d_p { font-size:8pt; color:#222622; font-family:Verdana; font-weight:bold; }
span.d_m { font-size:8pt; color:#e03030; font-family:Verdana; font-weight:bold; }
span.MSG { font-family:Arial,ＭＳ ゴシック; }
span.noclear { color:#536358; }
span.nocom { color:#73857A; }
span.comment { font-family:MS Gothic; }

/* リンクの装飾 */
A			{ text-decoration: none; }
A:link		{ color: #9aaaa0; }
A:visited	{ color: #9aaaa0; }
A:active	{ color: #99ccee; text-decoration: underline; }
A:hover		{ color: #99ccee; text-decoration: underline;}

/* スクロールバーの設定 */
scrollbar-base-color : #f3f3f3;
scrollbar-face-color : #f3f3f3;
scrollbar-arrow-color : #999999;
scrollbar-3dlight-color: #999999;
scrollbar-highlight-color : #cccccc;
scrollbar-shadow-color : #cccccc;
scrollbar-darkshadow-color : #999999;
scrollbar-track-color : #f3f3f3;
}

/* 各種フォームの設定 */
input,textarea,select {
color           :#222233;         	 /* 文字色 */
background-color:#fcfcff;         	 /* 背景色 */
border          :1 solid #222233;	 /* 線の太さ、色*/
font-family : Arial;
}

.radio {border:0px; background:none;}
.checkbox {border:0px; background:none;}