Biomod/2011/TeamJapan/Tokyo/Project/Model of the DNA ciliate body

From OpenWetWare
Jump to navigationJump to search


<html> <!--<head>--> <!-- We refer to the wiki of team iGEM Heidlberg 2009. -->

      <style type="text/css">

/* ====================

  主に全体に関わるCSS

   ==================== */

      body {behavior: url(http://www.xs4all.nl/~peterned/htc/csshover3-source.htc);}
      .clear {clear:both;}

body.mediawiki {

                       font-size: 14px;

background-color:#707070; background-position: center center; background-attachment: fixed; background-repeat: no-repeat; font-family: Calibri, Verdana, helvetica, sans-serif; }

               h1 {
                       padding: 0px 20px 5px 20px;
                       font-size: 34px;
                       font-weight: bold;
               }
               h2 {
                       padding: 20px 20px 5px 20px;
                       font-size: 25px;
                       color: #0083eb;
                       text-decoration: none;
                       font-weight: bold;}
                       border: none;
               h2 a {
                       color: #eb8300;
               }
               h3 {
                       padding: 20px 20px 5px 20px;
                       font-size: 20px;
                       color: #000;
                       font-decoration: none;
                       font-weight: bold;
               }
               h1.firstHeading {

display: none;

               }

p { text-align: justify; } a:link { color: #00a5ea; text-decoration: none } a:visited { color:#00a5ea; text-decoration: none } a:hover {

                       color: #eb8300;

text-decoration: none } a:active { color:#f29400; text-decoration: none } #bodyContent {

                       width: 970px;
                       margin: 0px 0px 0px;
                       background-color:#ffffff;
                       border-width: 0px 1px 0px 1px;
                       border-color: #000000;
               }
               #content {
                       padding-left: 0px; width: 970px;
               }

table#team_members {

                       text-align: justify;
                       border: 0;
               }

table#team_members h2, table#team_members h3 {

                       clear: both;
               }

#content * a:hover {

                       text-decoration:none;
               }

#main_wrapper {

                       position:absolute;
                       left:0px;
                       top:20px;

margin-top: 0; width: 969px; height: 221px; align: center; border-style: solid;

                       border-color: white;

} /* ====================

  メニューの画像を変更できる部分
  ==================== */

#header {

                       position:relative;
                       left:0px;
                       top:0px;

margin-top: 0; width: 969px; height: 221px; align: left; background-color: #FFFFFF;

                       background-image: url(http://openwetware.org/images/e/e0/NEW_header.jpg); 

} /* ====================

  以下、特殊なclassに適用される
  ==================== */

#navigation { position:absolute;

                       left:18px; top:155px; width:1200px; height:69px;

z-index:100;

                       background-color: transparent;
                       float: left; 

color: #0000FF; } #super_main_wrapper {

                       position:absolute;
                       left:0px;
                       top:227px;

width: 975px; align: center; background-color: #ede8e2;

                       heigth: auto;
               }
               #SubWrapper {
                       width: 645px;
                       padding: 0px;
                       border-left:4px solid #ede8e2;
                       float: left;
                       margin-top: 0px;
                       background-color: #ede8e2;
               }
               #SubWrapper * p, #SubWrapper p  {
                       padding: 0 20px;
                       text-align: justify;
                       font-size: 12px;
               }
               #SubWrapper * h3, #SubWrapper h3 {
                       padding-top: 10px;
                       font-size: 18px;
               }
               #news {
                       width: 322px;
                       margin-top: 0px;
                       float: left;
                       background-color: #d8d5d0;
                       border-right:4px solid #ede8e2;
               }
               #news p {
                       padding: 0 20px 20px 20px;
                       text-align: justify;
                       font-size: 12px;
               }
               #news h3 {
                       padding: 10px 20px;
                       font-size: 18px;
               }
               #mission_box {
                       width:650px;
                       float: left;
               }
               #team_box, #heartbeat_box, #notebook_box, #parts_box, #gallery_box, #sponsors_box, .boxy {
                       width:215px;
                       float: left;
                       padding: 10px 0 0 0;
               }
               div.tleft {
                       border-width: 0px;
                       margin:0;
                       padding:0;
                       border-color:transparent;
               }

