@charset "EUC-JP";


/*------------ mdr-simple (2005/09/13) ------------*/

/*---------- 位置・サイズの設定 ----------*/


/*-- 全体 --*/
* {
	margin: 0;
	padding: 0;
}
body {
	text-align: center;
}
pre,
blockquote {
	margin: 1em auto;
	padding: 0.5em;
	width: 90%;
}

/* Mac版IEでは、div要素以外へoverflowの指定をすると中身が消えてしまうバグがある。\*/
pre,
blockquote {
	overflow: auto;
}
/* 困ったものだ */

textarea {
	width: 90%;
}
textarea,
input {
	margin: 3px 3px 0 3px;
}


/*---- ヘッダー ----*/

#container {
	width: 800px;
	margin: 0 auto;
	text-align: left;
}
#header {
/*
背景画像を使いたいなら・・
	background: white url(...) no-repeat scroll top center;
	min-height: ???px;
高さの最小値を画像の高さよりも大きく設定しないと途中で途切れることがあります。
WinIE では min-height が使えないので、height も設定するべき
(使用可能にする Javascript がどこかにあった気が・・)
*/
	min-height: 40px;
	margin-bottom: 10px;
}
#header h1 {
	padding: 1em 15px 0 15px;
}
#header h2 {
	padding: 5px 30px 5px 30px;
}


/*---- フッター ----*/

#hiddenline {
	clear: both;
	visibility: hidden;
}


/*---- プラグイン ----*/
.plugin-calender {
	text-align: center;/* IE用 */
}
.calender, .calender caption {
	margin: 0 auto;
	width: 160px;
}
.calender caption {
	margin: 0 auto;
}
.calender td a {
	display: block;
}
.plugin-myimage img {
	display: block;
	margin: 10px 15px;
}


/*---- ナビゲーションブロック ----*/

/* part 1 */
.navblock {
	float: left;
	width: 200px;
	/* WinIE用 */
	overflow: hidden;
	word-break: break-all;
}
.navblock .bheader {
	padding: 5px 20px 0 20px;
}
.navblock .bcontent {
	padding: 5px 20px 20px 20px;
}

/* part 2 */
.navblock .bcontent ul,
.navblock .bcontent ol,
.navblock .bcontent dl,
.navblock .bcontent dd {
	padding-left: 16px;
}


/*---- メインブロック ----*/

/* part 1 */
#mainblock {
	float: left;
	width: 400px;
	/* WinIE用 */
	overflow: hidden;
	word-break: break-all;
}
#mainblock .bheader {
	margin-bottom: 1em;
	padding: 5px 20px 0 20px;
}
#mainblock .bcontent {
	margin-bottom: 1em;
	padding: 0 25px;
}
#mainblock .bfooter {
	padding: 0 20px 20px 20px;
}
#mainblock .bsubcontent {
	margin-top: 1em;
	padding: 0 25px 25px 25px;
}
#mainblock .subbheader {
	margin-top: 10px;
	padding: 5px;
}
#mainblock .subbcontent {
	padding: 0 10px;
}
#mainblock .subbfooter {
	padding-top: 5px;
}
#mainblock .prevnextnav {
	padding: 1em 0 2em 0;
}

/* part 2 */
#himitu {
	margin-right: 5px;
}
#mainblock .bcontent ul,
#mainblock .bcontent ol {
	padding-left: 32px;
	margin: 0.7em 0;
}
#mainblock .bcontent dl {
	padding-left: 16px;
	margin: 0.7em 0;
}
#mainblock .bsubcontent dt {
	margin-bottom: 0.7em;
}
#mainblock .bcontent dd,
#mainblock .bsubcontent dd {
	padding-left: 16px;
	margin-bottom: 0.7em;
}
#mainblock .bcontent p,
#mainblock .bsubcontent p {
	margin: 0.7em 0;
}
#mainblock .bcontent table {
	margin: 0 auto;
}
#mainblock .bcontent td,
#mainblock .bcontent th {
	padding: 2px;
}


/*---------- フォント・テキストの設定 ----------*/


/*-- 全体 --*/
body {
	font-family: verdana, arial,"\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "\30D2\30E9\30AE\30CE\20Pro\20W3", HiraKakuPro-W3, Osaka, sans-serif;
	font-size: 80%;
}
pre,
blockquote,
textarea,
input {
	font-size: 100%;
}

/* IEバグの回避用 */
table {
	font-size: 125%;
}
th, td, caption {
	font-size: 80%;
}

a img {
	text-decoration: none;
}
a {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: underline;
}


/* テキスト */
#footer,
.calender,
.calender th,
.calender td,
.calender caption,
#mainblock .prevnextnav {
	text-align: center;
}
#adminlinks,
#mainblock .bfooter,
#mainblock .subbfooter,
#mainblock .entrymore {
	text-align: right;
}

#header h1 a:hover,
#header h1 a:active {
	text-decoration: none;
}

#mainblock .bcontent,
#mainblock .bsubcontent {
	line-height: 1.4;
}
.navblock .bcontent,
.exnavblock .bcontent {
	line-height: 1.3;
}

/* フォント */

.navblock .bheader,
#mainblock .subbheader {
	font-weight: bold;
}
#header h2 {
	font-weight: normal;
}

