/* ============================================== *
 * File:			adminstyle.css
 * Author:			Yasu@yamatospirit.net
 * Created:			2008/02/11
 * Last Modified:	2008/12/18
 * ----------------------------------------------
 * 管理画面用スタイルシート
 * ----------------------------------------------
 * ☆更新履歴☆
 * 2008/03/12
 * ・コンテンツが無い場合にフッターレイアウト
 *   崩れる問題に対処。
 * 2008/12/18
 * ・hrのスタイルを追加
 * 2009/6/16
 * ・アルバム用テーブル枠スタイルを追加
 * ============================================== */


/************************************************
 * テーブル用
 ************************************************/
TABLE.main{
  background-color: 	#3333cc; /* 背景の色 */
  border-style: 		solid; /* 枠の種類 */
  border-color: 		#3333cc #3333cc #3333cc #3333cc; /* 枠の色 */
  border-width: 		0.2px; /* 枠の幅 */
}
TD.dark{
  color: 				#ddddff; /* 文字の色 */
  background-color: 	#330099; /* 背景の色 */
  border-style: 		solid; /* 枠の種類 */
  border-color: 		#330099 #330099 #330099 #330099; /* 枠の色 */
  border-width: 		0.1px; /* 枠の幅 */
}
TD.light{
  color: 				#000033; /* 文字の色 */
  background-color: 	#ccccff; /* 背景の色 */
  border-style: 		solid; /* 枠の種類 */
  border-color: 		#ccccff #ccccff #ccccff #ccccff; /* 枠の色 */
  border-width: 		0.1px; /* 枠の幅 */
}
TD.medium{
  color: 				#ffffff; /* 文字の色 */
  background-color: 	#6666cc; /* 背景の色 */
  border-style: 		solid; /* 枠の種類 */
  border-color: 		#6666cc #6666cc #6666cc #6666cc; /* 枠の色 */
  border-width: 		0.1px; /* 枠の幅 */
}
TD.score{
  color: 				#000000; /* 文字の色 */
  background-color: 	#00ccff; /* 背景の色 */
  border-style: 		solid; /* 枠の種類 */
  border-color: 		#00ccff #00ccff #00ccff #00ccff; /* 枠の色 */
  border-width: 		0.1px; /* 枠の幅 */
}
TABLE.main2{
  background-color: 	#cc9999; /* 背景の色 */
  border-style: 		solid; /* 枠の種類 */
  border-color: 		#cc9999 #cc9999 #cc9999 #cc9999; /* 枠の色 */
  border-width: 		0.2px; /* 枠の幅 */
}
TD.dark2{
  color: 				#ffdddd; /* 文字の色 */
  background-color: 	#ff33cc; /* 背景の色 */
  border-style: 		solid; /* 枠の種類 */
  border-color: 		#ff66cc #cc0099 #cc0099 #ff66cc; /* 枠の色 */
  border-width: 		1px; /* 枠の幅 */
}
TD.light2{
  color: 				#ff33cc; /* 文字の色 */
  background-color: 	#ffdddd; /* 背景の色 */
  border-style: 		solid; /* 枠の種類 */
  border-color: 		#ffeeee #ffcccc #ffcccc #ffeeee; /* 枠の色 */
  border-width: 		1px; /* 枠の幅 */
}


/************************************************
 * 全般・セル背景
 ************************************************/ 
BODY { 
  font-size: 		9pt;
  color: 			#ccccff; 
  background-color: #000000;
}

TD { 
  font-size: 		9pt;
  color: 			#ccccff;
}


