@charset "utf-8"; /* -*- coding: utf-8 -*- */
@import url("mucho-standard.css");

/* layout
 ---------*/
body {text-align: center;}
div#container {width: 750px; margin: 0 auto; text-align: left;}
  div.section {}
  div#header {padding-top: 6px;}
  div#menu {}
  div#banner {}
  div#intro {padding: 20px 80px 20px 80px;}
  div#topic-path-top {padding:  4px  6px  2px  6px;}
  div#content {padding: 16px 40px 36px 40px;}
    div#content div#page {padding-right: 40px; padding-left: 40px;}
    div#content div#blog {padding-right: 20px; padding-left: 20px;}
      div#content div#blog div#main {float: left; width: 410px; padding-right: 25px;}
      div#content div#blog div#sub  {float: left; width: 180px; padding-left:  15px;}
  div#scroll-top {padding: 0 80px 2em 80px; text-align: right;}
  div#topic-path-bottom {padding:  2px  6px  4px  6px;}
  div#outro {padding: 4px 40px 4px 40px;}
  div#footer {padding-top:  4px; padding-bottom: 36px;}
div#container-bottom {width: 757px; margin: 0 auto;}
div#margin-bottom {width: 750px; margin: 0 auto; padding-bottom: 16px;}

/*-- top page --*/
body#top-page {}
  body#top-page div#content {padding: 16px 40px 36px 40px;}
    body#top-page div#content div.main {float: left; width: 320px; padding-right: 15px;}
    body#top-page div#content div.sub  {float: left; width: 320px; padding-left:  15px;}



/* theme
 * #e83f2f やわらかい赤色（コーポレートカラー）
 * #cf2415 S+10%,B-10%
 * #0d0d0d ほぼ黒 #919596 素鼠 #d8d5cc 銀鼠
 -------------------------------------------*/

/* 1. general settings
 ----------------------*/
