@charset "UTF-8";



/* =========== reset =========== */

* {
	margin: 0;
	padding: 0;
	}


/* =========== Global Settings =========== */

body {
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 12px;
	font-family: verdana, Arial, "ＭＳ Ｐゴシック", sans-serif;
	color: #413d35;
	background: #2f2a20;
	}

a:link,
a:visited {
	color: #966;
	text-decoration: none;
	}

a:active,
a:hover {
	color: #c99;
	text-decoration: underline;
	}

img {
	border: 0px;
	}

img.thumb,
img.pict {
	border: solid 5px #eae5d9;
	padding: 0;
	margin: 0 10px 0 0;
	float: left;
	clear: left;
	}

img.pict_right {
	border: solid 5px #eae5d9;
	margin-left: 10px;
	float:right;
	clear:left;
	}

img.pict2 {
	border : solid 5px #eae5d9;
	margin: 0;
	clear:left;
	}

span {
	text-align: left;
	}

div {
	text-align: left;
	}

table {
	border: 0px;
	border-collapse: collapse;
	}

ul {
	list-style: none;
	}

strong {
	font-weight: bold;
	}

.clear {
	font-size: 1px;
	line-height: 1px;
	clear: both;
	}


/* =========== Layout =========== */

div#layout {
	width: 800px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	background: url(http://www.hesterandramakers.com/template/ob13_main_bg.gif) #f7f4ee repeat-y top;
	}

div#contents {
	width: 470px !important;
	width: 500px;
	padding-right: 30px;
	float: right;
	}

div#pagenavi {
	width: 470px;
	margin: 0 0 20px;
	padding-bottom: 10px;
	text-align: center;
	font-size: 10px;
	background: url(http://www.hesterandramakers.com/template/ob13_entry_state.gif) no-repeat bottom;
	}

div#pagenaviunder {
	width: 470px;
	margin-bottom: 40px;
	text-align: center;
	}

div#sidenavi {
	width: 240px !important;
	width: 270px;
	padding: 0 0 210px 30px;
	font-size: 10px;
	line-height: 1.5em;
	float: left;
	background: url(http://www.hesterandramakers.com/template/ob13_navi_bottom.gif) no-repeat right bottom;
	}


/* =========== Header =========== */

div#title {
	width: 740px !important;
	width: 800px;
	height: 210px;
	padding: 0 30px;
	background: url(http://www.hesterandramakers.com/template/ob13_header_bg.jpg) no-repeat top;
	}

div#title h1 {
	padding: 110px 40px 5px;
	text-align: right;
	}

div#title h1 span {
	padding: 15px 0 10px 45px;
	font-size: 26px;
	font-weight: bold;
	font-style: italic;
	font-family: 'century', Serif;
	background: url(http://www.hesterandramakers.com/template/ob13_titleicon.gif) no-repeat left center;
	}

div#title h1 a:link, 
div#title h1 a:visited {
	color: #2f2a20;
	text-decoration: none;
	}

div#title h1 a:active,
div#title h1 a:hover {
	color: #2f2a20;
	text-decoration: underline;
	}

div#title p {
	padding: 10px 30px 0 0;
	font-size: 10px;
	color: #878073;
	text-align: right;
	background: url(http://www.hesterandramakers.com/template/ob13_titleline.gif) no-repeat top;
	}


/* =========== Entry =========== */

div.entry {
	margin: 0;
	padding: 0;
	}

