/***********************************************************************
*
*	[CSS名]		:三猫OnLine>キーボードルーム>KBアイテムスタイル
*
*	[作成者]	：三猫/衍把桂樹/L.U.O.S.
*
*	[作成日]	:2002.01.15
*
************************************************************************/


/*--------------------------------------------------------------------------------
		教養フォーマット
----------------------------------------------------------------------------------*/

/* (1) 背景 ----------------------------------------------------------------------------*/
	BODY	{	
/*					background-color:#f5deb3;*/
					background-color:#EEE;
					font-size:mediam;
			}

/* (2) リンクスタイル ------------------------------------------------------------------*/
	A:link,A:visited
				{
					color:#FF6666;
					background:none;
					text-decoration:underline;/*none;*/
				}

	A:hover,A:active
				{
					color:#FF3333;
					background:none;
					text-decoration:underline/*none;*/
				}


	.no-disp
	{
		display:none;
	}

/*--------------------------------------------------------------------------------
		ポディション系 (ID使用)
----------------------------------------------------------------------------------*/

/* (1)タイトルブロック -------------------------------------*/
	#title-pos
	{
		position:absolute;

		margin-left:320px;
		top:90px;

		height:85px;
		width:310px;
	}

/* (2) トップブロック -------------------------------------*/
	#top-pos
	{
		position:absolute;

		margin-left:320px;
		top:150px;/*140px;*/

		width:310px;
	}

/* (3) イメージブロック -----------------------------------*/
	#img-pos
	{
		padding:20px 5px;
		width:310px;
		height:260px;

	}

/* (4) メインブロック -------------------------------------*/
	#main-pos
	{

	}

/*--------------------------------------------------------------------------------
		スタイル系 (CLASS使用)
----------------------------------------------------------------------------------*/

/* (1)タイトルブロック -------------------------------------*/
	.title-style
	{
	}

	.title-style H1
	{
		font-family:sans-serif;
		margin:0.5em 0 0;
		font-size:15pt;
		color:#5555AA;
		text-align:center;
	}

	.counter
	{
		margin:5px;
		padding:none;
		text-align:center;
	}

/* (2) トップブロック -------------------------------------*/
	.top-style
	{
		padding:0.5em;
	}


	.top-style P
	{
		margin:0.5em 1.5em 1.5em;
		font-size:9pt;
		color:#969696;
	}

	.update
	{
		margin:0.5em 0 1em 0;

		text-decoration:underline;
		color:#5555AA;
		font-size:10pt;
		text-align:center;
	}

	.top-style TABLE
	{
		font-size:9pt;
		color:#555566;/*#5555aa;*/
	}

/* (3) イメージブロック -----------------------------------*/
	.img-style
	{

	}


/* (4) メインブロック -------------------------------------*/
	/* インデックス・その他コンテンツの本文部 */
	.main-style
	{
		color:#111155;

		margin-top:1em;
		margin-left:0.5em;
		width:700px;
	}



/*----------------------------------------------------------
	グローバルナビ：タイトル
----------------------------------------------------------*/
	.navititle
	{
		vertical-align:middle;
		background-color:#969696;

		margin:0;
		padding:0;
		padding-bottom:3px;
		height:42px;

		font-family:sans-serif;/*,serif;*/
		font-size:11pt;
		color:#CCCCCC;
	}
	.navititle-top
	{
		vertical-align:middle;
		background-color:#969696;

		margin:0;
		padding:0;
		padding-bottom:3px;
		height:52px;

		font-family:sans-serif;/*,serif;*/
		font-size:11pt;
		color:#CCCCCC;
	}

/*----------------------------------------------------------
	グローバルナビゲーションバー
----------------------------------------------------------*/
	.navibar
	{
		background-color:#FFF;
		color:#CCCCCC;/*#969696;*/
		font-size:10pt;
		padding:1px;
		margin-bottom:0.5em;
	}

	.navibar A:link
	{
					color:#969696;/*#5555AA;*/
					background:none;
					text-decoration:none;
	}
	.navibar A:visited
	{
					color:#969696;/*#5555AA;*/
					background:none;
					text-decoration:none;
	}

	.navibar A:hover
	{
					color:#5555FF;
					background:none;
					text-decoration:none;
	}
	.navibar A:active
	{
					color:#5555FF;
					background:none;
					text-decoration:none;
	}

	.navibar STRONG
	{
					color:#5555FF;
					background:none;
	}


