@charset "UTF-8";

/* === 1. 表示リセット ================================= */
* {
	margin: 0;
	padding: 0;
	font-size: 100%;
}

/* === 2. 全体の設定 =================================== */
body {
	color: #333333;
	font-family:"Lucida Sans Unicode",sans-serif;
	text-align: center;
	background: #FFFEF7;
}
a {
	color: #DF7219;
	text-decoration: none;
}
a:hover,
a:active {
	color: #3298BF;
	text-decoration: underline;
}
hr {
	display: none;
}

/* === 3. 配置と背景 =================================== */
div#header,
div#body,
div#footer {
	width: 800px;
	margin: 0 auto;
}
div#header {
	background: url(http://www.johndoewho.com/template/ri_st003_header.gif) no-repeat;
}
div#body {
	text-align: left;
}
div#contents {
	float: left;
	width: 580px;
	padding: 20px 0 0;
	background: url(http://www.johndoewho.com/template/ri_st003_body.gif) no-repeat;
}
div#navi {
	float: left;
	width: 220px;
	padding: 20px 0 50px;
	background: url(http://www.johndoewho.com/template/ri_st003_body.gif) no-repeat 100% 0;
}
div#footer {
	clear: both;
	background: url(http://www.johndoewho.com/template/ri_st003_footer.gif) no-repeat 0 100%;
}

/* === 4. ヘッダー ===================================== */
div#header h1 {
	padding: 60px 20px 5px;
	font-size: 150%;
	letter-spacing: 0.2em;
}
div#header h1 a,
div#header h1 a:hover,
div#header h1 a:active {
	color: #C82D33;
	text-decoration: none;
}
div#header p.description {
	padding: 0 20px 20px;
	color: #562F73;
	font-size: 90%;
}

/* === 5. コンテンツ全体の設定 ========================= */
div.entry,
div.profile,
div.comment,
div.trackback,
div.entry_navi,
div.page {
	padding: 0 30px 0 10px;
}

/* === 6. 記事表示・プロフィール ======================= */
div.entry h2,
div.profile h2 {
	padding: 30px 0 20px;
	color: #275887;
	font-size: 120%;
	text-align: center;
	letter-spacing: 0.2em;
	background: url(http://www.johndoewho.com/template/ri_st003_contents.gif) no-repeat 100% 100%;
}
div.entry h2 a,
div.entry h2 a:hover {
	color: #275887;
	text-decoration: none;
}
div.entry div.entry_state_a {
	padding: 10px 0 1em;
	color: #562F73;
	font-size: 90%;
	text-align: right;
}
div.entry div.entry_body,
div.entry div.entry_more,
div.profile div.profile_body {
	padding: 0 5px 1em;
	line-height: 1.6;
}
div.entry div.entry_state_b {
	padding: 1em 0 3em;
	font-size: 90%;
	text-align: right;
}
div.entry p {
	padding: 0.5em 0;
}
div.entry ul,
div.entry ol {
	padding: 0.5em 0 0.5em 30px;
}
div.entry dl dt {
	font-weight: bold;
}
div.entry dl dd {
	padding: 0 0 0 15px;
}

/* ===7. コメント・トラックバック ===================== */
div.comment h3#comments,
div.comment h3#com_form,
div.trackback h3#trackback {
	padding: 30px 0 20px;
	color: #275887;
	font-size: 120%;
	text-align: center;
	letter-spacing: 0.2em;
	text-transform: capitalize;
	background: url(http://www.johndoewho.com/template/ri_st003_contents.gif) no-repeat 100% 100%;
}
div.comment dl.body {
	padding: 10px 0 0;
}
div.comment dl.body dt {
	margin: 10px 0 0;
	padding: 0 5px 3px;
	color: #562F73;
	font-size: 90%;
}
div.comment dl.body dt span {
	color: #399D47;
	font-weight: bold;
	font-size: 110%;
}
div.comment dl.body dd {
	padding: 5px 15px 15px;
}
div.comment form dl,
div.trackback dl.tb_url {
	padding: 20px 0 30px;
}
div.comment form dt,
div.trackback dl.tb_url dt {
	float: left;
	clear: left;
	width: 130px;
	text-align: right;
	text-transform: capitalize;
}
div.comment form dd,
div.trackback dl.tb_url dd {
	margin: 0 0 4px 140px;
}
div.comment form dd.submit {
	padding: 3px 0 0 3px;
}
input#name,input#email,input#url {
	width: 250px;
}
textarea#description {
	width: 350px;
	height: 100px;
}
input#comment_submit,input#comment_reset {
	width: 120px;
}
label#labelsubmit {
	display: none;
}
input#tb_url {
	width: 350px;
}
div.trackback {
	padding-bottom: 50px;
}
div.trackback dl.body dt {
	margin: 10px 0 0;
	padding: 0 5px 3px;
	font-weight: bold;
}
div.trackback dl.body dd.text {
	padding: 5px 15px;
	font-size: 90%;
}
div.trackback dl.body dd.state {
	padding: 5px 0 15px;
	color: #562F73;
	font-size: 90%;
	text-align: right;
}
div.trackback dl.body dd.state span {
	color: #399D47;
	font-weight: bold;
	font-size: 110%;
}

