@charset	"EUC-JP";
/*****************************************************************************
  Satsuki skelton base CSS
				2007/04/20 (C)nabe@abk.nu
*****************************************************************************/
/*--------------------------------------------------------------------
●ルール
・すべてのテーマは、base.css を import しなければいけない。
・base.css に含まれるクラスは、特に変更しなければ含まなくてもよい。
（もちろん含んでもよい）

・このファイルは、タグのクラス仕様が拡張されたときの対応用です。
---------------------------------------------------------------------*/
/*--------------------------------------------------------------------
■記事表示、共通部（主に記法タグと関連するCSS）
---------------------------------------------------------------------*/
ul.tb li	{ list-style: none; }
ul.toc		{ padding-left: 2.5em; }
ul.toc ul.toc	{ padding-left: 1.5em; }
div.upnode	{ float:left; padding-bottom: 0.5em; }

div.body pre, x:-moz-any-link {	/* Firefox Hack  for Bottom-border-bugs */
	padding-top: 0px;
	padding-bottom: 0px;
}

/* pre */
pre			{ overflow: auto; }
pre.wrap	{ white-space: normal; }

/* 見えない表示 */
.none		{ display: none; }
div.day div.body .hidden a {
	border:			none;
}
/* none なリスト */
ul.none, ol.none {
	list-style:	none;
}
/* float */
.clear,h3	{ clear: both; }
.float, .floatl { float: left; }
.floatr { float: right; }

/*--------------------------------------------------------------------
●インデント選択 p タグ
---------------------------------------------------------------------*/
p.ni, div.day div.body p.ni {
	text-indent:	0em;
}
p.i, div.day div.body p.i {
	text-indent:	1em;
}
/*--------------------------------------------------------------------
●記事：div
---------------------------------------------------------------------*/
div.left	{ text-align: left;   }
div.center	{ text-align: center; }
div.right	{ text-align: right;  }

/*--------------------------------------------------------------------
●記法関連
---------------------------------------------------------------------*/
/* アスキーアート記法 */
div.ascii-art {
/*	font-size:	12pt;	*/
	line-height:	100%;
	padding-top:	0px;
	padding-bottom:	0px;
	margin-top:		0px;
	margin-bottom:	0px;
	font-family: "Mona", "MS PGothic", "ＭＳ Ｐゴシック", "IPA MONAPGOTHIC", "IPA モナー Pゴシック", sans-serif;
}

/* 等幅 */
.mono, .pre {
	font-family:		monospace;
}

/*--------------------------------------------------------------------
●フォントサイズ／種類設定
---------------------------------------------------------------------*/
.xx-large		{ font-size: 200%; line-height: 130%; }
.x-large,  .huge	{ font-size: 150%; line-height: 130%; }
.large			{ font-size: 130%; line-height: 130%; }
.midium, .normalsize	{ font-size: 100%; line-height: 135%; }
.small			{ font-size: 90%;  line-height: 140%; }
.x-small,  .tiny	{ font-size: 80%;  line-height: 140%; }
.xx-small, .scriptsize	{ font-size: 50%;  line-height: 140%; }

.it, .italic		{ font-style:  italic; }
.bf, .bold		{ font-weight: bold;   }
.u, .underline		{ text-decoration: underline; }

/*--------------------------------------------------------------------
●テーブル位置揃え
---------------------------------------------------------------------*/
th.left, td.left, th.l, td.l {
	text-align:		left;
	margin-right:		auto;
}
th.center, td.center, th.c, td.c {
	text-align:		center;
	margin-left:		auto;
	margin-right:		auto;
}
th.right, td.right, th.r, td.r {
	text-align:		right;
	margin-left:		auto;
}

/***************************************************************************/
/*--------------------------------------------------------------------
■ページ送り、ヘッダ
---------------------------------------------------------------------*/
span.welcome a.welcome-prefix,
span.welcome a.welcome-prefix:link,
span.welcome a.welcome-prefix:visited,
span.welcome a.welcome-prefix:hover {
	color:			inherit;
	background:		inherit;
	text-decoreation:	none;
}
div.page-head, div.page-foot {
	font-size:		90%;
	margin:			1em 1em 1em 1em;
	_padding:		1px 1px 1px 1px;
}

