/* ===================================== *
 *   Chocolat Flat 0.1.12 for Asablo     *
 *   nanto_vi (TOYAMA Nao), 2009-07-15   *
 * ===================================== */

/* ======== 一般的な指定 ======== */

* {
  margin:	0;
  padding:	0;
}
body {
  font-size:	100%;
  line-height:	1.3;
}
a:link {
  color:	#15528c;
}
a:visited {
  color:	#453b68;
}
a:link:hover, a:visited:hover {
  color:	#b7591b;
}
a:link:active, a:visited:active {
  color:	#e52f1b;
}
a img {
  border:	none;
}
a img.thumbnail {
  border:	2px solid;
}
h1, h2, h3, h4, h5, h6 {
  color:	#7a5035;
  clear:	both;
}
p {
  text-indent:	1em;
  margin:	1em 0;
}
ul, ol {
  margin:	1em 0;
  padding-left:	2em;
}
ul ul, ul ol, ol ul, ol ol, dl ul, dl ol {
  margin:	0;
}
li {
  margin:	0.2em 0;
}
.tree li {
  list-style-type:	square;
}
dl {
  margin:	1em 0;
}
dt {
  font-weight:	bold;
}
dd {
  margin:	0.2em 0 0.5em 2em;
}
dl ul, dl ol {
  padding-left:	1em;
}
dl ul ul, dl ul ol, dl ol ul, dl ol ol {
  padding-left:	2em;
}
blockquote {
  background-color:	#f2eec9;
  margin:	1.2em 0;
  padding:	0 1em;
  border:	3px double #7a5035;
}
.quote blockquote {
  margin-bottom:	0.5em;
}
.quote .cite {
  margin-top:	0.5em;
}
.cite {
  text-align:	right;
}
pre {
  background-color:	#f2eec9;
  line-height:	1.3;
  margin:	1.2em 0;
  padding:	0.5em 1em;
  /* MacIE では overflow: auto を指定すると要素によっては
     内容が表示されないため、overflow: auto を指定しない。 \*/
  overflow:	auto; /* */
}
/* IE では width を指定しないと overflow: autoが適用されない。
   MacIE では overflow: auto 自体を指定しないため、width を指定する必要もない。 \*/
* html pre {
  width:	90%;
} /* */
blockquote.code {
  font-family:	inherit;
  padding:	0;
}
blockquote.code pre {
  margin:	0;
}
/* IE 6 以上は 100% にすると padding の分がはみ出るので 90% に指定 \*/
* html blockquote.code pre {
  width:	100%;
  widt\68:	90%;
} /* */
.console {
  background-color:	#3d281a;
  color:	#f2eec9;
}
table {
  background-color:	#3d281a;
  /* margin:	1.2em 0; Gecko は table のマージンを相殺しない。 */
  margin-left: auto;
  margin-right: auto;
  border-collapse:	separate;
  border-spacing:	2px;
}
caption {
  /* margin:	-0.2em 0 0 0; Gecko は table のマージンを相殺しない。 */
  padding-bottom:	0.3em;
}
th {
  background-color:	#7a5035;
  color:	#f2eec9;
  font-weight:	normal;
  text-align:	left;
  padding:	0.1em;
}
td {
  background-color:	#ccb2a1;
  padding:	0.1em 0.2em;
}
ins.block del.block {
  display:	block;
}
ins[datetime]:after {
  content:	" (" attr(datetime) " \8ffd\8a18) "; /* " (" attr(datetime) " 追記) " */
}
ins[datetime].nodate:after {
  content:	"";
}
.noemph {
  text-decoration:	none;
}
em {
  font-style:	inherit;
  font-weight:	bold;
}
/* WinIE はキーワード inherit に未対応。 \*/
* html em {
  font-style:	normal;
} /* */
strong {
  font-size:	1.44em;
}
code {
  border-bottom:	1px dashed;
}
pre code {
  border-bottom:	none;
}
.code {
  font-family:	monospace;
}
abbr.has-title {
  border-bottom:	1px dotted;
}
abbr[title] {
  border-bottom:	1px dotted;
}
:link img, :visited img {
  border:	none;
}
:link img.thumbnail, :visited img.thumbnail {
  border:	2px solid;
}
ol.toc {
  list-style: disc;
}
ol.toc ol {
  list-style: circle;
}
ol.toc ol ol {
  list-style: square;
}
.left-side {
  margin-right:	0.5em;
  float:	left;
}
.right-side {
  margin-left:	0.5em;
  float:	right;
}
.figure {
  text-indent: 0;
  text-align: center;
}
.figure img {
  margin: 0.2em;
  max-width: 100%;
  height: auto;
}
.figure img:only-child {
  margin: 0;
}
.figure:has(+ figcaption) {
  margin-bottom: 0.5em;
}
.figure + figcaption {
  text-align: center;
}

