@charset "utf-8";

/*========================================index
/* display
/* various blank resets
/* list-style resets
/* border resets
/* font resets
/* various-align resets
/* cursor resets
========================================index*/

/*====================
 display
====================*/
ins,del {
	display: block;
	}
p ins,p del,
ul ins,ul del,
ol ins,ol del,
dl ins,dl del,
table ins,table del {
	display: inline;
	}

/*====================
 various blank resets
====================*/
body,
div,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,
form,fieldset,
p,blockquote,
table,thead,tbody,tfoot,caption,th,td {
	margin: 0;
	padding: 0;
	}

/*====================
 list-style resets
====================*/
ol,ul {
	list-style: none;
	}

/*====================
 border resets
====================*/
table{
	border-collapse: collapse;
	border-spacing: 0;
	}
fieldset,
img{
	border: 0 none;
	}
abbr,acronym {
	border-bottom: 1px dashed;
	}

/*====================
 font resets
====================*/
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	}
h1,h2,h3,h4,h5,h6,
em,strong {
	font-weight: bold;
	}
em {
	font-style: normal;
	}
address,
caption,
cite,
code,
dfn,
th,
var {
	font-style: normal;
	font-weight: normal;
	}
table {
	font-size: 100%;
	}
select,
input,
textarea {
	font-size: 100%;
	font-weight: bold;
	}
var,code,samp,kbd {
	font-family: monospace;
	}

/*====================
 overflow
====================*/
textarea {
	overflow: auto;
	}

/*====================
 various-align resets
====================*/
caption,
th {
	text-align: left;
	}
img,
input {
	vertical-align: middle;
	}

/*====================
 cursor resets
====================*/
a,
input[type="submit"] {
	cursor: pointer;
	}

/*====================
 scroll resets
====================*/
html{
	overflow: scroll;
	overflow: -moz-scrollbars-vertical;
	}

/*====================
 +base element
====================*/
body {
	background: #ede9dd;
	color: #121212;
	font-family:
			Meiryo, "メイリオ",
			"Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3",
			Osaka,
			"MS P Gothic", "ＭＳ Ｐゴシック",
			sans-serif;
	font-size: 14px;
	line-height: 1;
	}

a {
	color: #50704c;
	text-decoration: underline;
	}
a:visited {
	color: #121212;
	text-decoration: underline;
	}
a:hover,
a:active,
a:focus {
	color: #704c4c;
	text-decoration: none;
	}
code,
kbd {
	margin: 0 0.2em;
	padding: 0.1em 0.2em;
	border: 1px dotted #13500c;
	background: #dfeddd;
	color: #13500c;
	font-size: 90%;
	}
pre {
	margin: 1em;
	padding: 1em;
	border: 1px dotted #13500c;
	background: #dfeddd;
	color: #13500c;
	font-family: mono;
	}

h1 {
	font-size: 172.8%;
	}
h2 {
	font-size: 144%;
	}
h3 {
	font-size: 120%;
	}
.caption {
	font-size: 84%;
	}

/*====================
 +header
====================*/
#header {
	padding: 1em 2em;
	background: #13500c;
	color: #ededed;
	line-height: 1.3;
	}
#header h1 {
	float: left;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-shadow: 1px 1px 0 #658a61;
	text-transform: capitalize;
	}
#header a {
	color: #ededed;
	text-decoration: none;
	}
body>#header a:hover:after {
	margin: 0 0 0 4px;
	font-family:
			Meiryo, "メイリオ",
			"Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3",
			Osaka,
			"MS P Gothic", "ＭＳ Ｐゴシック",
			sans-serif;
	font-size: 57.9%;
	content: "←ブログトップへ戻る";
	}
#search {
	float: right;
	}
* html #search {
	text-align: right;
	}

#search p {
	display: inline;
	}
#topic-path {
	padding: 0.5em 2em;
	line-height: 1.2;
	}
#topic-path dt,
#topic-path dd,
#topic-path ol,
#topic-path li {
	display: inline;
	}
#topic-path dt {
	font-weight: bold;
	text-shadow: 1px 1px 0 #f5f4ee;
	}
#topic-path dt:after {
	margin: 0 0 0 4px;
	content: ":";
	}
#topic-path a:after {
	content: "→";
	}

/*====================
 +container
====================*/
#container {
	margin: 0 2em;
	padding: 0.5em 0 0;
	border-top: 1px dotted #d4c9a8;
	line-height: 1.4;
	}

/*====================
 +primary
====================*/
#primary-contents {
	float: left;
	width: 78%;
	}
#primary-contents h1,
#primary-contents h2,
#primary-contents h3 {
	text-shadow: 1px 1px 0 #f5f4ee;
	}
#primary-contents h1 a,
#primary-contents h2 a,
#primary-contents h3 a {
	text-shadow: none;
	}
.entry {
	padding: 1em;
	border: 1px dotted #efebdd;
	background: #e5ddc6;
	}
.entry-info,
.interactive-content,
.page-move {
	margin: 0 0 1em;
	padding: 0.5em 1em;
	border-top: 1px dotted #c0c0c0;
	border-bottom: 1px dotted #c0c0c0;
	background: #ede9dd;
	}
.entry-info li {
	display: inline;
	}
.entry-info li a img,
.entry-info li a:hover img,
.entry-info li a:active img,
.entry-info li a:focus img {
	border: 0 none;
	}
#comments,
#trackback {
	padding: 0.5em 1em;
	border-top: 1px dotted #c0c0c0;
	border-bottom: 1px dotted #c0c0c0;
	background: #ede9dd;
	}
