body {
  background-image : url(http://www.tgiw.info/image/parts/chess_gr.jpg);
	margin:0;
	margin-left:80;
	padding:10px;
	color:#000;
	text-align:left;
}

/* タグ・ポイント */
body,td,th{
	font:12px/20px verdana,arial,sans-serif;
}

/* リンク */
a:link,
a:active{
	color:#44c;
}

a:visited{
	color:#03c;
}

a:hover{
	color:#c33;
}

/* レイアウト */
#outline{
	width:800px;
	margin:0 auto;
	text-align:left;
}

#mainspace{
	width:590px;
	float:left;
}

#main{
	width:400px;
	float:right;
}

#side{
	width:180px;
	float:left;
}

#side-2{
	width:180px;
	float:right;
}

/* ヘッダー */
#title,
#top-pr{
	display:inline;
	line-height:50px;
}

#title{
	font-size:24px;
	font-weight:bold;
	margin:0;
	padding:0;
}

#title a{
	color:#000;
	text-decoration:none;
}

#title img{
	border:none;
	vertical-align:middle;
}

#top-pr{
	margin:0 0 0 50px;
	padding:0;
}

/* エントリ */
.entry-box{
	margin:0 0 20px;
}

.entry-head{
	background:url('http://www.tgiw.info/images/entry_title.gif') left top no-repeat;
}

.entry-head h1,
.entry-head h2{
	margin:0;
	padding:0 0 0 20px;
	line-height:30px;
	font-size:12px;
	font-weight:bold;
	color:#fff;
}

.entry-head .entry-data{
	margin:0;
	padding:0 0 0 20px;
	line-height:20px;
	font-size:10px;
	color:#000;
}

.entry-head h1 a:link,
.entry-head h1 a:active,
.entry-head h1 a:visited,
.entry-head h2 a:link,
.entry-head h2 a:active,
.entry-head h2 a:visited{
	color:#fff;
	text-decoration:none;
}

.entry-head .entry-data a{
	text-decoration:none;
}

.entry-head h1 a:hover,
.entry-head h2 a:hover{
	color:#ff6;
	text-decoration:none;
}

.entry-body{
	padding-left:2px;
}

.entry-body p{
	margin-bottom:0;
	padding-bottom:0;
}

.more-link{
	margin:5px 0;
	padding:0 0 0 20px;
	background:url('http://www.tgiw.info/images/point.gif') left top no-repeat;
}

/* サイドバー */
.side-out{
	background:url('http://www.tgiw.info/images/side_head.gif') left top no-repeat;
	margin:0 0 10px;
	padding:10px 0 0;
}

.side-in{
	background:url('http://www.tgiw.info/images/side_foot.gif') left bottom no-repeat;
	margin:0;
	padding:0 0 10px;
}

.side-title,
.side-body{
	background:url('http://www.tgiw.info/images/side_body.gif') left repeat-y;
	margin:0;
	padding:0 10px;
}

.side-color-out{
	background:url('http://www.tgiw.info/images/side_color_head.gif') left top no-repeat;
	margin:0 0 10px;
	padding:10px 0 0;
}

.side-color-in{
	background:url('http://www.tgiw.info/images/side_color_foot.gif') left bottom no-repeat;
	margin:0;
	padding:0 0 10px;
}

.side-color-title,
.side-color-body{
	background:url('http://www.tgiw.info/images/side_color_body.gif') left repeat-y;
	margin:0;
	padding:0 10px;
}

#search-form{
	text-align:right;
}

.side-body #search,
.side-color-body #search{
	width:160px;
	text-align:left;
	margin-bottom:10px;
}

.side-body .submit,
.side-color-body .submit{
	width:120px;
	text-align:center;
}

.side-title p,
.side-color-title p{
	margin:0;
	padding:0;
	color:#000;
	font-size:12px;
	font-weight:bold;
}

.side-title p a,
.side-color-title p a{
	color:#000;
	text-decoration:none;
}

.side-body p{
	margin:0;
	padding:5px 0 0;
}

.side-body ul,
.side-body li{
	margin:0;
	padding:0;
	font-size:12px;
}

.side-body ul{
	margin:0 0 0 18px;
}

/*
#monthly-archive{
	width:160px;
	height:120px;
	overflow:auto;
}
*/