@media print {
  pre, table, th, td {
    border:   1px solid #7a5035;
  }
  html body pre {
    width:	auto;
    overflow:	visible;
  }
  blockquote.code pre {
    border-style:	none;
  }
}


/* ======== 大まかなボックス配置 ======== */

body {
  margin:	0 1em;
}
#container {
  max-width:	64em;
  min-width:	24em;
  margin:	0 auto;
}
#center {
  margin-right:	-14em;
  width:	100%;
  float:	left;
}
#main {
  margin-right:	13em;
}
#right {
  width:	13.5em;
  float:	right;
}
#footer {
  margin:	0;
  clear:	both;
}


/* ======== 大まかなボックス配置 一段レイアウト用 ======== */

.single-col #container {
  min-width:	12em;
}
.single-col #center, .single-col #main, .single-col #right {
  margin:	0;
  width:	auto;
  float:	none;
}


/* ======== 大まかなボックス配置 印刷用 ======== */

@media print {
  #container, #center, #main, #right {
    margin:	0;
    width:	auto;
    max-width:	none;
    min-width:	0;
    float:	none;
  }
}


/* ======== ボックスの配色と配置の微調整 ======== */

body {
  background-color:	#d19b78;
}
#container {
  background-color:	#ddc5b5;
  color:	#332014;
  padding:	0 0.5em;
  border:	0.5em #d2691e;
  border-style:	none solid;
}
#head {
  border-bottom:	0.5em solid #d2691e;
  margin-bottom:	0.5em;
  padding:	0.1em 0 0.3em 0;
}
#center {
  background-color:	#ddc5b5;
}
#main {
  margin-bottom:	0.5em;
  padding-right:	0.5em;
  border-right:	0.5em solid #d2691e;
}
#right {
  background-color:	#ddc5b5;
  margin-bottom:	0.5em;
}
#right .sidebar {
  padding-left:	0.5em;
  border-left:	0.5em solid #d2691e;
}
#footer {
  margin:	0;
  padding:	0.5em 0 0.2em 0;
  border-top:	0.5em solid #d2691e;
}


/* ======== ボックスの配色と配置の微調整 一段レイアウト用 ======== */

.single-col #main, .single-col #right .sidebar {
  padding:	0;
  border-style:	none;
}
.single-col #main {
  margin-bottom:	0.5em;
  padding-bottom:	0.5em;
  border-bottom:	0.5em solid #d2691e;
}
.single-col #right {
  margin-bottom:	0.5em;
}


/* ======== ボックスの配色と配置の微調整 印刷用 ======== */

@media print {
  #container, #main, #right .sidebar {
    padding:	0;
    border-style:	none;
  }
  #main {
    margin-bottom:    0.5em;
    padding-bottom:   0.5em;
    border-bottom:    0.5em solid #d2691e;
  }
  #right {
    margin-bottom:    0.5em;
  }
}


/* ======== ヘッダ ======== */

h1 {
  font-size:	1.2em;
}
#head a {
  color:	#7a5035;
  text-decoration:	none;
}


/* ======== 個別記事 ======== */

.msg-title {
  background-color:	#7a5035;
  color:	#f2eec9;
  font-weight:	normal;
  font-size:	0.8em;
  text-align:	right;
  margin-bottom:	1.25em;
  padding-bottom:	0.2em;
}
#main .msg-title a {
  background-color:	#ddc5b5;
  color:	#7a5035;
  font-weight:	bold;
  font-size:	1.5em;
  text-decoration:	none;
  text-align:	left;
  margin-bottom:	0.1em;
  padding:	0.2em 0;
  display:	block;
}
.msg-body {
  line-height:	1.5;
}
.msg-body h3 {
  font-size:	1.2em;
  margin:	1em 0 0.5em 0;
  border-bottom:	0.2em solid;
}
.msg-body h4 {
  font-size:	1em;
  margin:	1em 0 0.5em 0;
  border-bottom:	0.1em dashed;
}
.msg-footer {
  font-size:	0.9em;
  text-align:	right;
  margin-bottom:	2.5em;
}


