Biomod/2014/Hokudai/DESIGN

From OpenWetWare
Jump to: navigation, search

<html> <head>

<style type="text/css">


@charset "Shift_JIS";

/* --- タイプ1 デザイン2 --- */


/* --- 全体の背景・テキスト --- */ body { margin: 0; padding: 0; background: #1C6ECD url(../image/pageback_gray_gradation.gif) repeat-x top; /* 全体の背景(グラデーション) */ color: #000000; /* 全体の文字色 */ font-size: 80%; /* 全体の文字サイズ */ }

/* --- ここから原文通り --- */ p.example1 { font: 230% Times New Roman; } p.example2 { text-align: center; } p.example3 { word-spacing: 1em; } p.example4 { line-height: 6em; } p.example5 { text-decoration: underline overline; } p.example6 { font: 130% Times New Roman; } p.example7 { font: 150% Times New Roman; } p.example11 { font: 160% Times New Roman; } p.example12 { text-align: left;} p.example111 { font: 180% Times New Roman; } p.example13 { Times New Roman }

div.example1 { width: 1000px; height: 500px; background-color: #ffffff; float: center; }


div.example2 { width: 1000px; height: 200px; background-color: #ffffff; margin: 0px 0px 0px 0px; float: left; }

div.example3 { width: 200px; height: 150px; background-color: #ffffff; float: center; }

div.example4 { width: 250px; height: 250px; background-color: #ffffff; float: center; }

div.example5 { width: 1000px; height: 350px; background-color: #ffffff; float: center; }

div.example6 { width: 1000px; height: 400px; background-color: #ffffff; float: center; }

div.example7 { width: 1000px; height: 950px; background-color: #ffffff; float: center; }

div.example8 { width: 966px; height: 60px; background-color: #ffffff; float: center; }

div.example8 { width: 600px; height: 300px; background-color: #ffffff; float: center; }

.clearLeft { clear: left; }

a1:hover {opacity:0;}

/* ulリセット */ .menu-, .menu-list {

 list-style: none;
 padding-left: 0;
 margin: 0;

} /* メニューを横並びに */ .menu-case {

 float: left;

} .menu-:after {

 content: "";
 clear: both;
 display: block;

} /* 子メニュー分の高さを除く */ .menu-list {

 position: absolute;
 opacity: 0;
 z-index: -1;
 width: 10em;

} /* 子メニューを表示 */ .menu-name:hover + .menu-list, .menu-list:hover {

 opacity: 1;
 z-index: 1;

} /* ホバー時、メニュー名の色変更 */ .menu-case:hover .menu-name {

 color: #507ea4;

}





/* --- ここまで --- */


/* --- ヘッダとフッタのリンクテキスト --- */ a:link { color: #blue; } a:visited { color: #red; } a:hover { color: #black; } a:active { color: #black; }

/* --- コンテンツ内のリンクテキスト --- */

  1. content a:link { color: #red; }
  2. content a:visited { color: #red; }
  3. content a:hover { color: #black; }
  4. content a:active { color: #black; }

/* --- コンテナ --- */

  1. container {

width: 1000px; /* コンテナの幅 */ margin: 0 auto; /* センタリング */ background: url(../image/pageback_880_gray.gif) no-repeat center top; /* コンテナの背景(両サイドの影) */ }

/* --- ページ --- */

  1. page {

width: 1000px; /* ページの幅 */ margin: 0 auto; /* センタリング */ background-color: #ffffff; /* ページの背景色 */ border-left: 1px #505050 solid; /* ページの左境界線 */ border-right: 1px #505050 solid; /* ページの右境界線 */ }


/* --- ▼ヘッダ内の設定開始 --- */

/* --- ヘッダ --- */

  1. header {

position: relative; /* 相対配置(ガイドメニューのために設定) */ width: 100%; /* IE 6のために幅の指定が必要 */ margin-bottom: 12px; /* ヘッダの下マージン */ padding: 15px 0 8px; /* ヘッダのパディング(上、左右、下) */ background-color: #ffffff; /* ヘッダの背景色 */ border-bottom: 1px #4b4b4b solid; /* ヘッダの下境界線 */ }

/* --- サイトタイトル --- */

  1. header h1.siteTitle,
  2. header p.siteTitle {

margin: 0 19px 7px; /* サイトタイトルのマージン(上、左右、下) */ font-size: 200%; /* サイトタイトルの文字サイズ */ color: #eee8aa; /* サイトタイトルの文字色 */ } /* サイトタイトルの画像 */

  1. header h1.siteTitle img,
  2. header p.siteTitle img {

border: none; }

/* --- キャッチフレーズ --- */

  1. header p.catch {

margin: 0 22px 10px; /* キャッチフレーズのマージン(上、左右、下) */ color: #808080; /* キャッチフレーズの文字色 */ }

  1. header p.catch strong {

font-weight: normal; /* 文字の太さ(ノーマル) */ }

/* --- ガイドメニュー --- */

  1. header ul.guide {

position: absolute; /* 絶対配置 */ top: 30px; /* 上からの距離 */ right: 20px; /* 右からの距離 */ margin: 0; padding: 0; list-style-type: none; } /* メニュー項目 */

  1. header ul.guide li {

display: inline; padding: 0 4px 0 8px; /* 項目のパディング(上右下左) */ background: url(../image/menu_line_gray.gif) no-repeat left; /* 項目の背景(区切り線) */ } /* 最初の項目 */

  1. header ul.guide li.first {

background: none; /* 区切り線なし */ }

/* --- オープニングエリア(トップページ) --- */

  1. header div.opening {

width: 1000px; margin: 0 auto 2px; /* オープニングエリアのマージン(上、左右、下) */ } /* オープニングエリア内の見出し */

  1. header div.opening h2 {

margin: 0; }

/* --- ヘッダメニュー --- */

  1. header ul.nl {

width: 1000px; /* ヘッダメニューの幅 */ margin: 0 auto; /* センタリング */ padding: 0; background: #ffffff url(../image/hor_menu5_off.gif) repeat-x top; /* ヘッダメニューの背景 */ border: #aca36a solid; /* ヘッダメニューの境界線(色、スタイル) */ border-width: 2px 3px; /* ヘッダメニューの境界線の太さ(上下、左右) */ list-style-type: none; text-align: center; } /* メニュー項目 */

  1. header ul.nl li {

width: 139px; /* 項目の幅 */ float: left; line-height: 100%; } /* リンクエリア */

  1. header ul.nl li a {

display: block; position: relative; /* IE6用 */ padding: 13px 2px 5px; /* リンクエリアのパディング(上、左右、下) */ border: 1px solid; /* リンクエリアの境界線(太さ、スタイル) */ border-color: #e4d6b8 #8b7e63 #8b7e63 #e4d6b8; /* リンクエリアの境界線色(上右下左) */ text-decoration: none; /* テキストの下線(なし) */ font-weight: bold; /* 文字の太さ(太字) */ color: #ffffff; /* 文字色 */ } /* 英字部分 */

  1. header ul.nl li a span.en {

display: block; margin-top: 2px; /* 英字部分の上マージン */ font-size: 85%; /* 英字の文字サイズ */ font-weight: normal; /* 文字の太さ(ノーマル) */ color: #eee8aa; /* 英字の文字色 */ } /* ポイント時とアクティブ時の設定 */

  1. header ul.nl li a:hover,
  2. header ul.nl li.active a {

background: #b6a57f url(../image/hor_menu5_on.gif) repeat-x top; /* ポイント時(アクティブ時)の背景 */ color: #f4efc4; /* ポイント時(アクティブ時)の文字色 */ }

  1. header ul.nl li a:hover span.en,
  2. header ul.nl li.active span.en {

color: #fde337; /* ポイント時(アクティブ時)の英字の文字色 */ }


/* --- ▼コンテンツ内の設定開始 --- */

/* --- コンテンツ --- */

  1. content {

width: 1000px; /* コンテンツの幅 */ margin: 0 auto; /* センタリング */ padding-top: 20px; /* コンテンツの上パディング */ background: #ffffff url(../image/content_top_gray.gif) no-repeat top; /* コンテンツの背景 */ }


/* --- ▼メインカラム内の設定開始 --- */

/* --- メインカラム --- */

  1. main {

float: right; width: 1000px; /* メインカラムの幅 */ }

/* --- ページタイトル(下層ページ) --- */ /* 見出しエリア */

  1. main div.pageTitle {

margin: 0 20px 15px; /* 見出しエリアのマージン(上、左右、下) */ padding: 23px 15px; /* 見出しエリアのパディング(上下、左右) */ background: #f0e8c7 url(../image/heading_back4.gif) repeat-x top; /* 見出しエリアの背景 */ } /* 見出し */

  1. main div.pageTitle h1 {

margin: 0; font-size: 160%; /* 見出しの文字サイズ */ line-height: 100%; }

/* --- セクション(共通設定) --- */

  1. main div.section {

margin: 0 20px 3em; /* セクションのマージン(上、左右、下) */ }

/* --- 標準セクション --- */ /* 見出しエリア */

  1. main div.normal div.heading {

margin-bottom: 1.2em; /* 見出しエリアの下マージン */ padding: 4px 2px; /* 見出しエリアのパディング(上下、左右) */ border-bottom: 1px #999999 solid; /* 見出しエリアの下境界線 */ } /* 見出し */

  1. main div.normal div.heading h2 {

margin: 0; padding: 2px 0 1px 5px; /* 見出しのパディング(上右下左) */ border-left: 5px #b6a57f solid; /* 見出しの左境界線 */ font-size: 130%; /* 見出しの文字サイズ */ line-height: 100%; } /* 段落 */

  1. main div.normal p {

margin: 0 5px 1em; /* 段落のマージン(上、左右、下) */ line-height: 160%; /* 行の高さ */ }

/* --- 強調セクション --- */

  1. main div.emphasis {

padding: 1.1em 15px 0; /* セクションのパディング(上、左右、下) */ background-color: #ffffff; /* セクションの背景色 */ border: 1px #d8c89d solid; /* セクションの境界線 */ }

/* 見出し */
  1. main div.emphasis h2 {

margin: 0 0 0.8em; /* 見出しのマージン(上、左右、下) */ font-size: 130%; /* 見出しの文字サイズ */ color: #dc3900; /* 見出しの文字色 */ }

/* 段落 */
  1. main div.emphasis p {

margin: 0 0 1em; /* 段落のマージン(上、左右、下) */ color: #2b2b2b; /* 段落の文字色 */ line-height: 150%; /* 行の高さ */ }

/* --- 新着情報(トップページ) --- */

  1. main div.update dl {

width: 580px; /* 新着情報の幅(メインカラムの幅から50px引いた値) */ margin: 0 auto; /* センタリング */ } /* 日付エリア */

  1. main div.update dt {

width: 6.7em; /* 日付エリアの幅 */ float: left; padding: 7px 0 6px 3px; /* 日付エリアのパディング(上右下左) */ line-height: 120%; /* 行の高さ */ } /* 本文エリア */

  1. main div.update dd {

margin: 0; padding: 7px 3px 6px 6.6em; /* 本文エリアのパディング(上右下左) */ border-bottom: 1px #ffffff dotted; /* 本文エリア下境界線 */ line-height: 120%; /* 行の高さ */ }

/* --- ▲メインカラム内の設定終了 --- */


/* --- ▼サイドバー内の設定開始 --- */

/* --- サイドバー --- */

  1. nav {

float: right; width: 200px; /* サイドバーの幅 */ padding-left: 10px; /* サイドバーの左パディング */ }

/* --- セクション(共通設定) --- */

  1. nav div.section {

padding-bottom: 5px; /* セクションの下パディング */ background-color: #f6f0d4; /* セクションの背景色 */ } /* 見出しエリア */

  1. nav div.heading {

margin: 0 0 0.7em; /* 見出しエリアのマージン(上、左右、下) */ padding: 5px; /* 見出しエリアのパディング */ background: #3f3f3f url(../image/heading_back_gray3.gif) repeat-x top; /* 見出しエリアの背景 */ border: 1px #666666 solid; /* 見出しエリアの境界線 */ } /* 見出し */

  1. nav div.section h2 {

margin: 0; padding: 2px 0 2px 7px; /* 見出しのパディング(上右下左) */ border-left: 4px solid; /* 見出しの左境界線(太さ、スタイル) */ font-size: 100%; /* 見出しの文字サイズ */ color: #f9f9f9; /* 見出しの文字色 */ line-height: 100%; } /* 段落 */

  1. nav div.section p {

margin: 0 5px 0.7em; /* 段落のマージン(上、左右、下) */ line-height: 130%; /* 行の高さ */ }

/* --- 標準セクション(グレー) --- */ /* 見出し */

  1. nav div.normal h2 {

border-left-color: #c0c0c0; /* 左境界線の色 */ }

/* --- 強調セクション1(水色) --- */ /* 見出し */

  1. nav div.emphasis h2 {

border-left-color: #add8e6; /* 左境界線の色 */ }

/* --- 強調セクション2(黄色) --- */ /* 見出し */

  1. nav div.strong h2 {

border-left-color: #fde337; /* 左境界線の色 */ }

/* --- サブメニュー --- */ /* 見出しエリア */

  1. nav div.subMenu div.heading {

margin: 0; /* 見出しエリアのマージン(上書き) */ } /* 見出し */

  1. nav div.subMenu h2 {

border-left-color: #add8e6; /* 左境界線の色 */ } /* メニューエリア */

  1. nav div.subMenu ul.nl {

margin: 1px 0 0; /* メニューエリアのマージン(上、左右、下) */ padding: 0; border: 1px #666666 solid; /* メニューエリアの境界線 */ list-style-type: none; } /* メニュー項目 */

  1. nav div.subMenu ul.nl li {

border-top: 1px #808080 solid; /* 項目の上境界線 */ border-bottom: 1px #404040 solid; /* 項目の下境界線 */ } /* リンクエリア */

  1. nav div.subMenu ul.nl li a {

display: block; position: relative; /* IE6用 */ padding: 14px 10px; /* リンクエリアのパディング(上下、左右) */ background: #3f3f3f url(../image/ver_menu4_off.gif) repeat-x top; /* リンクエリアの背景 */ color: #e0e0e0; /* 文字色 */ text-decoration: none; /* テキストの下線(なし) */ } /* ポイント時の設定 */

  1. nav div.subMenu ul.nl li a:hover {

background: #505050 url(../image/ver_menu4_on.gif) repeat-x top; /* ポイント時の背景 */ text-decoration: underline; /* テキストの下線(あり) */ }

/* --- お問い合わせ --- */

  1. nav div.contact {

padding-bottom: 0.3em; /* セクションの下パディング */ } /* 段落 */

  1. nav div.contact p {

margin-bottom: 0.4em; /* 段落の下マージン(上書き) */ }

/* リンクエリア */

  1. nav div.contact p.form a {

display: block; position: relative; /* IE6用 */ padding: 12px 2px; /* リンクエリアのパディング(上下、左右) */ background: #3f99b3 url(../image/form_back1_off.gif) repeat-x top; /* リンクエリアの背景 */ font-size: 110%; /* リンクエリアの文字サイズ */ font-weight: bold; /* 文字の太さ(太字) */ color: #ffffff; /* リンクエリアの文字色 */ text-decoration: none; /* テキストの下線(なし) */ } /* ポイント時の設定 */

  1. nav div.contact p.form a:hover {

background: #54b3cf url(../image/form_back1_on.gif) repeat-x top; /* ポイント時の背景 */ }

/* --- ▲サイドバー内の設定終了 --- */


/* --- 罫線 --- */

  1. content hr.clear {

clear: right; /* 右フロートのクリア */ width: 100%; margin: 0; visibility: hidden; /* 非表示 */ }

/* --- ▲コンテンツ内の設定終了 --- */



/* --- ▼その他の設定開始 --- */

/* --- clearfix --- */ .clearFix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearFix { min-height: 1px; }

/* --- ▲その他の設定終了 --- */


  1. column-one { display:none; width:0px;}
  2. footer { display:none; width:0px;}

.firstHeading { display:none; width:0px;}

  1. contentSub { display:none; width:0px;}


.container{background-color: #ffffff; margin-top:0px} .OWWNBcpCurrentDateFilled {display: none;}


<style type="text/css">

  1. menu{
 list-style-type: none;
 width: 966px;
 height: 60px;
 margin: 30px;
 padding: 0;
 background:  #ffffff;
 border-bottom: 5px solid #dc4e4e;
 border-radius: 5px 5px 5 5;
 color: #dc4e4e ;


}

  1. menu li{
 position: relative;
 width: 161px;
 float: left;
 margin: 0;
 padding: 0;
 text-align: center;

}

  1. menu li a{
 display: block;
 margin: 0;
 padding: 15px 0 11px;
 color: #dc4e4e;
 font-size: 100%;
 font-weight: bold;
 line-height: 1;
 text-decoration: none;

}

  1. menu li:hover > a{
 background: #ffffff;
 color: #dc4e4e;

}

  1. menu > li:hover > a{
 border-radius: 3px 3px 3px 3px;

}

  1. menu li ul{
 list-style: none;
 position: absolute;
 top: 100%;
 left: 0;
 margin: 0;
 padding: 0;
 border-radius: 0 0 0 0;

}

  1. menu li:last-child ul{
 left: -100%;
 width: 100%

}

  1. menu li ul li{
 overflow: hidden;
 width: 200%;
 height: 0;
 color: #dc4e4e;
 -moz-transition: .2s;
 -webkit-transition: .2s;
 -o-transition: .2s;
 -ms-transition: .2s;
 transition: .2s;

}

  1. menu li ul li a{
 padding: 13px 15px;
 background: #ffffff;
 text-align: left;
 font-size: 12px;
 font-weight: normal;

}

  1. menu li:hover ul li{
 overflow: visible;
 height: 38px;
 border-top: 1px solid #ffffff;
 border-bottom: 1px solid #ffffff;

}

  1. menu li:hover ul li:first-child{
 border-top: 0;

}

  1. menu li:hover ul li:last-child{
 border-bottom: 0;

}

  1. menu li:hover ul li:last-child a{
 border-radius: 0 0 0 0;

}

<!-- BODY {

 scrollbar-base-color:       #FF7F50;
 scrollbar-face-color:       #FF7F50; 
 scrollbar-arrow-color:      #FF7F50;
 scrollbar-track-color:      #1E90FF;
 scrollbar-3dlight-color:    #342659;
 scrollbar-highlight-color:  #FF7F50;
 scrollbar-shadow-color:     #FF7F50;
 scrollbar-darkshadow-color: #FF7F50; } 

-->

</style>

</style> </head> </html>

<html lang="ja">

<head>

<meta charset="UTF-8">
<title>team hokudai</title>

</head>

<body>

<div class="example2">

<p><a class="image" title="team hokudai"> <a href="http://openwetware.org/wiki/Biomod/2014/Hokudai"><img alt="team hokudai" src="https://upload.wikimedia.org/wikipedia/commons/c/c0/Title%EF%BC%88%E4%BB%AE%EF%BC%89.png" width="160" height="80" border="0" /></a></p>

<br>

<ul id="menu">


      <li><a href="http://openwetware.org/wiki/Biomod/2014/Hokudai/PROJECT" href="#">PROJECT</a>  
      <ul>  
      <li>

<a href="http://openwetware.org/wiki/Biomod/2014/Hokudai/PROJECT#SAKAI">Introduction</a></li>

      <li><a href="http://openwetware.org/wiki/Biomod/2014/Hokudai/PROJECT#HIROKI" href="#">Term</a></li> 
      

<li><a href="http://openwetware.org/wiki/Biomod/2014/Hokudai/PROJECT#CHIHIRO" href="#">Goal</a></li>

      </ul>  
      </li>  
     <li><a href="http://openwetware.org/wiki/Biomod/2014/Hokudai/DESIGN" href="#">DESIGN</a>  
    <ul>  
      <li><a href="http://openwetware.org/wiki/Biomod/2014/Hokudai/DESIGN#IDAN" href="#">DESIGN1</a></li>  
      <li><a href="http://openwetware.org/wiki/Biomod/2014/Hokudai/DESIGN#YAMATAKA" href="#">DESIGN2</a></li>  
      </ul> 
      </li>  

     <li><a href="http://openwetware.org/wiki/Biomod/2014/Hokudai/EXPERIMENTS&RESULTS" href="#"> EXPERIMENTS 
                     <br>&RESULTS</a>
    <ul>  
      <li><a href="http://openwetware.org/wiki/Biomod/2014/Hokudai/EXPERIMENTS&RESULTS#SAKUMA" href="#">Creation of temperature gradient</a></li>  

<li><a href="http://openwetware.org/wiki/Biomod/2014/Hokudai/EXPERIMENTS&RESULTS#YAMADA" href="#">Creation of well-oriented microtubules</a></li>

      <li><a href="http://openwetware.org/wiki/Biomod/2014/Hokudai/EXPERIMENTS&RESULTS#SHINJI" href="#">Contraction of well-oriented microtubules</a></li>  
<li><a href="http://openwetware.org/wiki/Biomod/2014/Hokudai/EXPERIMENTS&RESULTS#SHIRAKAWA" href="#">Discussion</a></li>
      </ul>  
       </li>  
    <li><a href="http://openwetware.org/wiki/Biomod/2014/Hokudai/FUTURE" href="#"> FUTURE</a>  
    <ul>  
     <li><a href="http://openwetware.org/wiki/Biomod/2014/Hokudai/FUTURE"FUKUSHIMA" href="#">Synchronization the dynamics</a></li>  
     <li><a href="http://openwetware.org/wiki/Biomod/2014/Hokudai/FUTURE#TOMOKI" href="#">The Far Future</a></li>  
     </ul>  
     </li>  
    <li><a href="http://openwetware.org/wiki/Biomod/2014/Hokudai/TEAM#HOKUDAI" href="#"> TEAM</a> 
      </li>  
     <li><a href="http://openwetware.org/wiki/Biomod/2014/Hokudai/SPONSORS#SAKURA" href="#">  SPONSORS</a>    
      </li> 
</ul>


</div>


<p class="example1 clearLeft"><a2 id="IDAN"name="IDAN">1) Control of the contraction formation with well-oriented <br>&nbsp;&nbsp;&nbsp;&nbsp;microtubules <a2></p> <p class="example6"> &nbsp; Microtubule will be polymerized from tubulin monomer using IR light irradiation in a confined cell with a temperature gradient. Under this temperature gradient, the nucleus is formed at the warm end, and the growth process progresses toward the cold end. When the density or length of the filaments exceeds a critical value, well-oriented microtubules with preferential polarity will be obtained (Figure1). <br> &nbsp; To efficiently create a temperature gradient by IR irradiation, we fix some black tape onto the flow cell. The black color absorbs maximum heat. The region with black tape becomes warm due to IR irradiation, and heat propagates from the warm end to the cold end. Thus, we create the temperature gradient using black tape. <br>&nbsp;</p>

<div class="example7 center">

<p> <a class="image" title="team hokudai"><img alt="team hokudai" src="https://upload.wikimedia.org/wikipedia/commons/4/48/%E5%BE%AE%E5%B0%8F%E7%AE%A1%E3%81%AE%E9%85%8D%E5%90%91%28%E8%8B%B1%E8%AA%9E%29.png" vspace="10" hspace="10" width="800" height="450" border="0" style="margin-bottom:20px"/></a> <br> <a class="image" title="team hokudai" clearleft ><img alt="team hokudai" src="https://upload.wikimedia.org/wikipedia/commons/thumb/e/e9/DESIGN%EF%BC%88Figure3%EF%BC%89.jpg/800px-DESIGN%EF%BC%88Figure3%EF%BC%89.jpg" vspace="10" hspace="10" width="800" height="450" border="0" /></a>

</p> </div>

<p class="clearLeft example6">(Figure1: Formation of well-oriented microtubules with preferential polarity polymerized under temperature gradient.)</p> </br>

<p class="clearLeft example6"> &nbsp; The well-oriented microtubules will start to move after adding multimeric kinesin and ATP(Figure2).

<br> &nbsp; To produce the artificial sarcomere, we prepare the oriented microtubules with preferential polarity and the multimeric kinesin (the multimeric kinesin is a unit consisting of kinesins assembled by crosslinking of the non-motor domain of kinesin). The minus ends of microtubules grown in the opposite direction are concentrated around the nucleation cite. By adding the multimeric kinesin and ATP to the nucleation cite, the system can undergo contraction.

<br> &nbsp; Kinesins have the tendency to move from the minus to the plus end along the microtubule track. In the figure shown, the upper kinesins will move to the left, whereas the lower kinesins will move to the right.In other words, the upper and lower kinesins tend to move in opposite directions due to anti- parallel microtubules at the nucleation site.However, the multimeric kinesin does not change position because the kinesins are linked strongly.Nonetheless, the kinesins still try to move in the positive direction. As they approach the plus end of microtubule, they move the microtubules instead. In this way, the unit undergoes contraction. This is the artificial sarcomere. <br>&nbsp;</p>


<div class="example7 center">

<p><a class="image" title="team hokudai"><img alt="team hokudai" src="https://upload.wikimedia.org/wikipedia/commons/thumb/1/18/DESIGN%28Figure1%29.jpg/800px-DESIGN%28Figure1%29.jpg" vspace="50" hspace="10" width="800" height="450" border="0" style="margin-bottom:20px"></></a> <br> <a class="image" title="team hokudai"><img alt="team hokudai" src="https://upload.wikimedia.org/wikipedia/commons/7/70/%E5%8F%8E%E7%B8%AE.gif" vspace="50" hspace="10" width="800" height="450" border="0" /></a> </p> </div>


<p class="clearLeft example6">(Figure2: Uniaxial contraction of well-oriented microtubules by adding multimeric kinesin at the nucleation site of microtubules.) <br>&nbsp; </p>


<p class="example1 clearLeft"><a2 id="YAMATAKA"name="YAMATAKA"> 2) Formation of the artificial sarcomere of muscle by photo <br>&nbsp;&nbsp;&nbsp;&nbsp;irradiation </a2></p>

<p class="example6"> &nbsp; We can form multiple microtubule nucleation sites with temperature gradient created by photo irradiation. After adding kinesin and ATP, it will work as artificial sarcomere(Figure3). <br>&nbsp;</p>

<div class="example7 center">

<p><a class="image" title="team hokudai"><img alt="team hokudai" src="http://openwetware.org/images/b/b3/DESIGN%28Figure4%29%E6%94%B9%E8%A8%82%E7%89%88.jpg" vspace="10" hspace="10" width="800" height="450" border="0" style="margin-bottom:20px"/></a> <br> <a class="image" title="team hokudai"><img alt="team hokudai" src="http://openwetware.org/images/d/d6/DESIGN%28Figure05%E6%94%B9%E8%A8%82%E7%89%88%29.jpg" vspace="10" hspace="10" width="800" height="450" border="0" /></a> </p> </div> <p class="clearLeft example6">(Figure 3: Schematic diagram of the microtubule nucleation site by light irradiation and an artificial muscle having sarcomere.)</br></p>


</body>

</html>