body, html {
  background: #000; }

#modal {
  width: 830px;
  margin: 0 auto;
  color: #f2f2f2; }
  #modal .close {
    text-align: right;
    padding: 8px; }
  #modal .inner {
    width: 790px;
    padding: 30px 20px 20px; }
    #modal .inner .pic {
      text-align: center;
      padding-bottom: 20px;
      height: auto; }
	  #modal .inner .pic img{      max-width: 600px;
      max-height: 500px; }

    #modal .inner .detail {
      font-size: 14px;
      font-size: 1.4rem;
      text-align: left;line-height: 1.2em; }
      #modal .inner .detail #list {
        padding-left: 110px;
        line-height: 1.2em;
        padding-bottom: 10px; }
      #modal .inner .detail .name {
        background: url(/jalcardtotabi/img/list_subttl_01.png) no-repeat 0 0; }
      #modal .inner .detail .title {
        background: url(/jalcardtotabi/img/list_subttl_02.png) no-repeat 0 0; }
      #modal .inner .detail .episode {
        background: url(/jalcardtotabi/img/list_subttl_03.png) no-repeat 0 0; }
      #modal .inner .detail .style {
        background: url(/jalcardtotabi/img/list_subttl_04.png) no-repeat 0 0; }
      #modal .inner .detail .area {
        background: url(/jalcardtotabi/img/list_subttl_05.png) no-repeat 0 0; }
      #modal .inner .detail .spot {
        background: url(/jalcardtotabi/img/list_subttl_06.png) no-repeat 0 0; }
      #modal .inner .detail .comment strong{color:#AB8E1B}
      #modal .inner .detail .comment{border-top:1px dotted #6E5F27;margin-top:6px;padding-top:10px}