/*
Theme Name: mokume
Theme URI: http://www.s-mokume.com
Description: mokume
Author: Shigehito.K
*/

html{
    height:100%;
}

BODY	{
 color: #555;
 font-size: 12px;
 height:100%;
 background-color:#FFFFFF;
 margin:0px;
}


/* ++++++ 一番外側部分のデザイン ++++++ 
 position:relative;
 margin-left:auto;=中央配置にするためleftとright共にautoを入れる
 margin-right:auto;
 border:1px #808080 solid;
*/

#bg {
 width: 800px;
 position:relative;

 background-color:#FFFFFF;
}

/* ++++++ 全体のデザイン ++++++ */
/*（リンク）*/

A		{
 color:#808080;
 text-decoration: none;
}

/*（マウスオーバー）*/
A:hover               {
 color:#800000;
}


/*全体のデザインここまで*/

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

#header h1	{
 width:500px;
}

/* ++++++ ヘッダのメニューデザイン ++++++ */

#header ul	{
 width:620px;
 margin: 0;
 padding: 0;
 list-style-type: none;
 height:25px;
 font-size:0.75em;
}

#header li	{
 background: url('images/menu.gif') #FFFFFF;
 text-align: center;
 float: left;
 line-height: 23px;
 border-right: #B2B4BF solid 1px;
 border-top: #B2B4BF solid 1px;
}

#header li a	{
 display:block;
 width: 90px;
 text-decoration: none;
 color:#333333;
}

#header li a:hover	{
	height:23px;
	background: url('images/menu_1.gif') #E7FFEF;
}



/* ++++++ トップページのデザイン ++++++ 
index.phpに使用
 position:relative;=sidebar.phpとfooter.phpの相対位置を指定
 top: 0;
 left: 0;
*/

#top	{
 top: 0;
 bottom:0px;
}

#topimg	{
 margin-left:10px;
 margin-top:10px;
}

/*index.phpに使用
 position: absolute;=#topからの絶対位置を指定
 top: 15px;
 left: 175px;
 margin: 0;
 line-height: 180%; =行間180%
*/
#message	{
 position: absolute;
 top: 0px;
 left: 152px;
 margin: 0;
 line-height: 160%;
	}

#message h2	{
 margin: 0;
}
/* ++++++ ニュースコンテンツのデザイン ++++++ */

/*sidebar.php（更新履歴）に使用
 position: absolute;=#bgからの絶対位置
 top: 25px;
 left:5px;
 width: 160px;
*/
#topnews	{
 width: 180px;
 line-height:180%;
 float:left;
 min-height:362px;
 list-style-type:none;
}

#topnews h2	{
 font-size:14px;
 color:#808080;
 border:1px;
 border-color:#C0C0C0;
 border-style:solid;
 text-align:center;
}

#topnews div	{
	overflow: auto;
	}

#topnews li	{
 list-style-type:none;
}

#topnews ul	{
	margin:0px 10px 0px 10px;
	padding: 0;
	}

#topnews ul a	{
 color:#808080;
}

#topnews ul a:hover	{
 color:#800000;
}

/* ++++++ パンくずリンクのデザイン ++++++ */

#bread	{
	margin: 0;
	font-size: 0.75em;
	font-weight: bold;
	}
/* ++++++ コンテンツ部分のデザイン ++++++ 
（Topページ以外）*/

#contents	{
 float: left;
 padding:10px 30px 10px 20px;
}

/*page.phpに使用
 background-image: url(images/bar.gif);	=bgの画像はMACでは表示されない
				   #69d600				=ページ背景と同じグリーン
 background-repeat: no-repeat;			=バックグランドは一回のみ(画像とダブる)
 font-size: 1.2em;						=ブラウザの文字基準サイズの1.2文字分
 padding:4px 0px 0px 20px;				=背景内余白上から4px右0px下0px左20px
*/
#contents h2	{
 height:26px;
 padding:4px 0px 0px 15px;
 color:#451BFF;
 font-weight: bold;
 font-size: 16px;
}
/*page.phpに使用
ページ内部サブタイトルフォントと背景使用
image以外は上記と同じ
*/
#contents h3	{
 height:26px;
 padding:4px 0px 0px 15px;
 color: #451BFF;
 font-weight: bold;
 font-size: 16px;
	}

