td a img
{
  vertical-align:middle;
}

#main .headertext {
  font-size:90%
}

#main .info-box {
  border:5px solid #c3cad0;
  background:#fffcf8;
  padding:30px 30px 20px 30px;
  margin:0 0 20px 0;
}

#main .info-box li {
  list-style-type:decimal;
/*  font-size:90%;*/
  line-height:150%;
  letter-spacing:1px;
  margin:0 0 10px 30px;
  text-align:left;
}

div.nocap-height {
  /*height:105px !important;
  _padding-bottom:0px !important;*/
}
div.stop-guide-icon-text {
  display: inline-block;
  background-color:#919191;
  color:#ffffff;
  padding-left: 0.35em;
  padding-right: 0.35em;
}

#mvp-main .sec .wrap .di-sec-title h2{
  font-size: 100%;
  text-align: left;
  font-weight: normal;
  margin-bottom: 10px
}
/* 50 list
-------------------------------------------------------------------------------- */

#main .page-navi-num {
  font-size:80%;
  line-height:100%;
  margin:0 0 15px 0;
  text-align:left;
}

#main .page-navi-num:first-child {
    margin-top: 10px;
}
#main .page-navi-num:last-child {
    margin-bottom: 2px;
}

#main .page-navi-num li {
  list-style:none;
  display:inline-block;
  margin:0 5px 0 0;
  padding: 8px;
  border:1px solid #e2e2e2;
  background: #F3F3F3;
}

#main .page-navi-num li a,#main .page-navi-num li a:link,#main .page-navi-num li a:visited,#main .page-navi-num li a:active {
  color:#121212;
}
#main .page-navi-num li.on{
  padding: 8px;
  border:1px solid #e2e2e2;
  background: #d4ec99;
}

#main .page-navi-num li.on span{
  color:#121212;
}

#main .page-navi-num li a.on,#main .page-navi-num li a:hover {
  background:#d4ec99;
}

#main .page-navi-num li a.on{
/*  background-color:#d4ec99;*/
}

#main .to-detail-top {
  font-size:80%;
  text-align:right;
  padding:0 10px 0 0;
}

/* free-box
-------------------------------------------------------------------------------- */

#main #free-box {
  background:url(../../../common/images/bg_slash_glay.gif);
  border:1px solid #d2d9dc;
  margin:0 0 5px 0;
}

#main #free-box p {
  padding:5px 5px 0 5px;
  text-align:center;
}

#main #free-box .btn {
  vertical-align:bottom;
}

#main #free-box input {
  margin:0 2px;
}

#main #free-box form {
  text-align:center;
  padding:0 0 5px 0;
}
#main #free-box button{
  display: inline-block;
  background: #fff;
  padding: 5px 10px ;
  border: 2px solid #0070c0;
  border-radius: 8px;
  color: #0070c0;
  font-weight: bold;
  line-height: 1;
  text-align: center;
}
#main #free-box button:hover{
  background: #0070c0;
  color: #fff;
}
/****************************/
/*     製剤写真              */
/****************************/
ul.photo
{
  list-style:none outline ! important;
  margin:0px ! important;
  padding:0px ! important;
}
ul.photo:after {
  content: "";
  clear: both;
  display: block;
}

li.photo
{
  float:left;
  list-style-type:none ! important;
  list-style-image:none ! important;
  white-space:nowrap;
  margin-top: 2px ! important;
  margin-bottom: 2px ! important;
  margin-left: 0px ! important;
  margin-right: 4px ! important;
  box-sizing: border-box !important;
}

/** \テーブル **/
#main .di-table#photo-table {
  margin-right:auto;
}
#main .di-table#photo-table td.photo_name {
  width:280px;
  text-align:left;
}
#main .di-table#photo-table td.photo_cell {
  width:240px;
  min-width: 80px;
  text-align:left;
}
#main .di-table#photo-table td.photo_info {
  width:70px;
  min-width: 40px;
  text-align:center;
}
#main .di-table#photo-table td.photo_date {
  width:100px;
  min-width: 70px;
  text-align:left;
}

#main .banner-container {
  position: relative;
  margin-top: 2rem;
}

#main a.banner-link {
  position: absolute;
  left: -1000px;
  top: -78px;
}

#main div.qa-link-container {
  padding-left: 1rem;
  padding-bottom: 0.7rem;
  border-bottom: #5080c0 dashed 1px;
}

