@charset "Shift_JIS";
/*----------------------------------------------------------------------------
Pickles Framework Default Stylesheet
Last Update: 11:04 2007/02/10
(C)Tomoya Koyanagi.
http://www.pxt.jp/
----------------------------------------------------------------------------*/




		/* ====================================== 基本設定 ====================================== */
		body														{text-align:left; }
		body,table,tr,td,th,ul,ol,li,h1,h2,h3,h4,h5,h6				{color:#333333; font-family:"ＭＳ Ｐゴシック","MS PGOTHIC","Osaka","MS UI GOTHIC"; }
		input,textarea,select,option								{color:#333333; font-family:"ＭＳ Ｐゴシック","MS PGOTHIC","Osaka","MS UI GOTHIC"; }
		table,td,th													{empty-cells:show; }
		body,table,td,th,ul,ol,menu,dir,h1,h2,h3,h4,h5,h6,input,textarea,select,option				{font-size:13px; }
		img						{border:0px; }
		p,.p					{display:block; padding:0px 0px 0px 0px; margin:0px 0px 1.5em 0px; }
		div,.div				{display:block; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; }
		span,.span				{display:inline; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; }
		.indent					{margin-left:20px; clear:both; }
		.hidden					{display:none; }

		/* ====================================== レイアウトの輪郭 ====================================== */
		/* レイアウト全体の輪郭 */
		.outline				{display:table; width:100%; padding:0px; margin:0px auto 0px auto; clear:both; background-color:#ffffff; text-align:left; }
		@media print{
			.outline			{width:auto; }
		}
		/* コンテンツエリア */
		#content				{display:table; width:100%; margin:0px 10px 0px 10px; clear:both; }

		/* レイアウトブロック */
		.layoutBlock			{display:table; width:100%; clear:both; }
		.layoutBlock .layoutBlockPane		{display:table; float:left; }

		/* ====================================== 配色設定 ====================================== */
		/* サイトのキーカラー */
		.keycolor				{color:#cccccc; }
		/* サイトのキーカラーを背景に */
		.bgkeycolor				{background-color:#cccccc; }
		/* サイトのサブカラー */
		.subcolor				{color:#dddddd; }
		/* サイトのサブカラーを背景に */
		.bgsubcolor				{background-color:#dddddd; }

		/* ====================================== 文字サイズ ====================================== */
		/* 可変サイズ文字 */
		.ttrll					{font-size:16px; line-height:150%; }
		.ttrl					{font-size:14px; line-height:150%; }
		.ttr					{font-size:13px; line-height:150%; }
		.ttrs					{font-size:11px; line-height:150%; }
		.ttrss					{font-size:10px; line-height:150%; }
		/* 固定サイズ文字 */
		.fstll					{font-size:16px; line-height:150%; }
		.fstl					{font-size:14px; line-height:150%; }
		.fst					{font-size:13px; line-height:150%; }
		.fsts					{font-size:11px; line-height:150%; }
		.fstss					{font-size:10px; line-height:150%; }

		/* ====================================== テキスト(主にインラインで使用) ====================================== */
		/* 自然改行禁止 */
		.nowrap					{white-space:pre; }
		/* 注釈 */
		.notes					{color:#999999; }
		/* 注意 */
		.attention				{color:#999999; }
		/* 警告 */
		.alert					{color:#dd3333; }
		/* エラー */
		.error					{color:#ff0000; }
		/* 警告(最強) */
		.warning				{color:#ff0000; font-weight:bold; }
		/* 警告(強) */
		.caution				{color:#dd0000; }

		/* 強調 */
		strong, .strong			{display:inline; font-weight:bold; }

		/* 変数名 */
		.variable				{font-style:italic; }

		/* ====================================== ブロック ====================================== */
		/* 引用 */
		blockquote				{background-color:#eeeeee; color:#333333; border:1px solid #ffffff; padding:9px; margin:0px 0px 1.5em 20px; }
		/* ソースコードの引用ブロック */
		blockquote.sourcecode	{white-space:pre; overflow:auto; font-family:"monospace"; }

		/* お知らせ欄 */
		.information			{background-color:#eeeeee; border:1px solid #ffffff; padding:9px; margin:0px 0px 1.5em 0px; }
		.information h1, .information h2, .information h3, .information h4, .information h5, .information h6
								{color:#666666; }
		.information p, .information .p
								{padding:0px; margin:0px; color:#666666; }
		/* 追記 */
		.postscript				{}
		.postscript .date		{}	/* 追記された日付/時刻 */
		/* ページ内リンク集 */
		.anchorlinks			{display:block; background-color:#dddddd; border:1px solid #999999; padding:9px; margin-bottom:1.5em; }

		/* ====================================== 見出し ====================================== */
		h1,h2,h3,h4,h5,h6		{color:#000000; font-size:13px; line-height:150%; padding:0px 0px 0px 0px; margin:0px 0px 0.5em 0px; }
		h1						{font-size:16px; }
		h2						{font-size:14px; }

		/* ====================================== リンク ====================================== */
		a						{color:#000000; text-decoration:underline;}
		a:hover					{color:#666666; text-decoration:none;}
		a.active				{color:#666666; text-decoration:none; font-weight:bold;}
		a.active:hover			{color:#999999; text-decoration:underline; font-weight:bold;}
		a.plain					{color:#333333; text-decoration:none;}
		a.plain:hover			{color:#666666; text-decoration:underline;}
		/* ブレッドクラム */
		.breadcrumb				{font-size:11px;}

		/* ====================================== ソースコード ====================================== */
		code					{color:#003399; }
		code.samplecode			{display:block; background-color:#dddddd; padding:10px; width:auto; margin:0px 0px 1.5em 0px; }

		/* ====================================== フォーム要素 ====================================== */
		form					{display:inline; }
		/* 全ての入力欄に対する設定 */
		input.inputitems, textarea.inputitems
								{width:100%; }
		/* 送信ボタン */
		.btnsubmit				{}
		/* 訂正ボタン */
		.btncorrect				{}
		/* キャンセルボタン */
		.btncancel				{}
		/* プルダウン */
		select					{}
		optgroup				{}
		/* 必須項目につける目印 */
		.must					{color:#ff0000; font-weight:normal; }

		/* ====================================== 回り込みレイアウト ====================================== */
		.FloatL					{float:left; margin-right:10px; margin-bottom:10px; }
		.FloatR					{float:right; margin-left:10px; margin-bottom:10px; }
		.FloatClear				{clear:both; }
		.FloatClearL			{clear:left; }
		.FloatClearR			{clear:right; }

		/* ====================================== ボックス内文字組み ====================================== */
		.AlignR					{text-align:right; }
		.AlignL					{text-align:left; }
		.AlignC					{text-align:center; }

		/* ====================================== リスト ====================================== */
		ul,ol,menu,dir			{margin:0px 0px 1.5em 0px; padding:0px 0px 0px 24px; }
		/* なし */
		ul.none, ol.none, dl.none, menu.none, dir.none
								{margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; }
		ul.none li, ol.none li, dl.none dt, dl.none dd, menu.none li, dir.none li
								{list-style-position:outside; list-style-type:none; margin:0px 0px 0.5em 0px; padding:0px 0px 0px 0px; }
		ul.notes li				{color:#999999; }
		/* メニュー(リンクリスト) */
		menu					{}
		menu li					{list-style-type:square; }
		/* 横並びメニュー */
		menu.horizontal, ul.horizontal, ol.horizontal
								{margin:0px 0px 5px 0px; padding:0px; clear:both; }
		menu.horizontal li, ul.horizontal li, ol.horizontal li
								{padding:0px; list-style:none; float:left; margin-right:7px; margin-bottom:0px; white-space:nowrap; }
		/* ディレクトリリスト(階層図) */
		dir						{}
		dir li					{list-style-type:square; }
		dir li.dir				{list-style-type:disc; }
		dir li.file				{list-style-type:circle; }
		dir li.link				{list-style-type:square; }
		/* ローカルナビ */
		.topictree1							{padding:0px; margin:0px 0px 0px 0px; }
		.topictree1 li						{padding:0px; margin:0px 0px 1px 0px; list-style-position:outside; list-style-type:none; }
		.topictree1 li a					{color:#333333; background-color:#dddddd; display:block; width:auto; font-size:13px; padding:3px 3px 3px 3px; text-decoration:none; font-weight:normal; border-left:3px solid #666666; }
		.topictree1 li a:hover				{color:#666666; background-color:#e5e5e5; text-decoration:underline; font-weight:normal; }
		.topictree1 li a.active				{color:#333333; background-color:#aaaaaa; text-decoration:underline; font-weight:normal; border-left:3px solid #666666; }
		.topictree1 li a.active:hover		{color:#666666; background-color:#dfdfdf; text-decoration:none; font-weight:normal; }
		.topictree2							{padding:0px; margin:0px 0px 0px 0px; }
		.topictree2 li						{padding:0px; margin:0px 0px 1px 0px; list-style-position:outside; list-style-type:none; }
		.topictree2 li a					{color:#333333; background-color:#f5f5f5; display:block; width:auto; font-size:13px; padding:3px 3px 3px 10px; text-decoration:none; font-weight:normal; border-bottom:1px solid #999999; border-left:3px solid #aaaaaa; }
		.topictree2 li a:hover				{color:#666666; background-color:#fafafa; text-decoration:underline; font-weight:normal; }
		.topictree2 li a.active				{color:#333333; background-color:#f5f5f5; text-decoration:underline; font-weight:normal; border-left:3px solid #aaaaaa; }
		.topictree2 li a.active:hover		{color:#666666; background-color:#fafafa; text-decoration:none; font-weight:normal; }
		.topictree3							{padding:0px; margin:0px 0px 0px 0px; }
		.topictree3 li						{padding:0px; margin:0px 0px 1px 0px; list-style-position:outside; list-style-type:none; }
		.topictree3 li a					{color:#333333; background-color:#fafafa; display:block; width:auto; font-size:11px; padding:3px 3px 3px 20px; text-decoration:none; font-weight:normal; border-bottom:1px solid #aaaaaa; border-left:3px solid #bbbbbb; }
		.topictree3 li a:hover				{color:#666666; background-color:#fafafa; text-decoration:underline; font-weight:normal; }
		.topictree3 li a.active				{color:#333333; background-color:#f5f5f5; text-decoration:underline; font-weight:normal; }
		.topictree3 li a.active:hover		{color:#666666; background-color:#fafafa; text-decoration:none; font-weight:normal; }

		/* 用語集 */
		dl						{margin:0px 0px 1.5em 5px; }
		dt						{margin:0px 0px 0.2em 0px; font-weight:bold; border-bottom:1px solid #dddddd; }
		dd						{margin:0px 0px 0.5em 15px; }

		/* 注釈 */
		dl.notes				{display:table; width:100%; clear:both; }
		dl.notes dt				{display:table; width:auto; clear:left; float:left; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; border:0px solid transparent; }
		dl.notes dd				{display:table; width:100%; float:left; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; }

		/* ====================================== 水平線 ====================================== */
		hr						{height:0px; border: 0px solid #ffffff; border-bottom: 1px dotted #666666; margin-top:5px; margin-bottom:5px; }

		/* ====================================== テーブル ====================================== */
		/* 標準テーブルスタイル */
		table.deftable			{empty-cells:show; margin:0px 0px 24px 0px; border-collapse:collapse; }
		table.deftable caption	{}
		table.deftable tr		{}
		table.deftable tr th	{empty-cells:show; border:1px solid #CCCCCC; font-weight:normal; background-color:#eeeeee; color:#333333; padding:3px 3px 3px 3px; }
		table.deftable tr td	{empty-cells:show; border:1px solid #CCCCCC; font-weight:normal; background-color:#ffffff; color:#333333; padding:3px 3px 3px 3px; }
		table.deftable thead th	{}
		table.deftable thead td	{}
		table.deftable tfoot th	{}
		table.deftable tfoot td	{}
		/* テーブル表示に見えなくする(レイアウトテーブル) */
		table.plain				{empty-cells:show; background-color:#ffffff; margin:0px 0px 0px 0px; }
		table.plain caption	{}
		table.plain tr			{}
		table.plain th,
		table.plain td
								{empty-cells:show; border:0px solid #ffffff; font-weight:normal; background-color:#ffffff; color:#333333; padding:0px 0px 0px 0px; }

		/* ====================================== コンテンツエリア内のブロック分け ====================================== */
		#content .contentsblockL{
			float:left;
			width:200px;
			border-right:1px solid #999999;
			margin-right:10px;
		}
		#content .contentsblockC{
			float:left;
		}
		#content .contentsblockR{
			float:left;
			width:160px;
			margin-left:10px;
		}


		/* ====================================== その他 ====================================== */
		.relative				{position:relative; top:0px; left:0px; }
		.blockwidth100per		{width:auto; }
		.tablewidth100per		{width:100%; }
		.marginTop1em			{margin-top:1em; }
		.marginTop1_5em			{margin-top:1.5em; }
		.marginBottom1em		{margin-bottom:1em; }
		.marginBottom1_5em		{margin-bottom:1.5em; }
		.paddingTop1em			{padding-top:1em; }
		.paddingTop1_5em		{padding-top:1.5em; }
		.paddingBottom1em		{padding-bottom:1em; }
		.paddingBottom1_5em		{padding-bottom:1.5em; }