/*----------------------------------------------------------
	キーボード個別面談、インデックスリストテーブル
----------------------------------------------------------*/
	.kb-tbl
	{
		background-color:#f5f5f5;
		border:2px solid #cccccc;

		margin-bottom:1em;
		margin-left:1em;
	}

	.kb-tbl TD
	{
		margin-top:5px;
		margin-bottom:5px;
	}


	/* テーブル：タイトルセル */
	.kb-tbl_title
	{
		padding-left:0.5em;

		border:none;

		background-color:#CCC;
		color:#666699;
		font-size:12pt;
		text-decoration:underline;
	}

	/* テーブル：イメージセル */
	.kb-tbl_img
	{
		width:210px;
		height:100px;


		padding-top:3px;
		padding-bottom:3px;

		border:none;

		text-align:center;
		vertical-align:middle;
	}

	/* インデックスのIMG要素 */
	.indeximg
	{
		border:3px solid #999;
	}

	/* テーブル：キャプションセル*/
	.kb-tbl_caption
	{
		text-align:left;
		width:240px;
		background-color:#fdfdfd;
		border:1px solid #969696;
		margin:10px;
		vertical-align:top;
		padding:0.5em;
		color:#666666;
		font-size:10pt;
	}



/*----------------------------------------------------------
	キーボード個別面談,アイテムスタイル
----------------------------------------------------------*/


/* (1) 見出し部分 ----------------------------------------*/

	/* 見出し部分 包括ブロック */
	.kbi-midashi
	{

		margin-top:1em;
		margin-left:1.5em;
		width:700px;

		color:#111155;

	/* ポディションを使ったデザイン */
/* レイアウトをフロートベースに移行 ------------[START]*/
/*		position:relative;*/	/* 小要素の包括ボックスにするため */
/* レイアウトをフロートベースに移行 ------------[ END ]*/
	}

	/* メインイメージのIMG要素 */
	.kbi-mainimg
	{

		border:3px solid #666;


	/* ポディションを使ったデザイン */
/* レイアウトをフロートベースに移行 ------------[START]*/
/*		position: relative;
		margin-bottom:1em;*/
/* レイアウトをフロートベースに移行 ------------[ END ]*/

	/* フロートを使ったデザイン */
		float : left;
	}

	/* スペックシート部 */
	.kbi-spec-pos
	{
		margin-bottom:2em;
		margin-left:0.5em;

	/* ポディションを使ったデザイン */
/* レイアウトをフロートベースに移行 ------------[START]*/
/*		position:absolute;
		left: 35%*/
/* レイアウトをフロートベースに移行 ------------[ END ]*/

	/* フロートを使ったデザイン */
		float : left;
	}

	/* テーブル */
	.kbi-spec-tbl
	{
		color:#555599;

		border:none;
	}

	.kbi-spec-t
	{
		background-color:#CCCCEE;
		border:none;
		margin:-right:0;
		width:110px;/*120px*/
	}

	.kbi-spec-l
	{
		border:none;

		background-color:#FFFFFF;
		margin-left:0;
		width:200px;/*210px*/
	}


/* (2) 本文部分 ------------------------------------------*/
	.kbi-honbun
	{
		border:1px solid #999;
		color:#111155;
		background-image:url("items/res/noteline.gif");
		padding:0.5em;
		left:25px;

		margin-top:1em;
		margin-left:1.5em;
		width:700px;

	/* フロートを使ったデザイン */
		clear : left;
	}

	.kbi-honbun	P
	{
		margin-left:1em;
		color:#222244;
	}

/* (3) 各部の詳細 ----------------------------------------*/
	.kbi-syousai
	{
		margin-top:1em;
		margin-left:1.5em;
		width:700px;

		color:#333377;
	}

	/* テーブル */
	.kbi-syousai-tbl
	{
		color:#555599;
		background-color:#EEEEFF;

		border:none;
	}

	.kbi-syousai-img
	{
		width:350px;/*300*/
		text-align:center;
		background-color:#555;

		color:#EEEEFF;

	}



	.kbi-syousai-caption
	{
		vertical-align:top;
		witdh:300px;
		padding:0.5em;
/*		font-size:0.8em;*/
		border:1px solid #6666AA;
	}


