@charset "EUC-JP";

/* Standard Theme for BLOG-LIKE Template Mk-2
***************************************************************************** *
 *	FreeStyle Wiki "bliglike2_*.tmpl" 用に作成したものです
 *	HTML文書構造を同一ツリーにすることで、他のCMSへの応用できます
 *
 *	HTML文書構造解析木の説明を参考にしてください。
 *	比較的、ロジカルにデザイン定義できると思います。
----------------------------------------------------------------------------- *
 *	既知の問題
 *	現状では、CSS2.1を完全にサポートしていないブラウザがあり、万能ではないかもしれません。
 *
 *	CSS2.1
 *		E > C は、IE未対応セレクタである。IE7で対応される
 *		旧Mac製品ユーザはIE5を利用している(IE5利用者が減らない)。
 *		Win2000を利用している(IE6利用者が減らない)。
 *			共にサポートが打ち切られても使い続けるのは、ユーザの判断ですので
 *			デザイナのIEに対するジレンマは消えないようです。
 *		PSPのウェブブラウザがCSS2の一部しか対応していない。
 *			PSPも、ゲーマーな人は持っているので、厄介。
 *		Nintendo DS は、文字入力にATOKを実装したOperaなので、たぶん問題なし。
 *
 *	１）ラッパー類は、ポジショニング、及び下地の指定に利用
 *	２）深階層ノードにおける指定は、具体的なデザイン表記
 *
 *	デザイン手法としての提案内容
 *		２次元平面で考えたとき、何処に表示するノードかを判別しすいCSS記述法である。
 *
 *		打ち合わせ内容に合わせ、テンプレートに必要な枝葉をつける形のスタイルである。
 *		プログラマも、同様。また、出力するHTML文書構造のみに集中できる。
 *		デザイナとプログラマとが比較的分業できる。
 *
----------------------------------------------------------------------------- *
 *	Copyright 2006 A_M (Akitoshi-Manabe) <info@wk-manabe.com>
 *
 *	License: GPL (http://www.gnu.org/copyleft/gpl.html)
***************************************************************************** */

/* スタイルの初期化等
============================================================================= */
	* { margin: 0; padding:0; }
	.dummy { clear        : both; }
	/* テンプレートに埋め込む、水平線：スタイルシートOff時の視覚判断用
	------------------------------------------------------------------------- */
	hr.hidden { display:none; }


/* 基礎デザイン
============================================================================= *
 *	レイアウト・ポジショニング
----------------------------------------------------------------------------- *
 *	テンプレートのスケール概要
----------------------------------------------------------------------------- *
	横幅の数値はFSWikiのテンプレートに直接記述して様々なカラム構成に対応

	その他、詳細は付属のDOMを参照下さい。

	<- BODY ------------------------------------------------------------> Windowにより可変
	|<- 190 -----------><- 424 ---------------------><- 190 ----------->| サイドバーの幅固定
	:                                                                   :
	|<- #container ---------------------------------------------------->| 840
	|<- #contentsbody ------------------------------><- #appendix ----->| 612    :188
	|<- #reference ----><-- #sentences ------------->                   | 188:424

============================================================================= */

	body {
		color        : #333;
		font-size    : 90%;
		line-height  : 150%;
                background : #fff;
	}

	#container {
		background			: url("bg_container.jpg") center bottom repeat-y;
	}
	#header {
		margin				: 0px auto;
		border-top			: none;
		height				: 140px; /* ヘッダの背景(装飾用画像)に合わせる */
		background			: url("bg_container_head.jpg") top center no-repeat;
	}
	#topnavi {
		padding				: 3px 0;
		font-size			: x-small;
		line-height			: 120%;
		border-bottom		: 1px solid #fff;
	}
	#wikicontainer {
		border-bottom		: #FFF 1px solid; /* 背景着色のために必須 */
		background-color	: #FFF; /* Geckoエンジンでは、border指定が必須条件 */
	}
	#contentsbody {background : #ddf;}
	#appendix {font-size: 90%;}
	#sentences {}
	#references {font-size: 90%; background : #eef;}
	#bottomnavi {
		font-size			: 90%;
		line-height			: 120%;
		border-bottom		: 1px solid #666;
		background			: #ddd;
	}
	div.footer {
		color				: #333;
		background			: url("bg_container_btm.jpg") center bottom no-repeat;
		padding-right		: 25px;
		padding-bottom		: 10px;
		text-align			: right;
		font-size			: 80%;
	}


