@charset "UTF-8";
body {
  font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif; }

#share {
  margin: 0 auto;
  width: 1000px; }

#share-page {
  padding: 20px 0 30px 0; }
  #share-page .main {
    margin: 0 auto;
    width: 740px; }
    #share-page .main .page {
      margin-bottom: 20px;
      text-align: center; }
      #share-page .main .page a.open-viewer {
        color: black;
        font-weight: bold;
        text-decoration: none; }
      #share-page .main .page .detail-area .text-page {
        padding: 10px;
        margin-bottom: 15px;
        background-color: #00c3e6;
        color: #fff;
        font-size: 22px;
        font-weight: bold;
        border-radius: 5px;
        line-height: 1.2em; }
      #share-page .main .page .detail-area .text-title {
        font-size: 18px;
        font-weight: bold;
        line-height: 1.2em;
        margin-bottom: 5px; }
      #share-page .main .page .detail-area .text-date {
        font-size: 14px;
        margin-bottom: 15px; }
      #share-page .main .page .image-area img {
        border: 1px solid #bbb;
        max-width: 80%; }
      #share-page .main .page .image-area .denied {
        width: 200px;
        height: 249px;
        background: #eee;
        border: 1px solid #bbb;
        margin: auto; }
        #share-page .main .page .image-area .denied div {
          margin-top: 30%; }
    #share-page .main .view .view-detail {
      margin: 0 auto 15px auto;
      width: 680px;
      height: 138px;
      background-image: url("/library/share/images/link_btn_01.png"); }
      #share-page .main .view .view-detail .cover-image {
        padding-top: 15px;
        width: 150px;
        text-align: center; }
        #share-page .main .view .view-detail .cover-image img {
          border: 1px solid #bbb; }
    #share-page .main .share {
      margin-bottom: 20px; }
      #share-page .main .share .page-share {
        text-align: center; }
        #share-page .main .share .page-share .sns {
          display: inline-block;
          margin: 10px 5px; }
        #share-page .main .share .page-share .twitter {
          width: 90px; }
    #share-page .main .issue {
      margin: 0 auto 15px auto;
      width: 680px;
      height: 138px;
      background-image: url("/library/share/images/link_btn_02.png"); }
      #share-page .main .issue .view-detail {
        width: 100%;
        height: 138px; }
        #share-page .main .issue .view-detail .cover-image {
          width: 150px;
          text-align: center;
          vertical-align: middle; }
          #share-page .main .issue .view-detail .cover-image img {
            margin-top: -5px;
            border: 1px solid #bbb; }
        #share-page .main .issue .view-detail .detail-text {
          text-align: left;
          vertical-align: middle;
          padding-left: 15px;
          padding-right: 48px;
          font-size: 18px;
          font-weight: bold;
          color: #444 !important; }
  #share-page #right-navi {
    float: right;
    width: 230px;
    display: none; }

#user-comment {
  background-color: #f1f1f1;
  padding: 10px 0px; }
  #user-comment h1 {
    margin: 15px 10px;
    font-size: 20px; }
  #user-comment .comments {
    font-family: '小塚ゴシック Pr6N','Kozuka Gothic Pr6N','sans-serif';
    margin: 10px;
    list-style: none; }
  #user-comment .content {
    margin-top: -1px;
    padding: 15px;
    border: 1px solid #ccc;
    background-color: #fff;
    position: relative; }
  #user-comment .user-icon {
    position: absolute;
    right: 15px;
    top: 10px; }
  #user-comment .text {
    width: 100%;
    margin: 10px 0px 0px 0px;
    display: block; }
  #user-comment .more-button {
    padding: 10px 5px 5px 10px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #e5e5e5), color-stop(0, #fff));
    background: -webkit-linear-gradient(#fff, #e5e5e5);
    background: -moz-linear-gradient(#fff, #e5e5e5);
    background: linear-gradient(#fff, #e5e5e5);
    border: 1px solid #bbb;
    border-radius: 5px;
    margin: 10px;
    text-align: center; }

#top-banner {
  padding: 0 0 30px 0;
  text-align: center; }