/* (4) 総論 ----------------------------------------------*/
	.kbi-souron
	{
		margin-top:1em;
		margin-left:1.5em;
		width:700px;

		color:#6666AA;
	}

	.kbi-souron-tbl
	{
		margin:1em;

		color:#555599;

		border:none;
	}

	.kbi-souron-t
	{
		background-color:#cccccc;
		border:none;

		padding:2px;
	}

	.kbi-souron-l
	{
		background-color:#FFF;
		border:none;

		padding:2px;

		width:400px;
	}

/* 関連キーボード	*/
	.kbi-kanren
	{
/*		border-top:1px solid #7777BB;*/

		margin-top:1em;
		margin-left:1.5em;
		width:700px;

		color:#6666AA;

/*
		border-bottom:1px solid #7777BB;
		margin:0 5em;
		color:#7777BB;
*/
	}
/*
	.kbi-kanren H4
	{
/*
		border-left: none;
		margin-top:2px;
*/
	}
*/
/*----------------------------------------------------------
	用語集スタイル
----------------------------------------------------------*/

	.yougo-area
	{
		margin:0.8em;
		padding:0.5em;

		background-color:#fdfdfd;
/*	background-color:#FFFFFE;*/
	}

	.mokuji-style
	{

	}


	/*-----------------------------------------------*/
	.yougo-style
	{
		width:90%;
	}


	.yougo-style DT
	{
		margin:0.5em 1em;
		padding:1px;
		padding-left:0.3em;

		background-color:#AAA;
		color:#FFF;
	}

	.yougo-style DD
	{
		margin-top:0;
		margin-left:2.5em;
		margin-right:1em;
		margin-bottom:1em;

		color:#555588;
	}

	/*-----------------------------------------------*/
	.yougo-block
	{
		margin-left:0.5em;
	}

	/*-----------------------------------------------*/
	.img-contena
	{
		background-color:#667;			/*旧：#EEEEFF;*/
		margin-right:0.5em;
		margin-left:0.5em;
		margin-bottom:0.5em;
	}

	.img-caption
	{
		margin:2px;

		border:1px solid #EEF;		/* 旧：#555588;*/
		background-color:#99A;
		color:#EEF;					/* 旧：#555588*/

		text-align:center;
		font-size:10pt;
	}

/*----------------------------------------------------------
	ヘッダデフォルト
----------------------------------------------------------*/

/*	H1 ---------------------------------------------------*/
	{
		font-family:sans-serif;
		font-size:15pt;
		color:#5555AA;
	}

/*(2) H2 -------------------------------------------------*/
	H2
	{
		font-family:ＭＳ Ｐ明朝,serif;
		font-size:180%;
		color:#111155;
/*		color:#7777BB;/*#8888CC;5555AA*/;
		border-bottom:2px solid #6666BB;/*#5555AA;*/
	}

	.title-sub
	{
		font-size:60%;
	}

/*(3) H3 -------------------------------------------------*/
	H3
	{
/*		font-family:ＭＳ Ｐ明朝,serif;*/
		font-size:13pt;
		padding:2px;

		color:#FFFFFF;/*#7777BB;*/
		background-color:#7777BB;
	}

/*(4) H4 -------------------------------------------------*/
	H4
	{
		padding:2px;

		font-size:12pt;
/*		border-left: 15px solid #7777BB;*/
		border-bottom:1px solid #7777BB;
		color:#7777BB;/*#8888CC;5555AA*/;
	}

/*(5) P -------------------------------------------------*/
	P
	{
		margin:0.5em;
		color:#555566;
	}