/* 一般要素
============================================================================= *
 *	表示領域毎に装飾に懲りたい場合は、ここで無理に指定しなくても構いません。
 *	後で表示領域毎に定義してやることができます。
 *	ここでは、HTMLパーサ用セレクタの雛形として無指定のものを列挙します。
----------------------------------------------------------------------------- */

	/* 見出しと段落
	------------------------------------------------------------------------- */
	h2,
	h3,
	h4 {}
	p {}

	/* 画像
	------------------------------------------------------------------------- */
	img { border:none; }

	/* 項目リスト
	------------------------------------------------------------------------- */
	ul,ol { padding : 0 2em; } /* 各領域で定義しても良い */
	ul li { }
	ul li li { }
	ul li li li { }

	/* 引用
	------------------------------------------------------------------------- */
	pre {
		margin				: 0 auto;
		padding				: 2px;
	}

	/* 整形済みテキスト
	------------------------------------------------------------------------- */
	blockquote {
		margin				: 0 auto;
		padding				: 2px;
	}

	/* 引用と整形済みテキスト（IE用のプロパティ - BugTrack-plugin/307）
	------------------------------------------------------------------------- *
	pre,blockquote {
		overflow-x			: auto;
		overflow-y			: auto;
	}
	---- */

	/* 定義リスト
	------------------------------------------------------------------------- */
	dl {}
		dt {}
		dd {}

	/* 表（テーブル）
	------------------------------------------------------------------------- */
	table {
		width				: 90%;
		margin				: 5px auto;
		border-collapse		: collapse;
		border-spacing		: 0; empty-cells : show; line-height : 1.1em;
		background			: #FFF;
	}
		table tr {}
			table th,
			table td {
				padding			: 3px;
				border			: 1px solid #666;
			}
			table th {
				background		: url("bg_table_head.jpg") bottom left repeat-x;
			}

	/* リンク関連（デフォルト）
	------------------------------------------------------------------------- *
	 *	色やサイズ、ポジショニングは、各セクションで指定。
	 *
	---- */
	a            { text-decoration : none; }
	a:link       {}
	a:visited    {}
	a:hover      { text-decoration : underline; }
	a:active     {}

	/* リンクの疑似要素は要素の直後に指定する
	------------------------------------------------------------------------- */
	a[accesskey]:after {
		text-transform		: uppercase;
		content				: "< " attr(accesskey) " >";
	}

	/* フォーム関連
	------------------------------------------------------------------------- *
	 *	fieldset,legendは独自実装のプラグインから出力するフォーム用
	 *	fieldset,legendの背景は、ブラウザによって表現がが極端に変わるので利用を避ける
	 *
	---- */
	form {
		margin				: 0;
	}
		form fieldset {
			margin-top			: 3px;
			margin-bottom		: 3px;
			border				: 1px #666 solid;
		}
		form legend {
			margin-left			: 5px;
			padding-left		: 5px;
			padding-right		: 5px;
			border				: 1px #666 solid;
			background			: #fff url(bg_table_head.jpg) bottom left repeat-x;
		}
		form dl {
			margin				: 0;
			padding				: 5px;
			background			: #fff;
		}
			form dt {
				padding			: 5px;
			}
			form dd {
				padding			: 5px;
			}
			select ,
			input ,
			textarea {
			}
			input[type=text]{
			} /* IEには無効 */