/* フッター */
#foot{
	clear:both;
	line-height:30px;
	text-align:center;
	background:url('http://www.tgiw.info/images/foot.gif') left top no-repeat;
	color:#eee;
}

#foot address,
.powered{
	margin:0;
	padding:0 5px;
	display:inline;
	font-size:10px;
	font-style:normal;
}

#foot a{
	color:#fff;
	text-decoration:none;
}

#foot a:hover{
	position:relative;
	top:1px;
	left:1px;
}

/* 個別ページ */
#content-navi ul,
#content-navi li{
	margin:0;
	padding:0;
}

#content-navi li{
	margin-left:18px;
}

.trackbacks-head,
.comments-head,
.comments-open-head,
.comments-system-head{
	margin:20px 0 10px;
	padding:0 0 0 20px;
	font-size:12px;
	color:#fff;
	line-height:30px;
	background:url('http://www.tgiw.info/images/sub_title.gif') left top no-repeat;
}

.comments-system-head{
	margin:0 0 10px;
}

#tb-url{
	width:398px;
}

#trackbacks h3{
	margin:1em 0;
	padding:0;
	font-size:12px;
	font-weight:bold;
}

.trackback-content{
	border-left:solid 5px #ccc;
	padding-left:5px;
	margin-bottom:1em;
}

.trackback-content p{
	margin:0;
	padding:0 0 0 5px;
}

.trackback-site{
	font-size:10px;
	background:#eee;
}

.comment-data{
	border-bottom:solid 1px #999;
	font-weight:bold;
}

#comments-open-data dt{
	width:70px;
	float:left;
	clear:left;
	margin:0 0 10px;
	padding:0;
}

#comments-open-data dd{
	width:320px;
	margin:0 0 10px;
	padding:0;
}

#comment-author{
	width:100px;
}

#comment-email,
#comment-url{
	width:250px;
}

#comment-text{
	font:12px/18px "ヒラギノ明朝 Pro W6", "Osaka", "ＭＳ Ｐゴシック", "trebuchet MS", "trebuchet", "verdana", "arial", "sans-serif";;
	width:398px;
	height:180px;
}

/* アーカイブページ */
.archive-entry-box{
	margin:1em 0;
}
.archive-entry-title,
.archive-entry-excerpt,
.archive-entry-data{
	margin:0;
	padding:0 0 0 20px;
}

.archive-entry-title{
	font-size:12px;
	font-weight:bold;
	background:url('http://www.tgiw.info/images/point.gif') left top no-repeat;
}

.archive-entry-data{
	font-size:10px;
}

/* 検索結果 */
#search-keyword,
.search-results-head{
	margin:1em 0;
	padding:0;
	font-size:12px;
}

.module-head{
	margin:20px 0 10px;
	padding:0 0 0 20px;
	font-size:12px;
	color:#fff;
	line-height:30px;
	background:url('http://www.tgiw.info/images/sub_title.gif') left top no-repeat;
}

/*========================================================================
99%CSSプルダウンメニューforカスタマイズ　スタイルシート
制作：WEB工房きくちゃん http://www.stylish-style.com
最終調整日：2005年8月6日
このスタイルシートは自由に改変してかまいませんが、再配布を希望される場合は
webstudio-kic@stylish-style.com まで連絡をください。
=========================================================================*/
/*目次
１：文字の設定
２：カラーリングの設定
		a：背景色
		b：文字色（リンクカラー）
３：メニューサイズの設定
		a：メインメニュー
		b：サブメニュー
		c：サブメニュー２
４：メニュー表示位置の設定
５：自由記述オプション
６：変更不可
*/

/************************１：文字の設定***************************************/
/*========================================================================
文字の大きさを指定します。pxで指定してください
=========================================================================*/
ul.main{font-size:12px;}
/*========================================================================
文字の寄せ方を指定します。center,left,rightで指定。このままがおすすめ。
=========================================================================*/
ul.main{text-align:center;/*メインメニューの文字揃え*/}
ol.sub{text-align:left;/*サブメニューの文字揃え*/}
ul.sub-2{text-align:left;/*サブメニューの文字揃え*/}
/*========================================================================
文字の種類を指定します。不要なら削除してください
=========================================================================*/
ul.main{font-family:"ＭＳ Ｐゴシック","Osaka",sans-serif；}
/*========================================================================
リンクの下線を指定します。必要なら値をunderlineに
=========================================================================*/
.main a{text-decoration:none;}