/* ===8. ページナビ =================================== */
div.entry_navi {
	font-size: 90%;
	text-align: center;
}
div.page {
	padding: 0 0 30px;
	text-align: center;
}
div#footer p.top {
	padding: 30px 0 70px;
	font-weight: bold;
	text-transform: capitalize;
	background: url(http://www.johndoewho.com/template/ri_st003_body.gif) no-repeat;
}

/* === 9. カレンダー =================================== */
div#navi dl dd#calendarlist {
	text-align: center;
}
table.calendar {
	line-height: 1.5;
	width: 168px;
	color: #333333;
	font-size: 100%;
	text-align: center;
}
div#navi dl dd table.calendar td.weekday,
div#navi dl dd table.calendar td.sunday,
div#navi dl dd table.calendar td.saturday{
	padding: 0 0 5px;
	width: 24px;
	text-align: center;
}
div#navi dl dd table.calendar td.sunday{
	color: #C82D33;
}
div#navi dl dd table.calendar td.saturday{
	color: #275887;
}
div#navi dl dd table.calendar td.cell{
	width: 28px;
	text-align: center;
}
div#navi dl dd table.calendar td.cell a{
	text-decoration: underline;
}
div#navi dl dd table.calendar td div.calendar_month{
	padding: 5px 0 0;
	color: #399D47;
	font-weight: bold;
}

/* === 10. サイドメニュー ============================== */
div#navi dl {
	padding: 30px 10px 20px 30px;
}
div#navi dl a {
	color: #3298BF;
}
div#navi dl a:hover,
div#navi dl a:active {
	color: #C82D33;
}
div#navi dl dt {
	padding: 0 0 20px;
	color: #562F73;
	font-weight: bold;
	text-align: center;
	text-transform: capitalize;
	background: url(http://www.johndoewho.com/template/ri_st003_navi.gif) 0 100% no-repeat;
}
div#navi dl dd {
	padding: 10px 5px 0;
	font-size: 90%;
}
div#navi ul li {
	list-style: none;
}
div#navi li li,
div#navi li li li,
div#navi li li li li {
	padding: 0 0 3px 15px;
}
input#search {
	width: 140px;
}
input#search_submit {
	width: 25px;
}
div#navi dd#recomlist li.img {
	padding: 5px 0 0;
	text-align: center;
}
div#navi dd#recomlist li.text {
	margin: 0 0 5px;
	padding: 0 0 5px;
	border-bottom: 1px solid #EADF0D;
}
img.amazon_pict {
	border: none;
}

/* === 11. その他の設定 ================================ */
input,
textarea {
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 1px solid #275887;
	color: #333333;
}
input.button {
	border: none;
	color: #FFFEF7;
	font-family: "Lucida Sans Unicode",sans-serif;
	font-weight: bold;
	text-transform: capitalize;
	background: #275887;
}
input.check {
	border: none;
}
em {
	border-bottom: 1px solid #C82D33;
	font-style: normal;
}
strong {
	font-weight: bold;
}
blockquote {
	padding: 10px;
	border: 1px solid #275887;
}
blockquote p {
	margin: 0;
	padding: 0;
}
p.source {
	margin: 0;
	padding: 0;
	text-align: right;
}
q {
	font-style: normal;
}
cite {
	font-style: normal;
}
del {
	text-decoration: line-through;
}
ins {
	text-decoration: underline;
}
img.pict,
img.thumb {
	border: none;
}