/* コンテンツ
============================================================================= */

	/* ヘッダ部
	========================================================================= */
	#header {}
	div.adminmenu {
		padding			: 15px 25px 0px 0px;
		text-align		: right;
		font-size		: x-small;
		color			: #333;
	}
	div.adminmenu:before {
		content			: "Wiki Menu : ";
		color			: #66F;
	}
	.adminmenu a         { color:#333; text-decoration : none; }
	.adminmenu a:link    { color:#666; }
	.adminmenu a:visited { color:#666; }
	.adminmenu a:hover   { color:#66f; text-decoration : underline; }
	.adminmenu a:active  { color:#F00; }

	h1 {
		padding			: 30px 50px 0px 0px;
		float			: right;
		font-size		: large;
		text-align		: right;
	}
	h1 a         { color : #CCC; text-decoration : underline; }
	h1 a:link    { color : #666; text-decoration : none; }
	h1 a:visited { color : #449; }
	h1 a:hover   { color : #333; }
	h1 a:active  { color : #FFF; background-color:#333; }

	/* 上部ナビゲーション
	========================================================================= */
	#topnavi {
			margin			: 0;
			padding			: 0;
			background		: #fff;
	}
	#topnavi p {
		margin			: 0;
		padding			: 0;
		font-size		: medium;
	}
	#topnavi ul {
		display    : block;
		margin			: 0;
		padding			: 0;
	}
	#topnavi li,
	#topnavi li a{
		float			: left;
		display			: block;
	}
	#topnavi li a{
		padding			: 5px 0 3px;
		display			: block;
		text-align		: center;
		line-height		: 140%;
		width			: 100px;
		background		: url("bg_navi_top.jpg") 0px 0px repeat-y;
	}
	#topnavi li a:link,
	#topnavi li a:visited { background-position: 0px 0px; }
	#topnavi li a:hover   { background-position: -200px 0px; padding : 2px 0 6px; }
	#topnavi li a:active  { background-position: -300px 0px; }


	/* スタイルコンテナ（メイン記事、サイドバー）
	========================================================================= *
	 * ヘッダの次に来るデザイン層でダブルコンテナという手法を採用
	---- */
	#wikicontainer {}
	#contentsbody {}
	#sentences  {}


	/* ヘッダ部（Headerで取り込まれる部分）
	========================================================================= */
	#description {
		margin				: 0 5px;
		padding				: 5px;
		vertical-align	: bottom;
	}
	#description:before {
		color				: #666;
		content				: "ページのインデックス(見出し一覧)";
	}
		#description p{
			padding			: 0px;
		}


	/* メインページ部
	========================================================================= */
	#section {
		padding			: 5px;
	}
	div#section h2 {
		margin				: 15px 0;
		padding				: 3px 5px;
		font-size			: medium;
		color				: #333;
		background			: #fff url("bg_h2.jpg") bottom right no-repeat;
	}
	#section h3 {
		margin				: 10px 5px;
		padding				: 0 5px;
		font-size			: medium;
		border-bottom		: 2px #333 solid;
	}
	#section h4 {
		margin				: 10px 5px 5px;
		padding				: 0 10px;
		font-size			: medium;
		border-bottom		: 1px #333 dotted;
	}
	#section p {
		margin				: 0.6em 0;
		padding				: 0 10px;
		font-size			: small;
		color				: #333;
	}
	#section pre {
		margin				: 0.6em auto;
		padding				: 5px 10px;
		width				: 90%;
	/* Tips Overflow
	------------------------------------------------------------------------- *
	 *	右側の境界が消えるので使うときは、境界を指定しないのが吉
	 *	overflow			: auto;
	 */
		font-size			: 80%;
		line-height			: 130%;
		background			: #EEF;
		border				: 1px solid #666;
	}
	#section blockquote {
		margin				: 0px auto;
		padding				: 5px 10px;
		width				: 90%;
		font-size			: small;
		line-height			: 110%;
		color				: #333;
		background			: #EEE;
		border				: 1px solid #666;
	}

	#section dl {
		padding				: 5px;
	}
	#section dt {
		margin			: 0 5px;
		padding			: 0 5px;
		font-weight		: bold;
		color			: #66F;
		border-bottom	: #66F 1px dotted; /* div.body のwidthに影響するので注意 */
	}
	#section dd {
		margin			: 0 5px;
		padding			: 0 5px;
	}

	#section dt  a:hover   { text-decoration:underline; }

	/* pluginhelp のHTML出力に対する独自パッチ用
	--------------------------------------------------------------------- */
	#section dt a.pluhinhelp {
		padding : 3px 3px 3px 25px;
		background : url("../icon_help.gif") 0% 50% no-repeat;
		color			: #66F;
	}

	/* フォーム関連
	------------------------------------------------------------------------- *
	 *	fieldset,legendは独自実装のプラグインから出力するフォーム用
	 *	fieldset,legendの背景は、ブラウザによって表現がが極端に変わるので利用を避ける
	 *
	---- */
	#section form {}
	#section form fieldset {
		margin-top			: 3px;
		margin-bottom		: 3px;
		border				: 1px #66F solid;
		background			: #ff6;
	}
	#section form legend {
		margin-left			: 5px;
		padding-left		: 5px;
		padding-right		: 5px;
		border				: 1px #66F solid;
		background			: #fff url(bg_table_head.jpg) bottom left repeat-x;
	}
	#section form dl {
		margin				: 5px;
		background			: #fff;
		border				: 1px #F66 solid;
	}
		#section form dt {
			padding			: 5px;
		}
		#section form dd {
			margin			: 5px;
			padding			: 5px;
		}

	#section ul { list-style-image : url("./lm_section.gif"); }
		#section li {}

	#section form textarea {
		margin				: 5px auto;
		width				: 95%;
	}

	/* コメント（Footerで取り込まれる部分）
	========================================================================= */
	#comment {
		margin				: 5px;
		padding				: 5px;
		border-top			: #666 1px dotted;
		font-size			: 90%;
		color				: #333;
	}
	/* 疑似要素は要素の直後に指定する */
	#comment:before {
		content				: "その他情報 / コメントなど";
	}


	/* サイドバー(左)
	========================================================================= */
	#references {
	/* IE の文字列折り返し指定
	--------------------------------------------------------------------- *
	 * IE独自実装プロパティなので、ie用スタイルに記すのが良い
	 *
	 *	word-break			: break-all;
	---- */
	}
	#references h2 {
		margin-top		: 15px;
		padding-top		: 5px;
		padding-bottom	: 2px;
		background		: url("bg_ref_head_000.jpg") right bottom no-repeat;
		font-size		: 1.2em;
		text-align		: right;
	}
	#references h3 {
		margin-top		: 10px;
		border-bottom	: 2px #999 solid;
		font-size		: 1.1em;
		text-align		: right;
	}
	#references h4 {
		margin-top		: 5px;
		border-bottom	: 1px #999 dotted;
		font-size		: 1em;
		text-align		: right;
	}
	#references p {
		padding			: 5px 5px;
	}
	#references ul,
	#references ol { display:block; margin: 0; padding:0; border-top : 1px #999 solid; }
	#references li { display:block; margin: 0; padding:0; width : 100%; } /* display:block; リストマーカーは無意味(非表示)になる */
	/* リンク部のBOX 表現のための指定
	--------------------------------------------------------------------- *
	 *	基本は display プロパティで指定。IE6 のために、width プロパティが必要
	 * widthは2カラムと2カラムとで異なるので、テンプレートに記載する
	---- */
	#references li a {
		display			: block;
		padding-right	: 10px;
		padding-left	: 10px;
		border			: 1px solid #999;
		border-width	: 0 1px 1px 0;
		text-decoration	: none;
	}
	#references li a         { color : #666; background : #EEE; }
	#references li a:link    {  }
	#references li a:visited { color : #666; background : #EEE; }
	#references li a:hover   { color : #FFF; background : #666; }
	#references li a:active  { color : #FFF; background : #999; }

	#references li a.myself         { color : #669; background : #EEE; }
	#references li a:link.myself    { }
	#references li a:visited.myself { color : #FFF; background : #999; }
	#references li a:hover.myself   { }
	#references li a:active.myself  { }

	#references form {
		width			: 170px;
	}

	/* BugTrack/160 : div_block で class 属性を指定した時のデザイン
	--------------------------------------------------------------------- */
	#references .c001 h2 {
		background		: url("bg_ref_head_001.jpg") right bottom no-repeat;
	}
	#references .c002 h2 {
		background		: url("bg_ref_head_002.jpg") right bottom no-repeat;
	}


	/* サイドバー(右)
	========================================================================= */
	#appendix   {
	/* IE の文字列折り返し指定
	--------------------------------------------------------------------- *
	 * IE独自実装プロパティなので、ie用スタイルに記すのが良い
	 *
	 *	word-break			: break-all;
	---- */
	}
	#appendix h2 {
		margin-top		: 15px;
		padding-top		: 5px;
		padding-bottom	: 2px;
		background		: url("bg_app_head_000.jpg") left bottom no-repeat;
		font-size		: 1.2em;
	}
	#appendix h3 {
		margin-top		: 10px;
		border-bottom	: 2px #999 solid;
		font-size		: 1.1em;
	}
	#appendix h4 {
		margin-top		: 5px;
		border-bottom	: 1px #999 dotted;
		font-size		: 1em;
	}
	#appendix p {
		padding			: 5px;
	}
	#appendix ul,
	#appendix ol { display:block; margin: 0; padding:0; border-top : 1px #999 solid; }
	#appendix li { display:block; margin: 0; padding:0; width : 100%; } /* display:block; リストマーカーは無意味(非表示)になる */
	/* リンク部のBOX 表現のための指定
	--------------------------------------------------------------------- *
	 *	基本は display プロパティで指定。IE6 のために、width プロパティが必要
	 *	但し、width は2カラムと3カラムとで異なるので、テンプレートに埋め込む
	---- */
	#appendix li a {
		display			: block;
		margin			: 0;
		padding-right	: 10px;
		padding-left	: 10px;
		border			: 1px solid #999;
		border-width	: 0 0 1px 1px;
		text-decoration	: none;
	}
	#appendix li a         { color : #666; background : #EEE; }
	#appendix li a:link    {  }
	#appendix li a:visited { color : #666; background : #EEE; }
	#appendix li a:hover   { color : #FFF; background : #666; }
	#appendix li a:active  { color : #FFF; background : #999; }

	#appendix li a.myself         { color : #669; background : #EEE; }
	#appendix li a:link.myself    { }
	#appendix li a:visited.myself { color : #FFF; background : #999; }
	#appendix li a:hover.myself   { }
	#appendix li a:active.myself  { }

	#references form {
		width			: 170px;
	}

	/* BugTrack/160 : div_block で class 属性を指定した時のデザイン
	--------------------------------------------------------------------- */
	#appendix .c001 h2 {
		background		: url("bg_app_head_001.jpg") right bottom no-repeat;
	}
	#appendix .c002 h2 {
		background		: url("bg_app_head_002.jpg") right bottom no-repeat;
	}


	/* 下部ナビゲーション
	========================================================================= */
	#bottomnavi {
		border-top  : 1px solid #666;
		background-color: #66f;
		color       : #fff;
		font-size:small;
		text-align:center;
	}
		#bottomnavi p{
			margin :0 1px;
			padding:0 5px;
		}

	/* プロダクトリンク
	========================================================================= */
	.footer {
	}


