/****************************************************************************/

/* FontAwesome 用 */
@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css');
@import url('http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css');

/* kMenu 用 */
@import url('/kms/ct_mrc/facility/assets/css/ct_mrcMenu.css');

/**
 * ベース
 */

body {
       
    margin          : 0;
    padding         : 0;
    background-color: #f8f8f8;
    /*background-image: url('/kms/ct_mrc/facility/assets/css/stripeBG_W.gif');*/
    font-family     : 'Helvetica Neue', Lucida, Verdana, Arial, Helvetica,
                      'Meiryo', 'Yu Gothic', 'HiraKakuPro-W3', 'ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', 'Osaka',
                      Sans-Serif;
    font-weight     : 300; 
    font-size       : 13px/*small*/;  /* デフォルトのフォンとサイズ */
    opacity         : 1.0;
    /*-webkit-transform:scale(1,1);*/
}

a {color:/*#2244aa*/#2980b9;}
a:visited {color:/*#0c6666*/#16a085;}
a:hover {
 /*background-color:#d0d0d0;*/
 color:#808080;
}

/****************************************************************************/

/* コンテナ */


/*
 *  @id = 'PageTop' 先頭の青背景部分全般
 */

div#kPageTop {
    height           : 60px;
    background-color : #1fa8e3;
}
div#kPageTop p {
    margin     : 0 auto;
    width      : /*680px*/780px;
    padding    : 8px;
}

div#kPageTop a {
    color          : /*#e0e0e0*/#f8f8f8;
    text-decoration: none;
}
div#kPageTop a:visited {
    color          : /*#c0c0f0*/#e8e8f8;
    text-decoration: none;
}

/**
 *  上から垂れ下がってくるメニュー
 */
#kMenuBox {
    position: relative;
    margin  : 5em auto -8em auto;
    z-index : 2;
}

/**
 *  メイン内容部分のコンテナ
 */
#kPageMain {
  /*border:solid 2px;*/
  margin          : 0 auto;
  margin-top      : -30px;
  background-color: #ffffff;
  width           : /*798px*/766px;
  /*padding         : 0;*/
  padding         : 0 16px;
  line-height     : 1.4em;
  vertical-align  : top;
  border:none;
  color           : #202020;
}

#kPageMain div, #kPageMain p, #kPageMain ul, #kPageMain ol, #kPageMain dl,#kPageMain table {
  /*margin-left : /*16px* /0*/;
  /*margin-right: /*16px* /0*/;
}



  #kPageMain h1 {
    /*font-size       : 200%/*180%*/;
    font-size       : 26px;
    line-height     : 1em;
    color           : #404040;
    font-weight     : 600;
    /*margin          : 0px 0px 16px 0px;*/
    margin          : 0px -16px 16px -16px;
    padding         : 28px 16px;
    /*border:solid 1px #2889c7;*/
    background-color: transparent;
    border-top      : solid 1px #e0e0e0; 
    border-bottom   : solid 1px #e0e0e0; 
    /*vertical-align  : middle/*top*/;
    line-height     : 1em;
  }
  #kPageMain h1::before {
    vertical-align: middle/*top*/;
    margin-right  : 6px;
    content       : url('/kms/ct_mrc/facility/assets/images/before_h1C.svg');
    line-height:100%;
    /*****/
    position: relative;
    top     : .15em;
  }
  #kPageMain h1 span.ADJ { vertical-align:top; line-height:28px; }
#kPageMain h1 span, #kPageMain h1 img {
  vertical-align:middle;
}

/*
 *  @class = 'kPar1' ... 見出しレベル 1
 */
#kPageMain h2 {
    margin         : 12px/* 16px*/0;
    padding        : /*5px* /8px* /5px*/ 0;
    clear          : both;
    font-weight    : /*600*/500;
    border-bottom  : dotted 1px #2889c7;
    font-size      : /*116%* /128%*/16px;
    color          : #505050/*#0c60a0*/;
    padding        : 5px 0;
    line-height    : 100%;
}
#kPageMain h2 img, #kPageMain h2 span, #kPageMain h2 strong {
     vertical-align:middle;
}

  #kPageMain h2 {
  }
  /*
  #kPageMain h2::before {
    margin-right:2px;
    vertical-align:middle;
    content:url('/kms/ct_mrc/facility/assets/images/before_h2.svg');
    / *line-height:1em;* /
    padding : 0;
    position: relative;
    top     : .1em;
  }
  */

  #kPageMain h2::before {
  	content: "";
	 display: inline-block;
	 width: 16px;
	 height: 16px;
	 background-image: url(/kms/ct_mrc/facility/assets/images/before_h2.svg);
	 background-size: 100% auto;
	 margin-right: 5px;
	 margin-top: /*-4px*/0;
	 vertical-align: middle;
  }
  #kPageMain h2.ImmunoH:before {          /* 免疫系ピンク */
    /*content:url('/kms/ct_mrc/facility/assets/images/before_h2I.svg');*/
    background-image:url('/kms/ct_mrc/facility/assets/images/before_h2I.svg');
  }
  #kPageMain h2.MorphH:before {         /* 形態系グリーン */
    /*content:url('/kms/ct_mrc/facility/assets/images/before_h2M.svg');*/
    background-image:url('/kms/ct_mrc/facility/assets/images/before_h2M.svg');
  }
  #kPageMain h2.BiochemH:before {
    background-image:url('/kms/ct_mrc/facility/assets/images/before_h2B.svg');
  }
  #kPageMain h2.PhysioH:before {
    background-image:url('/kms/ct_mrc/facility/assets/images/before_h2O.svg');
  }
  #kPageMain h2.RIH:before {
    background-image:url('/kms/ct_mrc/facility/assets/images/before_h2R.svg');
  }



