Biomod/2013/Sendai/protocol

From OpenWetWare
Revision as of 02:33, 31 August 2013 by Yoriko Hashida (talk | contribs)
Jump to navigationJump to search

<html> <head> <style>


/********************** Hide MediaWiki and init CSS, overwrite by bootstrap.css バルス**********************/

body{

background:none;

} html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{

margin:0;
padding:0;
/* font-size:100%; */
 border:0;
outline:0;

} a, a:link, a:visited, a:hover, a:active{

text-decoration:none

}

/*訪れたリンクを白くするよ*/ .whiteSendai:visited{

color:#FFFFFF!important;

}

/*左詰め、真ん中、右詰め*/ .leftSendai { text-align: left; } .centerSendai { text-align: center; } .rightSendai { text-align: right; }


.firstHeading {

display:none;

}

  1. content{
border-style:none;
margin:0;
padding:0;

}

  1. globalWrapper{
font-size:100%;

}

  1. contentSub{
display:none;

}

  1. column-one{
display:none;

}

  1. footer{
display:none;

}

  1. globalWrapper{
font-size:100%;

}

  1. bodyContent h1, #bodyContent h2{
 margin-top: 20px;
 margin-bottom: 10px;

}


  1. bodyContent h3{
 margin-top: 20px;
 margin-bottom: 10px;
 border-bottom-width: medium;
 border-bottom-style: solid;
 border-bottom-color: gray;

}

  1. bodyContent h4{
 margin-top: 20px;
 margin-bottom: 10px;
 border-bottom-width: thin;
 border-bottom-style: solid;
 border-bottom-color: gray;

}

  1. bodyContent h5, #bodyContent h6{
 margin-top: 10px;
 margin-bottom: 10px;

/**** border-bottom-width: thin;

 border-bottom-style: solid;
 border-bottom-color: gray;
        • /

}

/********************************* Hide MediaWiki end *********************************/


/* Structure */ html{ background: #eee; } body {

 padding: 0px;
 background: #fff;
 color: #333;
 margin: 0 auto;
 max-width: 900px;
 font: 1em/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif;
 }

a {

 color: #105672;

}

header {/****position: fixed; ****/

       /******width: 100%;****/
       height: 90px;
       z-index: 1;

background: #F17F25;

        padding:0.01em 0.5em 1.5em ;

color: #fff; line-height: 1;

}

header h1{ margin-bottom: 0; }

header h1 span{ display: inline; color: rgba(255,255,255,.4); }

header span{ display: block; color: rgba(255,255,255,.2); font-weight: 300; margin-bottom: 1.6em }