/* (3) ＩＤスタイル --------------------------------------------------------------------*/
  /*(3-1) トップスタイル(キーボードタイトル含む) ---------------------*/
	#top-style
			{
					padding:10px;
					position:relative;
					left:15px;
					width:600px;
			}
  /*(3-2) はじめにスタイル(イメージ付き序文) ---------------------------------------*/
	#hajime-style
			{
					padding:10px;
					border:none;
					position:relative;
					left:200px;
					width:500px;
			}

	#hajime-style DT
				{
					color:#FF6666;
					display:list-item;
					list-style-type:square;
					background-color:#CCC;
					margin-left:1em;
					line-height:1.7;
					font-size:100%;
					font-weight:bold;
				}

  /*(3-2) サブメニュースタイル(序文とセット) ---------------------------------------*/
 	#submenu-style H3			
				{
					background-color:#996;
					border:none;
					margin:0;
					padding:0.5em 1.5em;
					color:#FFC;
					font-size:12pt;
				}
	#submenu-style
				{
					background-color:#FFC;
					border:#333 1px dotted;
					margin-top:15px;
					font-size:10pt;

					position:absolute;
					left:15px;
					top:100px;
					width:200px;
				}



  /*(3-2) メインスタイル(本文) ---------------------------------------*/

 	#main-stytle H3
			{
				background-color:#AA8;
				position:relative;
				border-bottom:none;
				border-left:20pix solid #CCA;
				margin:0;
				padding:0.5em 1.5em;
				color:#FFF;
				font-size:12pt;
			}

	#main-stytle
			{
					background-image:url("Res/KeyTop.bmp");
/*					padding:10px;
*/					position:relative;
					left:25px;
					width:700px;
			}

	#main-style DL#contents
				{
					width:90%;
					line-height:130%;
					font-size:10pt;
					padding-left:1.5em;
				}

	#main-stytle DT
				{
					color:#FF6666;
					display:list-item;
					list-style-type:square;
					background-color:#CCC;
					margin-left:1em;
					line-height:1.7;
					font-size:100%;
					font-weight:bold;
				}

/*
	#main-style DL#contents
				{
					width:90%;
					line-height:130%;
					font-size:10pt;
					padding-left:1.5em;
				}
*/


  /*(3-3) 詳細スタイル(各部の詳細) ---------------------------------------*/
	#syousai-style
	{
					padding:10px;
					position:relative;		
					left:20px;
					width:700px;
	}

	#syousai-style TD
	{
					width:300;	
	}


  /*(3-3) エンドスタイル(総論) ---------------------------------------*/
	#end-style
			{
					padding:10px;
					position:relative;		
					left:15px;
					width:470px;
			}

  /*(3-4) リンクスタイル(リンク部) ------------------------------------*/
	#link-style
			{
					padding:10px;
					position:relative;		
					left:15px;
					width:470px;
			}



/*----------------------------------------------------------
	コラムノードスタイル
------------------------------------------------------------*/


/* (1) メモブロック (ページ頭のメモ書き) -------------------*/
	.memo
	{
		color:#777;
		font-size:80%;

		margin:2em 3em;
		width: 500px;
		padding:1em;

		border-width:1px 1px 1px 5px;
		border-style:solid;
		border-color:#888;

		background-color:#F5F5F5;
	}

	.memo P
	{
		color:#777;
	}


	.memo A:link
	{
		text-decoration:none;
	}
	.memo A:visited
	{
		text-decoration:none;
	}
	.memo A:hover
	{
		text-decoration:none;
	}
	.memo A:active
	{
		text-decoration:none;
	}

/* (4) コラムスタイル -------------------------------------*/
	.column-style
	{
		padding-left:50px;
		margin:0.5em 0.5em 2em;
		background-color:#EEEEFF;
		color:#555566;
		border:1px solid #445455;
		background-image:url("panti-mini.gif");
		background-repeat:repeat-y;
		width:700px;
	}

	.column-style H2
	{
		font-size:15pt;
		margin:0;
		background-color:#666;
		color:#FFF;
		border-bottom:2px solid #9999FF;
		padding:0.2em;
	}

	.column-honbun
	{
		margin:1em 0.5em;
		padding:0.5em;
	}

	.column-honbun H3
	{
		clear:left;
	}

	.column-honbun DT
	{
		text-decoration:underline;
	}

	.column-honbun STRONG
	{
		color:#000077;
	}

	/* 本文のフッダー： ダミー。コレをつけないとIMGが枠を破ってしまう為 */
	.column-footer
	{
		clear:left;
		margine:0;
		padding:0;
		border:0;
	}

	/* コラム中のノート書きスタイル */
	.column-note
	{
		margin:1.5em;
		padding:0.5em;
		border:1px dotted #666;
		font-size:90%;
	}

/*----------------------------------------------------------
	コラムインデックススタイル
------------------------------------------------------------*/
	.column-index
	{
		margin:1.5em;
	}

	.column-index-no
	{
		padding:3px;
		border:1px solid #555566;
		background-color:#555566;
		color:#CCC;
	}

	.column-index-title
	{
		padding:3px;
		width:25em;
		border:1px solid #555566;
		background-color:#EEFFEE;
		color:#CCC;
	}

	.column-index-date
	{
		padding:3px;
		background-color:#CCC;
		color:#555;
	}