#wrapper.blog {
  width: 980px;
  height: auto;
  margin: auto;
  padding-bottom: 20px;
  z-index: 100;
  zoom: 1; }
  #wrapper.blog header {
    width: 1009px;
    height: 135px;
    position: absolute;
    margin-bottom: 36px;
    left: -73px;
    top: 0;
    background: url(/project-parts/img/head-bg.png) no-repeat;
    z-index: 1000;
    position: relative; }
    #wrapper.blog header h1 {
      position: absolute;
      top: 22px;
      left: 115px; }
    #wrapper.blog header p {
      position: absolute;
      top: 55px;
      left: 115px; }
    #wrapper.blog header nav {
      position: absolute;
      top: 81px;
      left: 113px; }
    #wrapper.blog header #balloon_01 {
      position: absolute;
      top: 62px;
      right: 289px; }
    #wrapper.blog header #balloon_02 {
      position: absolute;
      top: 94px;
      right: 240px; }
  #wrapper.blog #left_wrap {
    width: 693px;
    float: left; }
  #wrapper.blog #right_wrap {
    float: right; }
    #wrapper.blog #right_wrap .box {
      background: #5e524b;
      width: 260px;
      height: auto;
      margin-bottom: 13px;
      box-shadow: 1px 0 4px 1px rgba(0, 0, 0, 0.3); }
    #wrapper.blog #right_wrap nav {
      padding: 22px 26px 18px;
      font-size: 13px; }
      #wrapper.blog #right_wrap nav p {
        margin-bottom: 13px;
        padding-bottom: 13px;
        padding-left: 1px;
        border-bottom: 1px solid #c0c0c0; }
      #wrapper.blog #right_wrap nav ul {
        margin-top: 3px; }
        #wrapper.blog #right_wrap nav ul li {
          margin-bottom: 12px; }
          #wrapper.blog #right_wrap nav ul li ul {
            margin-left: 7px; }
            #wrapper.blog #right_wrap nav ul li ul li {
              padding-left: 11px;
              background: url(/blog-parts/img/blog-icon.gif) no-repeat 0px center; }
      #wrapper.blog #right_wrap nav a {
        color: #ffffff; }
        #wrapper.blog #right_wrap nav a:hover {
          color: #eab913; }
  #wrapper.blog #works_wrap {
    width: 980px;
    z-index: 100;
    position: absolute; }
  #wrapper.blog .post_area {
    background: #5e524b;
    width: 693px;
    height: auto;
    margin-bottom: 18px;
    box-shadow: 1px 0 4px 1px rgba(0, 0, 0, 0.3);
    line-height: 230%;
    color: #f4f4f4; }
    #wrapper.blog .post_area .inner {
      padding: 22px 21px;
      position: relative;
      font-size: 13px; }
      #wrapper.blog .post_area .inner h1 {
        font-size: 22px;
        margin: 32px 0 7px;
        text-align: center;
        font-weight: bold; }
        #wrapper.blog .post_area .inner h1 a {
          color: #ffffff;
          text-decoration: none; }
          #wrapper.blog .post_area .inner h1 a:hover {
            color: #eab913; }
      #wrapper.blog .post_area .inner p {
        margin: 0 14px 25px; }
    #wrapper.blog .post_area time {
      text-align: center;
      display: block;
      margin-bottom: 15px;
      font-size: 13px;
      letter-spacing: 1px; }
      #wrapper.blog .post_area time i {
        font-size: 15px;
        margin-right: 3px; }
    #wrapper.blog .post_area .img_box {
      margin-bottom: 24px;
      background: #ffffff; }
      #wrapper.blog .post_area .img_box:hover img {
        opacity: 0.9;
        filter: alpha(opacity=9);
        -ms-filter: "alpha(opacity=70)";
        -moz-opacity: 0.9;
        -khtml-opacity: 0.9; }
    #wrapper.blog .post_area dl {
      line-height: 175%; }
    #wrapper.blog .post_area .more {
      zoom: 1; }
      #wrapper.blog .post_area .more a {
        display: block;
        background: #018694;
        text-align: center;
        padding: 5px 6px;
        margin-top: 14px;
        width: 640px;
        color: #ffffff;
        letter-spacing: 1px;
        text-decoration: none;
        font-size: 15px; }
        #wrapper.blog .post_area .more a:hover {
          background: #3ba9b4; }
    #wrapper.blog .post_area .more:after {
      content: ".";
      display: block;
      height: 0;
      font-size: 0;
      clear: both;
      visibility: hidden; }

#navi-link {
  text-align: center;
  margin-bottom: 26px;
  font-size: 24px;
  zoom: 1; }
  #navi-link a {
    font-size: 24px;
    color: #51504f; }

#navi-link:after {
  content: ".";
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden; }

.prev {
  float: right; }

.next {
  float: left; }

.prev,
.next {
  list-style: none;
  color: #51504f;
  font-size: 14px; }
  .prev a,
  .next a {
    color: #51504f; }

#wrapper_inner_up {
  z-index: 0; }

#wrapper.blog:after {
  content: ".";
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden; }