@charset "Shift_JIS";

/*********************************************************************
	simple2col.css
		Last Update : Jul.25.2005
*********************************************************************/



/*ページ構造
*********************************************************************/

body {
	margin:20px 0;
	padding:0;
	text-align:center;
	color:#555;	/*テキスト(本文)*/
}

#wrap {
	width:620px;
	margin:0 auto;
	text-align:left;
}

#content:after {
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	content:".";
}

#content { display:inline-table; }

/*\*/
*html #content { height:1%; }
#content { display:block; }
/**/



/*テキスト・リンク
*********************************************************************/

/*********************************************************************
	※↓の設定は『js/fontsize.js』で上書きされます(「!important」以外)
*********************************************************************/

.e10, .j10 { font-size:12px; }
.e12, .j12 { font-size:12px; }
.e14, .j14 { font-size:14px; }
.e16, .j16 { font-size:16px; }

.e10, .e12, .e14, .e16 { font-family:"Trebuchet MS",Verdana,Arial,Helvetica !important; }

.j10, .j12, .j14, .j16 { font-family:"Hiragino Maru Gothic Pro","ヒラギノ丸ゴ Pro W4",Osaka,"ＭＳ Ｐゴシック"; }

:root .j10, :root .j12, :root .j14, :root .j16 {
	font-family:"Trebuchet MS","Hiragino Maru Gothic Pro","ヒラギノ丸ゴ Pro W4",Osaka,"ＭＳ Ｐゴシック" !important;
}

*html .j10, *html .j12, *html .j14, *html .j16 {
	font-family:"Hiragino Maru Gothic Pro","ヒラギノ丸ゴ Pro W4",Osaka,"ＭＳ Ｐゴシック" !important;
}



.n { font-weight:normal; }

.b { font-weight:bold; }


/*リンク*/
a:link, a:visited { color:#999; }

a:hover, a:active { color:#b00; }


/*リンク(フッタ)*/
#footer a:link, #footer a:visited { color:#fff; }

#footer a:hover, #footer a:active { color:#b00; }



/*ヘッダ
*********************************************************************/

#header {
	margin:0 0 30px;
	border:1px solid #999;	/*外側の枠線*/
}

#header div {
	margin:2px;
	padding:15px;
	background:#555;	/*内側の背景*/
	color:#fff;	/*ヘッダ内の文字*/
}

h1 { margin:0; }

h1.j16 {
	font-size:30px !important;
	line-height:30px !important;
}

#header p { margin:0; }



/*メインコラム
*********************************************************************/

#mainCol {
	width:400px;
	float:left;
}

#mainCol .article {
	margin:0 0 30px;
	padding:0 0 30px;
	border-bottom:1px dotted #ddd;	/*エントリー下の線*/
}

/*\*/
*html #mainCol .article { border-bottom-style:solid; }
/**/

#mainCol h2 {
	margin:0 0 15px;
	padding:0;
	line-height:1em;
	color:#555;	/*エントリーのタイトル*/
}

#mainCol h2.j14 {
	font-size:16px;
	line-height:1.2em;
}

.text {
	margin:0 0 20px;
	line-height:1.7em;
}

.state {
	margin:20px 0 0;
	padding:8px 0 0;
	clear:both;
	font:12px/1em "Trebuchet MS" !important;
	text-align:right;
	color:#999;	/*エントリーの日付など*/
}

.wrapImg {
	margin:2px 12px 12px 0;
	border:1px dotted #999;	/*エントリー画像の枠線*/
	float:left;
}

/*\*/
*html .wrapImg { border-style:solid; }
/**/

.postImg { visibility:hidden; }

.pageNavi {
	margin:0 0 50px;
	text-align:right;
}

.delete { margin:0 0 10px; }



/*サブコラム
*********************************************************************/

#subCol {
	width:190px;
	float:right;
}

#subCol h2 {
	margin:0 0 5px;
	padding:0;
}

#subCol h2.e14 {
	font:bold 12px/1em "Trebuchet MS" !important;
	letter-spacing:0.1em;
	color:#666;	/*サブコラムのタイトル*/
}

#subCol ul {
	margin:0 0 30px;
	padding:0;
	list-style:none;
}

#subCol li {
	display:block;
	margin:0;
	padding:3px 0 2px;
	line-height:1.4em;
	color:#999;	/*サブコラムのリストの文字*/
}

#subCol li:hover { background:#eee; }	/*リストの背景(マウスオーバー時)*/

#subCol .j12 { font-size:11px !important; }



/*フッタ
*********************************************************************/

#footer {
	margin:0 0 20px;
	padding:0;
	border:1px solid #999;	/*外側の枠線*/
}

#footer div {
	margin:2px;
	padding:10px 0 7px;
	background:#555;	/*内側の背景*/
	color:#fff;	/*フッタ内の文字*/
}

#footer p {
	margin:0 0 3px;
	text-align:center;
}

#footer p.e10 { font-size:10px !important; }



/*その他
*********************************************************************/

:focus { outline:none; }

img { border:none; }






/*********************************************************************
	MT Comment
*********************************************************************/



/*ページ構造
*********************************************************************/

body#comment #wrap { width:350px; }



/*ヘッダ
*********************************************************************/

#comment h1.j16 {
	font-size:20px !important;
	line-height:20px !important;
}

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

#comment .article { margin:0 0 30px; }

#comment .state { margin:0; }

#comment .state .noMail, #comment .state .noWeb { color:#ddd; }	/*非リンク文字*/

#comment .text { margin:0; }

#comment .delete { margin:0 0 5px; }



/*フォーム
*********************************************************************/

#comment form { margin:0 0 30px; }

#comment form h2.e14 {
	margin:0 0 15px;
	font:bold 12px/1em "Trebuchet MS" !important;
	letter-spacing:0.1em;
	color:#666;	/*フォームのタイトル*/
}

#comment form p { margin:10px 0 3px; }

#comment .fText, #comment .fFile, #comment textarea, #comment select {
	border:1px solid #bbb;
	font:12px "Hiragino Maru Gothic Pro","ヒラギノ丸ゴ Pro W4",Osaka,"ＭＳ Ｐゴシック";
	color:#555;	/*フォームの各要素内の文字*/
}

#comment .fText { width:300px; }

#comment .fFile {
	width:300px;
	height:20px;
}

#comment textarea {
	width:348px;
	height:120px;
}

#comment select { width:200px; }

#comment .fBtn {
	font:bold 12px Verdana,Arial,Helvetica;
	color:#555;	/*ボタンの文字*/
}