html {background: background: #f0f0f0;}
body {background: #f0f0f0; color: #000000; line-height: 1.465;}
body * {/*line-height: 1.465;*/}
blockquote {margin: 1em 3em 2em; padding-left: 1em; font-style: italic;}
dl {}
  dt {margin: 1em 0 .3em 0;}
  dd {margin: 0 0 1em 0;}
table {margin-bottom: 1em;}
a {}
  a:link, a:visited {color: #cf2415;}
  a:hover, a:active {}



/* 2. class settings
 --------------------*/
div.section {border-bottom: 1px solid #cccccc;}
  /*-- clearfix hack --*/
  div.section:after {content: "."; display: block; clear: both; height: 0; visibility: hidden;}
  div.section {min-height: 1px; /* IE7 */}
  * html div.section {height: 1px; /* <= IE6 */ /*\*//*/ height: auto; overflow: hidden; /**/}



/* 3. id settings
 -----------------*/
div#container {border-left:1px solid #777777; padding-right: 6px; background: #ffffff url(../themes/mefa1/assets/shadow-right.gif) right top repeat-y;}
  div#container-bottom {height: 6px; background: url(../themes/mefa1/assets/shadow-bottom.gif) left top repeat-x; font-size: 6px;}
  div#container-bottom span {float: right; height: 6px; width: 6px; background: url(../themes/mefa1/assets/shadow-bottom-right.gif) right top no-repeat;}

div#header {min-height: auto; height: auto; background: #ffffff;}
  div#header ul {float: right; padding-right: 6px; padding-bottom: 3px; font-size: 93%;}
    div#header ul li {display: inline; padding-left: 0px; color: #919596;}
    div#header ul li a {color: #0d0d0d; text-decoration: none;}
    div#header ul li a:hover {color: #919596; text-decoration: underline;}
  div#header h1 {padding: 6px; background: #ffffff; font-size: 123.1%;}
  div#header h1.image {padding: 0 0 6px 0;}

div#menu {border-bottom: 0;}
  div#menu ul {padding: 6px 6px 5px 6px; background: #0d0d0d; font-size: 93%;}
    div#menu ul li {display: inline; padding-right: 4px; padding-left: 13px; background: url(../themes/mefa1/assets/menu-list.gif) left center no-repeat;}
    div#menu ul li a {color: #ffffff; text-decoration: none;}
    div#menu ul li a:hover {color: #919596; text-decoration: underline;}

div#banner {border-bottom: 3px solid #d8d5cc;}

div#intro {border-top: 3px solid #d8d5cc;}
  div#intro h2 {font-size: 153.9%; font-weight: bold;}
  div#intro p {font-size: 85%;}

div#topic-path-top {border-bottom: 0;}
  div#topic-path-top p {font-size: 85%; text-align: right;}
div#topic-path-bottom {border-top: 0;}
  div#topic-path-bottom p {font-size: 85%; text-align: right;}

div#content {border-bottom: 0;}
  div#content h2 {}
  div#content h2.page-title {color:#cf2415; font-size:197%; font-weight: bold; line-height:1.16;}
  div#content h2.page-title a {color:#cf2415;}
  div#content h3 {min-height: 18px; margin-top: 1.5em; margin-bottom: .5em; padding-left: 24px; background: url(../themes/mefa1/assets/h3.gif) left center no-repeat; color: #cf2415; font-size: 123.1%; font-weight: bold;}
    div#content h3.top {margin-top: 0;}
    div#content div.main h3,
    div#content div.sub  h3 {height: 25px; margin-top: 0; margin-bottom: 0; padding-left: 22px;}
    div#content div.main h3 img,
    div#content div.sub  h3 img {vertical-align: middle;}
  div#content h4 {color: #cf2415; font-size: 108%; font-weight: bold;}
  div#content p {padding-bottom: 1em; font-size: 108%;}
  div#content blockquote {border-left: .6em solid #cccccc; font-size: 108%; font-style: normal;}

  div#content table {font-size: 108%;}
    div#content table.news {margin-bottom: 1.5em; border: 0;}
      div#content table.news tr {}
      div#content table.news th {padding: 0 1em 0 0; border: 0; text-align: right; vertical-align: top; white-space: nowrap;}
      div#content table.news td {padding: 0 1em 0 0; border: 0; text-align: left;  vertical-align: top;}
    div#content table.profile {border: 0;}
      div#content table.profile tr {}
      div#content table.profile th,
      div#content table.profile td {padding: 0 1.5em .8em 0; border: 0; text-align: left; vertical-align: top;}
      div#content table.profile th {white-space: nowrap;}
    div#content table.site-map {border: 0;}
      div#content table.site-map tr {}
      div#content table.site-map td {padding: 0 5em 0 0; border: 0; text-align: left; vertical-align: top;}
    div#content table.staff {margin-top: 1em; border: 0; font-size: 100%;}
      div#content table.staff tr {}
      div#content table.staff th,
      div#content table.staff td {padding: 0 1em 1em 0; border: 0; text-align: left; vertical-align: top;}
    div#content table.align {border: 0; font-size: 100%;}
      div#content table.align tr {}
      div#content table.align th,
      div#content table.align td {padding: 0 1em 0 0; text-align: left; vertical-align: top;}
      div#content table.align th {white-space: nowrap;}

  div#content ol,
  div#content ul {margin-bottom: 1em; margin-left: 2em;}
    div#content li {margin-bottom: .1em; font-size: 108%;}
    div#content ol.paginate-top {margin-bottom: 2em; margin-left: 0;}
    div#content ol.paginate-bottom {margin-top: 3em; margin-left: 0;}
      div#content ol.paginate-top li,
      div#content ol.paginate-bottom li {display: inline; padding-right: 1em; font-size: 100%;}
    div#content ul.links {margin-top: 1em; margin-left: 0;}
      div#content ul.links li {list-style: none; height: 25px; line-height: 1; margin-bottom: 0; padding-left: 22px; background: url(../themes/mefa1/assets/h3.gif) left center no-repeat;}
      div#content ul.links li img {vertical-align: top;}
    div#content ul.narrow {list-style: disc outside; margin-bottom: 1em; margin-left: 1.5em;}
      div#content ul.narrow li {font-size: 100%;}
    div#content ul.review {margin-bottom: 1em; margin-left: 2em;}
      div#content ul.review li {font-size: 85%;}
    div#content ul.site-map {margin-left: 0;}
      div#content ul.site-map li {list-style: none; margin-bottom: .5em;}

  div#content dl {margin-top: 0; margin-bottom: .5em;}
    div#content dl dt {margin-top: 1em; font-size: 108%; font-weight: bold;}
    div#content dl dd {margin-bottom: 1em; font-size: 108%;}
      div#content dl dd li,
      div#content dl dd li {font-size: 100%;}
      div#content dl.staff {}
      div#content dl.staff dt {margin-top: 0;}
      div#content dl.staff dd {margin-bottom: 1.5em; font-size: 100%;}
    div#content dl.wide dd {margin-bottom: 2.5em;}

  div#content div#articles {}
    div#content div#articles img {float: right; margin: 0 0 .4em .4em;}
    /*-- clearfix hack --*/
    div#content div#articles p:after {content: "."; display: block; clear: both; height: 0; visibility: hidden;}
    div#content div#articles p {min-height: 1px; /* IE7 */}
    * html div#content div#articles p {height: 1px; /* <= IE6 */ /*\*//*/ height: auto; overflow: hidden; /**/}

  div#content div.paginate-top {padding: 0 .3em .5em; font-size: 116%; text-align: right;}
    div#content div.paginate-top a,
    div#content div.paginate-top span {padding: .2em .2em;}
    div#content div.paginate-top span.disabled {color: #d8d5cc;}
    div#content div.paginate-top span.current {font-weight: bold;}
  div#content div.paginate-top-info {display: none; padding: .3em; font-size: 85%; text-align: right;}

  div#content div.paginate-bottom {line-height: 1; margin-top: 3em; padding: .1em .3em; font-size: 116%; text-align: center;}
    div#content div.paginate-bottom a,
    div#content div.paginate-bottom span {padding: .2em .2em;}
    div#content div.paginate-bottom span.disabled {color: #d8d5cc;}
    div#content div.paginate-bottom span.current {font-weight: bold;}
  div#content div.paginate-bottom-info {padding: .1em .3em; font-size: 85%; text-align: center;}

  div#content div.article {margin-bottom: 3em;}
	div#articles h3.article-title {min-height: 0; line-height: 1; margin-top: 0; margin-bottom: 0; padding-left: 0; background: transparent; font-size: 153.9%;}
    div#articles h3.article-title a {padding:0; color:#cf2415; text-decoration:none;}
    div#articles h3.article-title a:hover {background:#fff; text-decoration:underline;}
    div#articles ul.article-meta {margin-left:0; margin-bottom:0; color:#cf2415; font-size:85%;}
    div#articles ul.article-meta li {display:inline; list-style-type:none; padding-right:.5em;}
    div#articles ul.article-meta li a {color:#cf2415; text-decoration:none;}
    div#articles ul.article-meta li a:hover {background:#fff; text-decoration:underline;}
    div#articles div.article-body {padding:1em 0;}
    div#articles div.article-body p {}
    div#articles div.article-body ol {margin:0 1em 1em 1em;}
    div#articles div.article-body ul {margin:0 1em 1em 1em;}
    div#articles div.article-body li {margin-left:1em; list-style-position:inside;}
      div#articles div.article-action {margin-top:.5em; text-align:right;}
      div#articles div.article-action a {padding:.5em .3em;}
    div#articles div.article-body em {font-weight: bold;}
    div#articles div.article-body strong {color: #cf2415; font-weight: bold;}

  div#main div.tags {margin-top:1em; line-height:1.16; font-size:123.1%;}
    div#main div.tags a {margin-right:.3em;}
    div#main div.tags a.xs {font-size:77%;}
    div#main div.tags a.s  {font-size:108%;}
    div#main div.tags a.m  {font-size:138.5%;}
    div#main div.tags a.l  {font-size:167%;}
    div#main div.tags a.xl {font-size:197%;}

  div#content ul.page-meta {margin-left:0; font-size:85%; line-height:1.16;}
    div#content ul.page-meta li {display:inline; list-style-type:none; padding-right:.5em;}

  div#comment-list {}
    div#comment-list h3 {min-height:18px; margin-top:1.5em; margin-bottom:.2em; padding-left:24px; background:url(../themes/mefa1/assets/h4.gif) left center no-repeat; color:#cf2415; font-size:123.1%; font-weight:bold;}
    div#comment-list ol#comments {margin:0 0 2em 0;}
      ol#comments li.comment {list-style-type:none;}
        ol#comments div.comment-avatar {float:left; margin-bottom:2em;}
        ol#comments div.comment-avatar img {border:1px solid #bbbcba;}
        ol#comments ul.comment-meta {margin-left:80px;}
        ol#comments ul.comment-meta li {display:inline; list-style-type:none; padding-right:.5em;}
        ol#comments ul.comment-meta li.count {font-size:116%;}
        ol#comments ul.comment-meta li.author {font-size:116%;}
        ol#comments ul.comment-meta li.posted-at {font-size:85%;}
        ol#comments div.comment-body {margin-left:80px; margin-bottom:2em;}
        ol#comments div.comment-body p {margin-bottom:1em;}
        ol#comments div.comment-body ol {margin:0 1em 1em 1em;}
        ol#comments div.comment-body ul {margin:0 1em 1em 1em;}
        ol#comments div.comment-body li {margin-left:1em; list-style-position:inside;}
        ol#comments div.comment-body blockquote {margin:1em 1em; border-left:.4em solid #bbbcba; padding-left:.6em; font-style: italic;}
        ol#comments div.comment-body em {font-weight: bold;}
        ol#comments div.comment-body strong {color: #cf2415; font-weight: bold;}
      /*- clearfix hack -*/
      ol#comments li.comment:after {content:" "; display:block; height:0; visibility:hidden; clear:both;}
      ol#comments li.comment {display:inline-block;}
      ol#comments li.comment {display:block;}
  div#comment-form {margin-top:4em; margin-bottom:2em;}
    div#comment-form h4 {min-height:18px; margin-top:1.5em; margin-bottom:.2em; margin-left:80px; padding-left:24px; background:url(../themes/mefa1/assets/h4.gif) left center no-repeat; color:#cf2415; font-size:123.1%; font-weight:bold;}
    div#comment-form form {margin-left:80px;}
      div#comment-form dt {font-size:93%;}
      div#comment-form dd {margin-bottom:.8em;}
      div#comment-form .hint {margin-left:1em; font-size:77%; line-height:1.231;}
      input#new_comment_author {width:8em;}
      input#new_comment_email {width:16em;}
      input#new_comment_url {width:16em;}
      div#comment-form textarea {width:100%;}
      div#comment-form div.buttons {margin-top:.5em; text-align:right;}
      div#comment-form p.thanks {padding:1.5em 0; line-height:1; font-size:182%; font-weight:bold;}
      div#comment-form p.thanks span.notice {font-size:62%;}
      div#comment-form .fieldWithErrors {display:inline; color:#e2041b; font-weight:bold;}
      div#comment-form #errorExplanation {margin-bottom:1.5em; border:2px solid #e2041b; background:#f3f3f2;}
      div#comment-form #errorExplanation h2 {padding:.5em .8em; background:#e2041b; color:#fff; font-size:100%;}
      div#comment-form #errorExplanation p {padding:.5em .8em 0 .8em;}
      div#comment-form #errorExplanation ul {padding:.5em .8em;}
      div#comment-form #errorExplanation li {list-style-position:inside;}

    #bottom-pagination {margin-top:0; margin-bottom:4em; padding-top:.3em; text-align:center;}
    #main .pagination {padding-top:.1em; padding-bottom:.1em; font-size:138.5%;}
      #main .pagination a,
      #main .pagination span {margin-right:.2em; padding:.3em .5em;}
      #main .pagination span.disabled {color:#bbbcba;}
      #main .pagination span.current {border:1px solid #bbbcba; font-weight:bold; background:#cf2415; color:#fff;}
      #main .pagination a {border:1px solid #bbbcba; text-decoration:none; color:#cf2415;}
      #main .pagination a:hover,
      #main .pagination a:focus {background:#bbbcba; color:#fff;}
      #main .pagination-info {margin-top:.2em; font-size:93%;}

  div#sub {}
  div#sub div.side-menu {margin-bottom:1em; line-height:1.16;}
  div#sub h3.side-menu-title {margin-bottom:.2em; font-size:116%;}
    div#sub h3.side-menu-title a {text-decoration:none;}
    div#sub h3.side-menu-title a:hover {background:#fff;}
    div#sub h3.side-menu-title img {margin-left:.5em; vertical-align:-.1em;}
    div#sub div.side-menu ol {margin:0 0 2em 0; line-height:1.16;}
    div#sub div.side-menu li {list-style-type:none; margin-bottom:.4em; font-size:100%; line-height:1.16;}
    div#sub div.side-menu li span.date {margin-right:.5em;}
    div#sub div.side-menu li a {padding:.3em 0; line-height:1.16;}
    div#sub div.side-menu ul {}
    div#sub div.side-menu ul.banner img {border:1px solid #bbbcba;}
    div#sub div.side-menu ul.banner a:hover {background:none;}
    div#sub div.side-menu div.tags {margin-bottom:2em; line-height:1.16;}
      div#sub div.side-menu div.tags a {margin-right:.2em;}
      div#sub div.side-menu div.tags a.xs {font-size:77%;}
      div#sub div.side-menu div.tags a.s  {font-size:93%;}
      div#sub div.side-menu div.tags a.m  {font-size:108%;}
      div#sub div.side-menu div.tags a.l  {font-size:123.1%;}
      div#sub div.side-menu div.tags a.xl {font-size:153.9%;}

  div#content span.ref {font-size: 85%;}

div#outro {}
  div#outro p {text-align: right;}

div#footer {border-bottom: 0; background: #0d0d0d;}
  div#footer p {float: left; padding-left: 6px; padding-bottom: 2px; color: #ffffff; font-size: 85%;}
    div#footer p a {color: #ffffff;}
    div#footer p a:hover {color: #919596;}
  div#footer ul {float: right; padding-right: 6px; padding-bottom: 2px; font-size: 85%;}
    div#footer ul li {display: inline; padding-left: 2px; color: #ffffff;}
    div#footer ul li a {color: #ffffff;}
    div#footer ul li a:hover {color: #919596;}

div#margin-bottom {}
  div#margin-bottom p {padding-right: 6px; font-size: 93%; text-align: right;}