header nav{ float: right; text-align: right } header nav div{ font-size: .8em; } header nav div a { font-weight: 300; padding: .3em .5em } header nav a{ color: #fff; display: inline-block; padding: .3em .8em }

header nav a:hover, header nav a:focus{ color: rgba(255,255,255,.6) }


[role=main]{ padding:1.5em 3em; } article{ padding: 1em 0; text-align: justify; text-justify: inter-ideograph;

}


footer{ background: #333; color: #fff; padding: 1em 3em;

       clear: both;    /***2段組みの左右のfloatを解除***/

}

/* Typography */

p{ font: 1em/1.5 Palatino, "Palatino Linotype", Georgia, Times, "Times New Roman", serif; }

p.sukima{

       font-size: 150%;
       font-weight: normal;
       font-family: Helvetica;
       background: #bbb;
       padding-left: 1.2em;

}

img{ max-width: 100%; /***** height: auto; *****/ }


blockquote{ float: left; margin: 1em 3em; } blockquote p{ font-size: 1.4em; line-height: 1.2; font-weight: 700; font-style:italic; } a{ font: 700 1em/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif; text-decoration: none } a:hover, a:focus{ color: #000; } a:active{ position: relative; top:1px; }

ol{margin: 1em 0 1em 0; padding-left: 2em; } li{ margin: 0; }

/* Tabs */

  1. tabs

{ /*****position:fixed;****/

      width: 900px; 

}

.js-on #tabs article { display:none }

  1. tabs, #tabs nav a.active{

background: #FFF; color: #111; }

  1. tabs nav

{ position: relative; overflow: hidden; display: table; background: #bbb; }


  1. tabs nav a

{ width:900px; display:table-cell; padding:1em; text-align:center; color: #333; }

  1. tabs nav a:hover,#tabs nav a:focus

{ background:#eee }

  1. tabs article

{ padding:2em; }


.js-on #tabs article.active { display:block; }

  1. tabs #mobiles{

display:none; border-radius: 0; }

  1. tabs #mobiles a, #tabs #mobiles a:first-child, #tabs #mobiles a:last-child{

width:300px; border-radius: 0; }


/* Media queries */ @media screen and (min-width:900px) { body{font-size: 1.1em;} }

@media screen and (max-width:600px) { #tabs nav{ display: none; position: relative; } #tabs #mobiles{ display:block; } #tabs article { display:block; } } @media screen and (max-width:480px) { blockquote{ float: none; }

header nav a{ padding:.7em .8em } header nav{ float: none; margin: -.5em -3em 0; background: #000; overflow: hidden; text-align: left } header nav a{ border-right: 1px solid #222 } [role=main]{ padding:1.5em 2em; } header nav div{ display: none; }

}

/*column content*/

  1. content-right {

width:48%; /***段落の横幅***/ float:right; /***右に寄せる(他の要素を左に回り込ませる)***/ margin: 10px; }

  1. content-left {

width:47%; /***サイドの横幅***/ float:left; /***左に寄せる***/ margin: 10px; }

/*****キャプションレフト*****/

div.caption-left{ float: left; padding: 0 5px 5px 5px; }

.caption-left span{ display: block; text-align: center;

       font-size: smaller;
       font-weight: bold;

}

div.clear{ clear: both; margin: 0 0 10px 0; }

/*****キャプションライト*****/

div.caption-right{ float: right; padding: 0 5px 5px 5px; }

.caption-right span{ display: block; text-align: center;

       font-size: smaller;
       font-weight: bold;

}

div.clear{ clear: both; margin: 0 0 10px 0; }

/***floatの影響を絶つ。<div class="c-both"></div> のように使う***/

.c-both { clear: both; }

div.title{

        font-style: normal;
        font-weight: bold;
        font-size: 70px;
        line-height: 70px;
        font-family: Helvetica;

}

div.caption{

       text-align: center;
       font-size: smaller;
       font-weight: bold;

}

div.captiontable{

       font-size: smaller;
       font-weight: bold;

}

/*topに戻る*/

  1. ttop {position:fixed;
      bottom:140px;
      left:auto;margin:0 0 0 905px; /* マージン:上 右 下 左 */
      width:100px;
      height:390px;
      background:url(http://openwetware.org/images/f/f2/%E5%90%8D%E7%A7%B0%E6%9C%AA%E8%A8%AD%E5%AE%9A-1.png) no-repeat left bottom;}

/* IE6以下用、アスタリスクハックでググれ */

  • html #ttop {margin:0 0 -390px 0;
             position:relative;bottom:490px; /* 上で設定した ttopの高さ390px+下100px */
             left:960px;}
  1. ttop:hover {background:url(http://openwetware.org/images/b/b9/Top2.png) no-repeat left bottom;/* 画像の高さによって適当に調整 */
            }

a.page_top {display:block;width:100px;height:390px;}


</style> </head> </html> <html xmlns="http://www.w3.org/1999/xhtml"> <head>

   <title>Biomod2013 Sendai ver2.0</title>
   <meta name="viewport" content="width=device-width,initial-scale=1">
   
   <style type="text/css">
   h1{color: white;}
   </style>

</head>

<body> <!-- <div style="max-width:900px; position:fixed;">****/ -->

   <header>
        <nav>      
          <div>
               <a href="#"  class="whiteSendai">Blog</a> 
               <a href="#"  class="whiteSendai">Twitter</a>
               <a href="#"  class="whiteSendai">Facebook</a>
               
           </div>
          <a href="http://openwetware.org/wiki/Biomod/2013/Sendai" class="whiteSendai">Top</a> 
           <a href="http://openwetware.org/wiki/Biomod/2013/Sendai/project" class="whiteSendai">Project</a>
           <a href="http://openwetware.org/wiki/Biomod/2013/Sendai/design" class="whiteSendai">Design</a> 
           <a href="http://openwetware.org/wiki/Biomod/2013/Sendai/calcuation" class="whiteSendai">Calculation</a>
           <a href="http://openwetware.org/wiki/Biomod/2013/Sendai/experiment" class="whiteSendai">Experiment</a>

<a href="http://openwetware.org/wiki/Biomod/2013" class="whiteSendai" style="float:right;"><img src="http://openwetware.org/images/6/6e/Biomod-logo.jpg"

                                              width="75" height="75" alt="Biomod2013" border="0"></a><br>
           <a href="http://openwetware.org/wiki/Biomod/2013/Sendai/protocol" class="whiteSendai">Protocol</a>   
           <a href="http://openwetware.org/wiki/Biomod/2013/Sendai/future" class="whiteSendai">Future</a> 
           <a href="http://openwetware.org/wiki/Biomod/2013/Sendai/member" class="whiteSendai">Member</a>
           <a href="http://openwetware.org/wiki/Biomod/2013/Sendai/sponsor" class="whiteSendai">Sponsor</a>
           </nav>
            <a href="http://openwetware.org/wiki/Biomod/2013/Sendai"><h1 style="color:white;" ><b>Biomod<span>2013<br>&emsp; Team</span>Sendai</b></h1></a> 
   </header> 

<section role="main">

       <article>

<h2>Protocol</h2>

<!-- tab隠すここから --> <!--

<p class="sukima">Protocol </p>

   <section id="tabs">


     <article data-title="Egg type molecular robbot">

<h3 id="experimentsubproject1">内側からアルギン酸膜を破壊するサブプロジェクト</h3></br>

<h4>1-1リポソームの作製とそれをバッファーに入れてアルギン酸ゲルビーズ内に入れる実験</h4></br>

グルコース100μℓにoil70μℓを加えてouterバッファーを作製した。次に、oil40μℓにBSG(?)(蛍光物質)を1μℓ加えて、ピペッティングとタッピングで白く濁るまで混ぜて、innerバッファーを作製した。そのinnerバッファーをouterバッファーの上に注いで70秒遠心にかけて、リポソームを作製した。</br> 遠心した後、チューブの底にたまったベシクルを取り出し、1.5% アルギン酸ナトリウムに加え、それをキャピラリー中に入れ、400mM 塩化カルシウム 140μL中に滴下してFig1のような装置で2~3分遠心した。</br>

<img src="http://openwetware.org/images/9/9f/Ensin.png"></br>

    Fig1 アルギン酸ゲルビーズの作製</br></br>


<h4>1-2内部にバッファーの入ったアルギン酸膜の作製</h4></br>


Fig3のように外側の太いキャピラリーと内側の細いキャピラリーを作成する。 キャピラリーは外径1mmのものを熱加工した。</br> </br> 外管には1.5%アルギン酸ナトリウム溶液を、内管には蛍光物質+mQをいれた</br>

2重キャピラリーを用いて2~3分遠心にかけ0.4M塩化カルシウム水溶液に滴下する。</br>

<img src="http://openwetware.org/images/1/1d/Image_%E4%BB%AE.png"></br>

    Fig3 二重ノズルの構造</br></br>


<h4>2ニッパムの効果でリポソームが割れることの確認実験</h4></br>


ニッパム分子は32度以下では水和していて親水性だが、32度以上では収縮して疎水性になる。ニッパムがリポソームに修飾されると、32度以下ではニッパム分子の水和により安定な状態になるが、32度以上ではニッパム分子が疎水性になって不安定な状態になるので、32度以上になった時にリポソームが割れることになる。</br>

参考</br> http://www.sigmaaldrich.com/etc/medialib/docs/SAJ/Brochure/1/j_recipedds2.Par.0001.File.tmp/j_recipedds2.pdf</br></br>


まず、PNIPAMに脂質を修飾する。まず、PNIPAMにCHCl3とAr存在下でジシクロヘキシルカーボジイミド(DCC)と、N-ヒドロキシ-シアナミド(NHS)を反応させる。(下図の1ができる)次に、CHCl3とAr存在下でジミリストイルホスファチジルエタノールアミン(dimyristoylphosphatidylethanolamine、DMPE)を反応させる。(下図の2ができる)このようにしてPNIPAMに脂質を修飾して、GUVによりニッパム修飾されたリポソームを作製した。</br></br>

<img src="http://openwetware.org/images/e/e8/NIPAMgousei.png"></br>

    Fig4 PNIPAMへの脂質の修飾</br></br>


※W/Oエマルション法を用いたGUV(Giant Unilamellar Vesicle)によるリポソームの作製</br></br>

10mM DOPCのストック溶液をArガスで乾燥させた脂質フィルムをミクロチューブ内に作り真空デシケータ内でさらに乾燥させた。リン脂質フィルムに流動パラフィン 500μLを加える。超音波洗浄機を用いて60℃で60分間リン脂質をオイルに溶かした。インナー溶液を150mM スクロース、350mM グルコース、100mM EGTAとする。オイルに溶かしたリン脂質にインナー溶液 50μLを加え、遠心分離し、エマルション溶液を作製した。アウター溶液を600mM グルコースとする。アウター溶液 100μLにエマルション溶液 70μLを加える。</br></br>


参考</br> Thermoresponsive Nanostructures by Self-Assembly of a Poly(N-isopropylacrylamide)−Lipid Conjugate Daniel N. T. Hay ,† Paul G. Rickert ,‡ Sönke Seifert ,§ and Millicent A. Firestone *† J. Am. Chem. Soc., 2004, 126 (8), pp 2290–229 Publication Date (Web): February 3, 2004</br></br>


<h4>3アルギン酸ゲルビーズを溶かすのに必要なEGTAの濃度と時間の測定</h4></br>

<h4>4尿素アニーリングによるDNAオリガミの作製とその作製にかかる時間の測定</h4></br>


M13pm18(7249nt)と226個のステプルを100μℓの12.5mMの酢酸マグネシウム入りの10×TAEの中に入れ、95℃から20℃に1℃/分でアニーリングしたものとM13pm18と226個のステイプルを300μℓの12.5mMの酢酸マグネシウムと85%のホルムアルデヒド入りの10×TAEの中に入れ、透析装置で0.2mℓ/分の割合で次第にホルムアルデヒドの濃度を薄くしていったものとをAFMや電気泳動で調べた。</br>


<h4>5温度を上げればアルギン酸膜が破壊されることの確認</h4></br>


<h4>6アルギン酸膜内で尿素アニーリングができていることの確認</h4></br>


<h4>7全体のシステムの機能確認</h4></br>


     </article>

--> <!--

     <article data-title="Chain Reaction">

--> <!--tab隠すここまで-->


<h3>Step 2 Chain-reactive burst</h3> <h4>i)Bending approach</h4> <h4>1)Making DNA origami</h4> <h4>1-1)Making DNA origami</h4> <h5>DNA origami recipe</h5> We designed DNA origami by <A Href="http://cadnano.org/">caDNAno2</A>, software for designing 2D and 3D DNA origami.<br> Our DNA origami has 141 staples that have 30nt free single-stranded parts outside the DNA origami. The sequence of the parts is <i>“<font color="#00a0c0">each DNA origami staple</font>-TTTTTTTTTTTTTTT<font color="red">CTGTCGCATCGAGAG</font>”</i>.<br> Between the staple and unique (<i><font color="red">CTGTCGCATCGAGAG</font></i>) sequences, 15 T bases are inserted. They are to make a T loop. Thanks to this T loop, single-stranded DNAs complementary to the unique sequence are expected to easily hybridize with the unique sequence.<br> The 30nt single-stranded parts are stable till 37 degrees, according to <A Href="http://www.nupack.org/">NUPACK</A>).<br> The 141 staples have the same length so that they may place at the same intervals in the DNA origami.<br> Each side of our origami is not fully covered with staples, and single-stranded M13 remains. This is for preventing π-π interaction and stacking by hydrophobic interaction between base pairs of double-stranded DNAs.<br> This design enables each DNA origami to exist individually.<br> <br> <h5>The list of strands</h5> The other strands exept DNA origami staples used in our experiment are shown in Table1.<br> The sequence of cholesterol-conjugated DNA (in the rest of this document, referred to as ccDNA) is shown below (at the first sequence in Table1). For labeling, we also attached fluorescent tagged DNA (at the second in Table1) to our DNA origami.<br> To hybridize different strands of cc DNA and fluorescent tagged DNA with the same unique single-stranded parts of our origami, we arranged two kinds of adaptor DNAs (at the third and fourth in Table1). One adaptor has complementary sequences to both the unique sequence and cc DNA. The other has complementary sequences to both the unique sequence and the fluorescent tagged DNA. Thanks to these two adaptors, two different strands can bind to the same unique sequence. <br> <br> <table border cellspacing="0" bgcolor="lightyellow"> <tr bgcolor="lightyellow"> <td> The kinds of DNA strands </td> <td> Its sequence </td> </tr> <tr bgcolor="moccasin"> <td> Cholesterol-conjugated DNA (ccDNA)</td> <td> CCAGAAGACG </td> </tr> <tr bgcolor="moccasin"> <td> Fluorescent tagged DNA </td> <td> ACTAGTGAGTGCAGCAGTCGTACCA </td> </tr> <tr bgcolor="moccasin"> <td> Adaptor strand for cc DNA and the unique sequence in DNA origami </td> <td> CGTCTTCTGGCTCTCGATGCGACAG </td> </tr> <tr bgcolor="moccasin"> <td> Adaptor strand for fluorescent tagged DNA and the unique sequence in DNA origami </td> <td> TGGTACGACTGCTGCACTCACTAGTCTCTCGATGCGACAG </td> </tr> </table> Table.1 The sequence of the strands used in our experiment<br> <br> <h5>Annealing</h5> The annealing solution is shown in Table2. The annealing was conducted for 2 hours and 51minutes (from 95 to 25 degrees: lower 1 degree per 2 minutes).<br> <br> <ur><li>Annealing solution with fluorescent tagged DNAs 50µl<br> <table border cellspacing="0" bgcolor="lightyellow"> <tr bgcolor="moccasin"> <td>84nM M13mp18</td> <td>2.38µl</td> </tr> <tr bgcolor="moccasin"> <td>Staples</td> <td></td> </tr> <tr> <td>1µM migihaji</td> <td>1µl</td> </tr> <tr> <td>1µM hidarihaji</td> <td>1µl</td> </tr> <tr> <td>1µM ashibatemae</td> <td>1µl</td> </tr> <tr> <td>200nM ashiba</td> <td>5µl</td> </tr> <tr bgcolor="moccasin"> <td>1µM cholesterol-hybridizing ssDNA</td> <td>3µl</td> </tr> <tr bgcolor="moccasin"> <td>1µM fluorescent-tagged DNA-hybridizing ssDNA</td> <td>3µl</td> </tr> <tr bgcolor="moccasin"> <td>5xTAE Mg2+</td> <td>10µl</td> </tr> <tr bgcolor="moccasin"> <td>mQ</td> <td>20.62µl</td> </tr> <tr bgcolor="moccasin"> <td>1µM fluorescent-tagged DNA</td> <td>3µM</td> </tr> </table></li> Table.2 Annealing solution with fluorescent tagged DNAs<br> <br> <li>Annealing solution with no fluorescent tagged DNAs (control) 50µl<br> We changed 3µl fluorescent tagged DNAs in the above solution into the same quantity of mQ.</li><br> <br> <h5>AFM observation</h5> As we thought excess staples produced more aggregation and made AFM observation difficult, control annealing solution was used for AFM observation.<br> <br> <h4>1-2)Labeling DNA origami</h4> We confirmed that our DNA origami was fluorescently labeled by electrophoresis.<br> <br> 50µl of Annealing solution with fluorescent tagged DNAs (used in 1-1)Making DNA origami) contains 3µl of 1µM fluorescent tagged DNAs. <br> To see if the origami binds to the fluorescent tagged DNA in shorter time, we added 0.6µl of 1µM fluorescent tagged DNAs into 10 µl control annealing solution, and left it for 40 minutes.<br> <br> Agarose gel recipe: 0.4g agarose, 0.8ml 50xTAE, 39.2ml mQ<br> <br> The electrophoresis was conducted with 1% agarose gel, CV 100V, for 50 minutes.<br> <br> <h4>2)Destroying liposomes</h4> <h4>2-1) Making liposomes</h4> We made liposome that was to be broken by DNA origami.<br> First we mixed 1µl lipid (10mM DOPC) and 99µl solvent (CHCl3) in a microtube, and desiccate it with Argon gas. Then we left it for one night in a vacuum dryer. After drying, we added 100µl of the same buffer as that of DNA origami (1xTAE Mg2+) into the sample and heat it in warm water (about 90 degrees) for a few hours.<br> <br> <h4>2-2) Investigating the interaction of DNA origami and liposomes</h4> To float cc DNAs on the surface of liposome, we added cc DNAs into liposomes at the final concentration of 0.018, 0.069, 1.8, and 6.9µM. Each sample was as follows.<br> <ur><li>Liposome with 0.018µM cc DNAs: 1µl 0.1µM cc DNAs and 2.5µl liposome</li> <li>Liposome with 0.069µM cc DNAs: 10µl 0.1µM DNAs and 2.5µl liposome</li> <li>Liposome with 1.8µM cc DNAs: 1µl 10µM DNAs and 2.5µl liposome</li> <li>Liposome with 6.9µM cc DNAs: 10µl 10µM DNAs and 2.5µl liposome</li> <br> We observed each sample with a phase microscope.<br> <br> Then we added 2µl DNA origami into each sample and saw if some change would happen with a fluorescent microscope.<br> The DNA origami for fluorescent microscope observation was made according to Table3 annealing solution. It contained more cholesterol-hybridizing ssDNAs and fluorescent-tagged DNA-hybridizing ssDNAs than Annealing solution used in 1-1), because we considered a sample with more fluorescent molecules was suitable for observation. <br> <br> <table border cellspacing="0" bgcolor="lightyellow"> <tr bgcolor="moccasin"> <td>84nM M13mp18</td> <td>2.38µl</td> </tr> <tr bgcolor="moccasin"> <td>Staples</td> <td></td> </tr> <tr> <td>1µM migihaji</td> <td>1µl</td> </tr> <tr> <td>1µM hidarihaji</td> <td>1µl</td> </tr> <tr> <td>1µM ashibatemae</td> <td>1µl</td> </tr> <tr> <td>200nM ashiba</td> <td>5µl</td> </tr> <tr bgcolor="moccasin"> <td>100µM cholesterol-hybridizing ssDNA</td> <td>4.23µl</td> </tr> <tr bgcolor="moccasin"> <td>100µM fluorescent-tagged DNA-hybridizing ssDNA</td> <td>4.23µl</td> </tr> <tr bgcolor="moccasin"> <td>5xTAE Mg2+</td> <td>10µl</td> </tr> <tr bgcolor="moccasin"> <td>mQ</td> <td>23.54µl</td> </tr> </table> Table.3 50µl Annealing solution for fluorescent microscope observation<br> <br> After annealing, we added 4.23µl 100µM fluorescent-tagged DNA (the same quantity of fluorescent-tagged DNA-hybridizing ssDNA).<br> <br> <h4>2-3)Counting liposomes</h4> For the sake of observation convenience, we mixed 1µl 1µM TR-DHPE (red fluorescent dye) with 1µl lipid (10mM DOPC) and 98µl solvate (CHCl3) in a microtube, and desiccate it with Argon gas. Then we left it for one night in a vacuum dryer. After drying, we added 100µl 1xTAE Mg2+ into the sample and heat it in warm water (about 90 degrees) for a few hours.<br> <br> After liposome was made, we added 1µl 10µM cc DNA into 2.5µl liposome (the final concentration of cc DNA was 1.8 µl). We counted the number of liposomes with a fluorescent microscope. <br> After counting, we added 2µl DNA origami and counted the number of liposomes again. For control, we changed 2µl DNA origami into 2µl 1xTAE Mg2+ buffer. <br> <br> <br> <h4>ii)Flower micelle approach</h4> <h4>2)Confirming the hybridization of trigger and loop DNA</h4> We checked whether trigger DNA hybridizes with loop DNA at normal temperature by electrophoresis.<br> <br> <table border cellspacing="0" bgcolor="lightyellow"> <tr bgcolor="moccasin"> <td>30% Acryl amide</td> <td>3.3ml</td> </tr> <tr bgcolor="moccasin"> <td>mQ</td> <td>5.59ml</td> </tr> <tr bgcolor="moccasin"> <td>10xTAE</td> <td>1ml</td> </tr> <tr bgcolor="moccasin"> <td>TEMED</td> <td>10µl</td> </tr> <tr bgcolor="moccasin"> <td>10xAPS</td> <td>100µl</td> </tr> </table> Table.4 10% Acrylic amide gel recipe<br>

       </article>
   </section>