div.entry h2 {
	height: 30px !important;
	height: 85px;
	padding: 55px 0 0 10px;
	font-size: 12px;
	font-weight: bold;
	background: url(http://www.hesterandramakers.com/template/ob13_entry_header.gif) no-repeat top;
	}

div.entry_author {
	margin: 0 10px;
	padding: 2px 0;
	font-size: 10px;
	text-align: right;
	color: #878073;
	}

div.entry_body {
	padding: 0;
	margin: 30px 10px 0;
	line-height: 1.4em;
	}

div.entry_more {
	padding: 0;
	margin: 30px 10px 0;
	line-height: 1.4em;
	clear: both;
	}

div.entry_state {
	margin: 30px 10px 40px;
	padding-top: 10px;
	font-size: 10px;
	text-align: right;
	background: url(http://www.hesterandramakers.com/template/ob13_entry_state.gif) no-repeat top;
	clear: both;
	}

/* （エントリの各タグは一番下にまとめてあります） */


/* =========== Comment =========== */

div#comments {
	margin: 0 10px 40px 10px;
	}

div#comments h3 {
	height: 35px !important;
	height: 40px;
	padding: 5px 0 0 10px;
	font-size: 20px;
	font-style: italic;
	font-family: 'century', Serif;
	background: url(http://www.hesterandramakers.com/template/ob13_comtb_header.gif) no-repeat top;
	}

div#comments dl.comment_body {
	margin: 20px 0 10px;
	background: url(http://www.hesterandramakers.com/template/ob13_comment_bg.gif) no-repeat right top;
	}

div#comments dl.comment_body dt {
	padding: 10px 30px;
	font-size: 12px;
	background: url(http://www.hesterandramakers.com/template/ob13_comtb_title.gif) no-repeat left bottom;
	}

div#comments dl.comment_body dd {
	padding: 15px 0;
	font-size: 12px;
	line-height: 1.4em;
	clear: both;
	}

div#comments h4 {
	display: none;
	}

div.comment_form_box {
	height: 290px !important;
	height: 325px;
	padding: 35px 60px 0 70px;
	background: url(http://www.hesterandramakers.com/template/ob13_form_bg.jpg) no-repeat top;
	}

dl#comment_form_left {
	width: 140px;
	padding: 0;
	float: left;
	}

dl#comment_form_right {
	width: 135px;
	padding: 0;
	float: right;
	}

dl#comment_form_left dt,
dl#comment_form_right dt {
	padding: 2px 0 2px 5px;
	margin-bottom: 5px;
	border-left: 3px solid #aea187;
	}

dl#comment_form_left dd,
dl#comment_form_right dd {
	padding-bottom: 20px !important;
	padding-bottom: 18px;
	}

dl#comment_form_left dd label,
dl#comment_form_right dd label {
	margin-top: 10px;
	padding-right: 10px;
	}

dl#comment_form_left dt label,
dl#comment_form_right dt label {
	padding-right: 10px;
	}

dl#comment_form_right dt label#labelsubmit {
	display: none;
	}

dl#comment_form_left dd input.form {
	width: 140px;
	font-size: 12px;
	background: none;
	border: none;
	border-bottom: 1px dotted #aea187;
	}

dl#comment_form_right dd textarea {
	width: 135px;
	height: 135px;
	font-size: 12px;
	background: none;
	border: none;
	border-bottom: 1px dotted #aea187;
	}

dl#comment_form_right dd input.button {
	width: 60px;
	height: 20px;
	padding: 0px;
	margin-right: 5px;
	font-size: 10px;
	font-weight: bold;
	font-family: verdana, Arial, sans-serif;
	color: #d8d3c8;
	background: #686256;
	border: 1px solid #aea187;
	}


/* =========== Trackback =========== */

div#trackback {
	margin: 0 10px 30px 10px;
	}

div#trackback h3 {
	height: 35px !important;
	height: 40px;
	padding: 5px 0 0 10px;
	font-size: 20px;
	font-style: italic;
	font-family: 'century', Serif;
	background: url(http://www.hesterandramakers.com/template/ob13_comtb_header.gif) no-repeat top;
	}

div#trackback p.tb_link {
	padding: 10px;
	margin: 10px 0;
	font-size: 10px;
	color: #aea187;
	text-align: center;
	background: #eae5d9;
	}

div#trackback dl.tb_body {
	margin: 25px 0 15px 0;
	padding: 10px 0;
	}

div#trackback dl.tb_body dt {
	padding-bottom: 10px;
	background: url(http://www.hesterandramakers.com/template/ob13_entry_state.gif) no-repeat bottom;
	}

div#trackback dl.tb_body dd {
	padding-top: 10px;
	line-height: 1.4em;
	}

div#trackback dl.tb_body dd div.tb_time {
	padding-top: 5px;
	color: #aea187;
	text-align: right;
	line-height: 1.4em;
	}