#photothumbnails-table {
  border: 0px solid #a9a9a9;
  border-collapse:collapse;
  width: auto;
  margin: 0 auto;
}
#photothumbnails-table td{
  font-size:80%;
  border: 1px solid #a9a9a9;
  padding:5px;
}
#main #photothumbnails-table td.photothumbnails_name {
  width:200px;
  text-align:left;
}
#main #photothumbnails-table td.photothumbnails_date {
  width:100px;
  text-align:center;
}
#main #photothumbnails-table td.photothumbnails_photo {
  width:240px;
  text-align:left;
}

#main .di-caption-cell .item-title {
  display: table-cell;  
}

#main .di-caption-cell .collapse {
  display: table-cell;  
  width: 30px;
}

#main .di-caption-cell .collapse-sub-trigger {
  cursor: pointer;
}

#main .di-caption-cell .collapse .collapse-trigger {
  border: solid 1px;
  border-radius: 4px;
  padding-left: 0rem;
  padding-right: 0;
  padding-bottom: 4px;
  font-weight: bold;
  color:#0070c0;
  background-color: white;
  cursor:pointer;
  display: inline-block;
  width: 20px;
  text-align: center;
}
#main .di-caption-cell .collapse .collapse-trigger:hover {
  background-color:#0070c0;
  color: white;  
}

#main .di-caption-cell .collapse .collapse-trigger::after {
  content: "+";
}
#main .di-caption-cell .collapse .collapse-trigger[data-collapse="expand"]::after {
  content: "-";
}

/****************************/
/*       電子添文            */
/****************************/
#main .di-table#annex-table {
  margin-right:auto;
  margin-bottom: 20px;
}
#main .di-table#annex-table td.annex_name {
  width:300px;
  text-align:left;
/*  margin-left:none ! important;*/
}
#main .di-table#annex-table td.annex_date {
  width:120px;
  text-align:left;
/*  padding-left:50px;*/
}
#main .di-table#annex-table td.annex_file1,
#main .di-table#annex-table td.annex_file2 {
  width:100px;
  text-align:center;
}

#main .di-table#intev-table {
  margin-right:auto;
}
#main .di-table#intev-table td.intv_name {
  width:300px;
  text-align:left;
/*  margin-left:none ! important;*/
}
#main .di-table#intev-table td.intv_date {
  width:160px;
  text-align:left;
/*  padding-left:10px;*/
}
#main .di-table#intev-table td.intv_file {
  width:120px;
  text-align:left;
  padding-left:40px;
}


#main .di-table#precaution-table {
  margin-right:auto;
}
#main .di-table#precaution-table td.precaution_name {
  width:300px;
  text-align:left;
/*  margin-left:none ! important;*/
}
#main .di-table#precaution-table td.precaution_date {
  width:160px;
  text-align:left;
/*  padding-left:10px;*/
}
#main .di-table#precaution-table td.precaution_file {
  width:120px;
  text-align:left;
  padding-left:40px;
}

#main .di-table#shiori-table {
  margin-right:auto;
}
#main .di-table#shiori-table td.shiori_name {
  width:300px;
  text-align:left;
/*  margin-left:none ! important;*/
}
#main .di-table#shiori-table td.shiori_date {
  width:80px;
  text-align:left;
/*  padding-left:10px;*/
}
#main .di-table#shiori-table td.shiori_file1,
#main .di-table#shiori-table td.shiori_file2,
#main .di-table#shiori-table td.shiori_file3,
#main .di-table#shiori-table td.shiori_file4 {
    width:75px;
  text-align:center;
}
#main .di-table#shiori-table th span{
    font-size: 97%;
}

#main .di-table#guide-table {
  margin-right:auto;
}
#main .di-table#guide-table td.guide_name {
  width:300px;
  text-align:left;
/*  margin-left:none ! important;*/
}
#main .di-table#guide-table td.guide_date {
  width:160px;
  text-align:left;
/*  padding-left:10px;*/
}
#main .di-table#guide-table td.guide_file {
  width:150px;
  text-align:center;
}

#main .di-table#info-table {
  margin-right:auto;
  margin-bottom: 20px;
}
#main .di-table#info-table td.info_num {
  width:40px;
  text-align:left;
}
#main .di-table#info-table td.info_date {
  width:110px;
  text-align:left;
}
#main .di-table#info-table td.info_name {
  width:140px;
  text-align:left;
}
#main .di-table#info-table td.info_ifnno {
  width:80px;
  text-align:left;
}
#main .di-table#info-table td.info_file {
  /*width:310px;*/
  text-align:left;
}

#main .special-topics {
  border: #00bfff dotted 3px;
    padding: 6px 10px 4px 10px;
    max-width: 100%;
    margin-top: 0px;
    width: 100%;
    margin-left: 2px;
    margin-bottom: 1.8em;
    overflow:auto;
    overflow-x: hidden;
    box-sizing: border-box;
}
    #main .special-topics > ul {
        padding: 0 0 0 1.3em;
        width: 98%;
        margin-bottom: 0;
        list-style: circle;
    }
      #main .special-topics > ul > li {
        margin-bottom: 0.4em;
        list-style-type: disc;
      }

