/*------------------------------------------------------------
	スタイルリセット
------------------------------------------------------------*/
* {
	margin: 0;
	padding: 0;
}

ul, ol {
	list-style: none;
}

h1, h2, h3, h4, h5, h6, input, textarea {
	font-size: 100%;
	font-weight: normal;
}

table {
	font-size: 100%;
	font-weight: normal;
}

img {
	border: none;
}

fieldset {
	border: none;
}

/*------------------------------------------------------------
	レイアウト
------------------------------------------------------------*/
body {
	background: #C76632 url(img/blog/template/body_back.gif) repeat-y center top;

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 1;
	text-align: center;
}

#page {
	height: 100%;
	background: url(img/blog/template/page_back.gif) no-repeat center 0;
}

#container {
	margin: 0 auto;
	padding: 0 0 30px 0;
	width: 760px;
	background: #fff url(img/blog/template/main_back.gif) repeat-y 200px 0;

	text-align: left;
}

#header {
	height: 191px;
	background: url(img/blog/template/header_back.gif) no-repeat;

	position: relative;
}

#main {
	width: 760px;
	overflow: hidden;
}

#conts {
	padding: 25px 0 0 37px;
	width: 523px;
	background: url(img/blog/template/conts_back.gif) no-repeat left top;

	float: right;
}

	* html #conts {
		width: 560px;
		/*Mac IE用ハック*/
		/*\*//*/
		width: 523px;
		/**/
	}

#contsGuide {
	width: 200px;

	float: left;
}

/*------------------------------------------------------------
	ヘッダー
------------------------------------------------------------*/
#header h1 {
	padding: 10px 0 0 20px;

	color: #fff;
	font-weight: bold;
}

#header h2 {
	width: 343px;
	height: 151px;
	background: url(img/blog/template/title.gif) no-repeat;

	position: absolute;
	left: 0;
	top: 40px;
}

#header h2 a {
	width: 343px;
	height: 151px;
	display: block;
}

#header h2 a span {
	display: none;
}

/*------------------------------------------------------------
	コンテンツ
------------------------------------------------------------*/
#conts .entryBox {
	margin-bottom: 30px;
	width: 496px;
	background: url(img/blog/template/entryBox_middle.gif) repeat-y left top;
}

#conts .entryTitle {
	padding: 26px 0 0 50px;
	width: 468px;
	height: 35px;
	background: url(/img/blog/template/entry_title_back.gif) no-repeat;

	position: relative;
	top: 0;
	left: -22px;

	color: #fff;
	font-size: 14px;
	font-weight: bold;
}

	* html #conts .entryTitle {
		width: 518px;
		height: 61px;
	}

#conts .entryBody {
	margin: 0 0 0 28px;
	width: 440px;
	padding: 0 0 25px 0;
	border-bottom: 1px solid #B26947;

	line-height: 1.7;
}

#commentPending #conts .entryBody, #commentError #conts .entryBody {
	margin: 0;
	padding: 8px 30px 20px 30px;
	width: auto;
	background: url(/img/blog/template/entryBox_bottom.gif) no-repeat left bottom;
	border: none;
}

#commentPending #conts .entryBody p, #commentError #conts .entryBody p {
	margin-bottom: 1em;
}

#commentError #conts .error{
	color: #f00;
}

#conts .entryInfo {
	margin-bottom: 30px;
	padding: 8px 30px 20px 30px;
	background: url(/img/blog/template/entryBox_bottom.gif) no-repeat left bottom;

	line-height: 1.3;
}

#individualEntry #conts .entryInfo {
	background: none;
}

#conts .entryInfo li {
	margin-right: 5px;
	padding-right: 5px;
	border-right: 1px solid #333;
	display: inline;
}

#conts #trackbacks, #conts #comments {
	margin: 0 0 30px 28px;
	width: 440px;

	line-height: 1.7;
}

