/***************************************************************

ダウンロード頂きありがとうございます。
・IE6.0とFireFox1.5.0.1で動作確認済みです。
・カスタマイズは自由に行ってもらってかまいませんが、著作権表示の
「 Template by まるぼろらいと 」のリンクは必ず残しておいて下さい。
・このテンプレートで使用している画像は、加工・配布・2次使用禁止です。 
・アダルト・マルチ商法・他、当方が不適切と認めたサイトでの利用は禁止です。
・なお、このテンプレートを使用した場合に発生する問題に関しては一切責任を持ちません。
・その他、不具合に関するご報告等は当ブログにてお願いします。

Copyright (C) 2006 まるぼろらいと All Rights Reserved.
http://blog56.fc2.com/w6/

***************************************************************/

/*初心者向け簡単設定*******************************************/

/* リンク文字の設定 */
a {
/* ここにhtmlカラーコードを書きます */
	color: #990099;
}


/* 背景の設定 */
body{
/* 背景画像
画像を変えたい場合は、url()内の画像の参照先を変更してください
*/
	background-image: url(http://blog-imgs-12.fc2.com/a/i/t/aitan415/butterfly01.jpg);

/* 背景画像の固定・移動
fixed 背景画像の位置が固定され、スクロールしても動かなくなります 
scroll スクロールに伴って、背景画像も移動します
*/
	background-attachment: fixed;

/* 背景画像のリピートの仕方
repeat 縦横に背景画像を繰り返して表示します。
repeat-x 横方向にのみ背景画像を繰り返して表示します 
repeat-y 縦方向にのみ背景画像を繰り返して表示します 
no-repeat 背景画像を一回だけ表示して繰り返しません 
*/
	background-repeat: repeat;

/* 背景画像の表示開始位置
left,center,rightや、top,center,bottomといった位置を表すキーワードで指定します
*/
	background-position: left top;
}


/* レイアウト設定
右メニューにしたい場合は記事部分（#main）のleftをrightに、メニュー部分（#menu）のrightをleftにしてください
*/

/* 記事部分 */
#main {
	float : left; /* 左寄せ */
}

/* メニュー部分 */
#menu {
	float : right; /* 右寄せ */
}

/*ここから下は詳しい方向けです*********************************/




/* html（スクロールバーの色設定が反映されるのはIEのみ） */
html {
	scrollbar-face-color: #ffffff; /* バーの色 */
	scrollbar-3dlight-color: #ffffff; /* 左上外側ライン */
	scrollbar-highlight-color: #cccccc; /* 左上内側ライン */
	scrollbar-shadow-color: #ffffff; /* 右下内側ライン */
	scrollbar-darkshadow-color: #cccccc; /* 右下外側ライン */
	scrollbar-arrow-color: #cccccc; /* 矢印 */
	scrollbar-track-color: #ffffff; /* トラック部分 */
}

/* ボディ */
body{
	margin: 0; /* サイトの余白無し */
	/* サイト内の文字の設定をしています */
	line-height: 1.6; /* 行の高さ */
	font-size: 12px; /* 文字サイズ */
	font-family: sans-serif,"ＭＳ ゴシック","ヒラギノ角ゴ Pro W3",Osaka; /* 文字種類 */
	color: #000000; /* 文字色 */
	background-color: #ffffff; /* 背景色 */
}

/* リンク文字 */
a {
	text-decoration: none; /* 下線無し */
}

/* カーソルを置いたときのリンク文字 */
a:hover {
	text-decoration: underline; /* 下線 */
}

/* イメージにリンクを貼ったときの設定 */
a img {
	border : none; /* 線無し */
}

/* 入力エリア、リスト、ボタンの設定 */
input,textarea,select,button,submit {
	color: #000000; /* 文字色 */
	background: #ffffff; /* 背景色 */
	border: 1px solid #999999; /* 線の色 */
}

/* テーブルセル全般の文字設定 */
th,td {
	vertical-align: top; /* 上寄せ */
}

/* 絵文字 */
img.emoji {
	vertical-align: middle; /* 中央寄せ */
	border: 0; /* 線無し */
}




/*レイアウト設定----------------------------------------------*/


/* 外枠 */
#container {
	position:relative;
	width: 772px; /* 外枠の幅 */
	margin: 0 auto; /* 中央に設定 */
}