/*--------------------------------------------------------------------
■記事フッタとアイコン画像（はてなブックマークなど）
---------------------------------------------------------------------*/
p.sectionfooter {
	text-align:		right;
	font-size:		90%;
/*	padding-right:	1em;	*/
}
p.sectionfooter a img, a.bookmark-icon img, a.bookmark-count img {
	vertical-align:		bottom;
	padding-bottom:		1px;
	border:			none;
}
a.bcounter img.bcounter {
	border:			none;
}
div.body img.icon {
	vertical-align:		bottom;
	padding-bottom:		1px;
}

/*--------------------------------------------------------------------
■ポップアップ
---------------------------------------------------------------------*/
#popup_ {
	display:		none;
	position:		absolute;
	color:			#000;
	background-color:	#ffc;
	font-size:		9pt;
	line-height:		110%;
	z-index:		10000000;
}
div#popup_ div {
	padding:		0.5em;
}

/*--------------------------------------------------------------------
■フォントサイズ／種類設定
---------------------------------------------------------------------*/
.xx-large		{ font-size: 200%; line-height: 130%; }
.x-large,  .huge	{ font-size: 150%; line-height: 130%; }
.large			{ font-size: 130%; line-height: 130%; }
.midium, .normalsize	{ font-size: 100%; line-height: 135%; }
.small			{ font-size: 90%;  line-height: 140%; }
.x-small,  .tiny	{ font-size: 80%;  line-height: 140%; }
.xx-small, .scriptsize	{ font-size: 50%;  line-height: 140%; }

.it, .italic		{ font-style:  italic; }
.bf, .bold		{ font-weight: bold;   }
.u, .underline		{ text-decoration: underline; }

strong			{ font-weight: bold; }

/*--------------------------------------------------------------------
■検索とハイライト
---------------------------------------------------------------------*/
span.highlight	{ background-color: #0a0; font-weight: bold; text-decoration: inherit; }
span.highlight0	{ background-color: #ff6; }
span.highlight1	{ background-color: #aff; }
span.highlight2	{ background-color: #9f9; }
span.highlight3	{ background-color: #f99; }
span.highlight4	{ background-color: #f6f; }

/*--------------------------------------------------------------------
■サイドバー
---------------------------------------------------------------------*/
div#side-search div.hatena-modulebody input {
	margin:			0.2em 0;
	vertical-align:		middle;
}
div#side-login {
	display:		none;
}

ul.side-contents-list {
	list-style-type:	disc;
	margin:			0.3em 0em 0.3em 0.7em;
	padding:		0px;
}
ul.side-contents-list li a {
	margin-left:		-0.3em;
}
ul.side-contents-list ul.side-contents-list {
	margin-left:		0.7em;
}

/*********************************************************************
2007-06-07  IE6, Firefox 2.0, Opera 9.20, Konqueror 3.5.5 - 動作確認済
**********************************************************************/
#contents-bar0 {	/* IEのバグのため２重に重ねる */
	position:	absolute;
	width:		100%;
}
#contents-bar {
	position:	absolute;
	width:		100%;
	z-index:	990;
	font-size:	90%;
}
/* 項目の高さ設定 */
div.contents-bar, #contents-bar0 {
	height:		22px;	/* X */
}
#contents-bar, ul.clist li, ul.clist li a {
	height:		20px;	/* =X-2 */
	_height:	22px;	/* =X */
}
ul.clist3 {
	top:		-21px;	/* =-X-1 */
}
/* 項目の幅の設定 */
ul.clist li {
	width:		110px;	/* Y */
}
ul.clist ul.clist2 li, ul.clist2 {
	_width:		108px;	/* Y-2 */
}
/* 非選択色 */
#contents-bar0, ul.clist li a {
	background-color:	#ccccff;
}
/* 選択色 */
ul.clist li a:hover {
	background-color:	#f0f8ff;
}
/* 枠線 */
ul.clist li, ul.clist li:first-child {
	border-color:		#933;
}
/**************************************************/
/* プルダウンメニュー、ギミック部（通常変更不要） */
/**************************************************/
ul.clist, ul.clist * {	/* 全称セレクタ */
	margin:		0px;
	padding:	0px;
	list-style:	none;
}
ul.clist li {
	border-width:	1px;
	border-style:	solid;
	float:		left;
	text-align:	center;
}
ul.clist a {
	display:	block;
	width:		100%;
	text-decoration: none;
}
/* ２階層目 */
ul.clist2 {
	position:	relative;
	left:		-1px;
	_left:		0px;
}
ul.clist2>li {
	border-top:	none;
}
ul.clist2>li:first-child {
	border-top-width: 1px;
	border-top-style: solid;
}
ul.clist2 li {	/* for IE only */
	_border-left:	none;
	_border-right:	none;
	_border-bottom:	none;
}
/* ３階層目 */
ul.clist3 {
	float:		left;
	position:	relative;
	left:		100%;
}
ul.clist3 li {
	margin-bottom:	-1px;
}
/* on/off する細工 */
ul.clist2, ul.clist3 {
	display:	none;
}
li.pull-on ul.clist2, li:hover ul.clist2 {
	display:	block;
}
ul.clist2 li:hover ul.clist3 {
	display:	block;
}