/* ======== pre 要素の幅調節機能用 ======== */

.stretchable-box {
  margin-top:	1.2em;
}
blockquote.code .stretchable-box {
  margin-top:	0;
}
.stretchable-box.toggling, .stretchable-box.stretched {
  position:	relative;
  z-index:	1;
}
.stretchable-box.toggling .stretchable-content {
  overflow: hidden;
}
.stretchable-box .stretchable-grip {
  background-color:	#d1c087;
  color:	#332014;
  font-weight:	bold;
  line-height:	1.2;
  padding:	0 1em;
}
.stretchable-box .stretchable-grip.focus,
.stretchable-box .stretchable-grip.hover {
  color:	#b7591b;
}
.stretchable-box .stretchable-grip.disabled {
  display:	none;
}
.stretchable-box pre {
  margin-top:	0;
}
/* \*/
* html .stretchable-box .stretchable-grip {
  width:	90%;
}
* html .stretchable-box.stretched .stretchable-grip {
  width:	auto;
}
* html .stretchable-box.stretched .stretchable-content {
  overflow:	visible;
}
/* */

@media print {
  .stretchable-box .stretchable-grip {
    display:	none;
  }
}


/* ======== コメント・トラックバック ======== */

h2.comment-caption, h2.tb-caption {
  background-color:	#b78869;
  color:	#332014;
  font-size:	1em;
  margin:	2em 0 0.5em 0;
  padding:	0.1em 0;
}
.comment-title, .tb-title {
  font-size:	1em;
  font-weight:	normal;
  margin-top:	1em;
  padding-bottom:	0.1em;
}
.comment-body, .tb-body {
  line-height:	1.5;
  margin-bottom:	0.5em;
  padding:	0.2em 0 0.2em 0.5em;
  border:	0.3em #b7a090;
  border-style:	solid none none solid;
}
.comment-form, .tb-url {
  font-size:	0.9em;
  margin-bottom:	0.5em;
}
.comment-form .comment-caption, .comment-form form p, .tb-url {
  text-indent:	0;
}
.comment-form textarea {
  max-width:	100%;
}
/* IE でレイアウトが崩れるのを防ぐ。 \*/
* html .comment-form textarea {
  width:	90%;
} /* */


/* ======== ナビゲーション ======== */

.navi {
  font-size:	0.9em;
  text-align:	right;
}
.navi a {
  margin-left:	0.7em;
}
#navi-top {
  margin-bottom:	0.5em;
}
#navi-bottom {
  margin-top:	0.5em;
}


/* ======== サイドバー ======== */

.mod {
  font-size:	0.9em;
  border-bottom:	0.3em solid #b7a090;
}
.mod-caption {
  font-size:	1em;
  margin:	0.7em 0 0.5em 0;
}
.mod-body p {
  margin:	0.5em 0;
}
.mod-body ul {
  margin:	0.5em 0;
  padding-left:	1.2em;
}
.mod-login-button {
  display:	none;
}


/* ======== カレンダー ======== */

.mod-calendar {
  padding-bottom:	0.5em;
}
.calendar {
  margin:	0 auto;
}
.calendar td {
  text-align:	center;
  padding:	0 0.3em;
  border:	none;
}
.calendar .calendar-title {
  padding:	0.1em 0.3em;
}
td.calendar-sun-name, td.calendar-wday-name, td.calendar-sat-name {
  padding:	0.1em 0;
}
.calendar-sun-name {
  color:	#d12e1f;
}
.calendar-sat-name {
  color:	#325075;
}


/* ======== カレンダー 一段レイアウト用 ======== */

.single-col .calendar {
  margin:	0;
}


/* ======== カレンダー 印刷用 ======== */

@media print {
  .calendar {
    margin:   0;
  }
}


/* ======== 表示設定 ======== */

.mod-layout p {
  margin:	0.7em 0 0.5em 0;
  text-indent:	0;
}

@media print {
  .mod-layout {
    display:	none;
  }
}


/* ======== RSS 、MAILPIA ボタン ======== */

.mod-rss-button, .mod-mailpia-button {
  margin:	0;
  padding:	0;
  border-style:	none;
}
.mod-rss-button {
  margin-top:	1em;
}
.mod-rss-button .mod-caption, .mod-mailpia-button .mod-caption {
  margin:	0.5em 0 0 0;
}


/* ======== フッタ ======== */

#footer {
  text-indent:	0;
}
