Difference between revisions of "Team:Tokyo-NoKoGen"

 
(45 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
{{TeamTokyoNokogen}}
 
{{TeamTokyoNokogen}}
  
−
<html>
+
<html lang="ja">
 
<style>
 
<style>
 
html, body{
 
html, body{
 
margin: 0; /* 余白の削除 */
 
margin: 0; /* 余白の削除 */
−
left-padding: 5%; /* 余白の削除 */
+
padding: 2.5%; /* 余白の削除 */      
−
 
+
        position:absolute;
 +
        top: -10px;
 
height: 100%; /* 縦の高さを100% */
 
height: 100%; /* 縦の高さを100% */
 
width: 100%; /* 横の幅を100% */
 
width: 100%; /* 横の幅を100% */
Line 24: Line 25:
 
position:absolute;
 
position:absolute;
  
−
         top:0px;
+
         top:-10px;
  
 
}
 
}
 +
 
div#box1 /*1段目の箱*/ {
 
div#box1 /*1段目の箱*/ {
 
width:900px;
 
width:900px;
Line 39: Line 41:
 
width:600px;
 
width:600px;
 
height:300px;
 
height:300px;
−
margin-top:10px;
+
margin-top:4px;
 
margin-left:10px;
 
margin-left:10px;
 
background:#FFFFCC;
 
background:#FFFFCC;
−
     
 
 
display: inline-block; _display: inline;
 
display: inline-block; _display: inline;
 
float:left;
 
float:left;
 
cursor:pointer;
 
cursor:pointer;
−
}
+
}
 +
 +
.overview2{
 +
　width:500px;
 +
　height:270px;
 +
　　　 margin-top:10px;
 +
　margin-left:15px;
 +
　background:#ffffff;
 +
display: inline-block; _display: inline;
 +
float:left;
 +
cursor :pointer;
 +
z-index:3;
 +
}
  
 
.team {
 
.team {
 
width:260px;
 
width:260px;
−
height:135px;
+
height:115px;
 
       position:relative;
 
       position:relative;
 
left:15px;
 
left:15px;
Line 65: Line 78:
 
         .notebook  {
 
         .notebook  {
 
width:260px;
 
width:260px;
−
height:140px;
+
height:130px;
 
position:relative;
 
position:relative;
 
margin-top:5px;
 
margin-top:5px;
Line 89: Line 102:
 
       left:0px;
 
       left:0px;
 
}
 
}
−
 
+
.white{
 +
height:135px;
 +
background:#ffffff;
 +
}
 +
   
 +
 
 
.facebook {
 
.facebook {
 
width:200px;
 
width:200px;
Line 118: Line 136:
 
cursor:pointer;
 
cursor:pointer;
 
     　 　}
 
     　 　}
 +
   
  
 
.project {
 
.project {
 
width:650px;
 
width:650px;
−
height:300px;
+
height:260px;
−
margin-top:-300px;
+
margin-top:-290px;
−
margin-right:10px;
+
margin-right:0px;
 
background: #79d480;
 
background: #79d480;
 
float:right;
 
float:right;
Line 184: Line 203:
 
     line-height:2;  
 
     line-height:2;  
 
   }
 
   }
−
h2 {
+
h2{
−
     font-size:20px;
+
     font-size:25px;
 +
    font-family:fantasy;
 +
    text-decoration:underline;
 +
    }
 +
h1{
 +
    font-size:14px;
 +
    font-family:fantasy;
 +
    text-decoration:none;
 +
    line-height: 120%;
 +
    }
 +
 
 +
h3{
 +
    font-size:14px;
 
     font-family:fantasy;
 
     font-family:fantasy;
 
     text-decoration:none;
 
     text-decoration:none;
−
  }
+
    line-height: 120%;
 +
    }
  
 
div#main {
 
div#main {
Line 240: Line 272:
 
     width:30%;
 
     width:30%;
 
     padding:5%;
 
     padding:5%;
−
     border:solid 1px #CCC;
+
     border:solid 0px #CCC;
 
     margin:0px auto 20px;
 
     margin:0px auto 20px;
 
}
 
}
Line 253: Line 285:
 
}
 
}
 
</style>
 
</style>
−
 
 
<div id="wrap">
 
<div id="wrap">
  
Line 262: Line 293:
  
 
　　<div class="overview">
 
　　<div class="overview">
−
　　 <h2>Introduction</h2>
+
  　　　　　　　 <div class="overview2">
