@charset "UTF-8";

/*
	昌大君の共通スタイルシート
	01/11/16～
*/


body{
	margin: 10px;
	font-family: "ＭＳ Ｐゴシック";
}

/* Source Code CSS */
pre.code {
    font-size: 12px;
    /* line-height:1.2em; */
    border:1px solid #aaa;
    background:#f0f0f0;
    padding:0.5em; 
    overflow: auto;
}
pre.code span.tag		{ color: #0000ff;	}
pre.code span.attr 		{ color: #000; 		}
pre.code span.value		{ color: #900; 		}
pre.code span.str 		{ color: #c00040; 	}
pre.code span.num 		{ color: #009900; 	}
pre.code span.keyword	{ color: #0000ff; 	}
pre.code span.rem		{ color: green;		}

li{
	margin-top:10px;
	margin-bottom:10px;
}

/********** リンクにフォーカスインした時は、フォントを太字にする**********/
/*
A:hover {
	font-weight: bold
} 
*/

/********** リンクにフォーカスインした時は、色を変える**********/
A:hover {
	color: red;
} 


/********** H3は、横一行ボーダー状態に見せかける**********/
H3{	background: #B3B3FF;
	font-weight: bold;
}	


/********** code は、バックカラーを変える**********/
pre	{	background: #eec9fe;
}	

/********** execsamp (実行結果などを表す)は、バックカラーを黒に変える**********/
.execsamp	{	background: black;
			color: white;
}	
.output	{	background: black;
			color: white;
		    margin: 5px;
		    padding: 5px;
}	



/******2008/03/26追加****************************/

/* キーワード */
.src_keyword           { color: blue; }

/* 型キーワード */
.src_typekeyword       { color: blue; }

/* メタキーワード */
.src_metakeyword       { color: #606060; }

/* 数字リテラル */
.src_digit             { color: #c00040; }

/* 文字列リテラル */
.src_doublequotation   { color: #c00040; }

/* 文字リテラル */
.src_singlequotation   { color: #c00040; }

/* 演算子 */
.src_operator          { color: #000000; }

/* プリプロセッサ */
.src_preprocessor      { color: red; font-weight: bold; }

/* 単行コメント */
.src_singlelinecomment { color: green; }

/* 複数行コメント */
.src_multilinecomment  { color: green; }

/* ドキュメントコメント */
.src_documentcomment   { color: green; }

/* XML などの属性名 */
.src_attributename     { color: #606000; }

/* スクリプトレット */
.src_scriptlet         { color: red; }

/* その他 */
.src_default           { color: #000000; }


/*  
	20240707
	https://www.vector.co.jp/soft/win95/net/se401831.html?ds 
	htmlソースコンバータ用
	sauceエリアの囲み線を付ける

	設定見本
	<div class="sauce"></div>
*/
div.sauce{
	white-space:nowrap;			/*改行抑止*/
	overflow-x: auto;			/*横スクロールを自動で出す*/
	margin:10px;				/*線の外側の余白*/
	padding:10px;				/*線の内が側の余白y*/
	border:1px solid #aaa;			/*細い黒線*/
	background-color:#F7F7F7; 	/*明るい灰色*/
	font-family: monospace;
}

 
/*指定した配下のフォントを等幅フォントにする*/
.saucefont * , .saucefont {
	font-family: monospace;	/*等倍フォント*/

}

/*TABLEを細い線で構成するためのスタイル
https://qiita.com/putan/items/cfd6e5cad612f741d04c
*/
table {
  border-collapse: collapse;
}
table th, table td {
  border: solid 1px black;
  /*線は 1px ??*/
}

/*Nav配下のページ内リンク、上下の隙間を広げる*/
.navBlock a{
	display:block;
	margin:5px 0px;
}