#kPageMain h3 {
    font-size      : /*116%*/110%;
    font-weight    : /*600*/500;
}

/*#kPageMain h2,*/ #kPageMain h3, #kPageMain h4, #kPageMain h5, #kPageMain h6 {
 /* margin-left : /*12px*16px* /0*/;
 /* margin-right: /*12px*16px* /0*/;
}
#kPageMain hr {
  margin     : 20px 0px;
  border     : none;
  border-bottom:solid 1px #c0c0C0;
  line-height: 1px;
}
#kPageMain hr.BLK {
  margin: 20px /*0*/-16px;
}
/*
 *  @id = 'CommonMenu' トップメニューを囲うコンテナ部分
 */
div#kCommonMenu {
    /*position : relative;
    top   : -30px;*/
    margin   : -31px auto 0 auto;
    width    : /*700px*/800px;
    height   : 60px;
    /*-webkit-box-sizing:border-box;
    border-right:solid 1px #c0c0c0;
    border-left:solid 1px #c0c0c0;*/
    /*border:solid 1px #c0c0c0;*/

}


/*
 *
 */
#kNavIndex {
    /*position:relative;
    top:-5px;*/
    width            : 774px/*674px*/;
    margin           : 0 auto 0 auto;
    padding          : 10px 12px 5px 12px;
    font-size        : /*11px*/85%;
    border-left      : solid 1px #c0c0c0;
    border-right     : solid 1px #c0c0c0;
    border-bottom    : solid 1px #c0c0c0;
    background-color : #f8f8f8;
    clear            : both;
}


/**
 *  @class = 'kInsideMenu' .... ページ内のジャンプメニュー表
 */
ul.kInsideMenu {
    width   : auto;
    display : table;
    height  : 1em;
    margin  : 2em auto;
    padding : .75em;
    /*border  : solid 1px #c0c0c0;*/
    background-color : #e0e0d8;
    border-radius : 4px;
    /************
    background    : -webkit-gradient(linear, center top, center bottom, color-stop(0, white), color-stop(.1, #f8f8f8), color-stop(1, #ececec));
    background    : linear-gradient(top, white 0%, #f8f8f8 10%, #ececec 100%);
    box-shadow    : 1px 2px 2px #c8c8c8;
    *************/
    /*text-align:center;*/
}

.kInsideMenu  li {
    /*border:solid 1px;*/
    /*display             : block/*list-item*/;
    /*list-style-image    : url('/kms/ct_mrc/facility/assets/images/downArrow_C.gif');*/
        list-style:none;
    list-style-position : inside;
    float               : left;
    /*padding             : 0 1.25em 0 .75em;*/
    margin              : 0 1.5em 0 1em;
    line-height         : 100%;
}

.kInsideMenu li a {
    display:list-item;
    color           : #40709c;
    text-decoration : none;
}
.kInsideMenu li a:before {
    content : url('/kms/ct_mrc/facility/assets/images/downArrow_C.gif');
    margin-right:4px;
}
/*.kInsideMenu li:hover {
    list-style-image  : url('/kms/ct_mrc/facility/assets/images/downArrow_Or.gif');
}
*/
.kInsideMenu li a:hover {
     background-color : transparent;
     color            : #d06000/*rgb(208,96,0)*/;
}
.kInsideMenu li a:hover:before {
    content: url('/kms/ct_mrc/facility/assets/images/downArrow_Or.gif');
}

/**
 *  @class = 'kMainText' .... 本文
 */
.kMainText {
    /*margin      : .2em 0;*/
    margin:4px 12px;
    line-height : 160%;
    text-indent : 1em;
    clear       : both;
}
/*** 2017/11 以降追加*****/


  ul#kNav {
    list-style:none;
    margin          : 0 -16px;
    padding         : 6px 12px;
    font-size       : 90%;
    /*border:solid 1px;*/
    background-color: #fcfcfc;
  }
  ul#kNav:after {  content:'.';color:transparent;clear:both; }
  ul#kNav li { float:left; list-style:none; }
  ul#kNav li:after { content:url('/kms/ct_mrc/facility/assets/images/gt_G.gif'); padding:0 8px; }
  ul#kNav li:last-child:after{ content:'';}


/**
 *  標準的なテーブルの様式
 */