<!-- /***** </div> ****/ -->


   <footer>
       <p>&copy; Copyright Biomod 2013 Team Sendai
               <a href="http://www.molbot.mech.tohoku.ac.jp/index.html">

                  <img src="http://openwetware.org/images/3/36/Murata-nomura-logo.png"

                                     width="180" height="50" alt="Molcular Robotics Lab" border="0" align="right">

         </a>      </p>

       <p>E-MAIL:
           <a href="mailto:biomod.teamsendai.2012@gmail.com">biomod.teamsendai.2012@gmail.com
           </a>
       </p>
       <br>
       <a href="?action=edit" align="center"><p>edit</p></a>
   </footer>
   

</body> </html>

<html> <head>

       <script type="text/javascript">
     function tabs(a,g,j){document.body.className="js-on";var g=a.getElementsByTagName(g),d=[],c;this.active;this.total=g.length;this.container=a;e=a.insertBefore(document.createElement("nav"),g[0]),change=function(f){if(typeof this.active!=="undefined"){d[this.active].className=g[this.active].className=""}d[f].className=g[f].className="active";this.active=f},clickEvent=function(h,f){h.onclick=function(){change(f);return false}};for(var b=0;b<g.length;b++){d[b]=e.appendChild(document.createElement("a"));d[b].href="#";c=[g[b].getAttribute("data-title"),g[b].getElementsByTagName(j)[0]];d[b].innerHTML=c[0]!==null?c[0]:c[1]?c[1]["innerText"||"textContent"]:b+1;new clickEvent(d[b],b)}change(0)}tabs.prototype.change=function(b){change(b-1)};tabs.prototype.next=function(b){active===this.total-1?change(0):change(active+1)};tabs.prototype.prev=function(b){active===0?change(this.total-1):change(active-1)};tabs.prototype.responsive=function(d,c){nav=document.createElement("nav");nav.id="mobiles";nav.innerHTML='<a href="#" onclick="'+d+'.prev(); return false">'+c.prev+'</a><a href="#" onclick="'+d+'.next(); return false">'+c.next+"</a>";this.container.insertBefore(nav,this.container.firstChild);return this};
       </script>
       <script type="text/javascript">

var myTabs = new tabs(document.getElementById("tabs"), "article", "h2").responsive("myTabs", { prev: "Previous", next: "Next" }); </script> </head> </html>