@chareset "UTF-8";

body
{
	background-color: #FFFBF0;
	color: #330000;
	line-height: 140%;
	margin: 2px 2% 2px 2%;
}

#container
{
	text-align: left;
	margin: 10px;
//	margin-left: auto;
//	margin-right: auto;
	padding: 10px;
	background-color: #FFFBF0;
}

#header
{
	text-align: right;
	font: 150% bold "ＭＳ Ｐ ゴシック" ,"osaka",verdana ,arial ,sans-serif;
	padding: 0;
	margin-bottom: 30px;
	background-color: #FFFBF0;
}
	.blogname
	{ 
	text-align: center;
	font: 150% "ＭＳ Ｐ ゴシック" ,"osaka",verdana ,arial ,sans-serif;
	font-weight: bold;
	margin-bottom: 30px;
	}

#contents
{
	text-align: left;
	padding: 5px;
	background-color: #FFFBF0;
	color: #000033;
}
	.subject
	{
		margin-top: 3px;
		font-weight: bold;
		padding: 5px;
	}

	.date
	{
       	text-align: right;
	}

	.item
	{ 
		padding: 10px;
	}
	.leftbox, .rightbox
	{
		margin: 3px;
		padding: 3px;
	}
	.leftbox
	{
		float: left;
	}
	.rightbox
	{
		float: right;
	}

#commment
{
}

.posted{ 
	padding: 5px;
      	text-align: right;
	font-size: 85%;
}
	.commentlist { 
	}

#menu1 {
border: 1px solid gray;
	width: 40%;
	float: left;
	margin-right: 49%;
	background-color: #FFFBF0;
	color: #000033;
}

.line {
	font-weight: bold;
	background-color: #636363;
	color: #F3F3F3;
	padding-left: 10px;
}

.line A
{
	text-decoration: none;
}

.line A:link { color: #F3F3F3; }
.line A:visited { color: #F3F3F3; }
.line A:active { color: #F3F3F3; }

#menu2 {
border: 1px solid gray;
border-color: red;
	float: left;
	margin-left: 49%;
	background-color: #FFFBF0;
	color: #000033;
}

#footer {
	clear: both;
	text-align: right;
	height: 20px;
	padding: 5px;
	background-color: #FFFBF0;
	color: #000033;
}

.archiveindex h2 {
    /* 省略 */
}
.archiveindex .category-desc {
    /* 省略 */
}
.archiveindex ul {
    /* リストスタイル（クロテンなど）を消す */
    list-style: none;
}
.archiveindex li {
    /* 罫線を引く */
    border-bottom: 1px dotted gray;
}
.archiveindex li.stripe {
    /* 偶数行に色を乗せる */
    background-color: #F0F3DD;
}
.archiveindex li.more {
    /* リストの最後を右寄せ */
    border-bottom: none;
    text-align: right;
}
.archiveindex li div.title {
    /* 記事タイトルを左に配置 */
    float: left;
}
.archiveindex li div.detail {
    /* 日付を右に配置 */
    white-space: nowrap;
    float: right;
}