/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

/*画面フッター*/
.fotter {

    height:40px; 
    position:fixed; 
    bottom:0; 
    width:98%; 
    background-color:white; 
    border-top:1px solid #ccc;
}

/*ログイン画面表題*/
.h2-login{

    margin: 50px auto 15px auto;
    text-align:center;
}

/*詳細画面表題*/
.h3-border{
    margin-left:10px; 
    border-left:4px solid #ddd;
    border-bottom:4px double #bbb; 
    padding:10px;
}

/* ログイン画面ボディ */
.body-login {
    height:100vh;
    /*background-color:#fafafa;*/
    background-color:white;
}

/*Newsの詳細一覧*/
.div-detail-block{
    font-size:18px; 
    line-height:40px;
    line-height:1.1em; 
    margin:0px 10px 48px 0px ;
}

.mod_submenu{
 position:absolute;
 /*margin-top:5px;*/
 /*left:0px;*/
 z-index:9999;
 padding:20px 0 0 0;
    /*background:transparent url('img/bg_submenu-top.png') no-repeat left top;*/
}
.mod_submenu.sublast{
 left:-98px;
    /*background:transparent url('img/bg_submenu-top02.png') no-repeat left top;*/
}
.mod_submenu{
 display:none;
}
.mod_submenu ul{
    /*background:transparent url('img/bk_submenu.jpg') no-repeat left bottom;*/
 width:240px;
 padding:0 5px 5px 5px;
  zoom: 1;  
}
 
.mod_submenu ul li{
 float:none;
 font-weight:bold;
 border-bottom:solid 1px #CCCCCC;
 padding:5px 0 0 0;
 margin:0 0 3px 0;
}
.mod_submenu ul li:last-child{
 border-bottom:none;
}
.mod_submenu ul li a{
 display:block;
 float:none;
 font-weight:bold;
}


/*追加css*/
a{
    color:#4D9087;
}
a:hover, a:focus{
    color:#4D9087;
    text-decoration: none;
}
/*ヘッダーカラー*/
.mfz_maincolor{
    background-color:#0A665C;
}

.tel-font{
    font-family:'Impact';
    font-size:21px;
    font-weight:normal
}

#headerdiv{
    /*background:url("../Content/Images/mainimage.svg") no-repeat center center;
    background-size:auto 200px;*/
}

/*ヘッダーの文字色*/
.headerfontcolor{
    color:white !important;
}
/*ヘッダーメニューのアイコンサイズ*/
.headermenu_iconsize{
    width:30px;
    height:30px;
}
/*ヘッダーロゴのアイコンサイズ*/
.headermenu_logosize {
    height: 40px;
    width: 155px;
    margin-top:10px;
}

/*ヘッダーメニュー表示*/
 .navli {
        text-align: center;
        /*float: left;*/
        width: 130px;
        border-right: 1px solid #F4F4F4;
    }
  .navli_MFZ {
        text-align: center;
        float: left;
        width: 150px;
        border-right: 1px solid #F4F4F4;
    }
 .navli_top{
    border-left: 1px solid #F4F4F4;
 }
 .navli_top:hover{
     background-color:#0A665C;
 }
 .navli_top:hover > a > p{
     color:white;
 }

 .nav > li > a {
     padding:10px 13px;
 }

 li > a > p{
     margin:0px;
     color: #000;
 }

 .mainmenu_padding{
     padding:5px 5px !important;
 }

 .nav_bottomnone{
     margin-bottom: 0px;
 }

 .breadcrumb_panel{
     border-bottom: 3px solid #ccc;
     background-color: #FCFCFC;
     margin-bottom:25px;
 }

 .breadcumb_panel_bottom{
     border-top: 3px solid #ccc;
     border-bottom: 2px solid #ccc;
     background-color: #FCFCFC;
     margin-bottom:0px;
 }

   .custom_breadcrumb:before{
      content: none !important;
  }

  .custom_breadcrumb_default > li + li:before{
      color: black;
  }

 /*Body上部*/
 .bodytop_rowcolor{
     background-color:#F4F4F4;
 }
 .bodytop_MFZ_fontsize{
     color:#0A665C;
     font-weight:bolder;
 }
  .bodytop_fontsize{
     color:gray;
     font-weight:bolder;
 }

  .search_line{
      border:10px solid #DFDFDF;
  }

  /*ログイン・ログアウト共通ヘッダ*/
  .in_out_commonheader{
      height:25px;
      color:white;
      text-align:center;
  }
  .in_out_text_vertical{
      vertical-align:sub;
  }

  /*ログイン画面のロゴ*/