/*######################################################################
■for browser bug
######################################################################*/
/*--------------------------------------------------------------------
■for IE
---------------------------------------------------------------------*/
form {
	_margin: 0;
}
input {
	_font-family: "MS UI Gothic" ;
}


/*--------------------------------------------------------------------
■for Gecko engine bug
---------------------------------------------------------------------*/
del > h1, del > h2, del > h3,
del > h4, del > h5, del > h6,
del > div, del > p, del > pre,
del > address, del > blockquote,
del > ul, del > ol, del > dl, 
del > form, del > fieldset,
del > table, del > table * {
	text-decoration: inherit;
}
ins > h1, ins > h2, ins > h3,
ins > h4, ins > h5, ins > h6,
ins > div, ins > p, ins > pre,
ins > address, ins > blockquote,
ins > ul, ins > ol, ins > dl, 
ins > form, ins > fieldset,
ins > table, ins > table * {
	text-decoration: inherit;
}

/*######################################################################
■システムモード向け
######################################################################*/
div.icon-select {
	padding:	1px;
	margin:		0px;
}
a.icon-select { padding: 1px; }
a.icon-select img {
	border:		0px;
	padding:	0px;
	margin:		0px;
}
table.noborder, table.noborder tr, table.noborder th, table.noborder td,
div.body table.noborder   , div.body table.noborder tr,
div.body table.noborder th, div.body table.noborder td {
	border:		none;
	padding:	1px;
	margin:		0px;
	line-height:	110%;
}
a.comment-edit { margin-left: 2em; }

/*############################################################################
############################################################################*/
/* include in 2007/01/10 */
/*****************************************************************************
		拡張記法 / 表示調整
				C71 Limited Edition 2006/12/31 (C)かえで
*****************************************************************************/
body div.console {
	font-family:	"Courier", "ＭＳ 明朝 ", monospace;
	font-size:	100%;
	display:	block;
	background-color: black;
	color:		white;
	margin:		0.5em;
	padding:	0.3em;
	height:		18em;
	overflow:	auto;
	/* for IE */  
	_word-break:	break-all;
	_width:		95%;
	_text-align:	left;
}

/* div.xterm */  
div.xterm {
	font-family:	"Courier", "ＭＳ 明朝 ", monospace;
	font-size:	100%;
	display:	block;
	background-color: black;
	color:		white;
	margin:		0.5em;
	padding:	0;
	height:		18em;
	overflow:	auto;
	border:		gray 2px solid;
	/* for IE */
	_word-break:	break-all;
	_width:		95%;
	_text-align:	left;
}

div.xterm:before {
	display:	block;
	border:		gray 2px solid;
	background-color: blue;
	color:		white;
	font-weight:	bold;
	font-size:	16px;
	line-height:	18px;
	content:	"xterm";
	padding:	0 0.3em;
	margin:		0;
	_word-break:	break-all;
}
span.blink {
	text-decoration:	blink;
}

/* div.bterm */  
body div.bterm {
	font-family:	"Courier", "ＭＳ 明朝 ", monospace;
	font-size:	100%;
	display:	block;
	background-color: blue;
	color:		white;
	margin:		0.5em;
	padding:	0.3em;
	height:		18em;
	overflow:	auto;
	/* for IE */
	_width:		95%;
	_text-align:	left;
	_word-break:	break-all;
}

/* 管理画面のテキストエリアは固定幅フォントにする */

div.diary-edit div.body textarea {
	font-family: "MS Gothic", Osaka-mono, monospace;
}

div.edit div.body textarea {
	font-family: "MS Gothic", Osaka-mono, monospace;
	_width: auto !important;	/* for IE */
}

/* 記法の入力支援ボタン */

div.diary-edit div.body input[type="button"] {
	margin: 0px;
	padding: 0px 1px;
}