Biomod/2011/TeamJapan/Tokyo/Project

From OpenWetWare
Revision as of 21:21, 31 October 2011 by Hideki Kawamura (talk | contribs)
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>






Project

DNA ciliate body



1. Free moving mode









2. Track walking mode









3. Light-irradiated gathering mode
In the light-irradiated gathering mode, DNA ciliates gather at a specific area responding to UV irradiation. This mode is achieved by UV-switching DNA devices and observation of gathering DNA ciliates.
The UV-switching DNA device has the stem-loop structure which has UV-responsive bases, azobenzenes. Before UV-irradiattion, this DNA device doesn’t trap deoxyribozyme legs of DNA ciliate. After UV irradiation, azobenzenes are isomerized and the DNA device traps deoxyribozyme legs of DNA ciliate. By this reaction, DNA ciliates gather at UV-irradiated area. By using this system, we think DNA’s movement can be controlled.

Mechanism

UV-switching system

Deoxyribozyme, blocking DNA, and UV-switching DNA are used in this system. The UV-switching DNA hybridizes with blocking DNA and DNA ciliate’s deoxyribozyme legs doesn’t hybridize. This structure is closed state. By UV irradiation, the stem-loop of UV-switching DNA becomes open and branch migration starts, so DNA ciliate’s deoxyribozyme legs become trapped by UV-switching-DNA. This structure is open state.
UV-switching DNA has a stem-loop structure which contains two azobenzenes. By spotting UV, azobenzenes are isomerized and this loop becomes open. This opened loop has a complementary part for deoxyribozyme. This UV-switching DNA is complimentary for blocking DNA.
Retrieved from "https://openwetware.org/mediawiki/index.php?title=Biomod/2011/TeamJapan/Tokyo/Project&oldid=557722"