@charset "utf-8";

@media screen, print {
  #pickupbar h1 {
    white-space: nowrap; text-indent: 0;
    overflow: hidden;
    margin: 0 auto; padding: 0;
    border: none;
    color: #7a0016;
    background: #fff url("img/bg_h.gif") no-repeat center top;
    width: auto;
    text-align: center;
    font: bold 16px/35px Times, 'Times New Roman', Georgia, serif;
  }
  ul#pickup { list-style-type:none; border: none; margin: 10px auto; padding: 0;}
  ul#pickup li { padding: 0; margin: 0 0 10px 0;}
  ul#pickup li a {
    display: block; margin: 0; padding: 0; overflow: hidden;
    white-space: nowrap;
  }
  ul#pickup li a img {
    margin: 0 auto; padding: 0;
  }
  ul.toplinks { list-style-type:none; border: none; margin: 5px auto; padding: 0;}
  ul.toplinks li { padding: 0; }
  ul.toplinks li a {
    background: #fff url("img/pariLinks.png") no-repeat top left;
    display: block; margin: 0; padding: 0; overflow: hidden;
    white-space: nowrap;
  }
  ul.toplinks li a[href="http://www.u-tokyo.ac.jp/"] {
    height:42px; text-indent: 300px; background-position: center -6px;
  }
  ul.toplinks li a[href="http://www.pp.u-tokyo.ac.jp/"] {
    height:42px; text-indent: 300px; background-position: center -48px;
  }
  ul.toplinks li a[href="http://gsdm.u-tokyo.ac.jp/"] {
    height:42px; text-indent: 300px; background-position: center -90px;
  }
  ul.toplinks li a[href="http://utf.u-tokyo.ac.jp/project/pjt05.html"] {
    height:48px; text-indent: 300px; background-position: center -132px;
  }
  ul.toplinks li a[href="http://pari.u-tokyo.ac.jp/earthquake/plan_smeet.html"] {
    height:60px; text-indent: 300px; background-position: center -253px;
  }
  ul.toplinks li a[href="http://www.u-tokyo.ac.jp/index_e.html"] {
    height:46px; text-indent: 300px; background-position: center -6px;
  }
  ul.toplinks li a[href="http://www.pp.u-tokyo.ac.jp/en/"] {
    height:42px; text-indent: 300px; background-position: center -48px;
  }
  ul.toplinks li a[href="http://gsdm.u-tokyo.ac.jp/en/"] {
    height:42px; text-indent: 300px; background-position: center -90px;
  }

  #main h1, .withpickup #main h1 {
    margin: 0 0 0 10px; padding: 0;
    border: none;
    white-space: nowrap; text-indent: 0;
    overflow: hidden;
    color: #7a0016;
    text-align: left;
    font: bold 16px/35px Times, 'Times New Roman', Georgia, serif;
  }
  #main h1 {
    margin: 0 0 0 0; padding: 0;
  }

  #topics, .withpickup #topics {
    height: 520px; min-height: 410px;
    margin: 0 10px 0 8px;
    overflow-y: scroll;
    border: none;
    border-left: solid 1px #dabfc2;
    border-bottom: solid 1px #dabfc2;
    background: #fcf7f0;
    background: #fafafa;
  }
  #topics {
    margin: 0;
  }
  #topics table {
    border-collapse: collapse;
    width: 100%;
    margin:0;
  }
  #topics table tr:first-child th, #topics table tr:first-child td {
    border-top: solid 1px #dabfc2;
  }
  #topics table th, #topics table td {
    padding: 10px 5px 10px 10px;
    vertical-align: top;
    border-bottom: solid 1px #dabfc2;
    font: normal 14px/21px "ヒラギノ角ゴ Pro W3", "HiraKakuPro-W3","ＭＳ Ｐゴシック",sans-serif;
  }
  body:lang(en) #topics table th, #topics table td {
    font: normal 14px/21px Verdana, "ヒラギノ角ゴ Pro W3", "HiraKakuPro-W3","ＭＳ Ｐゴシック",sans-serif;
  }
  #topics table th {
    white-space: nowrap;
    font-weight: normal;
    text-align: center;
  }
  #topics table th img { max-width: 70px; display: block; margin: 0 auto; }
  #topics ul.backnumber li {
    text-align: right;
  }
  #sidebar ul {
    list-style: none;
    margin: 0; padding: 0;
  }
  .withpickup #sidebar ul li {
    margin: 0; padding: 0;
    border: none;
  }
  #sidebar ul li img {
    max-width: 100%;
    margin: 0 0 10px auto; padding: 0;
  }
}

@media only screen and (max-width: 768px){
  #topics, .withpickup #topics {
    height: auto; min-height: 800px; max-height: 1100px;
  }
}
@media only screen and (max-width: 320px){
  #topics, .withpickup #topics {
    height: auto; min-height: 200px; max-height: 1100px;
  }
}

@media print {
  #pickupbar {
    display: none;
  }
  #topics, .withpickup #topics {
    overflow-y: hidden;
  }
}