/* =========== Profile =========== */

div#profile {
	margin: 0;
	padding: 0;
	}

div#profile h2 {
	height: 30px !important;
	height: 85px;
	padding: 55px 0 0 10px;
	font-size: 12px;
	font-weight: bold;
	background: url(http://www.hesterandramakers.com/template/ob13_entry_header.gif) no-repeat top;
	}

div.profile_body {
	padding: 0;
	margin: 30px 10px 40px;
	line-height: 1.4em;
	}


/* =========== Side Navigation =========== */

div#sidenavi dl {
	width: 240px;
	margin-bottom: 30px;
	}

div#sidenavi dt {
	height: 40px !important;
	height: 50px;
	padding-top: 10px;
	font-size: 20px;
	font-style: italic;
	font-family: 'century', Serif;
	text-align: center;
	background: url(http://www.hesterandramakers.com/template/ob13_navi_header.gif) no-repeat top;
	}

div#sidenavi dd {
	padding: 0 5px 10px;
	}

div#sidenavi ul li {
	padding-left: 15px;
	list-style: none;
	background: url(http://www.hesterandramakers.com/template/ob13_icon_arrow.gif) no-repeat left 5px;
	background: url(http://www.hesterandramakers.com/template/ob13_icon_arrow.gif) no-repeat left 4px !important;
	}

div#sidenavi ul form {
	padding-bottom: 2px;
	border-bottom: 1px dotted #aea187;
	}

div#sidenavi ul input.form {
	width: 140px;
	margin-right: 10px;
	font-size: 12px;
	border: none;
	background: none;
	}

div#sidenavi ul input.button {
	width: 60px;
	font-size: 10px;
	font-weight: bold;
	font-family: verdana, Arial, sans-serif;
	color: #d8d3c8;
	background: #686256;
	border: 1px solid #aea187;
	}

dl#recommend dd {
	padding-bottom: 10px;
	}

dl#recommend dd div.amazon {
	padding-bottom: 10px;
	font-size: 10px;
	line-height: 1.5em;
	text-align: center;
	}


/* =========== Calendar =========== */

dl#calendar table {
	margin-left: 5px;
	border-top: 1px solid #f7f4ee;
	border-left: 1px solid #f7f4ee;
	}

dl#calendar table td.calendar_month {
	padding: 2px 0;
	font-size: 10px;
	text-align: center;
	border: none;
	}

dl#calendar table td.weekday {
	padding: 2px 0;
	width: 30px;
	font-size: 10px;
	text-align: center;
	border: none;
	border-bottom: 1px solid #f7f4ee;
	}

dl#calendar table td.cell {
	padding: 2px 0;
	font-size: 10px;
	text-align: center;
	background: #eae5d9;
	border-right: 1px solid #f7f4ee;
	border-bottom: 1px solid #f7f4ee;
	}

dl#calendar table th {
	padding-bottom: 5px;
	}

dl#calendar table td span.today {
	font-weight: bold;
	}

dl#calendar table td span.today a {
	color: #966;
	font-weight: bold;
	text-decoration: underline;
	}

dl#calendar table td span.today a:active,
dl#calendar table td span.today a:hover {
	color: #c99;
	font-weight: bold;
	text-decoration: underline;
	}


/* =========== Extra =========== */

dl#extra ul {
	padding: 0;
	list-style: none;
	list-style-image: none;
	font-size: 10px; 
	}


/* =========== Footer =========== */

div#footer {
	width: 740px;
	height: 50px !important;
	height: 70px;
	margin: 0 30px;
	padding: 20px 0 0;
	font-size: 10px;
	background: url(http://www.hesterandramakers.com/template/ob13_titleline.gif) no-repeat top;
	}

div#footer div.address {
	text-align: center;
	}



/* =========== Entry & Profile TAGs ===========
　（エントリおよびプロフィールの中で使えるタグまとめ） */

div.profile_body h5,
div.entry h5 {
	margin: 0 0 5px;
	padding: 0 0 2px 5px;
	font-size: 12px;
	font-weight: bold;
	border-left: 5px solid #807d76;
	border-bottom: 1px dotted #807d76;
	}