.login_logo_margin {
    width: 100%;
    height:100%;
}
  .login_logo_size{
      width:100%;
  }

  /*ボタン共通*/
  .btn-primary {
  color: #fff;
  background-color: #328E8C;
  border-color: #2e6da4;
}
.btn-primary:focus,
.btn-primary.focus {
  color: #fff;
  background-color: #328E8C;
  border-color: #122b40;
}
.btn-primary:hover {
  color: #fff;
  background-color: #328E8C;
  border-color: #204d74;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #328E8C;
  border-color: #204d74;
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
  color: #fff;
  background-color: #328E8C;
  border-color: #122b40;
}


  /*テキストボックス共通*/
  .form-control{
      border:0px;
      box-shadow:inset 0px 0px 0px rgba(0, 0, 0, .075);
  }

  /*ログイン画面アイコン*/
  .login-icon_position{
      position:relative;
      background-color:white;
      color:#9F9F9F;
      border-radius: 4px;
  }

  /*ログイン画面専用フォームコントロール*/
    .login_form-control{
   width: 100%;
    height: 34px;
    padding: 6px 3px 6px 0px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border-radius: 4px;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    border:0px;
    box-shadow:inset 0px 0px 0px rgba(0, 0, 0, .075);
  }

  .div-align-height{
    display: flex;
    flex-wrap: wrap;
  }

/*h4 { padding-bottom: 8px; position: relative; border-bottom: 2px solid #9F9F9F;  }
h4:after { content: "."; line-height: 0; display: block; overflow: hidden; position: absolute; bottom: -1px; width: 30%; border-bottom: 2px solid #0A665C; }*/

  /*.table > thead > tr > th{
      border-bottom: 2px solid #0A665C; 
  }*/

  .common_border_bottom{
      border-bottom: solid #0A665C;
      padding-bottom:10px;
      margin-bottom:10px;
  }

  .label-customize{
      padding: 2px 10px;
      color:#fff;
      text-align:center;
      white-space:nowrap;
      vertical-align:baseline;
      display:inline-block;
      width:100px;
  }

  .label-sub {
      margin-left: 2px;
      padding: 2px 10px;
      color: #fff;
      text-align: center;
      white-space: nowrap;
      vertical-align: baseline;
      display: inline-block;
      width: initial;
      opacity: 0.8;
  }

  .label-oshirase{
      background-color:#FFC926;
  }

  .label-release{
      background-color:#3574A8;
  }

  .label-top{
      background-color:#A5A59D;
  }

  .label-manual{
      background-color:#D585A3;
  }
  
  .label-document{
      background-color:#CCD3B1;
  }
  
  .label-sample{
      background-color:#94C4D1;
  }
  
  .label-patch{
      background-color:#A998CE;
  }


  /*.table > thead > tr > th:after{
      padding-bottom: 8px; 
      position: relative; 
      border-bottom: 2px solid #9F9F9F;
  }
    .table > thead > tr > th{
      content: "."; 
      line-height: 0; 
      display: block; 
      overflow: hidden; 
      position: absolute;
      bottom: -1px; 
      width: 30%; 
      border-bottom: 2px solid #0A665C;
  }*/

  /*mini-icon*/
  .mini_icon{
      width:15px;
      height:15px;
  }
  .acc_crown{
      width:18px;
      height:18px;
  }

  /*QAアイコン*/
  .qa_iconsize{
    width:25px;
    height:25px;
    float:left;
    }

  .nav-pills > li > #pagebtn{
      background-color:white;
      border-radius:0px;
  }
    .nav-pills > li > #pagebtn:hover{
      background-color:#4D9087;
      border-radius:0px;
  }

  /*最新情報メニュー*/
  .nav-pills > li > a {
      background-color:#eee;
      border-radius:0px;
  }

  .nav-pills > li > a:hover
 {
      color: #ffffff;
      background-color: #57B09B;
  }

  .nav-pills > li.active > a,
  .nav-pills > li.active > a:hover,
  .nav-pills > li.active > a:focus {
     color: #ffffff;
     background-color: #57B09B;
     border-radius:0px;
  }

  .center_text{
      text-align:center;
  }

  .footer_flame1{
      background-color:#F4F4F4;
      border-top:1px solid #CCCCCC;
  }

  .footer_flame2{
            text-align: right;
      height:40px;
      line-height:40px;
      color:white;
      background-color:#828F98;
  }

  .footer_flame3{
      text-align: center;
      height:40px;
      line-height:40px;
      color:#9F9F9F;
      background-color:#FFFFFF;
  }

  .footerlinktxt{
    color: white;
    text-decoration: none;
    }
  .footerlinktxt:hover, .footerlinktxt:focus{
      color:white;
      text-decoration: none;
  }

  /*bootstrap customize*/
  .panel-heading_custom {
    padding: 10px 0px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    }

  .panel_custom {    
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, .05);
}
  .panel-body_custom {
    padding: 10px 10px 10px 10px;
    background-color:#FFEDEF;
}
  .panel-body_article{
      padding: 10px 30px 10px 30px;
      background-color:#E8F7F5;
  }

    .panel-heading_article {
    padding: 15px 0px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    }

