/*自動で吐き出されるものにはclass(.)、
それ以外のものには原則としてid(#)を使用*/

/*-------ベースの指定-------*/
body{
	background-color: #666666;
	color:#666666;
	font-size:80%;
	padding:0px;
	margin:0px;
	word-wrap: break-word;
}

/*リンク*/
a:link{ color: #669999; } 
a:visited{ color: #666699;}
a:active{ color: #999900; }
a:hover{ color: #999900;} 

/*-------ページ全体（タイトル部・三段組・フッター部）---*/
/*全体背景*/
#container
{
	background-color: #EEEEEE;
	background-image: url("img/mainback.gif");
	background-repeat: repeat-y;
	width: 800px;
	line-height: 140%;
	padding:0px;
	margin:0px auto;
	text-align: left;
	border-top: 3px solid #EEEEEE; 
	border-left: 3px solid #EEEEEE; 
	border-right: 5px solid #999999; 
	border-bottom: 5px solid #999999; 
}

/*-------タイトル部----------*/
/*タイトル部背景*/
#banner
{
	background-image: url("img/winter.jpg");
	display:block;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:20px;
	padding-right:10px;
	border-bottom: 1px solid #999999; 
	margin:0px;
}

/*ページタイトル*/
#banner h1{
	color: #669966;
	font-weight:bold;
	font-size:200%;
}

/*サブタイトル（覚え書き）*/
#banner h2{
	font-weight:bold;
	font-size:100%;
	width:100%;
	margin-left:20px;
}


/*------------三段組-------------*/

/*三段組 左部枠,右部枠*/
#leftbox,#rightbox
{
	float: left;
	width: 200px;
	overflow:hidden;
	padding-top: 20px;
    margin: 0px;
}

/*三段組 左部,右部内の見出し*/
#leftbox h2,#rightbox h2
{
	font-size:120%;
	text-align: center;
	margin :10px;
	border-bottom: 1px dotted #999900; 
}

/*三段組 左部内、拡張タイトル一覧の枠*/
div.index 
{
	margin-left : 0px;
	
}

/*三段組 左部内、タイトル一覧（拡張・過去ログ共通）*/
div.index ul,td.index ul
{
	list-style-type: none;
	margin-bottom : 0px;
	margin-left:10px;
	padding-left : 0px;
}

/*三段組 左部内、タイトル一覧（拡張・過去ログ共通）のリスト設定*/
div.index li{
	width : 170px;
	margin-left : 0px;
	margin-right : 0px;
	margin-bottom : 0px;
	padding-left: 10px;
	padding-bottom : 0px;
}

/*三段組 左部内、リストのリンク設定*/
li a{
	text-decoration: none; 
} 


/*三段組 左部内、更新日*/
#update
{
	padding-left:20px;
}

/*三段組 中央枠*/
#middlebox
{
	float: left;
	width: 400px;
	overflow:hidden;
	padding-top: 20px;
	padding-bottom: 20px;
    margin: 0px;
}

/*三段組 中央内、過去ログナビ*/
#navigator
{
	text-align:center;
}

/*三段組 中央内、日記枠（最新用・過去ログ用共通）*/
.latedaybox, .daybox
{
	padding-left:10px;
	padding-right:10px;
}

/*三段組 中央内、日記の日付（最新用・過去ログ用共通）*/
.latedaybox h2,.daybox h2
{
	padding-top:0px;
	padding-left: 10px;
}

/*三段組 中央内、日記の日付（最新用）*/
.latedaybox h2
{
}

/*三段組 中央内、日記の日付（過去ログ用）*/
.daybox h2
{

}

/*三段組 中央内、日記の題名（最新用・過去ログ用共通）*/
.latedaybox h3,.daybox h3
{
	font-size:120%;
	font-weight:normal;
	margin-left:10px;
	padding-left: 20px;
	padding-right: 10px;
}

/*三段組 中央内、日記の題名（最新用）*/
.latedaybox h3
{
	color: #336600;
}

/*三段組 中央内、日記の題名（過去ログ用）*/
.daybox h3
{
	color: #336600;
}

/*三段組 中央内、日記の本文（最新用・過去ログ用共通）*/
.latedaybox div.diary,.daybox div.diary
{
	margin-left:30px;
	margin-right:30px;
	color: #666666;
	border-top: 1px dotted #999966; 
	border-bottom: 1px dotted #999966; 
}


/*三段組 右部内、カレンダーの枠*/
div.calender{
	font-size : 90%;
	padding:10px;
}

/*三段組 右部内、カレンダーの月見出し*/
.calender caption.month{
	text-align: center;
	font-weight : bold;
	border-bottom: 1px dotted #999966; 
}

/*三段組 右部内、カレンダーの曜日*/
.calender th.week{
	font-weight : normal;
	padding: 2px;
}

/*三段組 右部内、カレンダーの日枠*/
.calender td.date{
	padding :1px;
}

/*三段組 右部内、カレンダーリンク設定*/
.calender td.date a{
	text-decoration: none; 
}  

/*------------フッター部--------------*/
#bottom
{
	background-image: url("img/winter.jpg");
	clear:both;
	display:block;
	padding:0px;
	margin:0px;
	border-top: 1px solid #999999; 
}

#bottom a{
	text-decoration: none; 
}  

/*月別ログ一覧の枠*/
.logindex
{
	padding-top:20px;
	padding-left:20px;
}

#copyright
{
	text-align:right;
	padding-right:20px;
	padding-bottom:20px;
}


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

/*画像*/
span.image {
	display : block;
	padding: 20px;
	clear : both;
}