/* ヘッダー部分 */
#header {	
	width : 732px; /* ヘッダー部分の幅 */
	margin: 10px; /* 上下左右に間隔を取っています */
	padding: 10px; /* 上下左右に間隔を取っています */
	text-align: center; /* 文字を中央に設定 */
	background: #ffffff; /* 背景 */
	filter : alpha(opacity=50); /* IE透過 */
	-moz-opacity : 0.6; /* FireFox透過 */
}


/* フッター部分 */
#footer {
	width : 732px; /* ヘッダー部分の幅 */
	clear : both; /* 回り込み解除 */
	margin: 10px; /* 上下左右に間隔を取っています */
	padding: 10px; /* 上下左右に間隔を取っています */
	text-align: center; /* 文字を中央に設定 */
	background: #ffffff; /* 背景 */
	filter : alpha(opacity=50); /* IE透過 */
	-moz-opacity : 0.6; /* FireFox透過 */
}




/*タイトル設定------------------------------------------------*/


/* ブログタイトル */
.blog_title {
	font-size: 24px; /* 文字サイズ */
}




/*記事部分等設定----------------------------------------------*/


/* 記事部分等囲み */
.main_block {
	width : 520px; /* 記事部分の枠の幅 */
	margin: 10px; /* 上下左右に間隔を取っています */
	padding: 10px; /* 上下左右に間隔を取っています */
	background: #ffffff; /* 背景 */
	filter : alpha(opacity=50); /* IE透過 */
	-moz-opacity : 0.6; /* FireFox透過 */
}

/* 記事部分等タイトル */
.main_title {
	font-size: 14px; /* 文字サイズ*/
	border-bottom: 1px dotted #999999; /* 下に点線を書いています */
}

/* 記事部分等本文囲み */
.main_body {
	margin: 10px; /* 上下左右に間隔を取っています */
}

/* 記事ステータス */
.main_state {
	text-align: right; /* 文字右寄せ */
	font-size: 10px; /* 文字の大きさを少し小さめにしています */
}

/* コメント、トラックバック囲み */
.sub_block {
	margin-bottom: 10px; /* 下に間隔を取っています */
	border-bottom: 1px dotted #999999; /* 下に点線を書いています */
}

/* コメント、トラックバックタイトル */
.sub_title {
	margin-left: 10px; /* 左に間隔を取っています */
}




/*メニュー部分設定--------------------------------------------*/


/* メニュー囲み */
.menu_block {
	width : 170px; /* メニューの枠の幅 */
	margin: 10px; /* 上下左右に間隔を取っています */
	padding: 10px; /* 上下左右に間隔を取っています */
	background: #ffffff; /* 背景 */
	filter : alpha(opacity=50); /* IE透過 */
	-moz-opacity : 0.6; /* FireFox透過 */
}

/* メニュータイトル */
.menu_title {
	margin-bottom: 10px; /* 下に間隔を取っています */
	border-bottom: 1px dotted #999999; /* 下に点線を書いています */
}

/* メニューリスト親要素 */
ul {
	margin: 0; /* デフォルトでは間隔が広いので */
	padding: 0; /* デフォルトでは間隔が広いので */
	list-style-type: circle; /* マーカー白丸 */
	list-style-position: inside; /* マーカーを内側に表示 */
}

/* メニューリスト子要素 */
li {
	padding: 0; /* デフォルトでは間隔が広いので */
}




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


/* ページ移動 */
.page_navi {
	width : 520px; /* ページ移動の枠の幅 */
	margin: 10px; /* 上下左右に間隔を取っています */
	padding: 10px; /* 上下左右に間隔を取っています */
	text-align: center; /* 文字中央寄せ */
	background: #ffffff; /* 背景 */
	filter : alpha(opacity=50); /* IE透過 */
	-moz-opacity : 0.6; /* FireFox透過 */
}

/* カレンダー設定 */

/* カレンダー枠テーブル */
table.calender {
	width: 150px; /* 幅 */
}

/* ヘッダー（年、月） */
.calender caption {
	font-size: 12px; /* 文字サイズ */
	border-bottom: 1px solid #999999; /* 下にラインを書いています */
}

/* 曜日セル */
.calender th {
	font-weight: normal; /* 文字太さノーマル */
	text-align: center; /* 中央 */
}

/* 日付セル */
.calender td {
	text-align: center; /* 中央 */
}

/* 日曜日の文字色 */
th#sun {
	color: #ff0000;
}

/* 土曜日の文字色 */
th#sat {
	color: #0000ff;
}