−
  　　　　　<!--　　  <img src="http://junk-blog.com/wp-content/uploads/2014/09/sample_image.jpg" alt="サンプル画像" width="550" height="250"alt="Overview"/> -->
+
<div style="padding: 5px; border: none; background-color: #ffffff; margin: 10px; "> <h2>Introduction</h2>
−
  　　
+
<img src="https://static.igem.org/mediawiki/2015/e/e6/NK-image1.jpeg" align=right width=150px; height=120px;>
−
  　　　　　　　  <a href="https://2015.igem.org/Team:Tokyo-NoKoGen/Overview" target="_blank" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7 ></a>
+
<h3>What kind  image do you have when you hear the word “termite”??<br><br>
−
                         
+
Actually, this tiny insect has unimaginable voracity. <br>
−
   　　　　　　　  
+
They cause great damage for human life, but there is no way to exterminate terites completely and safely. <br><br>
−
　　　　</div>
+
To solve this problem, <br>Tokyo-NoKoGen “ExTermite Coli”, a new pesticides for Termites !!<br>
 +
</h3>
 +
 +
</div>  　　　　　　　   
 +
<a href="https://2015.igem.org/Team:Tokyo-NoKoGen/Overview" target="_blank" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor='#e7e7e7' ></a>
 +
   　　　　　　　 </div>
 +
　　　　 </div>
 +
　　　　
 
　　　　
 
　　　　
 
　　<div class="team">
 
　　<div class="team">
−
　  <h2>Team</h2>
+
<div style="padding: 5px; border: none; background-color: #ffffff; margin: 10px;"> <h2>Team</h2>
−
　<a href="https://2015.igem.org/Team:Tokyo-NoKoGen/Team" target="_blank" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7 ></a>
+
<img src="https://static.igem.org/mediawiki/2015/0/0f/NK-image23.jpeg"  width=50px; height=50px;>
−
       　　 </div>  
+
</div>
 +
　 <a href="https://2015.igem.org/Team:Tokyo-NoKoGen/Team" target="_blank" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7 ></a>
 +
       　　 </div>  
 
       　　  
 
       　　  
 
               <div class="notebook">
 
               <div class="notebook">
−
　<h2>Notebook</h2>
+
<div style="padding: 5px; border: none; background-color: #ffffff; margin: 10px;">
 +
  <h2>Protocol</h2>
 +
<img src="https://static.igem.org/mediawiki/2015/5/5e/NK-image11.jpeg" width=50px; height=50px;>
 +
<br>
 +
</div>
 
　<a href="https://2015.igem.org/Team:Tokyo-NoKoGen/Notebook" target="_blank" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7 ></a>
 
　<a href="https://2015.igem.org/Team:Tokyo-NoKoGen/Notebook" target="_blank" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7 ></a>
 
       　　  </div>
 
       　　  </div>
Line 284: Line 328:
 
<div id="box2"/*見えない2段目のボックス*/>　
 
<div id="box2"/*見えない2段目のボックス*/>　
 
<div class="facebook">
 
<div class="facebook">
−
   　　　　　　　 <h2>facebook</h2>
+
   　　　　<p style="position: relative;">
−
   　　　　　　　<a href="https://www.facebook.com/tokyo.nokogen" target="_blank"></a>
+
   　　　　　　<a href="https://www.facebook.com/tokyo.nokogen" target="_blank">
−
   　　　　　　　
+
  　　　　　　 <img src="https://static.igem.org/mediawiki/2015/c/cc/NK-image17.jpeg" style ="position:absolute; top:0px;left:20px;" width="150" height="100"><br/>
 +
  　　　　　　<span style="position: absolute; top: 0px; left: 5px; width: 10 px;">
 +
  　　　　　   </span>
 +
  　　　　　　</a>
 +
              </p>
 
   　　</div>
 
   　　</div>
−
  　　<div class="twitter">
+
　　<div class="twitter">
−
   　　　　　　　 <h2>twitter</h>
+
<div style="border: none; background-color: #ffffff; margin: 10px;">    
−
  　　　　　　　 <a href="https://twitter.com/iGEM_Nokogen" target="_blank"></a>
+
　　  　　　　　<h2>Twitter</h2>
−
  　　　　　　　
+
  　　　　　 <p style="position: relative;">
 +
                      <a href="https://twitter.com/iGEM_Nokogen" target="_blank">
 +
                      <img src="https://static.igem.org/mediawiki/2015/8/80/NKtwitter.jpeg" style ="position:absolute;top:-70px;left:20px;" width="135" height="90">
 +
                      </a>
 +
                    </p>
 +
                </div>
 
   　　</div>
 
   　　</div>