#main .di-table#direction-table {
  margin-right:auto;
  margin-bottom: 20px;
}
#main .di-table#direction-table td.direction_num {
  width:40px;
  text-align:left;
}
#main .di-table#direction-table td.direction_date {
  width:110px;
  text-align:left;
}
#main .di-table#direction-table td.direction_name {
  width:400px;
  text-align:left;
}
#main .di-table#direction-table td.direction_file {
  /*width:400px;*/
  text-align:left;
}

#main .di-table#terms-table {
    width:600px;
}
#main .di-table#terms-table td.terms_name {
    width:350px;
    text-align:left;
}
#main .di-table#terms-table td.terms_term {
    width:250px;
    text-align:left;
}

#main .di-table#termssearch-table {
  width: 100%;
}
#main .di-table#termssearch-table td.termssearch_num {
  width:30px;
  text-align:left;
}
#main .di-table#termssearch-table td.termssearch_lot {
  width:100px;
  text-align:left;
}
#main .di-table#termssearch-table td.termssearch_name {
  width:370px;
  text-align:left;
}
#main .di-table#termssearch-table td.termssearch_term {
  width:100px;
  text-align:left;
}

#main table.codelist-comment {
  width:100%;
}

#main table.codelist-comment td.excel-output{
  text-align:right;
}

#main .di-table#codelist2-table {
  margin-right:auto;
}
#main .di-table#codelist2-table th.codelist2_name {
  width:400px;
}
#main .di-table#codelist2-table td.codelist2_name {
  width:400px;
  text-align:left;
}
#main .di-table#codelist2-table th.codelist2_code {
  width:250px;
}
#main .di-table#codelist2-table td.codelist2_code {
  width:250px;
  text-align:left;
}

/****************************/
/*  code-list2   RSS        */
/****************************/
#main .di-table#codelist2-table th.codelist2_rss_name {
  width:335px;
}
#main .di-table#codelist2-table td.codelist2_rss_name {
  width:335px;
  text-align:left;
}
#main .di-table#codelist2-table th.codelist2_rss_code_t {
  width:105px;
}
#main .di-table#codelist2-table td.codelist2_rss_code_t {
  width:105px;
  text-align:left;
}
#main .di-table#codelist2-table th.codelist2_rss_code_h {
  width:105px;
}
#main .di-table#codelist2-table td.codelist2_rss_code_h {
  width:105px;
  text-align:left;
}
#main .di-table#codelist2-table th.codelist2_rss_code_m {
  width:105px;
}
#main .di-table#codelist2-table td.codelist2_rss_code_m {
  width:105px;
  text-align:left;
}

/****************************/
/*  code-detail            */
/****************************/
#main .di-table#codedetail-table  {
  border-bottom:none;
  border-top:1px solid #a7b8d2;;
  border-collapse:collapse;
  margin-right:auto;
}

#main .di-table#codedetail-table th {
  width:110px;
  text-align:left;
}
#main .di-table#codedetail-table td {
  text-align:left;
  border-bottom:1px solid #a7b8d2;
  word-break:break-all;
}

/* 患者用資材 */
#main .di-table#prescribe-table {
    margin-right:auto;
}
#main .di-table#prescribe-table td.prescribe_image {
    width:70px;
    text-align:center;
}
#main .di-table#prescribe-table td.prescribe_image img{
    border: 1px solid #d3d1c9;
}
#main .di-table#prescribe-table td.prescribe_title {
    width:150px;
    text-align:left;
}
#main .di-table#prescribe-table td.prescribe_doctxt {
    width:350px;
    text-align:left;
}
#main .di-table#prescribe-table td.prescribe_file {
    width:90px;
    text-align:center;
}

div.for-pc { display: block; }
div.for-mobile { display: none; }


