/* +++++++++++++++++++++ ベース設定 +++++++++++++++++++++ */

/* ++++++ ブログの横幅設定 ++++++ */

#container {
	width: 700px;
	}


/* ++++++ ２段組の横幅設定 ++++++ */

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

	/* サイドバーの横幅 */
	#left, #right	{
		width: 200px;
		}


/* ++++++ ３段組の横幅設定 ++++++ */

	/* ブログの横幅設定 */
	#three #container {
		width: 800px;
		}

	/* 左サイドバーの横幅 */
	#three #left	{
		width: 190px;
		}

	/* 中央コンテンツ部分の横幅 */
	#three #center	{
		width: 420px;
		}

	/* 右サイドバーの横幅 */
	#three #right	{
		width: 190px;
		}



/* ++++++ その他設定 ++++++ */

body {
       	text-align: center;
	}

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

#left {
	float: left;
	}

#center {
	float: left;
	}

#right {
	float: right;
	}

#footer	{
	clear: both;
	}




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

body	{
	background-color: #6666ff;
	}

#container	{
	background-color: #ffffff;
	background-image:url(http://www.hirokokasahara.com/test/back.gif);
	background-position:left top;
	background-repeat:repeat-y;
	}

#left	{
	background-color: #ffffff;
	background-image:url(http://www.hirokokasahara.com/test/back.gif);
	background-position: left;
	background-repeat:repeat-y;
	}
	
#center	{
	background-color: #ffffff;
	background-image:url(http://www.hirokokasahara.com/test/back.gif);
	background-position: right;
	background-repeat:repeat-y;
	}

#right	{
	background-color: #ffffff;
	background-image:url(http://www.hirokokasahara.com/test/back.gif);
	background-position:center top;
	background-repeat:repeat-y;
	}


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

	/* ヘッダー部分の左右の余白 */
	#banner div	{
		margin-left: 20px;
		margin-right: 20px;
		}

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

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

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

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

	.sidebar #calendar table	{
		width: 170px;
		}

	#three .sidebar #calendar table	{
		width: 160px;
		}


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

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

#title	{
	background-image: url(http://www.hirokokasahara.com/imgs/top2.jpg);
	background-repeat: no-repeat;
	background-position: 95% 40%;
	background-color: #ccffcc;
	padding: 25px 20px 50px;
	}

#title h1	{
	font-size: 1.2em;
	margin-bottom: 0;
color: #444444;

	}


#title h1 a	{
	text-decoration: none;
	color: white;
	}

#title h2	{
	font-size: 0.75em;
	margin-top: 6px;
	color: #22cf66;
	}



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

.entry h2	{
	font-size: 0.75em;
	}

.entry h3	{
	font-size: 0.875em;
	color: #3366aa;
	}

.entry h4	{
	font-size: 0.875em;
	color: #0066aa;
	}


.entry p	{
	font-size: 0.75em;
	color: #666666;
	line-height: 150%;
	}

.entry p.posted	{
	font-size: 0.66em;
	color: #aaaaaa;
	border-top: solid 2px khaki;
	padding-top: 6px;
	}

.entry a	{
	color: #66aaff;
	}

.entry	{
	margin-bottom: 40px;
	}



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

/* コメント */

#comments	{
	border: solid 1px pink;
	padding: 5px 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	}

#comments h2	{
	font-size: 0.75em;
	}

#comments p	{
	font-size: 0.75em;
	color: #666666;
	}

#comments p.posted	{
	color: #999999;
	padding-left: 15px;
	}

#comments div	{
	border-top: dotted 1px tomato;
	}

#comments h2#com02	{
	border-top: dotted 1px tomato;
	padding-top: 20px;
	}

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

#comments a	{
	color: #66aaff;
	}


/* メニュー */
.sidebar h2	{
	font-size: 0.75em;
	margin-bottom: 0px;
	border-bottom: solid 1px khaki;
	text-align:center;
	color: #333333;
	background-color: khaki;
	padding: 3px 0 0;
	}

.sidebar a	{
	color: #66aacc;
	}

.sidebar ul	{
	font-size: 0.75em;
	list-style-type:none;
	margin-top: 5px;
	margin-bottom: 30px;
	margin-left:0;
	padding-left:0;
	}


/* フィード情報 */
#feed	{
	font-family: Verdana, Arial, sans-serif;
	font-size: 0.75em;
	color: #666666;
	}


/* Movable Type情報 */
#powered	{
	font-family: Verdana, Arial, sans-serif;
	font-size: 0.75em;
	color: #666666;
	margin-top: 50px;
	}