#comments dt,
#trackback dt {
	font-weight: bold;
	}
#comments dd,
#trackback dd {
	margin: 0.25em 0 0.5em 1em;
	}
#comments fieldset {
	padding: 1em;
	border: 1px solid #c0c0c0;
	background: #f9f9f9;
	}

.sentence p,
.sentence ul,.sentence ol,.sentence dl {
	margin-top: 1em;
	margin-bottom: 1em;
	}
.sentence ul {
	list-style: outside circle;
	margin-left: 2em;
	}
.sentence dt {
	border-bottom: 1px dotted #c0c0c0;
	}
.sentence dd {
	margin: 0.25em 0 0.5em 1em;
	}
.sentence blockquote {
	margin: 1em 2em;
	padding: 1em 1em 0;
	border: 1px dotted #c0c0c0;
	background: #ede9dd;
	}
.sentence blockquote[cite]:after {
	display: block;
	margin: 0 -1em;
	padding: 0.5em 1em;
	border-top: 1px dotted #c0c0c0;
	background: #ddd8c8;
	color: #b30;
	content: attr(cite)" から引用";
	}
.sentence ins {
	display: block;
	padding: 1em 1em 0;
	border: 1px dotted #c0c0c0;
	background: #ede9dd;
	}
.sentence ins[datetime]:after {
	display: block;
	margin: 1em -1em 0;
	padding: 0.5em 1em;
	border-top: 1px dotted #c0c0c0;
	background: #ddd8c8;
	color: #b30;
	content: attr(datetime)" に追加";
	}

/*====================
 +secondary
====================*/
#secondary-contents {
	float: right;
	width: 20%;
	padding: 0 0 1em;
	}
#secondary-contents .section-lv2 {
	margin: 1em 0 0;
	}
#secondary-contents #category {
	margin: 0;
	}
#secondary-contents h2 {
	text-shadow: 1px 1px 0 #f5f4ee;
	}
#category ul,
#recent-entries ul,
#feeds ul,
#others ul,
#books dd ul {
	list-style: outside circle;
	margin-left: 2em;
	}
#categories li,
#archives li {
	margin: 2px 0;
	}
#categories li,
#categories li a,
#archives li,
#archives li a {
	display: inline-block;
	margin: 1px 1px 0 0;
	}
* html #categories li,
* html #categories li a,
* html #archives li,
* html #archives li a {
	display: inline;
	zoom: 1;
	}
*:first-child+html #categories li,
*:first-child+html #categories li a,
*:first-child+html #archives li,
*:first-child+html #archives li a {
	display: inline;
	zoom: 1;
	}
#categories li a,
#archives li a {
	padding: 2px 4px;
	background: #50704c;
	color: #ededed;
	text-decoration: none;
	}
#categories li a:hover,
#categories li a:active,
#categories li a:focus,
#archives li a:hover,
#archives li a:active,
#archives li a:focus {
	background: #704c4c;
	}
#books dt {
	font-weight: bold;
	}
#books dd {
	margin: 4px 0 4px 1em;
	}
#books span {
	display: inline-block;
	margin: 6px 0;
	padding: 6px;
	border: 1px dotted #c0c0c0;
	background: #e5ddc6;
	}


.pagetopA01 a {
	display: block;
	padding: 1em 2em;
	background: #50704c;
	line-height: 1.3;
	text-align: center;
	}
.pagetopA01 a,
.pagetopA01 a:visited,
.pagetopA01 a:hover,
.pagetopA01 a:active,
.pagetopA01 a:focus {
	color: #ededed;
	}
.pagetopA01 a:hover {
	background: #704c4c;
	}
#footer {
	padding: 1em 2em;
	background: #13500c;
	color: #ededed;
	line-height: 1.3;
	}
#footer a {
	color: #fff;
	}
#footer li {
	float: left;
	}
.copyright {
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: right;
	text-transform: capitalize;
	}

/*====================
 +module
====================*/
.number-qa100 {
	margin: 0 4px 0 0;
	font-size: 120%;
	}
.number-qa100:after {
	margin: 0 0 0 4px;
	content: ":";
	}
.visual01,
.visual02 {
	padding: 6px;
	border: 1px dotted #c0c0c0;
	background: #ede9dd;
	}
.visual01 {
	float: right;
	margin: 0 0 0.5em 1em;
	}
.visual02 {
	float: left;
	margin: 0 0.5em 1em 0;
	}
.entry a img {
	border: 2px solid #1f994d;
	}
.entry a:hover img,
.entry a:active img,
.entry a:focus img {
	border: 2px solid #991f1f;
	}
ul.photo-listA01 {
	list-style: none;
	margin-left: 0;
	}
ul.photo-listA01 li {
	float: left;
	padding: 6px;
	border: 1px dotted #c0c0c0;
	background: #ede9dd;
	}
.note1 {
	color: #b30;
	}

/*====================
 +clearfix
====================*/
#header,
#container,
.photo-listA01,
.sentence {
	overflow: hidden;
	}

* html #header,
* html #container,
* html .photo-listA01,
* html .pagetopA01 a,
* html .sentence {
	zoom: 1;
	}

*:first-child+html #header,
*:first-child+html #container,
*:first-child+html .photo-listA01,
*:first-child+html .sentence {
	zoom: 1;
	}

/*====================
 +a11y
====================*/
.a11y,
#search h2,
#search legend {
	width: 0;
	height: 0;
	overflow: hidden;
	font-size: 0; /* for firefox issue */
	}