table.kStdTable {
    border-collapse : collapse;
    border          : solid #c0c0c0 1px;
    margin          : .5em 1em;
}
table.kStdTable /*th*/thead {
    border-right : solid 1px #c0c0c0;
    padding      : 3px 16px 3px 8px;
    text-align   : left;
    /*
    background-color:#4080c0;
    background   : -webkit-linear-gradient(bottom, #405870 0%, #607890 100%);
    background   : -moz-linear-gradient(bottom, #405870 0%, #607890 100%);
    color        : white;
    */
}
table.kStdTable thead th, table.kStdTable thead td {
    border-top : none;
    /*background-color:transparent;*/
    background-color:#4080c0;
    background   : -webkit-linear-gradient(bottom, #22a4c4 0%, #1492b4/*#1e90ff*/ 100%);
    /****
    background   : -webkit-gradient(linear, center bottom, center top, color-stop(0, #405870), color-stop(1, #607890));
    background   : -webkit-linear-gradient(bottom, #00a2c4 0%, #00b0d0 100%);
    background   :    -moz-linear-gradient(bottom, #405870 0%, #607890 100%);
    background   :      -o-linear-gradient(bottom, #405870 0%, #607890 100%);
    background   :     -ms-linear-gradient(bottom, #405870 0%, #607890 100%);
    background   :      -o-linear-gradient(bottom, #405870 0%, #607890 100%);
    ***/
    border : solid 1px #4682b4;/*steelblue*/
    color:white;
}
table.kStdTable th,table.kStdTable td {
    border-top : solid 1px /*#d0d0d8*/#c4d8d8;
    padding    : 3px 16px 3px 8px;
    text-align : left;
}
table.kStdTable th.E, table.kStdTable td.E { /* 表の縞模様 */
    background-color : /*#d0d0d8* /#86cfff* / #e8e8e8*/#dcdcdc;/* gainsboro */
    border-right     : solid 1px #c0c0c0;
}
table.kStdTable th.O, table.kStdTable td.O { /* 表の縞模様 */
    background-color : /*#e8e8f0* /#f8f8f8*/#f5f5f5; /* whitesmoke */
    border-right     : solid 1px #c0c0c0;
}

/**
 * 機器紹介ページでのみ使う分
 */

  div.kContact { /* 「担当者」と「設置場所」部分用 */
     text-align : right;
     line-height: 1em;
     margin     : 1em 0;
     clear      : both;
  } 
  div.kContact:before {
     vertical-align: middle;
     position      : relative;
     top           : .3em;
     margin-right  : 2px;
  }
  div.kContact span { vertical-align:middle; }
  div.kContact.staff:before {
     content : url('/kms/ct_mrc/facility/assets/images/icoPHS_WT.png');
  }
  div.kContact.place:before {
     content : url('/kms/ct_mrc/facility/assets/images/icolabo_C.png');
  }



/**
 *  @class = 'kPhotoRight'  ... 機器の写真画像用
 */
img.kPhotoRight, img.kPhotoInst {
    float : right;
    margin: 0 /*0*/16px 16px 16px;
    border: solid 1px #c0c0c0;
}

/**
 *  @class = 'kListInst'  ... 機器の箇条書き部分用
 */
ul.kListInst  {
/*    padding-left    : 3em;*/
    list-style-image: url('/kms/ct_mrc/facility/assets/images/ul_marker_K.gif');
    /*list-style-position:inside;*/
    /*marker-offset:2em;*/
}
ul.kListInst li {
    /*text-indent:-2em;*/
    /*border:solid 1px;*/
    /*marker-offset:2em;*/
    /*padding     : /*.25em* /.2em 1em;*/
}

/**
 *  機器紹介の箇所での「機器の適用ルール」用書式
 */
ul.kAppRule {
    width           : 30%;
    border-top      : solid 1px #c0c0c0;
    margin          : 1.5em 1em;
    padding         : .5em 1em;
    list-style-image: url('/kms/ct_mrc/facility/assets/images/marker_check_C.gif');
    list-style-position:inside;
    color           : #226666;
}


/********************/

/**
 *  @id="kPageBottom" ; 最下部の「このページの先頭へ」飛ばす部分
 */
#kPageBottom {
	padding-bottom: 24px;
	/*padding    : 16px;*/
	text-align:right;
}
#kPageBottom img {
    vertical-align: middle;
}

#kPageBottom a {
    text-decoration :none;
    background-color:#2889c7;
    line-height      :100%;
    vertical-align   : middle;
    color           :white;
    border-radius:2px;
    padding        :4px 8px;

}
#kPageBottom a:before {
   vertical-align:middle;
   content:url("/kms/ct_mrc/facility/assets/images/upArrow_C.gif");
}
#kPageBottom a:hover {
    background-color:#c88028;
}

/* 「新着」とか「new」 */
/*span*/.NEW {
    background-color: #e09000;
    font-size:/*.6em*/7.5pt;
    padding:2px 4px;
    border-radius:4px;
    margin-bottom:1px;
    vertical-align:text-top;
    color:white;
    border:solid 1px;
}