#contents p	{
	font-size: 11px;
	line-height: 150%;
	}

#post01	{
	padding-bottom: 10px;
	}
}

#post02	{
	padding-left: 10px;
	width: 460px;
	float: left;
	}

#link	{
	border-collapse: collapse;
	margin-bottom: 20px;
	font-size: 0.75em;
	}

#link th, #link td	{
	text-align: left;
	padding: 10px 5px;
	border: solid 1px #00a0c6;
	}

#link th	{
	width: 100px;
	background-color: #88c0ff;
	}

#link a	{
	text-decoration: none;
	color: #000000;
	}

#link a:hover	{
	color: #006600;
	}

/* ++++++ フッター部分のデザイン ++++++ 
 padding: 4px 20px;
 background-color:#006600;
 width:760px;
 height:16px;
 bottom:0px;
 margin-bottom:0px;
 position:fixed;		=フッタにはポジションを指定しない
*/

#footer	{
 padding: 4px 20px;
 width:760px;
 height:16px;
 margin-bottom:0px;
 bottom:0px;
 left:0px;
}

#footer address	{
 color:#808080;
 font-size: 0.75em;
 font-style: normal;
}

/* ++++++ アーカイブのデザイン ++++++ */

#monthmain	{
 background-color: #ffffff;
 background-image: url(images/sidebar.gif);
 background-repeat: repeat-y;
 padding: 0px 0 1px;
 width:785px;
 top:15px;
 left:5px;
}

#monthsidebar	{
 top: 25px;
 left:5px;
 width: 152px;
 line-height:180%;
 float:left;
 min-height:362px;
}

#monthcontent	{
	width: 570px;
	float: left;
	margin-left: 20px;
	padding-bottom: 20px;
	}

#monthmain .clear	{
	background-image: url(images/sidebar.gif);
	background-repeat: repeat-y;
	}

#monthmain .bg	{
 background-color:#FF9900;
 padding: 5px 5px 5px 20px;

}

#monthsidebar ul	{
 list-style-type: none;
 margin: 0;
 padding: 0;
}

#monthsidebar li strong	{
	display: block;
	padding: 10px 20px;
	}

#monthsidebar li li	{
	padding: 5px 5px 5px 20px;
	background-image: url(images/mark.gif);
	background-repeat: no-repeat;
	background-position: 10px 10px;
	}

#monthsidebar li li a	{
 text-decoration: none;
 color:#FFFFFF;
}

#monthsidebar li li a:hover	{
 color:#800000;
}


#monthcontent #bread	{
	margin-top: 10px;
	text-align: right;
	}

#monthcontent #date	{
	font-size: 0.75em;
	font-weight: bold;
	color: #69d600;
	}

#monthcontent #date img	{
	vertical-align: middle;
	padding-right: 10px;
	}


#monthpost	{
	padding-bottom: 10px;
	}

/*single.phpに使用
 background-image: url(images/bar_small.gif);	=bgの画像はMACでは表示されない
				   #69d600						=ページ背景と同じグリーン
 background-repeat: no-repeat;					=バックグランドは一回のみ(画像とダブる)
 font-size: 1.2em;								=ブラウザの文字基準サイズの1.2文字分
 padding: 2px 0px 0px 10px;						=背景内余白上から4px右0px下0px左20px
 height:26px;									=表題背景の高さ26px
*/
#monthpost h2	{
 background: url(images/bar_small.gif) #69d600;
 font-size: 12px;
 padding: 2px 0px 0px 10px;
 height:26px;
}

#monthpost p	{
	font-size: 11px;
	line-height: 150%;
	padding: 0 10px;
	}


#monthlist h2	{
	margin: 30px 0 0;
	padding-bottom: 5px;
	border-bottom: solid 4px #69d600;
	font-size: 0.875em;
	}

#monthlist h2 a	{
 text-decoration: none;
 color:#C0C0C0;
}

#monthlist h2 span	{
	color: #888888;
	font-size: smaller;
	}

#monthlist h2 a:hover	{
	color: #00a0c6;
	}

#monthlist p	{
	margin-top: 10px;
	font-size: 0.75em;
	line-height: 140%;
	}