/*
body の font-size が 100% なら、.footer, #mainblock .bsubcontent,
#mainblock .prevnextnav は 80% で良いかも
*/
#header h1 {
	font-size: 160%;
}
#header h2 {
	font-size: 100%;
}
#footer {
	font-size: 100%;
}
.navblock .bheader,
#mainblock .bheader {
	font-size: 125%;
}
.navblock .bcontent,
#mainblock .bcontent,
#mainblock .subbcontent,
#mainblock .subbheader {
	font-size: 100%;
}
#mainblock .bfooter,
#mainblock .subbfooter {
	font-size: 80%;/* ちょっと小さすぎるかもしれないので、適当に調節してください */
}
#mainblock .bsubcontent {
	font-size: 100%;
}
#mainblock .entrymore {
	font-size: 100%;
}
#mainblock .prevnextnav {
	font-size: 100%;
}



/*---------- カラーの設定 ----------*/


/*-- 全体 --*/
body {
	color: #333;
}
pre,
blockquote {
	border: 1px solid #999;
}
table, th, td {
	border: 1px solid #ccc;
}
a img {
	border-style: none;
	border-width: 0;
}
a:link {
	color: #33c;
}
a:visited {
	color: #636;
}
a:hover {
	color: #666;
}
a:active {
	color: #f33;
}


/*---- ヘッダー ----*/
#header h1 {
	color: #666;
}
#header h1 a:link,
#header h1 a:visited {
	color: #666;
}
#header h1 a:hover {
	color: #ccc;
}
#header h1 a:active {
	color: #666;
}


/*---- フッター ----*/

#footer {
	border-top: 1px solid #ccc;
}
#hiddenline {
	background: #fff;
	color: #fff;
}


/*---- プラグイン ----*/
.calender th#sun {
	color: #f00;
}
.calender th#sat {
	color: #00f;
}
.calender td a {
	background-color: #ccc;
}
.plugin-myimage img {
	/*border: 1px solid #333;*/
}

/*---- ナビゲーションブロック ----*/



/*---- メインブロック ----*/
#mainblock .bheader a:link {
	color: #333;
}
#mainblock .bheader a:visited,
#mainblock .bheader a:hover {
	color: #666;
}
#mainblock .bheader a:active {
	color: #f33;
}
#mainblock .prevnextnav {
	background-color: #fff;
}
#mainblock .bcontent table,
#mainblock .bcontent th,
#mainblock .bcontent td,
#mainblock .bsubcontent th,
#mainblock .bsubcontent td {
	border: 1px solid #ccc;
}


/*---------- 背景画像の設定 ----------*/
/*
ブロック用の背景画像:
	高さは、topとbottomが30px、centerが1pxです。幅はブロックによって異なります。
	(デフォルトでは、ナビゲーションブロックが200px、メインブロックが 400px)

	背景画像には、ある程度の余白が無いとブロック同士が繋がったように見えてしまうので、
	bottomの下部に10px、全てのブロック用背景画像の左右に5pxの余白を設けています。
	間隔をもっと広げたい場合は、背景画像の余白とpaddingをいじる必要があります。

	例えば、bottom下部の余白を10px増やす場合は、背景画像の余白とbcontentのpadding-bottomを10px増やさなければいけません。
*/
ul li {
/*	list-style-image: url(bullet.gif);*/
}
.navblock {
	background: white url(http://blog21.fc2.com/m/macderuby/file/simple-center-nav.png) repeat-y scroll;
}
.navblock .bheader {
	background: transparent url(http://blog21.fc2.com/m/macderuby/file/simple-top-nav-maru.png) no-repeat scroll top center;
}
.navblock .bcontent {
	background: transparent url(http://blog21.fc2.com/m/macderuby/file/simple-bottom-nav-kaku.png) no-repeat scroll bottom center;
}

#mainblock {
	background: white url(http://blog21.fc2.com/m/macderuby/file/simple-center-main.png) repeat-y scroll;
}
#mainblock .bheader {
	background: transparent url(http://blog21.fc2.com/m/macderuby/file/simple-top-main-kaku.png) no-repeat scroll top center;
}
#mainblock .bfooter,
#mainblock .bsubcontent {
	background: transparent url(http://blog21.fc2.com/m/macderuby/file/simple-bottom-main-kaku.png) no-repeat scroll bottom center;
}



/*---------- 2005/9/13 追加 ----------*/
/*---- エクストラナビゲーションブロック ----*/

/* サイズ・位置 */
#exnavblock {
}
#exnavblock .exbheader {
	padding: 5px 20px 0 20px;
}
#exnavblock .exbcontent {
	padding: 5px 20px 20px 20px;
}
#exnavblock .exbcontent ul,
#exnavblock .exbcontent ol,
#exnavblock .exbcontent dl,
#exnavblock .exbcontent dd {
	padding-left: 16px;
}

/* フォント */
#exnavblock .exbheader {
	font-weight: bold;
}
#exnavblock .exbheader {
	font-size: 125%;
}
#exnavblock .exbcontent {
	font-size: 100%;
}

/* 背景画像 */
#exnavblock {
	background: white url(http://blog21.fc2.com/m/macderuby/file/simple-center-main.png) repeat-y scroll;
}
#exnavblock .exbheader {
	background: transparent url(http://blog21.fc2.com/m/macderuby/file/simple-top-main-maru.png) no-repeat scroll top center;
}
#exnavblock .exbcontent {
	background: transparent url(http://blog21.fc2.com/m/macderuby/file/simple-bottom-main-kaku.png) no-repeat scroll bottom center;
}

/*---------------------
 アフィリエイト
----------------------*/
#affiliate{
	padding:0px 0px 10px 0px;
	text-align:center;
}