Biomod/2012/TeamSendai/Idea

From OpenWetWare
Revision as of 08:00, 26 October 2012 by Naito Ushio (talk | contribs)
Jump to navigationJump to search

<html> <head>

   <title>Team Sendai Top</title>
   <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
   <script type="text/javascript">
       $(function() {
         if ($.browser.msie && $.browser.version.substr(0,1)<7)
         {

$('li').has('ul').mouseover(function(){ $(this).children('ul').show(); }).mouseout(function(){ $(this).children('ul').hide(); })

         }
       });        
   </script>

<style>

body{ background-image:url(http://openwetware.org/images/7/78/Office.png); /*壁色と壁紙設定*/ background-repeat:repeat;/*繰り返さない場合はno-repeatに変更*/ font:"メイリオ", "MS Pゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; color: #333333; margin:0px; padding:0px; }

  1. Container

{ Background-image: url(http://openwetware.org/images/6/62/Wall4.png); width: 960px; margin: auto; }

/* Main menu */

  1. menu

{ width: 100%; margin: 0; padding: 10px 0 0 0; list-style: none; background: #111; background: -moz-linear-gradient(#444, #111);

   background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #111),color-stop(1, #444));	

background: -webkit-linear-gradient(#444, #111); background: -o-linear-gradient(#444, #111); background: -ms-linear-gradient(#444, #111); background: linear-gradient(#444, #111); -moz-border-radius: 50px; border-radius: 50px; -moz-box-shadow: 0 2px 1px #9c9c9c; -webkit-box-shadow: 0 2px 1px #9c9c9c; box-shadow: 0 2px 1px #9c9c9c; }

  1. menu li

{ float: left; padding: 0 0 10px 0; position: relative; line-height: 0; }

  1. menu a

{ float: left; height: 25px; padding: 0 25px; color: #999; text-transform: uppercase; font: bold 12px/25px Arial, Helvetica; text-decoration: none; text-shadow: 0 1px 0 #000; }

  1. menu li:hover > a

{ color: #fafafa; }

  • html #menu li a:hover /* IE6 */

{ color: #fafafa; }

  1. menu li:hover > ul

{ display: block; }

/* Sub-menu */

  1. menu ul

{

   list-style: none;
   margin: 0;
   padding: 0;    
   display: none;
   position: absolute;
   top: 35px;
   left: 0;
   z-index: 99999;    
   background: #444;
   background: -moz-linear-gradient(#444, #111);
   background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #111),color-stop(1, #444));
   background: -webkit-linear-gradient(#444, #111);    
   background: -o-linear-gradient(#444, #111);	
   background: -ms-linear-gradient(#444, #111);	
   background: linear-gradient(#444, #111);
   -moz-box-shadow: 0 0 2px rgba(255,255,255,.5);
   -webkit-box-shadow: 0 0 2px rgba(255,255,255,.5);
   box-shadow: 0 0 2px rgba(255,255,255,.5);	
   -moz-border-radius: 5px;
   border-radius: 5px;

}

  1. menu ul ul

{

 top: 0;
 left: 150px;

}

  1. menu ul li

{

   float: none;
   margin: 0;
   padding: 0;
   display: block;  
   -moz-box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
   -webkit-box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
   box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;

}

  1. menu ul li:last-child

{

   -moz-box-shadow: none;
   -webkit-box-shadow: none;
   box-shadow: none;    

}

  1. menu ul a

{

   padding: 10px;

height: 10px; width: 130px; height: auto;

   line-height: 1;
   display: block;
   white-space: nowrap;
   float: none;

text-transform: none; }

  • html #menu ul a /* IE6 */

{ height: 10px; }

  • first-child+html #menu ul a /* IE7 */

{ height: 10px; }

  1. menu ul a:hover

{

   background: #0186ba;

background: -moz-linear-gradient(#04acec, #0186ba); background: -webkit-gradient(linear, left top, left bottom, from(#04acec), to(#0186ba)); background: -webkit-linear-gradient(#04acec, #0186ba); background: -o-linear-gradient(#04acec, #0186ba); background: -ms-linear-gradient(#04acec, #0186ba); background: linear-gradient(#04acec, #0186ba); }

  1. menu ul li:first-child > a

{

   -moz-border-radius: 5px 5px 0 0;
   border-radius: 5px 5px 0 0;

}

  1. menu ul li:first-child > a:after

{

   content: '';
   position: absolute;
   left: 30px;
   top: -8px;
   width: 0;
   height: 0;
   border-left: 5px solid transparent;
   border-right: 5px solid transparent;
   border-bottom: 8px solid #444;

}

  1. menu ul ul li:first-child a:after

{

   left: -8px;
   top: 12px;
   width: 0;
   height: 0;
   border-left: 0;	
   border-bottom: 5px solid transparent;
   border-top: 5px solid transparent;
   border-right: 8px solid #444;

}

  1. menu ul li:first-child a:hover:after

{

   border-bottom-color: #04acec; 

}

  1. menu ul ul li:first-child a:hover:after

{

   border-right-color: #04acec; 
   border-bottom-color: transparent; 	

}


  1. menu ul li:last-child > a

{

   -moz-border-radius: 0 0 5px 5px;
   border-radius: 0 0 5px 5px;

}

/* Clear floated elements */

  1. menu:after

{ visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

  • html #menu { zoom: 1; } /* IE6 */
    first-child+html #menu { zoom: 1; } /* IE7 */

/* 目次 */ div#mokuji {width: 960px; margin-left: auto; margin-right: auto; background-color: #f5f5dc}

div#mokuji h2 { background-color: # f5f5dc; font-size: 1.50em; color: #000000; line-height: 45px; padding-left: 12px; margin-bottom: 0}

div#mokuji h3 {border-bottom:solid 3px #66aa66; font-size: 1.50em; line-height: 22px; padding-left: 12px; margin-top: 30px; margin-bottom: 0; clear: both}


ol#mokuji {font-size: 1.00em; margin-left: 0; padding-left: 0}


/*文字の設定*/ h1{ font-family: 'Times New Roman', 'Times', serif; font-size: 2.00em; letter-spacing: 2px; padding-left:10px; margin: 0px; }


h2{ font-family: 'Times New Roman', 'Times', serif;

     	font-size:1.8em;

border-left: 10px solid #000066;

         	border-bottom:solid 1px #000099;/*文字の下に線を入れる設定*/
         	width:900px;

padding-left: 5px; color:#333333; margin-top: 15px; margin-bottom: 5px; }

h3{ font-family: 'Times New Roman', 'Times', serif;

     font-size:1.60em;
       color:# 333333;

}

p{

   	font-family: 'Times New Roman', 'Times', serif  	font-size:1.40em;/*全体の文字サイズ*/

line-height:150%;/*全体で使う、文字と文字の行間*/

         	margin-left:5px;

}

p img{

    	float:left;
        	margin-top:5px;  /*写真の左にスペースを空ける*/

margin-left:5px; /*写真の左にスペースを空ける*/ margin-right:10px; /:写真と文字の間隔*/ }


h5{

     font-size:1.60em;

border: solid 1px #111111;

       color:#ffffff;

background-color:#FFA500; line-height: 30px; padding-left:10px; margin-top: 10px; margin-bottom: 1px; }

h6{

     font-size:120%;

border: solid 1px #111111;

       color:#ffffff;

background-color:#006400; line-height: 30px; padding-left:10px; margin-top: 10px; margin-bottom: 1px; }

  1. red{
     font-size:120%;

border: solid 1px #111111;

       color:#ffffff;

background-color:#DC143C; line-height: 40px; padding-left:10px; margin-top: 10px; margin-bottom: 1px; }

  1. blue{
     font-size:120%;

border: solid 1px #111111;

       color:#ffffff;

background-color:#191970; line-height: 40px; padding-left:10px; margin-top: 10px; margin-bottom: 1px; }

  1. pop {

width: 50%; margin: 0px; float: left; }

  1. pop h2 {

width: 90%; margin: 0px; float: left; }

  1. pop p {

width: 90%; margin: 0px; float: left; }


/*topに戻る*/

  1. ttop {position:fixed;bottom:140px;left:auto;margin:0 0 0 960px; /* マージン:上 右 下 左 */width:41px;height:390px;background:url(http://openwetware.org/images/e/ed/Cellgate.gif) no-repeat left bottom;}/* IE6以下用 */* html #ttop {margin:0 0 -390px 0;position:relative;bottom:490px; /* 上で設定した ttopの高さ390px+下100px */left:960px;}#ttop:hover {background:url(http://openwetware.org/images/a/a7/029.png) no-repeat left bottom;/* 画像の高さによって適当に調整 */}a.page_top {display:block;width:41px;height:390px;}


</style> </head>


<body> <div id="Container"> <!-- Menu --> <ul id="menu"> <li><a href="http://openwetware.org/wiki/Biomod/2012/Tohoku/Team_Sendai ">Home</a></li> <li><a href=" http://openwetware.org/wiki/Biomod/2012/TeamSendai/Idea ">Project</a></li> <li><a href=" http://openwetware.org/wiki/Biomod/2012/TeamSendai/Design">Design</a> </li> <li><a href=" http://openwetware.org/wiki/Biomod/2012/TeamSendai/Simulation">Simulation</a> </li> <li> <a href=" http://openwetware.org/wiki/Biomod/2012/TeamSendai/Experiment ">Experiment</a> </li> <li> <a href=" http://openwetware.org/wiki/Biomod/2012/TeamSendai/Future Application">Future Application</a> </li> <li> <a href=" http://openwetware.org/wiki/Biomod/2012/TeamSendai/Diary">Diary</a> </li> <li> <a href=" http://openwetware.org/wiki/Biomod/2012/TeamSendai/Team ">Team</a> </li> <li> <a href=" http://openwetware.org/wiki/Biomod/2012/Tohoku/Team Sendai/header"></a> </li>

</ul>

<div id="ttop"> <a href="#top" class="page_top" onfocus="this.blur();" onclick="scrollTo(0,0); return false;" title="Top"></a></div>

</body> </div> </html>

<html> <body> <div id="Container"> <h1>Project</h1>

<h2>motivation</h2>

<p> We want to make an artificial channel.</br> If we make an artificial channel, it is desirable that the channel can carry selectively </br> and actively only what we want to carry.</br> Also, it is desirable that the channel can change its function and shape artificially.</br> Think of these things, we think it is best to make this structure with DNA-origami.</br> If we use DNA, the shape of the channel is changeable as we like.</br> Also, the carry structure that through the channel is possible by using DNA’s complementarity, </br> so we decided to use DNA to make the structure.</br> </br>

<h2>Experiment goal </h2> <img src="http://openwetware.org/images/4/46/Format_D-Heart.jpg" alt="D-Heart" width="400px" align="left"><br> <p> When we test the effect of the Cell-gate, we use liposome as a model of a cell membrane. </br> We have to make liposome and confirm the effect of the Cell-gate.</br> So finally, we will make molecular robot which is Cell-gate on liposome and transport the object inside or outside liposome.</br> In short, our goal in this experiment is following. (D-Heart画像)</br> </br clear = "right"> <p> </br> </br> </br> </br> </br> </br> </br> <h2>Three experiment parts</h2> <img src=" http://openwetware.org/images/1/1c/Cellgate3part.png" alt="hybrid graph" width="400px" height="350px" align="left"> <p> But on experiment, it is not smart that proceeing our project in order. </br> Luckily, large number of people in our team(and most of us are fresh!). </br> So we decided to separate our project into several part and do experiment parallelly. </br> Our experiment separates three parts; Gate part, Porter part, and Membrane part.</br> Gate part is the group making the Cell-gate itself.</br> Porter part is the group making the function to transport the target in the channel.</br> Membrane part is the group making liposome by using lipid.</br> To separate our project and finally mix, we aim to gain our achievement. </br> And we also establish simmulation group that verifies each structure theoretically.</br> </br> <p>

<h1>Gate</h1> <p> <img src="http://openwetware.org/images/9/94/Gate.png " alt="hybrid graph" align="left" width="400px" height="300px" > We will make the gate made of DNA origami! DNA origami is the way how to fold DNA and make structure investigated by Paul Rothemund.</br> So we decided to make the tube structure as the Gate using DNA origami. Consideration for the form of the Gate is written on Design page "Gate".(ここにデザインページGATEへのリンクを!..)</br> In the Gate, "Porter" which transport the target is planted. So Gate can connect the inside and outside. </br> We can use the Gate as an injector or extractor.</br> The simulation that the targets actually enter in the Gate is here.(simlationへのリンクを!..)</br> We considered about annealing situation of the Gate and did electrophoresis and AFM for observing the Gate.</br> Consideration for annealing situation and experiment results is here(ここにexperimentのリンクを!..)</br> <p> </br> </br> </br> </br> </br> </br> </br> </br> </br> </p>

<h1>Porter</h1> <p> <img src="http://openwetware.org/images/e/eb/Porterget.png " alt="hybrid graph" align="left" width="465px" height="315px" > We thought to make DNA Porter which is function to transport the target in channel. One of the characteristic of DNA is to bind another DNA comprementary sequence to it. If we design that the DNA binds the target more stable than former one, and if next DNA binds more stable than it…, the target moves to most complementary sequence DNA. We thought this characteristic of DNA can be utilized the power of channel. This channel can make us transport the object selectively and actively independent of concentration gradient. We deceided to make the Porter made of DNA.

DNA sequence of Porter is here.(Designページporterへのリンクを!...) And simulation of suitable Porter length.(simulationへの以下略)

We did electrophoresis to confirm working of DNA. Experiment method and result is here.(experiment he no rinku wo!)


<br clear="left"> </p>

<h1>Membrane</h1> <p> <img src="http://openwetware.org/images/4/4b/Membranerane.png " alt="hybrid graph" align="left" width="300px" height="350px" > reference from "the CELL" (画像の下に置きたいセリフ) </br> In this project, We make the model of cell membrane and aim that the channel penetrate it. </br> Because using cell membrane immediately is hard. </br> We make liposome by using lipid. </br>

Liposome is the membrane made of lipid and utilize liposome as model of cell-membrane. </br>

Consideration making situation of liposome is here.(リンクおね) </br> And experiment method and result is here.(ここからリンクよろ) </br> </p>


<br clear="left">

<h1>Application in future</h1> <p> Finally, this project aims to attach to real cell and transport a substance to cell and from cell. Of cause, this channel can be applied to medical use. Also, it can

be used for bring some substance which it is difficult to bring back now from cell. In this experiment, we used liposome as a model of a cell membrane, but if we consider the channel attached liposome as one robot, the robot can use to cleaner robot or medical sprinkling robot. </p> </div>

</body> </html>