View source for Jcbltop test 190629

{{Huge|LipidBank}}
{{LB/Header}}

<!DOCTYPE html>
<html>
<head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# article: http://ogp.me/ns/article#">
<meta charset="UTF-8">
<title>JCBL</title>

<meta name="description" content="サイトの説明文">
<meta name="viewport" content="width=device-width,initial-scale=1">
<link rel="icon" type="image/png" href="ファビコンのパス" />
<link rel="canonical" href="このページのURL">    


<style type="text/css">
@charset "utf-8";
.no-gutter > [class*='col-'] {
	padding-right: 0;
	padding-left: 0;
}
.bg-lightgreen {
	background-color: #e6ede9;
}
.jumbotron {
	background-image: url('http://jcbl.jp/mediawiki/images/thumb/4/4a/JCBL_Sample.png/800px-JCBL_Sample.png');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	height: 350px;
}
.heading {
	border-left: 6px solid #aaa;
	padding: 0 0 0 10px;
}
.breadcrumb-item + .breadcrumb-item::before {
	content: ">"
}
.footer-copyright {
	width: 100%;
	height: 60px;
	line-height: 60px;
	background-color: #f5f5f5;
}
.map iframe {
	width: 100%;
	height: 450px;
}

/* 大デバイス（デスクトップ, 992px 未満）
============================================== */
@media screen and (max-width: 991.98px) {
.footer-logo {
	width: 100%;
}
} /* END */

/* 中デバイス（タブレット, 768px 未満）
============================================== */
@media screen and (max-width: 767.98px) {
.gnav-item {
	display: block;
	width: 100%;
	border: none;
}
.gnav-item+ .gnav-item {
	border: none;
}
table th, table td {
	padding: .25rem !important;
}
table th:first-child {
	width: 25%;
}
} /* END */

/* 小デバイス（縦向きモバイル, 576px 以上 デスクトップ, 992px 未満）
============================================== */
@media screen and (min-width: 576px) and (max-width: 991.98px) {
 #sec2  {
     height: 500px;
 } 
} /* END */

/* 小デバイス（縦向きモバイル, 576px 以上）
============================================== */
@media screen and (min-width: 576px) {
 #sec2 .message {
    position: absolute;
     left: 0;
 } 
} /* END */
</style>
<!-- 内部スタイルシートはここまで -->

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">

<!--外部スタイルシート不要-->
<!--<link rel="stylesheet" href="css/style.css">
</head>

<!--ヘッダここまで-->

<!--以下ボディ-->
<body data-spy="scroll" data-taget="#navbar">
<div class="container">
The Japanese Conference on the Biochemistry of Lipids (JCBL)
<div class="header-box d-flex flex-row align-items-center py-2 px-0">
<!--ロゴ画像の代わりにテキスト-->
     	<div><span class="h2 font-weight-bold">日本脂質生化学会</span></div>

        <div class="header-menu-box col-md-9 d-flex flex-row align-items-center justify-content-end p-0">


            <div class="ml-4">
                <a href="contact/index.html"><button type="button" class="btn btn-lg d-inline btn-secondary">ご寄付・ご協賛</button></a>
            </div>

            <div class="ml-4">
                <a href="contact/index.html"><button type="button" class="btn btn-lg d-inline btn-secondary">お問い合わせ</button></a>
            </div>
        </div>
    </div>
</div>
<div class="navbar-box bg-dark">
<div class="bg-dark container">
	<nav class="navbar navbar-expand-md navbar-dark bg-dark">
          <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#Navbar" aria-controls="Navbar" aria-expanded="false" aria-label="ナビゲーションの切替">
            <span class="navbar-toggler-icon"></span>
          </button>
          <div class="collapse navbar-collapse" id="Navbar">
            <ul class="navbar-nav text-md-center nav-justified w-100">
            <li class="nav-item"><a class="nav-link" href="#sec1">当学会について</a></li>
                <li class="nav-item"><a class="nav-link" href="#sec2">研究集会</a></li>
                <li class="nav-item"><a class="nav-link" href="#sec3">機関誌</a></li>
                <li class="nav-item"><a class="nav-link" href="#sec4">お知らせ</a></li>
                <li class="nav-item"><a class="nav-link" href="#sec5">入会・各種申請</a></li>
		<li class="nav-item"><a class="nav-link" href="#sec6">Lipidbank<br>公式データベース</a></li>


            </ul>
            <div class="text-white text-center d-md-none mt-3"> <small><!--お電話での受付はこちら--></small><br>
            <span class="tel h2 font-weight-bold text-white"><!--電話番号--></span></div>
        </div>
      </nav>
