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

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

/* ボディ */
body{
	/* サイト内の文字の設定をしています */
	text-align: left; /* 文字を左に設定 */
	line-height: 1.8; /* 文字間隔 */
	font-size:12px; /* 文字サイズ */
	font-family: Lucida Grande","Verdana","Osaka; /* 文字種類 */
	color: #999999; /* 文字色 */

	/* 背景画像を設定しています。
背景を変えたい場合はbackgroundのurl()内を変更してください*/	background: url(http://file.cloris.ni-moe.com/33.png) #ffffff;
}

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

/* カーソルを置いたときのリンク文字 */
a:hover {
	border-bottom: 1px dotted; /* 下線 */
}

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

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

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

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




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


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

	/* 背景画像を設定しています。
背景を変えたい場合はbackgroundのurl()内を変更してください*/	background: url(http://file.cloris.ni-moe.com/33.png) #ffffff;
}

	


/* ヘッダー部分 */
#header {	
         margin-top: 15px; /* 上との間隔を開けています */
	width : 520px; /* ヘッダー部分の幅 */
	height: 150px; /* 高さを設定します */         	         
	/* トップ画像を変えたい場合は、backgroundのurl()内の画像の参照先を変更してください */
	background: url(http://file.cloris.ni-moe.com/top.png) #ffffff right top no-repeat;


	
}




/* メニュー部分 */
#menu {  
	position:absolute;
	top: 0.1px;
	left: 535px;	
      	float : right; /* 右寄せ */
	/* 背景を設定しています。画像を入れたい場合は、backgroundのurl()内の画像の参照先を変更してください */
	background: #ffffff;




}

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

}




/* フッター部分 */
#footer {
	width : 520px; /* フッター部分の幅 */
	clear : both; /* 回り込み解除 */
	margin: 15px 0px; /* 上との間隔を開けています */
	text-align: center; /* 文字を中央に設定 */
	border-top: 1px solid #eeeeee; /* 上にラインを書いています */
	/* 背景を設定しています。画像を入れたい場合は、backgroundのurl()内の画像の参照先を変更してください */
	background: url() #ffffff;
}




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


/* ブログタイトル */
.blog_title {
	margin-top: 10px; /* 上にくっつき過ぎないように間隔を取っています */
	margin-left: 20px; /* 左にくっつき過ぎないように間隔を取っています */
	font-size: 25px; /* 文字サイズ */
	font-weight: bold; /* 太字 */
　　　　 font-family: "ScriptC",cursive ; /*文字の種類*/
}

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

/* サブタイトル */
.sub_title {
	margin-left: 20px; /* 左にくっつき過ぎないように間隔を取っています */
	color: #eeeeee; /* 文字色 */
}




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


/* メニュー囲み */

.menu_block { 

	width : 180px; /* メニューの枠の幅 */
	margin: 10px; /* 上下左右に間隔を取っています */
}

/* メニュータイトル */
.menu_title {
	padding-left: 0px; /* アイコンを入れるので左に間隔を取っています */

	/* アイコン画像を変えたい場合は、backgroundのurl()内の画像の参照先を変更してください */
	background: url() no-repeat;
         font-weight: bold; /* 太字 */
         color: #9ea59f; /* 文字色 */

}

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





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


/* 記事部分等囲み */
.main_block {
	width : 483px; /* 記事部分の枠の幅 */
	margin: 13px; /* 上下左右に間隔を取っています */
}

/* 記事部分等タイトル（アイコンを入れる場合はメニュータイトルを参考にしてください） */
.main_title {
	margin: 10px; /* 上下左右に間隔を取っています */
	font-size: 12px; /* タイトルなので文字を大きめにしました */
         color: #9ea59f; /* 文字色 */
	font-weight: bold; /* 太字 */
	border-bottom: 1px solid #eeeeee; /* タイトルの下にラインを書いています */
}

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

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

/* 日付等のステータス */
.main_state {
	margin-right: 10px; /* 右に間隔を取っています */
	text-align: right; /* 文字右寄せ */
	font-size: 11px; /* 文字の大きさを少し小さめにしています */
}

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

/* コメント、トラックバックタイトル */
.link_title {
	font-weight: bold; /* 太字 */
}




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


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

/* カレンダー設定 */


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

/* ヘッダー（年、月） */
.calender caption {
	font-size: 11px;
         color: #9ea59f;

}

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

/* 日付セル */
.calender td {
	text-align: center;
         color: #9ea59f;        

}