/************************************************
 * リンク
 ************************************************/
  /*link*/
  a.link { color: #EEEEFF;
           line-height: 		16px; /* 行の高さ */
           font-size: 		14px; /* フォントサイズ */
      text-decoration: none; }
  a.link:hover { color: #0066CC
            text-decoration: none;
            background-color: #3366CC; }


/************************************************
 * メニュー用ボタン型リンク
 ************************************************/
A.btn2 {
  display: 			block; /* ブロック要素にする */
  width: 			120px; /* 横幅 */
  color: 			#ffffff;
  background-color: #330099; /* 背景色 */
  border: 			outset 2px #6633aa; /* 枠の色 */
  margin: 			0px;
  padding: 			3px 1px 1px 0px;
  font-size: 		12px; /* フォントサイズ */
  line-height: 		12px; /* 行の高さ */
  text-align: 		center; /* 水平揃え */
  text-decoration: 	none; /* 下線を消す */
}
A.btn2:hover {
  color: 			#ffffff;
  background-color: #330099; /* 背景色 */
  border: 			outset 2px #6633aa; /* 枠の色 */
  margin: 			0px;
  padding: 			3px 1px 1px 0px;
}
A.btn2:active  { color: #ffffff; }
A.btn2:visited { color: #ffffff; }


/************************************************
 * ボタン型リンク
 ************************************************/
A.btn {
  display: 			block; /* ブロック要素にする */
  width: 			100px; /* 横幅 */
  color: 			#ffffff;
  background-color: #3366aa; /* 背景色 */
  border: 			outset 2px #6699cc; /* 枠の色 */
  margin: 			0px;
  padding: 			3px 1px 1px 0px;
  font-size: 		12px; /* フォントサイズ */
  line-height: 		12px; /* 行の高さ */
  text-align: 		center; /* 水平揃え */
  text-decoration: 	none; /* 下線を消す */
}
A.btn:hover {
  color: 			#ffffff;
  background-color: #225599; /* 背景色 */
  border: 			inset 2px #5588bb; /* 枠の色 */
  margin: 			0px;
  padding: 			4px 0px 0px 1px;
}
A.btn:active  { color: #ffffff; }
A.btn:visited { color: #ffffff; }



/************************************************
 * スクロールバー
 ************************************************/
body {
  scrollbar-face-color:       #000000; 
  scrollbar-highlight-color:  #000000;
  scrollbar-shadow-color:     #3333cc; 
  scrollbar-3dlight-color:    #3333cc;
  scrollbar-arrow-color:      #3333cc; 
  scrollbar-track-color:      #000033; 
  scrollbar-darkshadow-color: #000000;
}


/************************************************
 * ボタンのスタイル
 ************************************************/
.s { 
  font-size: 		9pt;
  color: 			#ffffff;
  background-color: #336699;
  border-style:		ridge;
  border-color:		#336699;
  border-width:		1px;
}


/************************************************
 * HR
 ************************************************/
hr {
color: #3333cc;
background-color: #3333cc;
height: 1px;
border-style: solid;
}

/************************************************
 * アルバム用
 ************************************************/
TABLE.album {
  border: 1px #3333cc solid;
}
TR.album {
  border: 1px #3333cc solid;
}
TD.album {
  border: 1px #3333cc solid;
}
  a.album { color: #0000EE;}
  a.album:hover { color: #CCCCEE; }

/************************************************
 * 能力表専用
 ************************************************/
TD.blue1 {
	BORDER-RIGHT: #0000E0 2px solid; 
	BORDER-TOP: #0000E0 2px solid; 
	BORDER-LEFT: #0000E0 2px solid; 
	COLOR: #ffffff; 
	BORDER-BOTTOM: #0000E0 2px solid; 
	BACKGROUND-COLOR: #80c0ff
}
TD.blue2 {
	BORDER-RIGHT: #0000e0 2px solid; 
	BORDER-TOP: #0000e0 2px solid; 
	BORDER-LEFT: #0000e0 2px solid; 
	COLOR: #ffffff; 
	BORDER-BOTTOM: #0000e0 2px solid; 
	BACKGROUND-COLOR: #0000e0
}
TD.red1 {
	BORDER-RIGHT: #e00000 2px solid; 
	BORDER-TOP: #e00000 2px solid; 
	BORDER-LEFT: #e00000 2px solid; 
	COLOR: #ffffff; 
	BORDER-BOTTOM: #e00000 2px solid; 
	BACKGROUND-COLOR: #ff80a0
}
TD.red2 {
	BORDER-RIGHT: #e00000 2px solid; 
	BORDER-TOP: #e00000 2px solid; 
	BORDER-LEFT: #e00000 2px solid; 
	COLOR: #ffffff; 
	BORDER-BOTTOM: #e00000 2px solid; 
	BACKGROUND-COLOR: #e00000
}
TD.white {
	BORDER-RIGHT: #ffffff 1px solid; 
	BORDER-TOP: #ffffff 1px solid; 
	BORDER-LEFT: #ffffff 1px solid; 
	COLOR: #000000; 
	BORDER-BOTTOM: #ffffff 1px solid; 
	BACKGROUND-COLOR: #ffffff
}
TD.white2 {
	BORDER-RIGHT: #ffffff 1px solid; 
	BORDER-TOP: #ffffff 1px solid; 
	BORDER-LEFT: #ffffff 1px solid; 
	COLOR: #9999ff; 
	BORDER-BOTTOM: #ffffff 1px solid; 
	BACKGROUND-COLOR: #ffffff
}
TD.gray1 {
	BORDER-RIGHT: #C0C0FF 2px solid; 
	BORDER-TOP: #C0C0FF 2px solid; 
	BORDER-LEFT: #C0C0FF 2px solid; 
	COLOR: #ffffff; 
	BORDER-BOTTOM: #C0C0FF 2px solid; 
	BACKGROUND-COLOR: #E0E0FF
}
TD.gray2 {
	BORDER-RIGHT: #C0C0FF 2px solid; 
	BORDER-TOP: #C0C0FF 2px solid; 
	BORDER-LEFT: #C0C0FF 2px solid; 
	COLOR: #ffffff; 
	BORDER-BOTTOM: #C0C0FF 2px solid; 
	BACKGROUND-COLOR: #C0C0FF
}