</div>		
</div>

<!--図上メッセージだけカット-->
<!-- *************************************************************** -->
<div class="jumbotron jumbotron-fluid mb-0">
    <div class="container">
<!-- <div class="col-md-6 ml-auto card p-3">-->
<!--            <h1 class="display-4">Hello, world!</h1>-->
<!--   
            <p class="lead">日本本脂質生化学会について</p>
            <hr>
            <p class="small">日本本脂質生化学会は、脂質の化学的、生化学的研究の発展と向上を図り、研究者相互の 連絡および親睦を深めることを目的としています。
<br>
前身として日本脂質生化学研究会が昭和36年に設立され、それ以来およそ60年におよぷ伝統と歴史を持った学会です。
<br>
脂質を専門領域とする研究者はもちろん、他分野の研究者で
<br>
「脂質からのアプローチをしてみたい」
<br>
「脂質の基礎的な研究成果とのコラポレーションを検討したい」
<br>
とお考えの皆さまにもご参加をいただき、活発な研究活動を通じて世界の脂質研究をリードしていきたいと考えております。</p></div>
-->

    </div>
</div>

<!-- *************************************************************** -->


<section class="container py-5" id="sec1">
    <div class="mb-3">
        <h2 class="heading d-inline-block mr-2">お知らせ</h2>
        <!--<p class="d-inline-block text-muted">With faded secondary text</p>-->
    </div>

    <div class="align-middle d-block d-md-inline-block pb-2"><span class="bg-secondary p-2 mr-2 text-white rounded">2019/1/30</span>
            <p class="d-block d-md-inline-block text-secondary">[学会大会] 第61回日本脂質生化学会のご案内</p>
    </div>