#conts h3.title {
	margin-bottom: 10px;
	padding: 14px 0 0 45px;
	width: 242px;
	height: 30px;
	background: url(/img/blog/template/h3_back.gif) no-repeat;

	position: relative;
	top: 0;
	left: -45px;

	color: #fff;
	font-size: 14px;
	font-weight: bold;
	line-height: 1;
}

	* html #conts h3.title {
		width: 287px;
		height: 44px;
		/*Mac IE用ハック*/
		/*\*//*/
		width: 242px;
		height: 30px;
		/**/
	}

#conts #tbUrl {
	margin-top: -5px;
}

#conts #tbUrl input {
	padding: 2px 3px;
	width: 98%;
}

#conts .commentBody, #conts .tbBox {
	margin-bottom: 20px;
	padding: 10px 15px;
	background: #F0E1C8;
}

#conts .trackbackInfo, #conts .commentInfo {
	margin-top: 5px;
	padding-top: 5px;
	background: url(img/blog/template/line01.gif) repeat-x;
}

#conts .trackbackInfo li, #conts .commentInfo li {
	margin-right: 5px;
	padding-right: 5px;
	border-right: 1px solid #666;
	display: inline;
}

#conts .trackbackInfo li.date, #conts .commentInfo li.date {
	border: none;
	display: inline;
}

#conts #commentInput {
	padding: 0 30px 15px 28px;
	background: url(/img/blog/template/entryBox_bottom.gif) no-repeat left bottom;
}

#conts #commentInput dt {
	margin-bottom: 3px;
}

#conts #commentInput dd {
	margin-bottom: 10px;
}

#conts #commentInput input.text {
	padding: 2px 3px;
}

#conts #commentInput textarea {
	padding: 2px 3px;
	width: 98%;
}

#conts #commentInput li {
	margin-right: 10px;
	display: inline;
}

#conts #commentInput p.attention {
	margin: 20px 0 0 0;
	line-height: 1.5;
}

#conts #pageGuide {
	padding: 0 25px 40px 0;

	font-size: 14px;
	text-align: center;
	line-height: 1.5;
}

#conts #pageGuide a {
	margin: 0 3px;

	font-size: 12px;
}

/*------------------------------------------------------------
	コンテンツガイド
------------------------------------------------------------*/
#contsGuide h3 {
	margin-bottom: 10px;
	padding: 8px 0 0 10px;
	height: 22px;
	background: #333 url(img/blog/template/contsGuide_h3back.gif) no-repeat right top;

	color: #fff;
	font-size: 14px;
	font-weight: bold;
}

	* html #contsGuide h3 {
		height: 30px;
		/*Mac IE用ハック*/
		/*\*//*/
		height: 22px;
		/**/
	}

#contsGuide h3 a {
	color: #fff;
}

#contsGuide .menuFrame {
	margin-bottom: 40px;
}

#contsGuide ul {
	padding: 0 0 0 10px;
}

#contsGuide li {
	margin-bottom: 5px;
	padding: 0 0 0 15px;
	background: url(img/blog/template/arrow01.gif) no-repeat left 2px;

	line-height: 1.3;
}

#contsGuide li li {
	margin: 0 0 0 1em;
	padding: 0 0 0 10px;
	background: url(img/blog/template/arrow02.gif) no-repeat left center;
}

#contsGuide {

}

#contsGuide {

}

/*------------------------------------------------------------
	フッター
------------------------------------------------------------*/
#footer {
	margin-left: 200px;

	color: #666;
	text-align: center;
}

#footer address {
	font-style: normal;
}


/*------------------------------------------------------------
	リンク設定
------------------------------------------------------------*/
a:link {
	color: #3D7612;
}

a:visited {
	color: #75A446;
}

a:hover {
	color: #333;
}

a:active {
	color: #333;
}


#conts .entryTitle a {
	text-decoration: none;
}

#conts .entryTitle a:link {
	color: #fff;
}

#conts .entryTitle a:visited {
	color: #fff;
}

#conts .entryTitle a:hover {
	color: #fff;
}

#conts .entryTitle a:active {
	color: #fff;
}