.panel-title_custom {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit;
    padding: 0px 10px 0px 10px;
}

  .link_panel{
      display:block;
      width:100%;
      height:100%
  }

  .search_btn{
      color:white;
      background-color:#0A665C;
      border-color:#0A665C;
  }

  .mini_icon_vertical{
      vertical-align:middle
  }

  .list_icon_align{
      display:flex;
      align-items:center;
  }

   .hover_panelcolor:hover{
      background-color:aliceblue;
  }
   
   .fulltext-article_div_padding{
       padding-left:10px;
   }

   h3.h_Heading {
       border-left:3px solid #599791;
       padding-left:8px;
       height:40px;
       padding-top:7px;
       display:inline-block;
   }

   .nav > li > a:hover, .nav > li > a:focus{
       background-color:#0A665C;
       text-decoration:none;
   }
   ul > li#topbtn > a:hover, .nav > li#topbtn > a:focus{
       background-color:#F4F4F4;
   }

   .navbar-inverse .navbar-navli > .open > a, .navbar-inverse .navbar-navli > .open > a:hover, .navbar-inverse .navbar-navli > .open > a:focus{
       background-color:#0A665C;
       color:white;
   }
   .navbar-inverse .navbar-navli > .open > a > p, .navbar-inverse .navbar-navli > .open > p > a:hover{
       color:white;
   }
   .navbar-navli{
       margin:0px;
   }
   .navbar-navli > li{
       float:left;
   }
   .dropdown-menu{
       margin:0px;
   }

   .pagingstyle{
       background-color:#F4F4F4;
       text-align:center;
       height:40px;
       padding-top:5px;
       margin-bottom:80px;
   }
   .paging_panel{
       /*display:inline-block;*/
       /*padding:5px 11px;*/
       background-color:white;
       text-align:center;
       width:30px;
       height:30px;

   }
   .pagetop {
    position: fixed;
    bottom: 20px;
    right: 400px;
}

   #page.paging_panel > a, .whiteback{
       background-color:white;
       padding:5px 0px 0px 0px !important;
   }

   #page.paging_panel > a:hover{
       background-color:#0A665C;
   }

   #submenupanel:hover{
       background-color:#F4F4F4;
   }

   .allctrl_organbtn{
       margin-top:10px;
   }

   .attachfilebtn{
    width:210px;
    height:30px;
    background-color:#E8F7F5;
   }
   .backtolistbtn{
    width:210px;
    height:30px;
    background-color:#F4F4F4;
    margin:20px auto;
   }
   /*見出しのライン*/
    .bottmline {
    border-bottom: solid 2px #F4F4F4 !important;
    position: relative;
    width: 100%;
    }
    .bottmline:after {
    position: absolute;
    content: " ";
    display: block;
    border-bottom: solid 2px #0A665C !important;
    bottom: -2px;
    width: 20%;
    }
    /*新着情報TOPのライン*/
    .table > thead > tr > th.newarrival{
    vertical-align: bottom;
    position: relative;
    border-bottom: 2px solid #ddd;
    }
    
    .table > thead > tr > th.newarrival:after{
    position: absolute;
    content: " ";
    display: block;
    border-bottom: solid 2px #0A665C !important;
    bottom: -2px;
    width:100px;
    /*width: 100%;*/
    left:-1px;
    }
    /*アクセスランキングTOPのライン*/
    .table > thead > tr > th.accessRan{
    vertical-align: bottom;
    position: relative;
    border-bottom: 2px solid #ddd;
    }
    
    .table > thead > tr > th.accessRan:after{
    position: absolute;
    content: " ";
    display: block;
    border-bottom: solid 2px #0A665C !important;
    bottom: -2px;
    width:100px;
    /*width: 65%;*/
    left:-1px;
    }
    /*よくあるお問い合わせTOPのライン*/
    .table > thead > tr > th.qalist{
    vertical-align: bottom;
    position: relative;
    border-bottom: 2px solid #ddd;
    }
    
    .table > thead > tr > th.qalist:after{
    position: absolute;
    content: " ";
    display: block;
    border-bottom: solid 2px #0A665C !important;
    bottom: -2px;
    width:100px;
    /*width: 25%;*/
    left:-1px;
    }


.label_new {
    display: inline;
    padding: .1em .3em .1em;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    background-color: red;
}

.btn:hover, .btn:focus, .btn.focus{
    color:white;
    text-decoration: none;
}
.table{
    word-break: break-all;
}

.content_wb{
    word-break:break-all;
}

#countPerPage:hover, #countPerPage:active, #countPerPage:focus{
    color:black;
}

.answer {
    padding-left: 30px;
    padding-top: 3px;
}
@media (max-width: 992px) {
    #headerminimenu {
        display:block;
    }
}
@media (min-width: 992px) {
    #headerminimenu {
        display:none;
    }
}
@media (max-width: 992px) {
    #hederdefaultmenu {
        display:none;
    }
}
@media (min-width: 992px) {
    #hederdefaultmenu {
        display:block;
    }
}
@media (max-width:992px) {
    #headerul{
      float:none !important;
    }
}
@media (max-width: 992px) {
    #headertitle{
        float:left;
    }
}
#headerminimenu{
    padding-top:8px;
    padding-left:10px;
    width:50px;
    float:right;
}
@media (max-width:768px){
    .navbar-right .dropdown-menu{
        right:0;
        left:auto;
    }
}


.minimenu{
    color:white;
    padding-left:5px;
}
#minimenu_list{
    padding:3px 12px;
}