<br>
    <div class="align-middle d-block d-md-inline-block pb-2"><span class="bg-secondary p-2 mr-2 text-white rounded">2019/1/30</span>
            <p class="d-block d-md-inline-block text-secondary">[学会大会] ICBL2019 (第60回国際脂質生物学会議）開催のお知らせ</p>
    </div>
<br>
    <div class="align-middle d-block d-md-inline-block pb-2"><span class="bg-secondary p-2 mr-2 text-white rounded">2019/1/30</span>
            <p class="d-block d-md-inline-block text-secondary">[お知らせ] 第38回日本糖質学会年会への後援について</p>
    </div>

    <div class="row">
        <div class="col-md-6 col-lg-4">
            <div class="mb-3 card text-center shadow-sm">
                <div class="card-body pt-0">
                    <h4 class="card-title"><br>第61回 日本脂質生化学会<br>演題登録ページ</h4>
                </div>
            </div>
        </div>



        <div class="col-md-6 col-lg-4">
            <div class="mb-3 card text-center shadow-sm">
                <div class="card-body pt-0">
                    <h4 class="card-title"><br>第61回 日本脂質生化学会<br>大会案内ページ</h4>
                </div>
            </div>
                </div>
            </div>
        </div>
</section>

<!-- *************************************************************** -->
    
    <section class="py-5 bg-light" id="sec7">
        <div class="container">
            <div class="mb-3">
        <h2 class="heading d-inline-block mr-2">日本脂質生化学会について</h2>
<br>
<br>
<p>日本本脂質生化学会は、脂質の化学的、生化学的研究の発展と向上を図り、研究者相互の 連絡および親睦を深めることを目的としています。
<br>
前身として日本脂質生化学研究会が昭和36年に設立され、それ以来およそ60年におよぷ伝統と歴史を持った学会です。
<br>
脂質を専門領域とする研究者はもちろん、他分野の研究者で
<br>
<b>「脂質からのアプローチをしてみたい」</b>
<br>
<b>「脂質の基礎的な研究成果とのコラポレーションを検討したい」</b>
<br>
とお考えの皆さまにもご参加をいただき、活発な研究活動を通じて世界の脂質研究をリードしていきたいと考えております。</p>
    </div>


        <div class="row">
            <div class="col-md-6 col-lg-4">
                <div class="mb-3 card shadow-sm">
                    <div class="p-3"><img src="http://jcbl.jp/mediawiki/images/b/b1/Test_img.jpg" class="w-100"> </div>
                    <div class="card-body pt-0">
                        <h4 class="mb-0">ごあいさつ</h4>
                        <span class="d-block text-muted mb-3">サブタイトル・説明</span>
                    </div>
                </div>
            </div>
            <div class="col-md-6 col-lg-4">
                <div class="mb-3 card shadow-sm">
                    <div class="p-3"> <img src="http://jcbl.jp/mediawiki/images/b/b1/Test_img.jpg" class="w-100"> </div>
                    <div class="card-body pt-0">
                        <h4 class="mb-0">活動内容</h4>
                        <span class="d-block text-muted mb-3">サブタイトル・説明</span>
                    </div>
                </div>
            </div>
            <div class="col-md-6 col-lg-4">
                <div class="mb-3 card shadow-sm">
                    <div class="p-3"> <img src="http://jcbl.jp/mediawiki/images/b/b1/Test_img.jpg" class="w-100"> </div>
                    <div class="card-body pt-0">
                        <h4 class="mb-0">歴史・沿革</h4>
                        <span class="d-block text-muted mb-3">サブタイトル・説明</span>
                    </div>
                </div>
            </div>

    <a href="contact/index.html" type="button" class="btn btn-outline-secondary btn-white btn-block btn-lg">入会・各種申請</a>
    <a href="contact/index.html" type="button" class="btn btn-outline-secondary btn-white btn-block btn-lg">ご寄付・ご協賛</a>
</section>

<!-- *************************************************************** -->

<section class="container py-5" id="sec5">
<div class="container" >
<div class="mb-3">
        <h2 class="heading d-inline-block mr-2">協賛企業</h2>
    </div>
<div class="card-columns">
  <div class="card p-3 shadow-sm">
      <img src="http://jcbl.jp/mediawiki/images/4/48/Company_logo1.jpg" class="card-img">
		<span class="d-block text-muted mb-3">〇〇薬品株式会社</span>
  </div>

  <div class="card p-3 shadow-sm">
    <img src="http://jcbl.jp/mediawiki/images/3/36/Company_logo2.jpg" class="card-img">
		<span class="d-block text-muted mb-3">〇〇薬品株式会社</span>
  </div>

  <div class="card p-3 shadow-sm">
    <img src="http://jcbl.jp/mediawiki/images/4/48/Company_logo1.jpg" class="card-img">
		<span class="d-block text-muted mb-3">〇〇薬品株式会社</span>
  </div>
	
  <div class="card p-3 shadow-sm">
    <img src="http://jcbl.jp/mediawiki/images/3/36/Company_logo2.jpg" class="card-img">
		<span class="d-block text-muted mb-3">〇〇薬品株式会社</span>
  </div>

	  <div class="card p-3 shadow-sm">
    <img src="http://jcbl.jp/mediawiki/images/3/36/Company_logo2.jpg" class="card-img">
		<span class="d-block text-muted mb-3">〇〇薬品株式会社</span>
  </div>

  <div class="card p-3 shadow-sm">
    <img src="http://jcbl.jp/mediawiki/images/4/48/Company_logo1.jpg" class="card-img">
		<span class="d-block text-muted mb-3">〇〇薬品株式会社</span>
  </div>

  <div class="card p-3 shadow-sm">
    <img src="http://jcbl.jp/mediawiki/images/4/48/Company_logo1.jpg" class="card-img">
		<span class="d-block text-muted mb-3">〇〇薬品株式会社</span>
  </div>

  <div class="card p-3 shadow-sm">
    <img src="http://jcbl.jp/mediawiki/images/3/36/Company_logo2.jpg" class="card-img">
		<span class="d-block text-muted mb-3">〇〇薬品株式会社</span>
  </div>	
</div>
</div>	
</section>

<!-- *************************************************************** -->
    
    <section class="py-5 bg-light" id="sec7">
        <div class="container">
            <div class="mb-3">
        <h2 class="heading d-inline-block mr-2">関連リンク</h2>
    </div>
<div class="card-columns">
      <img src="http://jcbl.jp/mediawiki/images/4/48/Company_logo1.jpg" class="card-img">
      <img src="http://jcbl.jp/mediawiki/images/4/48/Company_logo1.jpg" class="card-img">
      <img src="http://jcbl.jp/mediawiki/images/4/48/Company_logo1.jpg" class="card-img">
    </div>
<div class="card-columns">
<br>
    </div>
<div class="card-columns">
      <img src="http://jcbl.jp/mediawiki/images/4/48/Company_logo1.jpg" class="card-img">
      <img src="http://jcbl.jp/mediawiki/images/4/48/Company_logo1.jpg" class="card-img">
      <img src="http://jcbl.jp/mediawiki/images/4/48/Company_logo1.jpg" class="card-img">
</div>	
</section>


<!-- *************************************************************** -->
<footer>
    <section class="container py-5" id="sec8">
    <div class="container">
	Japanese Conference on the Biochemistry of Lipids
     	<div><span class="h2 font-weight-bold">日本脂質生化学会</span></div>
<br>
<div><span class="small">
<table cellpadding="6">
<tr>

<td  width="150" valign="top">	<a href="index.html">当学会について</a>
<ul>
						<li><a href="index.html">ごあいさつ</a></li>
						<li><a href="index.html">企業理念</a></li>
						<li><a href="index.html">CSR活動</a></li>
						<li><a href="index.html">IR情報</a></li>
				
</ul>
</td>

<td  width="200" valign="top">	<a href="index.html">研究集会</a>
<ul>
						<li><a href="index.html">直近の日本脂質生化学会</a></li>
						<li><a href="index.html">過去の日本脂質生化学会</a></li>
				
</ul></td>

<td  width="150" valign="top">	<a href="index.html">機関誌</a>
				
</ul></td>

<td  width="150" valign="top">	<a href="index.html">お知らせ</a>
<ul>

</ul></td>

<td  width="200" valign="top">	<a href="index.html">入会・各種申請</a>
<ul>
						<li><a href="index.html">入会案内</a></li>
						<li><a href="index.html">情報変更・大会</a></li>

				
</ul>

</td>

<td  width="140" valign="top">	<a href="index.html">Lipidbank公式データベース</a>
<ul>
						<li><a href="index.html">旧Lipidbankデータベース</a></li>
						<li><a href="index.html">新Lipidbankデータベース</a></li>
						<li><a href="index.html">リポクオリティデータベース</a></li>
				
</ul>

</td>
</tr>
</table>
<div class="ml-4"  style="text-align:right">
                <a href="contact/index.html"><button type="button" class="btn btn-lg d-inline btn-secondary">ご寄付・ご協賛</button></a>

                <a href="contact/index.html"><button type="button" class="btn btn-lg d-inline btn-secondary">お問い合わせ</button></a>
            </div></td>

    </div>
    </div>
</section>
<!-- *************************************************************** -->
<div class="footer footer-copyright text-center bg-dark text-light"> <span class="small">2019 &copy; The Japanese Conference on the Biochemistry of Lipids (JCBL) All Rights Reserved.</span>
    <div class="float-right bg-secondary col-sm-1"> <a href="#"> <i class="fas fa-arrow-up text-light"></i> </a> </div>
</div>    
</footer>
</body>
</html>