@media screen and (max-width:639px){
    body {
        /* -webkit-text-size-adjust: 250%; */
    }

    div.for-pc { display: none; }
    div.for-mobile { display: block; }

    table.di-responsive-table {
        width: 100%;
    }

    table.di-responsive-table > tbody > tr > th,
    table.di-responsive-table > tbody > tr > td  {
        display: block;
        width: 100%;
        width: calc(100% - 0.5em);
        text-align: left;
        /* -webkit-text-size-adjust: 250%; */
    }

    table.di-responsive-table > tbody > tr > th  {
        font-weight: bold;
        padding-left: 0.5em;
        padding-bottom: 2px;
    }

    table.di-responsive-table > tbody > tr:first-child > th:first-child,
    table.di-responsive-table > tbody > tr:first-child > td:first-child {
        margin-top: 0px;
        border-top: none;
        padding-top: 0px;
    }
    table.di-responsive-table > tbody > tr > td {
        margin-bottom: 8px;
        padding-left: 1.0em;
        padding-top: 0.3em;
        padding-bottom: 0.4em;
        border-bottom: #5080c0 dashed 1px;
    }
    table.di-responsive-table > tbody > tr > th:last-child,
    table.di-responsive-table > tbody > tr > td:last-child {
        margin-bottom: 0.2em;
        padding-bottom: 0.3em;
        border-bottom: none;
    }

    table.di-responsive-table a.file-download-link:before {
        content: attr(data-substitute-title);
        margin-right: 0.2em;
        display: inline-block;
    }

    table.di-responsive-table a.file-download-link > img {
        display: none;
    }

    table.di-responsive-table a.file-download-link > br {
        display: none;
    }

    table.di-responsive-table > tbody > tr > th.di-hide-cell,
    table.di-responsive-table > tbody > tr > td.di-hide-cell {
        display: none;
    }

    table.di-responsive-table > tbody > tr > td.di-caption-cell:first-child,
    table.di-responsive-table > tbody > tr > td.di-caption-cell {
        background-color: #70a0c0;
        color: white;
        padding: 0.3em 0.5em;
        font-size: 100%;
        border: none;
    }
        table.di-responsive-table > tbody > tr > td.di-caption-cell > a {
            color: white;
            display: block;
            width: 100%;
        }

    li.photo
    {
        float: none;
        width: 100%;
        border-bottom: #5080c0 dashed 1px;
        padding-left: 1.0em;
        padding-top: 0.3em;
        padding-bottom: 0.5em;
        white-space: normal;
    }
        li.photo > a {
            display: block;
            width: 100%;
        }

    ul.photo > li.photo:first-child {
        padding-top: 0em;
    }
    ul.photo > li.photo:last-child {
        border-bottom: none;
        padding-bottom: 0.2em;
    }


    table.photo-table-mobile > tbody > tr > td.photo_cell {
        padding-left: 0;
    }

    table.info-table-mobile > tbody > tr > td,
    table.direction-table-mobile > tbody > tr > td {
        margin-top: 0;
        margin-bottom: 0;
        border: none;
        padding-top: 0.2em;
        padding-bottom: 0;
    }

    table.info-table-mobile > tbody > tr > td:first-child,
    table.direction-table-mobile > tbody > tr > td:first-child {
        margin-top: 0.2em;
        padding-top: 0;
    }

    table.prescribe-table-mobile > tbody > tr > th,
    table.prescribe-table-mobile > tbody > tr > td {
        border: none;
    }

    table.prescribe-table-mobile > tbody > tr > th:last-child,
    table.prescribe-table-mobile > tbody > tr > td:last-child {
        margin-bottom: 0.6em;
        border-bottom: #5080c0 solid 1px;
        padding-bottom: 0.7em;
    }

    table.info-table-mobile > tbody > tr > th:last-child,
    table.info-table-mobile > tbody > tr > td:last-child,
    table.direction-table-mobile > tbody > tr > th:last-child,
    table.direction-table-mobile > tbody > tr > td:last-child {
        margin-bottom: 0.2em;
        border-bottom: #5080c0 solid 1px;
        padding-bottom: 0.5em;
    }
}

@media screen and (max-device-width: 480px) {
    li.photo
    {
        border-bottom: #5080c0 dashed 1px;
    }

    table.di-responsive-table > tbody > tr > td {
        border-bottom: #5080c0 dashed 1px;
    }

    table.info-table-mobile > tbody > tr > td,
    table.direction-table-mobile > tbody > tr > td {
        border: none;
    }

    table.prescribe-table-mobile > tbody > tr > th:last-child,
    table.prescribe-table-mobile > tbody > tr > td:last-child {
        border-bottom: #5080c0 solid 1px;
    }

    table.prescribe-table-mobile > tbody > tr > th,
    table.prescribe-table-mobile > tbody > tr > td {
        border: none;
    }

    table.info-table-mobile > tbody > tr > th:last-child,
    table.info-table-mobile > tbody > tr > td:last-child,
    table.direction-table-mobile > tbody > tr > th:last-child,
    table.direction-table-mobile > tbody > tr > td:last-child {
         border-bottom: #5080c0 solid 0.5px;
    }
}

/*
#floatMenu-box {
  position: relative;
}
*/

/*
#floatMenu {
   position: absolute;
}
*/