/* flashの位置をセンターに */
.flash_center{
 margin-right:auto;
 margin-left:auto;
 margin-top:0px;
 margin-bottom:0px;
 text-align:center;
}

/* flashの位置を左に */
.flash_left{
 margin-right:auto;
 text-align:left;
 margin-top:0px;
 margin-bottom:0px;
}

/* flashの位置を右に */
.flash_right{
 margin-left:auto;
 text-align:right;
 margin-top:0px;
 margin-bottom:0px;
}

.profile{
 margin-bottom:20px;
}

/* クマの画像、カテゴリー、アーカイブ、最近のエントリー部分 */
#kuma_image,#categories,#archives,#recent{
 margin:0px 5px 20px 0px;
}

/* リンク */
a {
  color: #000099;
}
 
a:link {
  color: #000099;
}
a:visited {
  color: #996600;
}

/* リンクのカーソルが上にいった場合 */
a:hover {
  color: #000000;
  background-color: #ecebac;
}

/* エントリーとエントリーを分ける罫線 */
hr.separator{
  margin:0px 5px;
  height:5px;
  border: 1px #ecebac solid;
  background-color: #ecebac;
  color: #ecebac; 
}

/* +++++++++++++++++++++ レイアウトのデザイン設定 +++++++++++++++++++++ */

body	{
	background-color: #ecebac;
	margin-right: auto;
	margin-left: auto;
	text-align:center;
	}

#container {
	margin-right: auto;
	margin-left: auto;
	text-align:left;
	}

#main	{
	background-color: #ffffff;
	padding-top: 10px;
	width:700px;
	text-align:left;
	margin-right: auto;
	margin-left: auto;
	margin-top:10px;
	border:solid #cccccc 1px;
	}

/* コンテンツ部分の横幅 */
#center	{
	width: 500px;
	}


#right	{
	float: right;
	width:200px;
	}

#center {
	float: left;
	width:480px;
	}


#footer	{
	clear: both;
	}

/* ++++++ 段の間隔 ++++++ */

/* コンテンツ部分 */

/* コンテンツ部分の左右の余白 */
.content div	{
	margin-left: 15px;
	margin-right: 15px;
	}

/* 右サイドバーの左右の余白 */
#right div	{
	margin-left: 15px;
	margin-right: 15px;
	}

#left div div, .content div div, #right div div {
	margin-left: 0;
	margin-right: 0;
	}



/* +++++++++++++++++++++ パーツのデザイン設定 +++++++++++++++++++++ */

/* ++++++ ヘッダー部分のデザイン ++++++ */

/* ヘッダー */
#banner	{
	margin: 0px 10px 0px 10px;
	}

#banner h1	{
	font-size: 1.5em;　//初期設定は1.5em;
	color: #003300;
	background-color:#ffffff;
	border: solid 3px #d6c423; /* クマにゃん日記の囲み線 */
	padding:5px 5px;
	}

#banner h1 a	{
	text-decoration: none;
	}

#banner h2	{
	font-size: 1.00em; //初期設定は0.75em（タイトル下の文）
	margin-top: 6px;
	}



/* ++++++ コンテンツ部分のデザイン ++++++ */

/* エントリー */
.entry h2	{
	font-size: 1.20em; //初期設定は0.75em（日付の部分）
	}

.entry h3	{
	font-size: 1.00em;  //初期設定は0.875em （エントリーのタイトル）
	}

.entry p	{
	font-size: 1.20em; //初期設定は0.75em
	color: #333333;
	line-height: 150%;
	}

.entry p.posted	{
	font-size: 0.9em; //初期設定は0.66em（下の「コメント」部分）
	color: #aaaaaa;
	border-top: solid 1px #ecebac;
	padding-top: 6px;
	margin: 5px 10px 0px 10px;
	}

.entry a	{
	color: #006699;
	}

.entry	{
	margin-bottom: 40px;
	}

.entry	img{
	margin: 10px 0px;
	}

/*コメントのページ設定*/
/* コメント */

#comments	{
	border: solid 1px khaki;
	padding: 5px 20px;
	margin-top: 20px;
	margin-bottom: 20px;
	line-height: 135%;
	}

#comments h2	{
	font-size: 1.0em;　//初期設定　0.75em;
	}

#comments p	{
	font-size: 1.0em;//初期設定　0.75em;
	color: #000000;
	}

#comments p.posted	{
	color: #000000;
	padding-left: 3px;
	}

#comments div	{
	border-top: dotted 3px khaki;
	}

#comments form div	{
	border-top: none;
	padding-top: 0;
	}

#comments h2#com02	{
	border-top: dotted 3px khaki;
	padding-top: 40px;
	}

#comments a	{
	color: #3366aa;
	}

/*この上、コメントの設定*/


/* ++++++ サイドバー部分のデザイン ++++++ */

/* カレンダー */
#calendar table	{
	width: 100%;
	font-size: 0.9em;
	text-align: center;
	border: solid 1px #ecebac;
	}

#calendar td	{
	padding: 5px 0;
	border: solid 1px #ecebac;
	}

#calendar a	{
	text-decoration: none;
	color: #0000ff;
	background-color: #ecebac;
	display: block;
	width: 100%;
	font-weight:bold;
	}

#calendar a:hover {
	color: #ffffff;
	background-color: #000000;
}

#calendar caption	{
	background-color: #ecebac;
	}

/* メニュー */
.sidebar h2	{
	font-size: 0.85em; //初期設定は0.75em
	margin-bottom: 0px;
	text-align:center;
	color: #333333;
	background-color: #ecebac;
	padding: 3px 0 0;
	}

.sidebar a	{
	color: #006699;
	}

.sidebar ul	{　//アーカイブ、最近のエントリーのリンク部分
	font-size: 0.85em; //初期設定は0.75em
	list-style-type:none;
	margin-top: 5px;
	margin-bottom: 30px;
	margin-left:0;
	padding-left:0;
	}

/* ++++++ カテゴリーアーカイブ部分のデザイン ++++++ */
/* リストの下のマージン */
#category_archives_list{
	margin-bottom:50px;
}

/* 各リストの下にマージン */
#category_archives_list li{
	list-style-type:circle;
	margin-bottom:5px;
}

/* リストの日付 */
.date-header{
	font-size:90%;
	color:#666666;
}