/*	独自パッチに関するスタイル指定
============================================================================= */

	/* Standard + plugin/attach 出力HTMLの独自修正
	------------------------------------------------------------------------- */
	a.is_jpg { padding : 3px 3px 3px 20px; background : url("../is_icon_jpg.gif") 0% 50% no-repeat; } /* アイコン無同梱 */
	a.is_gif { padding : 3px 3px 3px 20px; background : url("../is_icon_gif.gif") 0% 50% no-repeat; } /* アイコン無同梱 */
	a.is_png { padding : 3px 3px 3px 20px; background : url("../is_icon_png.gif") 0% 50% no-repeat; } /* アイコン無同梱 */
	a.is_txt { padding : 3px 3px 3px 20px; background : url("../is_icon_txt.gif") 0% 50% no-repeat; }
	a.is_pdf { padding : 3px 3px 3px 20px; background : url("../is_icon_pdf.gif") 0% 50% no-repeat; }
	a.is_zip { padding : 3px 3px 3px 20px; background : url("../is_icon_zip.gif") 0% 50% no-repeat; }
	a.is_doc { padding : 3px 3px 3px 20px; background : url("../is_icon_doc.gif") 0% 50% no-repeat; }
	a.is_xls { padding : 3px 3px 3px 20px; background : url("../is_icon_xls.gif") 0% 50% no-repeat; }
	a.is_jww { padding : 3px 3px 3px 20px; background : url("../is_icon_jww.gif") 0% 50% no-repeat; } /* JW-CAD for Win */
	a.is_jwc { padding : 3px 3px 3px 20px; background : url("../is_icon_jww.gif") 0% 50% no-repeat; } /* JW-CAD */
	a.is_mm  { padding : 3px 3px 3px 20px; background : url("../is_icon_mm.gif")  0% 50% no-repeat; } /* Mind Map */

	/* Standard + core/ListPage.pm 出力HTMLの独自修正
	------------------------------------------------------------------------- */
	ul.pagelist li { font-size: 75%; padding-bottom:2px; border-bottom: #333 dotted 1px; }
	ul.pagelist span.separator1 { visibility: hidden; }
	ul.pagelist span.modify { color: #333; padding-left : 80px;}
	ul.pagelist a.wikipage  { color: #666; }
	ul.pagelist a.pagetitle { display:block; font-size : 125%; line-height : 120%; background: #CCC; margin-top:2px;}

	/* BugTrack-plugin/191 + 出力HTMLの独自修正
	------------------------------------------------------------------------- */
	ul.pagelist_index li { font-size: 75%; padding-bottom:2px; border-bottom: #663 dotted 1px; }
	ul.pagelist_index span.separator1 { visibility: hidden; }
	ul.pagelist_index span.modify { color: #333; padding-left : 80px;}
	ul.pagelist_index a.pagetitle { color: #666; }
	ul.pagelist_index a.wikipage  { display:block; font-size : 125%; line-height : 120%; background: #CCC; margin-top:2px;}
	ul.pagelist_fswiki li { font-size: 75%; padding-bottom:2px; border-bottom: #663 dotted 1px; }
	ul.pagelist_fswiki span.separator1 { visibility: hidden; }
	ul.pagelist_fswiki span.modify { color: #333; padding-left : 80px;}
	ul.pagelist_fswiki a.pagetitle { color: #666; }
	ul.pagelist_fswiki a.wikipage  { display:block; font-size : 125%; line-height : 120%; background: #CCC; margin-top:2px;}

	/* BugTrack-Plugin/108 トラックバックプラグイン + パッチ
	------------------------------------------------------------------------- */
	div.trackback {
		margin			: 0px;
		padding			: 0px;
		overflow		: auto;
	/*	overflow		: hidden;*/ /* アクセシビリティ：全体が見えるのが望ましいとの事 */
	}
	div.trackback span.tburl {
		color			: #F9F;
	}
	div.trackback input.tburl {
		border			: none;
		border-bottom	: 1px solid #F9F;
		color			: #999;
	}

	/* BBS2 プラグイン(プラグインを修正してclassを出力)
	------------------------------------------------------------------------- */
	form.bbs2 {
		margin    : 15px;
		padding   : 5px;
		border    : 1px solid #CCCCCC;
	}
	form.bbs2 table {
		margin    : 5px;
	}
		form.bbs2 th {
			width     : 30%;
			background : #FF0;
		}
	form.bbs2 textarea {
		width     : 90%;
	}

/*	投稿プラグイン
============================================================================= */

	/* BugTrack-Plugin/239 _wiki_anchor
	------------------------------------------------------------------------- *
	 *	各セクションで詳細定義する。
	 *
	.myself{}
	----*/

	/* 背景による垂直区切り線指定（段組プラグインなど汎用）
	------------------------------------------------------------------------- *
	 *	cols プラグインや、div_block プラグインでスタイルコンテナにclass指定したとき
	---- */
	div.w33solid { background:url(../pline.jpg) 34% 0% repeat-y; }
	div.w40solid { background:url(../pline.jpg) 40% 0% repeat-y; }
	div.w50solid { background:url(../pline.jpg) 50% 0% repeat-y; }
	div.w60solid { background:url(../pline.jpg) 61% 0% repeat-y; }
	div.w66solid { background:url(../pline.jpg) 67% 0% repeat-y; }
	div.w33dotted { background:url(../pline_dotted.jpg) 34% 0% repeat-y; }
	div.w40dotted { background:url(../pline_dotted.jpg) 40% 0% repeat-y; }
	div.w50dotted { background:url(../pline_dotted.jpg) 50% 0% repeat-y; }
	div.w60dotted { background:url(../pline_dotted.jpg) 61% 0% repeat-y; }
	div.w66dotted { background:url(../pline_dotted.jpg) 67% 0% repeat-y; }

	/* COLSプラグインによる表示の指定
	------------------------------------------------------------------------- */
	#section .product_list {
		margin				: 0;
		padding				: 0;
	}
		#section .product_list .photo {
			margin				: 0;
			padding				: 0;
			width				: 30%;
			float				: left;
		}
			#section .product_list .photo p {
				margin				: 0;
				padding				: 0;
			}
			#section .product_list .photo img {
				border				: none;
				margin				: 0;
				padding				: 0;
			}
		#section .product_list .guide {
			margin				: 0px;
			padding				: 0;
			width				: 69.5%;
			float				: right;
		}
			#section .product_list .guide p {
				margin				: 0;
				padding				: 0;
			}

	/* BugTrack-Plugin/224 Wiki書式挿入編集ボタン
	------------------------------------------------------------------------- */
	div#toolbar { margin: 0px; padding: 0px; }
	div#toolbar img { margin: 0px; padding: 0px; border: none; }


	/* BugTrack-plugin/233
	------------------------------------------------------------------------- *
	 * 配布ファイルの header.tmpl から、 align="top" を削除するCSSに拘る方に
	---- */
	div.adminmenu .adminmenu a img {
		vertical-align:top;
	}
	/* アクセスキーのコンテキスト（ブラウザによって表示します）
	------------------------------------------------------------------------- */
	/* セレクタが疑似要素の為、a要素の直後に記述
	---- */

	/* BugTrack-Plugin/208 コード整形プラグイン + 独自修正
	------------------------------------------------------------------------- */
	div.code table{ border      : #333 1px solid; }
	div.code td.line { border-right: #333 1px solid; }
	div.code table,div.code tr,div.code td {margin:0px;padding:0px;}
	div.code tr,div.code td {  }
	div.code td pre {margin:0px;padding:0px;top:0px;border:none;}
	div.code td pre {margin:0px;padding:0px;top:0px;border:none;}
	div.code td pre.line {width:15px;}
	div.code li { font-size:x-small; }


/*	標準実装プラグイン
============================================================================= */

	/* 編集画面のForm
	------------------------------------------------------------------------- */
	form { margin:5px; padding:3px; }
	form.update {}
	form.update textarea { width:95%; }
	form.update img { margin:0px; padding:0px;}

	/* Standard - 差分表示
	------------------------------------------------------------------------- *
	 *	DELは、情報として残してしまうと支援ソフトで閲覧する人に混乱を与える事がある。
	 *	出来るだけ、差分表示以外では利用しない方が良いのかもしれない。
	------------------------------------------------------------------------- */
	del:after {
		content				: "(削除)";
	}
	ins.diff {
		color				: #66F;
	}
	ins.diff:after {
		content				: "(追記箇所です)";
	}
	del.diff {
		color				: #F66;
	}
	del.diff:after {
		content				: "(削除された箇所です)";
	}

	/* Standard - カレンダー・プラグイン
	------------------------------------------------------------------------- */
	table.calendar {
		margin			: 5px auto;
		padding			: 0;
		border-collapse : collapse;
		border			: 1px solid #666;
		border-spacing  : 0;
		empty-cells		: show;
		line-height		: 1.1em;
		background		: url("./bg_table.jpg") top left no-repeat;
	}
		.calendar td {
			border		: 1px solid #666;
			background	: #fff;
		}

		td.calendar-prev-month,
		td.calendar-current-month,
		td.calendar-next-month {
			text-align :center;
			background : url("bg_table_head.jpg") bottom left repeat-x;
		}
		td.calendar-prev-month a,
		td.calendar-current-month a,
		td.calendar-next-month a {
			color		: #333;
		}
		th.calendar-sunday,
		th.calendar-weekday,
		th.calendar-saturday {
			text-align :center;
			background-color : #99F;
		}
		td.calendar-sunday      { text-align: center; color: #333; background: #F99; }
		td.calendar-saturday    { text-align: center; color: #333; background: #99F; }
		td.calendar-weekday     { text-align: center; color: #333; background: #FFF; }
		td.calendar-day         { text-align: center; }

		td.today                { background-color : #DDD; }
		td.have                 { font-weight : bold; }

	/* Standard - BugTrack-plugin/204 パート編集
	------------------------------------------------------------------------- */
	div.partedit {
		margin-top : -4.3em;
		margin-bottom : 5px;
		padding    : 3px 15px;
		line-height: 4.3em;
	/*	font-size  : 12px; */ /* アクセシビリティ基準を満たせない。 */
		font-size  : 1em;
		text-align : right;
	}
	div.partedit a img {
		border		: none;
	}

	/* Standard - 一行コメントプラグイン */
	form.comment {
		margin    : 15px;
		padding   : 5px;
		border    : 1px solid #CCCCCC;
	}

	/* Standard - Amazon プラグイン
	------------------------------------------------------------------------- */
	div.amazon { margin:5px; padding:0px; }
	div.amazon img { border : none; }

	/* Standard - 検索ボックス
	------------------------------------------------------------------------- */
	div.sidebar form#search {
		margin:0px;
		padding: 3px 0px;
	}

	/* Standard - エラー表示
	------------------------------------------------------------------------- */
	.error              { color: #FF0000; font-weight : bold; }

	/* Standard - Wikiページ新規作成へのリンク */
	.nopage             { background-color : #FFFF88; }
	.nopage a,
	.nopage a:hover {
		background : #f99;
	}

	/* Standard - Wikiページへのリンク
	------------------------------------------------------------------------- */
	a.wikipage:link         { text-decoration : underline; }
	a.wikipage:visited      { text-decoration : underline; }
	a.wikipage:hover        { text-decoration : underline; }


/*	@media ルールによるポジショニング調整
============================================================================= *
 *	screen,projection以外の媒体では、「比較的、線形なポジショニングとなる」ということ。
 *	従って、重要になるのは、マークアップ時のHTMLの配置順序である。
 *	Wikiや従来CMSの場合は、テンプレート、スキンと呼ばれる部分。
==== */

/*	印刷時のレイアウト調整
----------------------------------------------------------------------------- *
 *	CSSコメントにネストの関係があると、正しく適用されない場合があります。
 *	従って、旧ブラウザに有効なCSSハックを無闇に用いると印刷用デザインが適用されません。
 *
 *	1)	サイドバーなど、印刷に不要部分の隠蔽。
 *	2)	横幅を明示的に指定している div の再調整。
 *		上位ノードの幅 ＜ 下位ノードの幅 の場合、
 *		IEのエンジンは、mshtml.dllのエラーで強制終了するので注意する。
 *
 *		width:690pxは、IEの標準余白におけるA4用紙印刷の縦置き横幅に等しい。
 *		width:100% であれば、どの設定でも自動的に余白一杯まで広がる。
 *
==== */
@media print {
	body {
		background		: none; /* これは任意 */
	}
	div.adminmenu    { display: none; }
	div#topnavi      { display: none; }
	div#container,
	div#wikicontainer,
	div#contentsbody,
	div#sentences {
		width			: 100%;
		float			: none;
		background		: none;
	}
	div#references   { display: none; }
	div#appendix     { display: none; }
	#container{
		background		: none;
	}
	div#header {
		margin			: 0;
		background		: #fff url("CIforPrint.jpg") right top no-repeat;
	}
	h1 {
		float			: none;
		margin			: auto;
		padding			: 20px 0 20px;
		font-size		: medium;
		text-align		: left;
		color			: #000;
	}
	h1 a,
	h1 a:link,
	h1 a:visited {
		color			: #000;
	}
	#description {
		border-bottom	: 1px #666 solid;
	}
	#comment {
		border-bottom	: 1px #666 solid;
	}
	div.footer {
		background		: none;
		text-align		: center;
	}

	div.trackback { visibility: hidden; }
}	/* End Of @media print */


/* 携帯端末の為の設定
----------------------------------------------------------------------------- *
 *	floatの解除のみで大抵の文書は綺麗に見えるはず。
==== */
@media handheld {
	
}	/* End Of @media print */


/* 音声合成システムの為の設定
----------------------------------------------------------------------------- *
 *	現在は対応する端末は無いので、メモ程度。
 *
 *	@media aural {
 *		* 非推奨ルール *
 *	} * End Of @media speech *
 *
==== */
@media speech {
	/* CSS3ルール */
} /* End Of @media speech */