−
   　　
+
   　　  　　
 
  　　 　<div class="project">
 
  　　 　<div class="project">
−
  　　　　　　<h2>project</h2>　
+
　　 　 <div style="padding: 0px; border: none; background-color: #ffffff; margin: 4px;">
−
  　　　　　　<a href="https://2015.igem.org/Team:Tokyo-NoKoGen/Description" target="_blank"></a> 　　　　　　
+
<h2>project</h2>
 +
  <img src="https://static.igem.org/mediawiki/2015/2/23/NK-image7.jpeg" align=right width=130px; height=80px;>
 +
 
 +
<h3>The exterminateon of termites by ExTermite Coli involves three steps.<br>
 +
We use “pseudo egg” to distribute the engineered E.coli.  Using this unique tool, the engineered E.coli carried into the termite’s body. <br>
 +
In the termite’s body, it  produces toxic material to inhibit the metabolic pathway of the termites and exterminate termites.
 +
After extermination of the termites, ExTermite Coli loses its function by light-induced lysis. <br>
 +
  On the project page, we explain about the details of our project, ExTermite Coli.</h3>
 +
 
 +
                          <span style="position: absolute; top: 5px; left: 5px; width: 10px;"></span>　　　　　　  
 +
  　　　</div>
 +
  　　　<a href="https://2015.igem.org/Team:Tokyo-NoKoGen/Description" target="_blank"></a>  
 +
 
 
   　　　</div>
 
   　　　</div>
 
      
 
      
 
       <div id="box3"/*見えない3段目のボックス*/>　　
 
       <div id="box3"/*見えない3段目のボックス*/>　　
 
   　　<div class="Ache">
 
   　　<div class="Ache">
−
   　　　　　　　 <h2>Achievement</h2>
+
  　　　　　　　<div style="padding: 5px; border: none; background-color: #ffffff; margin: 10px;">
 +
   　　　　　　　<h2>Achievement</h2>
 +
  　　　　　　　  　　　　　　　  　　</div>
 
   　　　　　　　 <a href="https://2015.igem.org/Team:Tokyo-NoKoGen/achievement" target="_blank"></a>  
 
   　　　　　　　 <a href="https://2015.igem.org/Team:Tokyo-NoKoGen/achievement" target="_blank"></a>  
−
  　　</div>
+
</div>
 +
  　　
 +
  　　
 
   　　<div class="Human">
 
   　　<div class="Human">
 +
  　　　　　　　 <div style="padding: 5px; border: none; background-color: #ffffff; margin: 10px;">
 
   　　　　　　　 <h2>Human practice</h2>
 
   　　　　　　　 <h2>Human practice</h2>
 +
  　　　　　　　 　</div>
 
   　　　　　　　  <a href="https://2015.igem.org/Team:Tokyo-NoKoGen/Practices" target="_blank"></a>
 
   　　　　　　　  <a href="https://2015.igem.org/Team:Tokyo-NoKoGen/Practices" target="_blank"></a>
 
   　　</div>
 
   　　</div>
 +
  　　
 
   　　<div class="parts">
 
   　　<div class="parts">
 +
  　　　　　　　 <div style="padding: 5px; border: none; background-color: #ffffff; margin: 10px;">
 
   　　　　　　　 <h2>Parts</h2>
 
   　　　　　　　 <h2>Parts</h2>
 +
</div>
 
   　　　　　　　  <a href="https://2015.igem.org/Team:Tokyo-NoKoGen/Parts" target="_blank"></a>
 
   　　　　　　　  <a href="https://2015.igem.org/Team:Tokyo-NoKoGen/Parts" target="_blank"></a>
 
   　　</div>
 
   　　</div>
 +
  　　
 +
  　　
 
   　　 <div class="safety">
 
   　　 <div class="safety">
 +
  　　　　　　　 <div style="padding: 5px; border: none; background-color: #ffffff; margin: 10px;">
 
   　　　　　　　 <h2>Safety</h2>
 
   　　　　　　　 <h2>Safety</h2>
 +
</div>
 
   　　　　　　　  <a href="https://2015.igem.org/Team:Tokyo-NoKoGen/Safety" target="_blank"></a>
 
   　　　　　　　  <a href="https://2015.igem.org/Team:Tokyo-NoKoGen/Safety" target="_blank"></a>
−
  　　</div>
+
  　　</div>
 
   　　
 
   　　
 
        
 
        
