@charset "UTF-8";
* {
  margin: 0;
  padding: 0; }

body {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
  font-size: 100%;
  color: #333333;
  background: #e3e3e3 url(/assets/images/bg.gif) repeat-x scroll 0 0; }

h1 {
  font-family: Georgia, Garamond, Times, "Times New Roman", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
  font-size: 2em;
  padding: 5px 0;
  color: #1f2c39; }

h2 {
  font-family: Georgia, Garamond, Times, "Times New Roman", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
  font-size: 1.8em;
  color: #1f2c39;
  letter-spacing: 0;
  padding: 5px 0;
  margin-bottom: 5px; }
  h2 span {
    font-size: 0.8em; }

h3 {
  font-family: Georgia, Garamond, Times, "Times New Roman", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
  font-size: 1.4em;
  color: #1f2c39;
  letter-spacing: 0;
  padding: 5px 0;
  margin-bottom: 10px;
  border-bottom: 1px dashed #1f2c39;
  text-shadow: 2px 2px 2px #838383; }
  h3 span {
    font-size: 0.8em; }

h4 {
  font-family: Georgia, Garamond, Times, "Times New Roman", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
  font-size: 1.2em;
  color: #1f2c39;
  letter-spacing: 0;
  padding: 5px 0;
  margin-bottom: 10px; }

h5 {
  font-family: Georgia, Garamond, Times, "Times New Roman", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
  font-size: 1.1em;
  font-style: italic;
  color: #1f2c39;
  letter-spacing: 0;
  padding: 5px 0;
  margin-bottom: 10px; }

p {
  margin-bottom: 1em;
  color: #333333;
  line-height: 1.5; }

ul, ol {
  margin-left: 20px;
  margin-top: 1em;
  margin-bottom: 1em; }

pre {
  font-size: 0.9em;
  margin: 1em 0;
  padding: 5px 0 5px 5px;
  overflow: auto;
  width: 95%; }

a {
  font-weight: bold;
  text-decoration: none; }
  a:hover {
    text-decoration: underline; }
  a img {
    border-style: none; }

blockquote {
  background-color: #f1f1f1;
  border: 1px solid #e2e2e2;
  color: #555555;
  margin: 10px 20px 10px 10px;
  padding: 10px 10px 0; }

aside p {
  padding-left: 20px; }

/* code */
/*   background-color: #F8F8FF */
/*   border: 1px solid #DEDEDE */
/*   font-size: #444444 */
/*   padding: 0 0.2em */
/*   color: #444444 */
.clearfix {
  zoom: 100%; }
  .clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden; }

.article {
  margin-bottom: 20px; }
  .article a {
    color: #1f2c39; }
  .article .excerpt {
    margin-left: 10px; }
  .article h2 a {
    color: #f79910;
    font-weight: bold;
    text-shadow: 2px 2px 2px #bababa; }

.meta {
  color: #838383;
  font-size: 0.8em;
  margin-bottom: 1em;
  font-style: italic; }

.right {
  text-align: right; }

.feed {
  background: transparent url(/assets/images/feed.gif) no-repeat scroll 0 100%;
  margin-left: 5px;
  padding-left: 25px; }

.referer {
  background-color: #f5f5f5;
  color: #838383;
  font-size: x-small;
  margin-top: 0.5em;
  padding: 0.5em; }

#wrapper {
  position: relative;
  padding-right: 5px;
  background: transparent url(/assets/images/left_bg.gif) repeat-y scroll right center;
  margin: 0 auto;
  width: 980px;
  border-left: 1px solid #9a9a9a;
  overflow: auto; }

#header {
  background: #1c1c1c url(/assets/images/header_bg.gif) repeat-x scroll 0 0;
  padding: 30px 0 20px 80px;
  border-bottom: 1px solid #343434; }
  #header h1 {
    color: #bababa;
    padding: 10px;
    text-shadow: 2px 2px 2px gray; }
    #header h1 a {
      color: #bababa;
      font-weight: bold;
        font-weight-disiplay: block; }

/* 基本ページの content-wrapper */
#content-wrapper {
  background: white url(/assets/images/x_orange_sidebar_bg.gif) repeat-y scroll right top; }

#content {
  float: left;
  margin-right: -380px;
  width: 100%;
  background: transparent url(/assets/images/content_top_bg.gif) repeat-x scroll 0 0; }

#inner-wrapper {
  margin: 15px 350px 15px 15px; }
  #inner-wrapper li {
    line-height: 1.4; }

#sidebar {
  float: right;
  width: 380px;
  overflow: hidden;
  padding-bottom: 20px;
  padding-top: 20px;
  background: transparent url(/assets/images/x_orange_sidebar_top.gif) no-repeat scroll right top; }
  #sidebar .boxy {
    margin: 0 10px 0 60px;
    background-color: #f8a62e;
    margin-bottom: 10px;
    border: 1px solid #ffc548;
    padding: 0 5px 5px 10px; }
    #sidebar .boxy h3 {
      font-style: italic;
      padding-left: 5px;
      font-size: 1.2em; }
    #sidebar .boxy a {
      color: #1f2c39; }
    #sidebar .boxy ul, #sidebar .boxy p, #sidebar .boxy dt, #sidebar .boxy dd {
      font-size: 0.8em; }
    #sidebar .boxy dt {
      font-size: 1em; }
    #sidebar .boxy dd {
      margin-left: 1em; }

#footer {
  background: #272727 url(/assets/images/footer_bg.gif) repeat-x scroll left bottom;
  color: #bababa;
  font-size: 0.8em;
  border-top: 1px solid #343434;
  padding-top: 14px;
  padding-right: 380px;
  padding-bottom: 40px;
  padding-left: 80px;
  text-align: center; }
  #footer p {
    color: #bababa; }
  #footer a {
    color: #bababa;
    text-decoration: underline; }