/************************２：カラーリングの設定*******************************/
/*========================================================================
メニューやオンマウス時の背景色指定を行います。
画像を使用したい場合は、対応するセレクタに画像を指定してください。
=========================================================================*/
/*：メインメニューの背景色*/
.main{background-color:;/*サブメニューの位置をずらした場合指定必須*/}
.main li{background-color:#ffffff;}
/*メインメニューのオンマウス時*/
.main a:hover{background-color:#ffffd5;}
/*サブメニューへ移動したときの色（main a:hoverと同じ値推奨）*/
.main li.on{background-color:#ffffd5;}

/*サブメニューの背景色:２つとも同じ値にすることを推奨*/
.sub{background-color:#ffcccc;}
.sub li{background-color:#ffcccc;}
/*サブメニューのオンマウス時*/
.sub a:hover{background-color:#ffffff;}
/*サブメニュー2へ移動したときの色（sub a:hoverと同じ値推奨）*/
.sub li.on2{background-color:#ffffff;}

/*サブメニュー2の背景色*/
.sub-2{background-color:#ccccff;}
.sub-2 li{background-color:#ccccff;}
/*サブメニュー2のオンマウス時*/
.sub-2 a:hover{background-color:#ecffff;}

/*========================================================================
メニューやオンマウス時の文字色指定を行います。
上から順に、訪問前、訪問後、オンマウス時になります。
全て同じカラーで良い場合、サブメニューとサブメニュー2の部分は削除可。
=========================================================================*/
/*：メインメニューの文字色*/
.main a:link{color:#0000ff}
.main a:visited{color:#000000;}
.main a:hover{color:#ff0000;}

/*：サブメニューの文字色*/
.sub a:link{color:#0000ff}
.sub a:visited{color:#000000;}
.sub a:hover{color:#ff0000;}

/*：サブメニュー２の文字色*/
.sub-2 a:link{color:#0000ff}
.sub-2 a:visited{color:#000000;}
.sub-2 a:hover{color:#ff0000;}


/********************３：メニューサイズ・余白・枠線の設定*********************/
/*========================================================================
メニューのサイズを決めます。希望に合わせてwidthの値を調整してください。
ここで枠線も決めてしまうのは、border-widthが総横幅の調整に絡んでくるため。
なお、
ul.main{width:1%;}
ol.sub{
    left:100%;
    top:-20px;
    width:100px;
}
.main li.on{
    height:19px;
    width:100px;
}
の用にいじると縦型メニューになります。ただしborderの微調整が必要になります。

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

/*---------------メインメニュー幅の設定--------------------*/
/*メインメニューの横幅：削除は不可。値を1%にすると縦型メニューになる
アイテムの幅×アイテム数＋ボーダーの幅の総和を算出してpx固定がおすすめ。
めんどくさかったら100%にしておく*/
ul.main{width:600px;}

/*---------------メインメニューアイテム幅の設定--------------------*/
.main li.off{
    height:19px;/*ブラウザーで確認しながら調整・どうしてもIEとFFで誤差が生じます*/
    width:100px;/*文字数に合わせて調整*/
}
.main li.on{
    width:100px;/*offと値を揃えることを推奨*/
}
/*---------------メインメニューアイテム余白の設定--------------------*/
.main a{padding:2px;/*あまり大きな値は指定しない方が良い*/}

/*---------------メインメニュー枠線の設定--------------------*/
/*通常時・メインメニューの枠線*/
.main li.off{
    border:0px solid #993300;
}
/*展開時・メインメニューの枠線*/
.main li.on{
    border:0px solid #993300;
    border-bottom:0px;
}
/*展開時メインアイテム下に線が無くなるのを防止*/
.main a{
    border-bottom:2px solid #ffffff;
}

/*---------------サブメニュー幅の設定--------------------*/
ol.sub{
    left:0;/*サブメニュー表示位置をずらしたいときに指定。削除可*/
    top:0;/*サブメニュー表示位置をずらしたいときに指定。削除可*/
    width:100px;/*.main li.offと同じ値か、それ以上を推奨・削除不可*/
}

/*---------------サブメニューアイテム幅の設定--------------------*/
ol.sub li.off2{
    width:100px;/*ol.subと同じ値を推奨*/
    height:18px;/*変更可能・削除するとギミックが変わる*/
}
ol.sub li.on2{
    width:100px;/*ol.subと同じ値を推奨*/
    height:18px;/*変更可能・削除するとギミックが変わる*/
}
/*---------------サブメニュー枠線の設定--------------------*/
ol.sub{
/*border:2px solid #ffff;値の変更可能：サブメニューの枠線：サブメニューの表示位置をずらしたときは欲しい
使用するときは前後のコメントを削除*/
}
.sub li.off2,.sub li.on2{
    border-bottom:0px solid #993300;
/*アイテムを区切る枠線になっている・bottom意外に設定するのは推奨しない。
左右に設定した場合はli.off2,on2のwidthの値の調整が必要*/
}
/*---------------サブメニュー余白の設定--------------------*/
.sub a{
    padding:2px 4px;/*あまり大きな値にしない*/
    width:98px;/*削除不可*/
    height:14px;/*削除不可*/
/*width+padding（左右）の値がol.subのwidthと同じになるように。
height+padding（上下）の値がol.subのheightと同じになるように調整*/
}

/*========================================================================
2段階目のサブメニューを利用しない場合サブメニュー2に関する設定は不要
=========================================================================*/
/*---------------サブメニュー２幅の設定--------------------*/
ul.sub-2{
    left:100%;/*100%を推奨だが、上手くいかなければ微調整*/
    top:-12px;/*ブラウザーで見ながら微調整*/
    width:100px;/*値の変更可能*/
}
/*---------------サブメニュー２枠線の設定--------------------*/
ul.sub-2{
    border:0px solid #993300;/*値の変更可能：サブメニュー２全体の枠線*/
    border-bottom:0px;/*値の変更可能：アイテムに指定した枠線とダブるのを防止*/
}
.sub-2 a{
    border-bottom:0px solid #993300;
/*アイテムを区切る枠線になっている・bottom意外に設定するのは推奨しない。*/
}
/*---------------サブメニュー２余白の設定--------------------*/
.sub-2 a{
    padding:3px 5px;/*あまり大きな値にしない*/
}


/************************４：メニューの表示位置の設定*************************/
/*========================================================================
メニューの表示位置を設定します。希望に合わせてtop,left,widthの値を調整
してください。それ以外はいじらない方が無難
=========================================================================*/
DIV#menu{
    top:;
    left:;
    width:100%;
}

/************************５：自由記述オプション*************************/
/*========================================================================
以下には好きなようにプロパティを追加してください。
文字を斜体にするとか、フィルターをかけて半透明化するとか。
利用できる主なセレクタは用意しておきました。
=========================================================================*/
DIV#menu{} /* 全体を囲むボックス */

ul.main{} /* 主にメインメニュー：継承により後へ伝わる場合あり */
ul.main li.off{} /* メインメニューアイテム通常時 */
ul.main li.on{} /* メインメニューアイテム展開時 */
li.off a,li.on a{} /* メインメニュー用リンク */

ol.sub{} /* サブメニュー */
ol.sub li.off2{} /* サブメニューアイテム通常時 */
ol.sub li.on2{} /* サブメニューアイテム展開時 */
li.off2 a,li.on2 a{} /* サブメニュー用リンク */

ul.sub-2{} /* サブメニュー2 */
ul.sub-2 li{} /* サブメニュー2アイテム */
ul.sub-2 li a{} /* サブメニュー2用リンク */

/************************６：変更不可*******************************/
/*========================================================================
以下のプロパティはプルダウン機構に深く関わっている物です。
熟練者以外はいじらないでください。
=========================================================================*/
.main *{margin:0px;padding:0px;list-style:none;display:block;}
ul.main{position:relative;}
ul.main li.off{position:relative;float:left;overflow:hidden;}
ul.main li.on{float:left;overflow:hidden;}
ul.main>li.on{overflow:visible;/*×*/}
ol.sub{position:relative;}
ol.sub li.off2{position:relative;overflow:hidden;}
ol.sub li.on2{overflow:hidden;}
ol.sub>li.on2{overflow:visible;}
ul.sub-2{position:relative;}