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

/* ++++++ ブログの横幅設定 ++++++ */
body {
	background-color:#ffffff;
}

#container {
	width: 780px;
	background-color:#ffffff;
	}
	
#head {
font-size:11px;
	}	


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

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

	/* サイドバーの横幅 */
	#left, #right	{
	width: 200px;
	font-size: 0.9em;
	color: #CCCCCC;
	line-height: 17px;
		}


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

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

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

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

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



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

body {
       	text-align: center;
				background-color:#000000;
	}

img {
	border:none;
}

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

#left {
	float: left;
	}

#center {
	float: left;
	}

#right {
	float: right;
	padding-top:40px;
	margin-top:40px;
	background-color:#F7F7F0;
	border-top-width: thick;
	border-top-style: solid;
	border-top-color: #99CC66;
	}

#footer	{
	clear: both;
	}




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

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

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

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

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

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

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

	#right #calendar table	{
		width: 168px;
		}

	#three #right #calendar table	{
		width: 158px;
		}


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

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

#title	{
	background-image: url(img/head.jpg);
	background-repeat: no-repeat;
	height: 80px;
	}

#title h1	{
	font-size: 1.25em;
	margin-bottom: 0;
	}

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

#title h2	{
	font-size: 0.75em;
	margin-top: 6px;
	color: #999999;
	text-decoration: none;
	}

#head-img
{
background-image:url(img/image-01.jpg);
width:780px;
height:200px;
}


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

/* エントリー */
.entry h2	{
	font-size: 0.75em;
	}

.entry h3	{
	font-size: 13px;
	color: #FFFFFF;
	line-height: 30px;
	background-color: #333333;
	height: 30px;
	width: 100%;
	padding-left: 10px;
	}



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

.entry p.posted	{
	font-size:11px;
	color: #666666;
	padding-top: 6px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #333333;
	}
	
	
.entry p.date	{
	font-size: 10.5px;
	color: #669933;
	padding-top: 6px;
	}
	
	
.entry a	{
	color: #669933;
	}

.entry	{
	margin-bottom: 30px;
	padding: 0 15px;
	font-size: 12px;
	line-height: 130%;
	}
	
.permalink a	{
	color: #989B6E;
	font-size:11px;
	}



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

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

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

#calendar a	{
	text-decoration: none;
	color: #DF3840;
	}

#calendar caption	{
	background-color: #393939;
	color:#CCCCCC;
	}

/* カテゴリー */

.categories {
	/*border:1px solid #606060;*/
	height: auto;
	margin:20px 0 0 0;
}


.categories li {
	padding:0 0 3px 0;
	list-style-image:url(img/blog-icon3.gif);
	color: #666666;
}


/* アーカイブ */

.archives {
	/* border:1px solid #606060;*/
	height: auto;
	margin:20px 0 0 0;
}


.archives li {
  padding:0 0 3px 0 ;
  list-style-image:url(img/blog-icon3.gif);
}

.archives h2 a{
	color: #669900;
	text-decoration: none;
}


.archives li a{
	color: #666666;
	text-decoration: none;
}


/* RECENT */

.recent {

	/*border:1px solid #606060;*/
	height: auto;
	margin:10px 0 0 0;

}

.recent li {
  padding:0 0 3px 0 ;
  list-style-image:url(img/blog-icon3.gif);
}

.recent li a{
	color: #666666;
	text-decoration: none;
}

/* メニュー */
.sidebar h2	{
	font-weight: bold;
	color:#669900;
	/*background-color: #000000;*/
	padding: 5px 5px 0px 10px;
	margin: 15px 15px 0px 15px;
	font-size: 13px;
	}



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



.module-list　{
	margin: 0;
	padding: 0 0 0 10px;
	font-size: 12px;
	 
}


.module-list-item　{
   display: block;
   clear: both;
   margin-top: 5px;
   margin-bottom: 5px;
	 list-style: none;
}

form, input { margin: 0; padding: 0; }
a { text-decoration: underline; }
a img { border: 0; }

/* standard helper classes */

.clr
{
   clear: both;
   overflow: hidden;
   width: 1px;
   height: 1px;
   margin: 0 -1px -1px 0;
   border: 0;
   padding: 0;
   font-size: 0;
   line-height: 0;
}

/* .pkg class wraps enclosing block element around inner floated elements */
.pkg:after
{
   content: " ";
   display: block;
   visibility: hidden;
   clear: both;
   height: 0.1px;
   font-size: 0.1em;
   line-height: 0;
}
* html .pkg { display: inline-block; }
/* no ie mac \*/
* html .pkg { height: 1%; }
.pkg { display: block; }
/* */

#alpha, #beta, #gamma, #delta
{
   display: inline; /* ie win bugfix */
   position: relative;
   float: left;
   min-height: 1px;
}

#delta { float: right; }

#alpha-inner, #beta-inner, #gamma-inner, #delta-inner
{
   position: static;
}

/* content */

.content-nav
{
   margin: 10px;
   text-align: center;
}

.date-header,
.entry-content
{
   position: static;
   clear: both;
}


.trackbacks,
.comments,
.archive
{
   position: static;
   overflow: hidden;
   clear: both;
   width: 100%;
   margin-bottom: 20px;
}

.entry-content,
.trackbacks-info,
.trackback-content,
.comment-content,
.comments-open-content,
.comments-closed
{
   clear: both;
   margin: 5px 10px;
}

.entry-excerpt,
.entry-body,
.entry-more-link,
.entry-more
{
   clear: both;
}

.entry-footer,
.trackback-footer,
.comment-footer,
.comments-open-footer,
.archive-content
{
   clear: both;
   margin: 5px 10px 20px 10px;
}

.comments-open label { display: block; }

#comment-author, #comment-email, #comment-url, #comment-text
{
   width: 240px;
}

#comment-bake-cookie
{
   margin-left: 0;
   vertical-align: middle;
}

#comment-post
{
   font-weight: bold;
}

