/* ブラウザのデフォルトに依存しないように全てのマージンとパディングを0にしています */
* {
	margin: 0;
	padding: 0
}

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

/* ボディ */
body{
	/* サイト内の文字の設定をしています */
	text-align: left; /* 文字を左に設定 */
	line-height: 1.6; /* 文字間隔 */
	font-size: 12px; /* 文字サイズ。メイン記事等の文字サイズを大きくしたい場合はここの数値を変更下さい */
	font-family: sans-serif,"ＭＳ ゴシック","ヒラギノ角ゴ Pro W3",Osaka; /* 文字種類 */
	color: #000; /* 文字色 */

	/* 背景を設定しています */
	background:url(https://blog8.fc2.com/7/72/file/monoicon.gif) repeat-y 93% 0% #fff;
}

/* リンク文字 */
 a {	text-decoration: none;}
 a:link {color : #999; }
 a:visited {color :#999; }
 a:hover {color :#fff;}
 a:active {color : #333;}

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

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

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




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


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

	/* 背景を設定しています */
	background: url(https://blog8.fc2.com/7/72/file/monoicon.gif) repeat-y;
}


/* ヘッダー部分 */
#header {	
	margin:0 auto; /* 中央に設定 */
	width : 500px; /* ヘッダー部分の幅 */
	height: 60px; /* 高さを設定します */
	margin-top: 30px;
	padding-bottom: 100px;

	/* トップ画像を変えたい場合は、backgroundのurl()内の画像の参照先を変更してください */
	background: url(https://blog8.fc2.com/7/72/file/monot.gif) center no-repeat;
}


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

/* メニュー部分 */
#menu {
	float : left; /* 左寄せ */
	padding: 40px 0px 0px 58px; /* 時計回りに間隔をあけています */
	/* 背景を設定しています。画像を入れたい場合は、backgroundのurl()内の画像の参照先を変更してください */
	background: url();
}

/* 記事部分 */
#main {
	padding: 0px 40px 30px 10px;
	float : right; /* 右寄せ */
	/* 背景を設定しています。画像を入れたい場合は、backgroundのurl()内の画像の参照先を変更してください */
	background: url() ;
}




/* フッター部分 */
#footer {
	width : 810px; /* フッター部分の幅 */
	clear : both; /* 回り込み解除 */
	margin:0 auto; /* 中央に設定 */
	padding: 50px 0px 30px 0px; /* 上下の間隔を開けています */
	text-align: center; /* 文字を中央に設定 */

	/* 背景を設定しています */
	background: url(https://blog8.fc2.com/7/72/file/monoicon.gif) repeat-x center top;
}




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


/* ブログタイトル */
.blog_title {
	margin-top: 10px; /* 上に間隔を取っています */
	text-align: center; /* 文字中央寄せ */
	font-size: 24px; /* 文字サイズ */
}

/* ブログタイトルリンク */
.blog_title a {
	text-decoration: none; /* 下線無し */
}

/* サブタイトル */
.sub_title {
	text-align: center; /* 文字中央寄せ */
	color: #ccc; /* 文字色 */
}




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


/* メニュー囲み */
.menu_block {
	width : 160px; /* メニューの枠の幅 */
	margin: 10px 0px 10px 0px; /* 上から時計回りに間隔を取っています */
	padding: 5px; /* 間隔を取っています */
 border: 0px dotted #ccc; /* 枠線の設定。枠線が必要な場合は0pxの0の部分に数値を入れて下さい(推奨:1px) */
}

/* メニュータイトル */
.menu_title {
	padding: 2px 0px 2px 23px; /* 間隔を取っています */
 border-bottom: 1px dotted #ccc; /* 下線の設定 */

	/* アイコン画像を使う場合は、backgroundのurl()内の画像の参照先を変更してください */
	background: url(https://blog8.fc2.com/7/72/file/monoicon.gif) no-repeat; 
}

/* メニューリスト親要素 */
ul {
	list-style-type: none; /* メニューリスト左に出る「・」を無くしました */
}

/* メニューリスト子要素 */
li {
	padding-left: 10px; /* 左に間隔を取っています */

	/* アイコン画像を使う場合は、backgroundのurl()内の画像の参照先を変更してください */
	background: url() no-repeat;
}




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


/* 記事部分等囲み */
.main_block {
	width : 500px; /* 記事部分の枠の幅 */
	margin: 10px; /* 間隔を取っています */
	padding: 30px 10px 80px 10px;  /* 時計回りに間隔を取っています */

/* 画像を変えたい場合は、backgroundのurl()内の画像の参照先を変更してください */
	background: url(https://blog8.fc2.com/7/72/file/monoline.gif) center bottom no-repeat;
}

/* 記事部分等タイトル */
.main_title {
	margin: 10px; /* 間隔を取っています */
	padding:  2px 0px 20px 23px; /* 時計回りに間隔を取っています */
	font-size: 12px; /* タイトル文字 */
	font-weight: bold; /* 太字 */
	color: #000; /* 文字色 */

	/* アイコン画像を使う場合は、backgroundのurl()内の画像の参照先を変更してください */
	background: url(https://blog8.fc2.com/7/72/file/monoicon.gif) no-repeat; 
}

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

/* 記事部分等本文囲み */
.main_body {
	margin: 10px; /* 間隔を取っています */
	padding-top: 5px;
}

/* 日付等のステータス */
.main_state {
	margin-right: 10px; /* 右に間隔を取っています */
	text-align: right; /* 文字右寄せ */
	font-size: 10px; /* 文字サイズ */
}

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

/* コメント、トラックバックタイトル */
.link_title {
}




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


/* ページ移動 */
.page_navi {
	width : 540px; /* ページ移動の枠の幅 */
	margin: 10px; /* 上下左右に間隔を取っています */
	padding-bottom: 50px; 
	text-align: center; /* 文字中央寄せ */
}

/* カレンダー設定 */

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

/* ヘッダー（年、月） */
.calender caption {
	font-size: 12px;
	text-align: center; /* 文字中央寄せ */
	padding-top: 10px; 
}

/* 曜日セル */
.calender th {
	font-weight: normal;
	text-align: center;
}

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

/* 日曜日の色 */
th#sun {
	color: #cc9999;
}

/* 土曜日の色 */
th#sat {
	color: #6699cc;
}