Line 389: Line 467:
  
  
−
/*footer*/
+
<!--footer-->
 
<style>
 
<style>
 
div#wrapper2 {
 
div#wrapper2 {
Line 401: Line 479:
 
   
 
   
  
−
div#footer {
+
div#footer {
−
    margin:0 auto;
+
−
    position:absolute;
+
 
     width:900px;
 
     width:900px;
−
 
+
    position:relative;
−
　　left : -200px ;
+
    left:-12%;
−
     bottom:-1300px;
+
     bottom:-1200px;
 +
    background-color:#ffffff;
 +
    border-width: thick;
 +
border-color: #ADFF2F;
 +
border-style:inset;
 
         }
 
         }
−
 
+
div#footer img {
−
 
+
     height:50px;
−
div#footer img {
+
−
     width:200px;
+
 
         }
 
         }
 
p {
 
p {
Line 419: Line 497:
 
     line-height:2;  
 
     line-height:2;  
 
   }
 
   }
−
h2 {
+
 
−
    font-size:20px;
+
 
−
    font-family:fantasy;
+
</style>
−
    text-decoration:none;
+
−
  }
+
−
</style>
+
  
  
 
<body>
 
<body>
  
−
<div id="wrapper">
+
<div id="wrapper2">
 
<div id="footer">
 
<div id="footer">
 +
        <a href="http://www.asante.co.jp"><img src="https://static.igem.org/mediawiki/2015/a/a8/NK-image25.jpeg"></a>
 
<a href="http://www.idtdna.com/site"><img src="https://static.igem.org/mediawiki/2014/5/5e/Noko14_IDT.png"></a>
 
<a href="http://www.idtdna.com/site"><img src="https://static.igem.org/mediawiki/2014/5/5e/Noko14_IDT.png"></a>
−
<a href="http://www.ultizyme.jp/"><img src="https://static.igem.org/mediawiki/2014/c/ce/Noko14_Image91.jpg"></a>
+
<a href="http://www.ultizyme.jp/"><img src="https://static.igem.org/mediawiki/2014/c/ce/Noko14_Image91.jpg"></a><br>
 
<a href="http://www.cosmobio.co.jp/index_e.asp"><img src="https://static.igem.org/mediawiki/2014/e/e5/Noko14_Logo_e.jpg"></a>
 
<a href="http://www.cosmobio.co.jp/index_e.asp"><img src="https://static.igem.org/mediawiki/2014/e/e5/Noko14_Logo_e.jpg"></a>
 
<a href="http://www.mbl.co.jp/e/index.html"><img src="https://static.igem.org/mediawiki/2014/4/4f/Noko14_MBL.gif"></a>
 
<a href="http://www.mbl.co.jp/e/index.html"><img src="https://static.igem.org/mediawiki/2014/4/4f/Noko14_MBL.gif"></a>
Line 443: Line 519:
 
</body>
 
</body>
  
−
/*footer*/
+
<!--footer-->
 +
 
 +
 
 
</html>
 
</html>

Latest revision as of 18:32, 23 November 2015

　　
　 　　
　　　　　　　

Introduction

What kind image do you have when you hear the word “termite”??

Actually, this tiny insect has unimaginable voracity.
They cause great damage for human life, but there is no way to exterminate terites completely and safely.

To solve this problem,
Tokyo-NoKoGen “ExTermite Coli”, a new pesticides for Termites !!

　　　　　　　 　　　　　　　
　　　　
　　　　 　　　　 　　

Team

　 　　
　　

Protocol


　 　　
　 　　 　　 　　 　　 　
　　 　

project

The exterminateon of termites by ExTermite Coli involves three steps.
We use “pseudo egg” to distribute the engineered E.coli. Using this unique tool, the engineered E.coli carried into the termite’s body.
In the termite’s body, it produces toxic material to inhibit the metabolic pathway of the termites and exterminate termites. After extermination of the termites, ExTermite Coli loses its function by light-induced lysis.
On the project page, we explain about the details of our project, ExTermite Coli.

　　　　　　 　　　
　　　 　　　
　　 　　
　　　　　　　
　　　　　　　

Achievement

　　　　　　　 　　　　　　　 　　
　　　　　　　
　　 　　 　　
　　　　　　　
　　　　　　　

Human practice

　　　　　　　 　
　　　　　　　 　　
　　 　　
　　　　　　　
　　　　　　　

Parts

　　　　　　　 　　
　　 　　 　　
　　　　　　　
　　　　　　　

Safety