/* ====================

  ここからプルダウン周辺のデザイン
  ==================== */
  1. menu * {

margin: 0; padding: 0; }

  1. menu {

behavior: url(http://www.xs4all.nl/~peterned/htc/csshover3-source.htc); <!-- fuer ie6 --> font-family: calibri, verdana, sans-serif;

       font-color: #ffffff;

font-size: 19px; background-color: transparent; float:left; padding: 12px 0 0 0; }

  1. menu ul {

float: left; list-style: none; }

  1. menu ul li {

background-color:transparent;

       position:relative;

float:left; list-style: none; padding: 10px 20px 0 0;

       font-weight: bold;
       width: auto;

}

  1. menu a {

color: #FFFFFF; display: inline; text-decoration: none; }

  1. menu a:visited {

color:#FFFFFF; text-decoration: none }

  1. menu a:hover {

color: #00a5ea; }

  1. menu ul li ul {

display: none; position: absolute; left: 0px;

       width: 155px;
       heigth: 1%;

font-size: 19px; opacity: 0.8; list-style: none;

       top: 30px;
       padding-top: 20px;
       z-index:500;

}

  1. menu ul li:hover ul {

display: inline;

       background-position: bottom;

}

  1. menu ul li ul li {

width: 100%; list-style: none;

       background-color: #000;
       margin: -1px;
       padding: 0px 0 0 5px;
       display: inline;

}

</style> <!-- </head> -->


<!-- ############################# BODY!!!!! #################################### -->

<!-- <body> --> <!--[if IE]> <style type="text/css">

  1. SubWrapper {width: 645px;}
  2. news {width: 317px;}
  3. super_main_wrapper {position:static;}
  4. navigation {left: 15px;}
  5. menu ul li ul {left: -2px; top: 22px;}

</style> <![endif]--> <div id="main_wrapper">

 <div id="header">

<div id="navigation"> <div id="menu" style="position:static"> <ul> <li><a class="aMain" href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Tokyo">Home</a></li> <li><a class="aTeam" href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Tokyo/Team/Students">Team</a></li> <li><a class="aProject" href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Tokyo/Project">Project</a> <!-- <ul> <li><a href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Tokyo/Project">Overview</a></li> <li><a href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Tokyo/Project/introduction">Introduction</a></li> <li><a href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Tokyo/Project/Model">Model</a></li> <li><a href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Tokyo/Project/Devices">Devices</a></li> <li><a href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Tokyo/Project/Modes">Modes</a></li> <li><a href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Tokyo/Project/Results">Results</a></li> <li><a href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Tokyo/Project/Achievements">Achievements</a></li> <li><a href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Tokyo/Project/Future_works">Future works</a></li> </ul> --> <li><font color="#ffffff">Results</font> <ul> <li><a href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Tokyo/Project/Results">Experiments</a></li> <li><a href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Tokyo/Project/Simulations">Simulations</a></li> <li><a href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Tokyo/Achievements/DNA_Devices">DNA Design</a></li> </ul></li> <!-- <li><a class="Simulation" href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Tokyo/Project/Simulations">Simulations</a></li> <li><a class="DNA design" href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Tokyo/Achievements/DNA_Devices">DNA Designs</a></li> --> <li><a href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Tokyo/Project/Achievements">Achievements</a></li> <li><a href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Tokyo/Project/Future_works">Future works</a></li> <li><a href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Tokyo/Notebook/Protocols">Protocols</a></li> <li><a href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Tokyo/Notebook/Lab.notebook">Notes</a></li> <li><a class="aNotebook" href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Tokyo/Sponsors/">Sponsors</a></li> <li><a class="aSitemap" href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Tokyo/Sitemap">Sitemap</a></li>

</ul> </div><!-- end drop menu --> </div> <!-- end navigation --> </div> </div> <!-- For IE 6 --> <script type="text/javascript">

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

  • CSS Vertical List Menu- by JavaScript Kit (www.javascriptkit.com)
  • Menu interface credits: http://www.dynamicdrive.com/style/csslibrary/item/glossy-vertical-menu/
  • This notice must stay intact for usage
  • Visit JavaScript Kit at http://www.javascriptkit.com/ for this script and 100s more
                                                                                              • /

var menuids=new Array("verticalmenu") //Enter id(s) of UL menus, separated by commas var submenuoffset=-2 //Offset of submenus from main menu. Default is -2 pixels.

function createcssmenu(){ for (var i=0; i<menuids.length; i++){

 var ultags=document.getElementById(menuids[i]).getElementsByTagName("ul")
   for (var t=0; t<ultags.length; t++){
   var spanref=document.createElement("span")

spanref.className="arrowdiv" spanref.innerHTML="&nbsp;&nbsp;" ultags[t].parentNode.getElementsByTagName("a")[0].appendChild(spanref)

   ultags[t].parentNode.onmouseover=function(){
   this.getElementsByTagName("ul")[0].style.left=this.parentNode.offsetWidth+submenuoffset+"px"
   this.getElementsByTagName("ul")[0].style.display="block"
   }
   ultags[t].parentNode.onmouseout=function(){
   this.getElementsByTagName("ul")[0].style.display="none"
   }
   }
 }

} if (window.addEventListener) window.addEventListener("load", createcssmenu, false) else if (window.attachEvent) window.attachEvent("onload", createcssmenu) </script> <!-- </body> --> </html>







Model of the DNA ciliate body

Introduction

To create DNA ciliate, a micrometer-sized body and its motor are indispensable. We chose DNA as a material for the motor because DNA is the most suitable material that is nanometer-sized and easy to be attached to micrometer-sized objects by various surface modifications. The micrometer-sized body is required to be micrometer-sized, homogeneous, and easy to attach DNA. We use micrometer-sized polystyrene beads as the micrometer-sized bodies because their forms are homogeneous and their carboxylic acid is useful for attaching molecular.
We use two methods to attach DNA to polystyrene beads. In both methods, we bind polystyrene beads' carboxylic acid to amino group of aminated DNA. In first method, we apply reference [1]. In this method, we used linker between polystyrene beads and aminated DNAs. The linker has amino group and carboxylic acid. The linker’s amino group combines with carboxylic acid of polystyrene beads and the linker’s carboxyric acid combines with amino group of aminated DNA, so polystyrene beads combine DNA through the linker. In second method, we use NHS and EDC to alter carboxylic acid to NHS. NHS has very high reactivity, and DNA's amino group reacts with NHS of porystyrene beads. The DNA ciliate body is developed in this process. :
As a motor of DNA ciliate, we used deoxyribozyme which is the enzyme comprised of DNA. Deoxyribozyme cleaves its substrate at an RNA base, if there are 2+ metal ions. Using this reaction, DNA ciliate can move.

Principle and methods

  • Two experiments were needed to complete developing DNA ciliate body.
    First experiment was creating DNA ciliate by attaching DNAs to polystyrene beads. This process is used the reaction of connecting aminated DNAs’ amino group and polystyrene beads’ carboxylic acid. We took two methods to react. Both methods are used the common reaction, but chemical materials are different. First method is used EDC and NHS. This induces transforming carboxylic acid to succinimide which is been able to react with aminated DNAs and connect.
Figure1.the result of PAGE of φ200 nm polystyrene beads using NHS and EDC.
Second method is used EDAC. EDAC reacts with both aminated DNAs and polystyrene beads’ carboxylic acid.
Figure1.the result of PAGE of φ200 nm polystyrene beads using NHS and EDC.

Second experiment is confirming whether deoxyribozyme is attached to polystyrene beads and able to cleave substrate. We confirm deoxyribozyme activity by urea-PAGE. Making mixture of DNA ciliate and substrate and Zn2+ ions. If DNA ciliate has deoxyribozyme activity, substrate is cleaved and the band of cleaved substrate appears as a band.

Sequence design

[Deoxyribozyme]

Simplified image of deoxyribozyme
  • 5' -(NH2)-TTATTATTAT CTCTTCTCCGAGCCGGTCGAAATAGTGAAAA-3'
  • Size: 41bases
    • This DNA is the only DNA which is attached to DNA ciliate body. This has enzyme activity for substrate. The 31bases from 3' end of the strand1 are act as a deoxyribozyme when it hybridizes with the substrate. Those 31bases are same to the DNA spider's leg(CTCTTCTCCGAGCCGGTCGAAATAGTGAAAA).
    • We designed by ourselves the first 10 bases from 5’ end as a linker between a substrate and a polystyrene bead (TTATTATTAT). Thanks to this linker, the space between DNA ciliate body and deoxyribozyme’s enzyme activity area is appeared, so deoxyribozyme can easily hybridize with other DNAs. The linker shouldn’t hybridize with other DNAs and make unexpected structure, so we also took care of these things. We designed linker which doesn’t make dimer and unexpected inner structure. In addition, we don’t use guanine and cytosine because these bases are easy to make nonspecific dimer. We select some strands as the candidates for linkers. As a result, we decide to use “TTATTATTAT” as a linker.