div.profile_body blockquote,
div.entry blockquote {
	margin: 0;
	padding: 7px 10px;
	background: #eae4d9 url(http://www.hesterandramakers.com/template/ob13_entry_bqbg.gif) no-repeat right bottom;
	}

div.profile_body ul,
div.entry ul {
	list-style: none;
	padding: 0;
	}

div.profile_body ul li,
div.entry ul li {
	padding: 2px 0 2px 18px;
	background: url(http://www.hesterandramakers.com/template/ob13_icon_arrow.gif) no-repeat 1px 7px !important;
	background: url(http://www.hesterandramakers.com/template/ob13_icon_arrow.gif) no-repeat 1px 6px;
	}

div.profile_body ol,
div.entry ol {
	list-style-type: decimal;
	padding-left: 25px;
	}

div.profile_body strong,
div.entry strong {
	font-weight: bold;
	}

div.profile_body em,
div.entry em {
	font-style: italic;
	}

div.profile_body ins,
div.entry ins {
	text-decoration: underline;
	}

div.profile_body del,
div.entry del {
	text-decoration: line-through;
	}

div.profile_body table,
div.entry table {
	border: 0;
	vertical-align: top;
	}

div.profile_body table th,
div.entry table th {
	padding: 5px;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	vertical-align: top;
	}

div.profile_body table td,
div.entry table td {
	padding: 5px;
	font-size: 12px;
	text-align: left;
	vertical-align: top;
	}

div.profile_body table.setborder,
div.entry table.setborder {
	border: 0;
	vertical-align: top;
	border-top: 1px solid #aea187;
	border-left: 1px solid #aea187;
	}

div.profile_body table.setborder th,
div.entry table.setborder th {
	padding: 5px;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	vertical-align: top;
	border-bottom: 2px solid #966;
	border-right: 1px solid #aea187;
	background: #eae5d9;
	}

div.profile_body table.setborder td,
div.entry table.setborder td {
	padding: 5px;
	font-size: 12px;
	text-align: left;
	vertical-align: top;
	border-bottom: 1px solid #aea187;
	border-right: 1px solid #aea187;
	}

div.profile_body dl,
div.entry dl {
	margin: 0;
	padding: 0;
	}

div.profile_body dl dt,
div.entry dl dt {
	padding: 0 0 10px;
	font-weight: normal;
	background: url(http://www.hesterandramakers.com/template/ob13_entry_state.gif) no-repeat left bottom;
	}

div.profile_body dl dd,
div.entry dl dd {
	padding: 2px 0 2px 18px;
	background: url(http://www.hesterandramakers.com/template/ob13_icon_arrow.gif) no-repeat 1px 7px !important;
	background: url(http://www.hesterandramakers.com/template/ob13_icon_arrow.gif) no-repeat 1px 6px;
	}

div.profile_body .amazon,
div.entry .amazon {
	margin: 0;
	padding: 0;
	}

img.amazon_pict,
div.profile_body .amazon a img,
div.entry .amazon a img {
	margin: 0;
	padding: 0;
	border: solid 5px #eae5d9;
	}

div.profile_body .amazon_text,
div.entry .amazon_text {
	margin: 0;
	padding: 0 0 5px;
	}

div.profile_body .amazon_text a,
div.entry .amazon_text a {
	margin: 0;
	padding: 0 0 0 18px;
	background: url(http://www.hesterandramakers.com/template/ob13_icon_arrow.gif) no-repeat 1px 5px !important;
	background: url(http://www.hesterandramakers.com/template/ob13_icon_arrow.gif) no-repeat 1px 4px;
	}

div.profile_body input.form,
div.entry input.form {
	width: 300px;
	font-size: 12px;
	background: none;
	border: 1px solid #ded8cd;
	}

div.profile_body textarea,
div.entry dd textarea {
	width: 300px;
	font-size: 12px;
	background: none;
	border: 1px solid #aea187;
	}

div.profile_body input.button,
div.entry dd input.button {
	width: 100px;
	padding: 3px 5px;
	font-size: 10px;
	font-family: verdana, Arial, sans-serif;
	color: #d8d3c8;
	background: #686256;
	border: 1px solid #aea187;
	}