Difference between revisions of "Team:Kyoto/Project"

 
(135 intermediate revisions by 3 users not shown)
Line 1: Line 1:
 
{{Kyoto}}
 
{{Kyoto}}
<!DOCTYPE html>
+
{{Kyoto/header}}
 
<html lang="en" dir="ltr" class="client-nojs">
 
<html lang="en" dir="ltr" class="client-nojs">
 
<head>
 
<head>
 
<meta charset="UTF-8" />
 
<meta charset="UTF-8" />
 
<title>Team:Kyoto/Project - 2017.igem.org</title>
 
<title>Team:Kyoto/Project - 2017.igem.org</title>
<meta name="generator" content="MediaWiki 1.24.1" />
 
<link rel="alternate" type="application/x-wiki" title="Edit" href="/wiki/index.php?title=Team:Kyoto/Project&amp;action=edit" />
 
<link rel="edit" title="Edit" href="/wiki/index.php?title=Team:Kyoto/Project&amp;action=edit" />
 
<link rel="shortcut icon" href="/favicon.ico" />
 
<link rel="search" type="application/opensearchdescription+xml" href="/wiki/opensearch_desc.php" title="2017.igem.org (en)" />
 
<link rel="EditURI" type="application/rsd+xml" href="https://2017.igem.org/wiki/api.php?action=rsd" />
 
<link rel="alternate" hreflang="x-default" href="/Team:Kyoto/Project" />
 
<link rel="copyright" href="http://creativecommons.org/licenses/by/3.0/" />
 
<link rel="alternate" type="application/atom+xml" title="2017.igem.org Atom feed" href="/wiki/index.php?title=Special:RecentChanges&amp;feed=atom" />
 
<link rel="stylesheet" href="https://2017.igem.org/wiki/load.php?debug=false&amp;lang=en&amp;modules=mediawiki.legacy.commonPrint%2Cshared%7Cmediawiki.skinning.content.externallinks%7Cmediawiki.skinning.interface%7Cmediawiki.ui.button%7Cskins.igem.styles&amp;only=styles&amp;skin=igem&amp;*" />
 
<!--[if IE 6]><link rel="stylesheet" href="/wiki/skins/Igem/IE60Fixes.css?303" media="screen" /><![endif]-->
 
<!--[if IE 7]><link rel="stylesheet" href="/wiki/skins/Igem/IE70Fixes.css?303" media="screen" /><![endif]--><meta name="ResourceLoaderDynamicStyles" content="" />
 
<style>a:lang(ar),a:lang(kk-arab),a:lang(mzn),a:lang(ps),a:lang(ur){text-decoration:none}
 
/* cache key: 2017_igem_org:resourceloader:filter:minify-css:7:faeec198b704588e6c9afc1a44274438 */</style>
 
<script src="https://2017.igem.org/wiki/load.php?debug=false&amp;lang=en&amp;modules=startup&amp;only=scripts&amp;skin=igem&amp;*"></script>
 
<script>if(window.mw){
 
mw.config.set({"wgCanonicalNamespace":"","wgCanonicalSpecialPageName":false,"wgNamespaceNumber":0,"wgPageName":"Team:Kyoto/Project","wgTitle":"Team:Kyoto/Project","wgCurRevisionId":270471,"wgRevisionId":270471,"wgArticleId":19368,"wgIsArticle":true,"wgIsRedirect":false,"wgAction":"view","wgUserName":"Daiya","wgUserGroups":["*","user","autoconfirmed"],"wgCategories":[],"wgBreakFrames":false,"wgPageContentLanguage":"en","wgPageContentModel":"wikitext","wgSeparatorTransformTable":["",""],"wgDigitTransformTable":["",""],"wgDefaultDateFormat":"dmy","wgMonthNames":["","January","February","March","April","May","June","July","August","September","October","November","December"],"wgMonthNamesShort":["","Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],"wgRelevantPageName":"Team:Kyoto/Project","wgUserId":639,"wgUserEditCount":101,"wgUserRegistration":1490727136000,"wgUserNewMsgRevisionId":null,"wgIsProbablyEditable":true,"wgRestrictionEdit":[],"wgRestrictionMove":[],"wgWikiEditorEnabledModules":{"toolbar":false,"dialogs":false,"hidesig":true,"preview":false,"previewDialog":false,"publish":false}});
 
}</script><script>if(window.mw){
 
mw.loader.implement("user.options",function($,jQuery){mw.user.options.set({"ccmeonemails":0,"cols":80,"date":"default","diffonly":0,"disablemail":0,"editfont":"default","editondblclick":0,"editsectiononrightclick":0,"enotifminoredits":0,"enotifrevealaddr":0,"enotifusertalkpages":1,"enotifwatchlistpages":1,"extendwatchlist":0,"fancysig":0,"forceeditsummary":0,"gender":"unknown","hideminor":0,"hidepatrolled":0,"imagesize":2,"math":1,"minordefault":0,"newpageshidepatrolled":0,"nickname":"","norollbackdiff":0,"numberheadings":0,"previewonfirst":0,"previewontop":1,"rcdays":7,"rclimit":50,"rows":25,"showhiddencats":0,"shownumberswatching":1,"showtoolbar":1,"skin":"igem","stubthreshold":0,"thumbsize":5,"underline":2,"uselivepreview":0,"usenewrc":1,"watchcreations":1,"watchdefault":1,"watchdeletion":0,"watchlistdays":3,"watchlisthideanons":0,"watchlisthidebots":0,"watchlisthideliu":0,"watchlisthideminor":0,"watchlisthideown":0,"watchlisthidepatrolled":0,"watchmoves":0,"watchrollback":0,
 
"wllimit":250,"useeditwarning":1,"prefershttps":1,"language":"en","variant-gan":"gan","variant-iu":"iu","variant-kk":"kk","variant-ku":"ku","variant-shi":"shi","variant-sr":"sr","variant-tg":"tg","variant-uz":"uz","variant-zh":"zh","searchNs0":true,"searchNs1":false,"searchNs2":false,"searchNs3":false,"searchNs4":false,"searchNs5":false,"searchNs6":false,"searchNs7":false,"searchNs8":false,"searchNs9":false,"searchNs10":false,"searchNs11":false,"searchNs12":false,"searchNs13":false,"searchNs14":false,"searchNs15":false});},{},{});mw.loader.implement("user.tokens",function($,jQuery){mw.user.tokens.set({"editToken":"9084d403b395d5f4491e2d65bbe5dec7+\\","patrolToken":"40db2c2a2779014222fb1c739428c7a2+\\","watchToken":"909bc088272a94094a30cb3631d056f9+\\"});},{},{});
 
/* cache key: 2017_igem_org:resourceloader:filter:minify-js:7:60fe936fce188420a44e617070eeb517 */
 
}</script>
 
<script>if(window.mw){
 
mw.loader.load(["mediawiki.page.startup","mediawiki.legacy.wikibits","mediawiki.legacy.ajax"]);
 
}</script>
 
 
</head>
 
</head>
<body class="mediawiki ltr sitedir-ltr ns-0 ns-subject page-Team_Kyoto_Project skin-igem action-view">
 
  
        <script type='text/javascript'        src ='/common/tablesorter/jquery.tablesorter.min.js'></script>
 
        <link rel='stylesheet' type='text/css' href='/common/tablesorter/themes/groupparts/style.css' />
 
        <link rel='stylesheet' type='text/css' href='/common/table_styles.css' />
 
  
        <script type='text/javascript'        src ='/wiki/skins/Igem/resources/2017_skin.js'></script>
+
<style type="text/css">
 
+
   ul.index1 {
 
+
     list-style:none;
    <div id='globalWrapper'>
+
    text-align:left;
        <div id='top_menu_under' class='noprint'></div>
+
    font-family: serif, 'Times New Roman';
        <div id='top_menu_14' class='noprint'>Loading menubar.....</div> <!-- Will be replaced with the jQuery.load -->
+
    font-size:150%;
                <script>jQuery('#top_menu_14').load('https://2017.igem.org/cgi/top_menu_14/menubar_reply.cgi',
+
    margin-left:10%;
                                                    {   t:"Team%3AKyoto%2FProject",
+
    margin-right:10%;
                                                        a:"View+%2FTeam%3AKyoto%2FProject++Edit+%2Fwiki%2Findex.php%3Ftitle%3DTeam%3AKyoto%2FProject%26action%3Dedit++History+%2Fwiki%2Findex.php%3Ftitle%3DTeam%3AKyoto%2FProject%26action%3Dhistory++Move+%2FSpecial%3AMovePage%2FTeam%3AKyoto%2FProject++Watch+%2Fwiki%2Findex.php%3Ftitle%3DTeam%3AKyoto%2FProject%26action%3Dwatch%26token%3Dd4034f1a4da8244bb78efe1fcbe7522a%252B%255C++Page+%2FTeam%3AKyoto%2FProject++Discussion+%2Fwiki%2Findex.php%3Ftitle%3DTalk%3ATeam%3AKyoto%2FProject%26action%3Dedit%26redlink%3D1++" });
+
                </script>
+
 
+
        <!-- Content div contains HQ_page for HQ styles, Logo and title div, and USER CONTENT -->
+
                <div id="content" class="mw-body" role="main">
+
                    <a id="top"></a>
+
 
+
            <div id="top_title">
+
                <div class="logo_2017">
+
                    <a href="https://2017.igem.org">
+
                    <img src="https://static.igem.org/mediawiki/2017/8/8b/HQ_page_logo.jpg" width="100px">
+
                    </a>
+
                </div>
+
 
+
                        <h1 id="firstHeading" class="firstHeading">
+
                            <span dir="auto">Team:Kyoto/Project</span>
+
                        </h1>
+
            </div>
+
 
+
            <div id="HQ_page">
+
                <div id="bodyContent">
+
                            <div id="mw-content-text" lang="en" dir="ltr" class="mw-content-ltr"><p>
+
 
+
<script>
+
 
+
        // This is the jquery part of your template. 
+
        // Try not modify any of this code too much since it makes your menu work.
+
 
+
        $(document).ready(function() {
+
 
+
                $("#HQ_page").attr('id','');
+
 
+
                // call the functions that control the menu
+
                menu_functionality();
+
                hide_show_menu();
+
 
+
 
+
 
+
                //this function controls the expand and collapse buttons of the menu and changes the +/- symbols
+
                function menu_functionality() {
+
 
+
                        //when clicking on a "menu_button", it will change the "+/-" accordingly and it will show/hide the corresponding submenu
+
                        $(".menu_button").click(function(){
+
 
+
                                // add or remove the class "open" , this class holds the "-"
+
                                $(this).children().toggleClass("open");
+
                                // show or hide the submenu                   
+
                                $(this).next('.submenu_wrapper').fadeToggle(400);
+
                        });
+
 
+
                        // when the screen size is smaller than 800px, the display_menu_control button appears and will show/hide the whole menu
+
                        $("#display_menu_control").click(function(){
+
                                $('#menu_content').fadeToggle(400);
+
                        });
+
 
+
                        // call the current page highlight function      
+
                        highlight_current_page();
+
                }
+
 
+
 
+
                // call the highlight current page function to show it on the menu with a different background color
+
                function highlight_current_page() {
+
 
+
                        // select a page from the menu based on the id assigned to it and the current page name and add the class "current page" to make it change background color
+
                        $("#"+  wgPageName.substring(wgPageName.lastIndexOf("/")+1, wgPageName.length ) + "_page").addClass("current_page");
+
 
+
                        // now that the current_page class has been added to a menu item, make the submenu fade in
+
                        $(".current_page").parents(".submenu_wrapper").fadeIn(400);
+
                        // change the +/- symbol of the corresponding menu button
+
                        $(".current_page").parents(".submenu_wrapper").prev().children().toggleClass("open");
+
                       
+
                }
+
 
+
 
+
 
+
                // allow button on the black menu bar to show/hide the side menu
+
                function hide_show_menu() {
+
       
+
                        // in case you preview mode is selected, the menu is hidden for better visibility
+
                        if (window.location.href.indexOf("submit") >= 0) {
+
                                $(".igem_2017_menu_wrapper").hide();
+
                        }
+
 
+
                        // if the black menu bar has been loaded
+
                        if (document.getElementById('bars_item')) {
+
 
+
                                // when the "bars_item" has been clicked
+
                                $("#bars_item").click(function() {
+
                                        $("#sideMenu").hide();
+
 
+
                                        // show/hide the menu wrapper
+
                                        $(".igem_2017_menu_wrapper").fadeToggle("100");
+
                                });           
+
                        }
+
 
+
                        // because the black menu bars loads at a different time than the rest of the page, this function is set on a time out so it can run again in case it has not been loaded yet
+
                        else {
+
                                setTimeout(hide_show_menu, 15);
+
                        }
+
                }
+
 
+
 
+
        });
+
 
+
 
+
</script>
+
 
+
 
+
 
+
 
+
 
+
<style>
+
 
+
 
+
 
+
/***************************************************** DEFAULT WIKI SETTINGS  ****************************************************/
+
       
+
        /* Clear the default wiki settings */
+
       
+
        #home_logo, #sideMenu { display:none; }
+
        #sideMenu, #top_title, .patrollink  {display:none;}
+
        #content { width:100%; padding:0px; margin-left:0px;}  #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
+
 
+
       
+
       
+
       
+
/**************************************************************** MENU ***************************************************************/
+
        /* Wrapper for the menu */
+
        .igem_2017_menu_wrapper {
+
                width: 15%;
+
                height:100vh;
+
                position:fixed;
+
                right:0%;
+
                padding:0px;
+
                float:right;
+
                border-left: 1px solid #d3d3d3;
+
                background-color:#dddddd;
+
                text-align:left;
+
                font-family:Tahoma, Geneva, sans-serif;
+
                overflow-y: auto;
+
                overflow-x: hidden;
+
        }
+
 
+
        /* this hides the scrollbar to keep view consistency */
+
        .igem_2017_menu_wrappe::-webkit-scrollbar {
+
                display: none;
+
        }
+
       
+
               
+
        /* styling for links in the menu, removes the line under text */
+
        .igem_2017_menu_wrapper a { 
+
                text-decoration: none;  
+
        }
+
 
+
 
+
        /* styling for the images in the menu */
+
        .igem_2017_menu_wrapper img {
+
                width: 100%;
+
        }
+
 
+
        /* styling for the menu buttons */
+
        .igem_2017_menu_wrapper .menu_button {
+
                width: 100%;
+
                padding: 10px 0px 10px 15px;
+
                float:left;
+
                border-bottom: 1px solid #d3d3d3;
+
                font-size: 12px;
+
                font-weight: bold;
+
                color: #5e5f5f;
+
                cursor: pointer;
+
        }
+
 
+
 
+
        .igem_2017_menu_wrapper .menu_bottom_padding {
+
                width: 100%;  
+
                height: 30px;
+
                float:left;
+
        }
+
 
+
        .menu_button.direct_to_page {
+
                padding-left: 36px;
+
        }
+
 
+
 
+
        .igem_2017_menu_wrapper .menu_button .expand_collapse_icon {
+
                width:10%;
+
                float:left;
+
        }
+
 
+
        .igem_2017_menu_wrapper .menu_button .expand_collapse_icon::before {
+
                content: "+"; 
+
        }
+
       
+
        .open::before {
+
                content: "-" !important; 
+
        }
+
       
+
       
+
       
+
        /* styling for the menu buttons on hover */
+
        .igem_2017_menu_wrapper .menu_button:hover, .igem_2017_menu_wrapper .submenu_button:hover ,  .submenu_button.current_page:hover {
+
                background-color: #3399ff;     
+
                text-decoration: none;
+
                color:#ffffff;
+
        }
+
 
+
        /* styling for the menu button when it is the current page */
+
        .current_page {
+
                background-color:#7fc1f7  !important;
+
                color:#5e5f5f !important;
+
        }
+
 
+
 
+
        /* styling for the submenu buttons */
+
        .igem_2017_menu_wrapper .submenu_button {
+
                width: 100%;
+
                padding: 10px 0px 10px 34px;
+
                float:left;
+
                background-color:#f2f2f2;
+
                border-bottom: 1px solid #d3d3d3;
+
                font-size: 12px;
+
                color: #5e5f5f;
+
                cursor: pointer;
+
        }
+
 
+
        /* wrapper for the submenu items, they are hidden by default*/
+
        .igem_2017_menu_wrapper .submenu_wrapper {
+
                display:none;
+
        }
+
 
+
        /* when the page size is bigger than 800px, this show/hide control is hidden by default */
+
        .igem_2017_menu_wrapper #display_menu_control {
+
                display:none;
+
                text-align:center;
+
        }
+
       
+
 
+
/***************************************************** CONTENT OF THE PAGE ****************************************************/
+
 
+
        /* Wrapper for the content */
+
        .igem_2017_content_wrapper {
+
                width: 75%;
+
                margin: 0 auto;
+
                display:block;
+
                float:left;
+
                background-color:black;
+
                font-family:Tahoma, Geneva, sans-serif;
+
        }
+
 
+
 
+
/********************************* HTML STYLING  *********************************/
+
        #BACKGROUND {
+
          background-image: url(https://static.igem.org/mediawiki/2017/5/50/Kyotobackground.jpeg);
+
    background-position: center center;
+
    background-repeat: no-repeat;
+
    background-attachment: fixed;
+
    background-size: cover;
+
 
   }
 
   }
 
+
  ul.index1 ul{
        #wrapper {
+
    list-style:none;
              width: 80%;
+
  }
              margin: 0 auto;
+
  li{
              background-color: #e8f0d2;
+
    list-style:none;
              padding-top:0;
+
  }
              padding-bottom:0;
+
  p.description{
        }
+
 
+
 
+
        /* styling for the titles h1 h2 */
+
        h1{  
+
                font-size: 60px;
+
                font-family: serif, 'Times New Roman';
+
                padding:5px 15px;
+
                border-bottom: 0px;
+
                color: black;
+
                text-align: center;
+
                line-height:120px;
+
        }
+
        h2 {
+
                font-size: 45px;
+
                font-family: serif, 'Times New Roman';
+
                padding:5px 15px;
+
                border-bottom: 0px;
+
                color: black;
+
                text-align: center;
+
                line-height:90px;
+
        }
+
 
+
 
+
        /* styling for the titles  h3 h4 h6*/
+
        h3,h4,h6 {
+
                font-size:30px;
+
                font-family: serif, 'Times New Roman';
+
                padding:5px 15px;
+
                border-bottom:0px;
+
                color: #000000; 
+
                text-align: left;
+
                line-height:60px;
+
        }
+
        h5 {
+
                font-size:150%;
+
                font-family: serif, 'Times New Roman';
+
                padding:5px 15px;
+
                border-bottom:0px;
+
                color: #000000; 
+
                text-align: left;
+
                line-height:60px;
+
        }
+
 
+
 
+
        /* font and text */
+
        p {
+
                text-indent:3%;
+
                font-family: serif, 'Times New Roman';
+
                padding: 0px 15px;
+
                font-size: 50%;
+
                text-align: left;
+
        }
+
        /* Links */
+
        a {    color:black;
+
                -ebkit-transition: all 0.4s ease;
+
                -moz-transition: all 0.4s ease;
+
                -ms-transition: all 0.4s ease;
+
                -o-transition: all 0.4s ease;
+
                transition: all 0.4s ease;
+
        }
+
 
+
        /* hover for the links */
+
        a:hover {
+
                text-decoration:underline;
+
                color:#000000;
+
        }
+
          figcaption {
+
 
     text-align:center;
 
     text-align:center;
     font-family: serif, 'Times New Roman';
+
     margin-left:0 auto;
     font-size:25px;
+
     margin-right:0 auto;}
 +
  p.description2{
 +
    text-align:center;
 +
    margin-left:47%;
 +
    margin-right:10%;
 
   }
 
   }
  
 
+
  ul.description{   
 
+
        /* top banner list */
+
        ul.nv {  
+
                width:100%;
+
                height: 10vh;
+
                position: relative;
+
                margin: 0 auto;
+
                letter-spacing: -.40em;
+
        }
+
     
+
        ul.nv li {
+
                width: 12.5%;
+
                display: inline-block;
+
                list-style-type: none;
+
                position: relative;
+
                vertical-align: center;
+
                text-align: center;
+
                font-size:125%;
+
                letter-spacing: normal;
+
                font-family: serif, 'Times New Roman';
+
        }
+
 
+
        ul.nv a {
+
                background-color: #556c14;
+
                color: white;             
+
                line-height: 5vh;       
+
                text-align: center;       
+
                text-decoration: none;   
+
                font-weight: bold;       
+
                display: block;           
+
        }
+
        ul.nv a:hover {
+
                background-color: #aade29;
+
                color: #000000;           
+
        }
+
 
+
        ul.nv li:hover ul {
+
                display: block;
+
        }
+
     
+
        ul.nv ul{
+
                display: none;
+
                margin: 0px;
+
                padding: 0px;
+
                position: absolute;
+
        }
+
 
+
        ul.nv ul li {
+
                width: 100%;           
+
                border-top: 1px solid ;
+
                text-align : center;
+
                font-family: serif, 'Times New Roman';
+
        }
+
        ul.nv ul li a {
+
                line-height: 5vh;   
+
                text-align: center;     
+
                padding-left: 5px;   
+
                font-weight: normal;    
+
        }
+
        ul.nv ul li a:hover {
+
                background-color: #aade29;
+
                color: #000000;           
+
        }
+
             
+
        /* non numbered lists */
+
        .igem_2017_content_wrapper ul {
+
                padding:0px 20px;
+
                font-size: 13px;
+
                font-family:Tahoma, Geneva, sans-serif;
+
        }
+
 
+
        /* numbered lists */
+
        .igem_2017_content_wrapper ol {
+
                padding:0px;
+
                font-size: 13px;
+
                font-family:Tahoma, Geneva, sans-serif;
+
        }
+
 
+
        /* Table */
+
        .igem_2017_content_wrapper table {
+
                width: 97%;
+
                margin:15px 10px;
+
                border: 1px solid #d3d3d3;
+
                border-collapse: collapse;
+
               
+
        }
+
 
+
        /* table cells */
+
        .igem_2017_content_wrapper  td {
+
                padding: 10px;
+
                vertical-align: text-top;
+
                border: 1px solid #d3d3d3;
+
                border-collapse: collapse;
+
        }
+
 
+
        /* table headers */
+
        .igem_2017_content_wrapper th {
+
                padding: 10px;
+
                vertical-align: text-top;
+
                border: 1px solid #d3d3d3;
+
                border-collapse: collapse;
+
                background-color:#f2f2f2;
+
        }
+
 
+
 
+
/**********************************LAYOUT CLASSES **********************************/
+
 
+
        /* general class for column divs */
+
        .igem_2017_content_wrapper .column  {
+
                padding: 10px 0px;
+
                float:left;
+
        }
+
 
+
        /* class for a full width column */
+
        .column .full_size {
+
                width:100%;
+
        }
+
 
+
        /* styling for images in a full width column*/
+
        .column.full_size img {
+
                width:97%;
+
                padding: 10px 15px;
+
        }
+
 
+
        /* class for a half width column */
+
        .column.half_size {
+
                width: 50%;
+
        }
+
        /* styling for images in a half width column*/
+
        .column.half_size img {
+
                width: 94.5%;
+
                padding: 10px 15px;
+
        }
+
 
+
 
+
 
+
 
+
/********************************* SUPPORT CLASSES ********************************/
+
 
+
        /* class that clears content below*/
+
        .igem_2017_content_wrapper .clear {
+
                clear:both;
+
        }
+
       
+
       
+
        /* adds extra spacing when clearing content */
+
        .igem_2017_content_wrapper  .clear.extra_space {
+
                height: 30px;
+
        }
+
 
+
 
+
        /* highlight class, makes content slightly smaller */
+
        .igem_2017_content_wrapper .highlight {
+
                margin: 0px 15px;
+
                padding: 15px 0px;
+
        }
+
 
+
 
+
        /* highlight class, adds a gray background */
+
        .igem_2017_content_wrapper .highlight.gray {
+
                background-color: #f2f2f2;
+
        }
+
 
+
        /* highlight with decoration blue line on top */
+
        .igem_2017_content_wrapper .highlight.blue_top {
+
        border-top: 4px solid #3399ff;
+
        }
+
 
+
        /* highlight with a full blue border decoration */
+
        .igem_2017_content_wrapper .highlight.blue_border {
+
        border: 4px solid  #3399ff;
+
        }
+
 
+
 
+
        /* button class */
+
        .igem_2017_content_wrapper .button{
+
                max-width: 35%;
+
                margin: 30px auto;
+
                padding: 12px 10px;
+
        background-color: #3399ff;     
+
        text-align: center;
+
                color: #ffffff;
+
                -webkit-transition: all 0.4s ease;
+
                -moz-transition: all 0.4s ease;
+
                -ms-transition: all 0.4s ease;
+
                -o-transition: all 0.4s ease; transition: all 0.4s ease; 
+
        }
+
 
+
        /* styling for button on hover */
+
        .igem_2017_content_wrapper .button:hover{
+
                background-color: #3399ff;     
+
        color: #000000;
+
        }
+
 
+
 
+
 
+
 
+
/***************************************************** RESPONSIVE STYLING ****************************************************/
+
 
+
        /* IF THE SCREEN IS LESS THAN 1200PX */
+
        @media only screen and (max-width: 1200px) {
+
 
+
                #content {width:100%; }
+
                .igem_2017_menu_wrapper {width:15%; right:0;}
+
                .highlight {padding:10px 0px;}
+
                .igem_2017_menu_wrapper #display_menu_control { display:none; }
+
                #menu_content { display:block;}
+
                .menu_button.direct_to_page {padding-left: 17px;}
+
               
+
        }
+
 
+
        /* IF THE SCREEN IS LESS THAN 800PX */
+
        @media only screen and (max-width: 800px) {
+
 
+
                .igem_2017_menu_wrapper { width:100%; height: 15%; position:relative; left:0%;}
+
                .igem_2017_content_wrapper {width:100%; margin-left:0px;}
+
                .column.half_size  {width:100%; }
+
                .column.full_size img, .column.half_size img {  width: 100%; padding: 10px 0px;}
+
                .highlight {padding:15px 5px;}
+
                .igem_2017_menu_wrapper #display_menu_control { display:block; }
+
                #menu_content { display:none;}
+
                .igem_2017_menu_wrapper .menu_button .expand_collapse_icon { width: 5%; }
+
                .menu_bottom_padding {display:none;}
+
                .menu_button.direct_to_page { padding-left: 36px; }
+
        }
+
 
+
 
+
       
+
       
+
        /* special class that the system uses to make sure the team wants a page to be evaluated */
+
        .judges-will-not-evaluate {
+
        width: 96.6%;
+
                margin: 5px 15px;
+
                display: block;
+
                border: 4px solid #3399ff;
+
        font-weight: bold;
+
        }
+
        p{
+
            font-size: 2em;
+
        }
+
</style>
+
 
+
 
+
<!--- THIS IS WHERE THE HTML BEGINS --->
+
 
+
 
+
 
+
<head>
+
 
+
        <!-- This tells the browser that your page is responsive -->
+
        <meta name="viewport" content="width=device-width, initial-scale=1">
+
 
+
</head>
+
 
+
 
+
<style type="text/css">
+
    ul.index1 {
+
    list-style:none;
+
 
     text-align:left;
 
     text-align:left;
 
     font-family: serif, 'Times New Roman';
 
     font-family: serif, 'Times New Roman';
     font-size:200%;
+
     font-size:140%;
 +
    margin-left:15%;
 +
    margin-right:15%;
 
   }
 
   }
  ul.index1 ul{
+
  ul.reference{
 +
    font-size:150%;
 +
    color:#606060;
 
     list-style:none;
 
     list-style:none;
 +
    font-family: serif, 'Times New Roman';
 +
    margin-right:10%;
 +
    margin-left:10%;
 
   }
 
   }
 +
  .description33{
 +
    font-size:125%;
 +
    padding-bottom:10%;
 +
    color:#78563d;
 +
  }
 +
p.caption{
 +
    color:#000000;
 +
    text-align:left;
 +
    font-size: 20px;
 +
  }
 +
 
 +
.”caption”{
 +
  margin-left:10%;
 +
  margin-right:10%;
 +
  text-align:left;
 +
  font-size: 20px;
 +
  color:#606060;
 +
}
 +
 +
#jump{
 +
    position:fixed;
 +
    bottom:10%;
 +
    right:7%;
 +
    width:9%;
 +
}
 +
#jump img{
 +
    width:100%;
 +
}
 +
 +
 
</style>
 
</style>
  
 
<body>
 
<body>
 +
<div id="jump"><a href="#wrapper"><img src="https://static.igem.org/mediawiki/2017/c/c5/Kyoto_notebook_jump.png"></a></div>
 
   <div id="BACKGROUND">
 
   <div id="BACKGROUND">
 
   <div id="wrapper">
 
   <div id="wrapper">
  <header>
+
    <h1>Description</h1>
    <ul class="nv">
+
      <h5>Table of contents</h3>
        <li><a href="https://2017.igem.org/Team:Kyoto">Home</a></li>
+
        <li><a href="https://2017.igem.org/team:Kyoto/Project">Project</a>
+
            <ul>
+
              <li><a href="https://2017.igem.org/team:Kyoto/Project">Description</a></li>
+
              <li><a href="https://2017.igem.org/Team:Kyoto/Results">Results</a></li>
+
              <li><a href="https://2017.igem.org/Team:Kyoto/Project_Details">Proof of concept</li>
+
              <li><a href="https://2017.igem.org/Team:Kyoto/Basic_Part">Basic parts</a></li>
+
              <li><a href="https://2017.igem.org/Team:Kyoto/Compositive_parts">Compositive parts</a></li>
+
            </ul>
+
        </li><li><a href="https://2017.igem.org/Team:Kyoto/Experiments">Material&amp;Methods</a></li><li><a href="https://2017.igem.org/Team:Kyoto/Achievements">Medal criteria</a>
+
            <ul>
+
              <li><a href="https://2017.igem.org/Team:Kyoto/HP/Silver">HP/Silver</a></li>
+
              <li><a href="https://2017.igem.org/Team:Kyoto/HP/Gold_Integrated">HP/Gold</a></li>
+
            </ul></li><li><a href="https://2017.igem.org/Team:Kyoto/Notebook">Notebook</a></li><li><a href="https://2017.igem.org/Team:Kyoto/integrated">Practice</a>
+
            <ul>
+
              <li><a href="https://2017.igem.org/Team:Kyoto/Collaborations">Collaboration</li>
+
            </ul></li><li><a href="https://2017.igem.org/Team:Kyoto/Team">Team</a>
+
            <ul>
+
              <li><a href="https://2017.igem.org/Team:Kyoto/Attributions">Attributions</li>
+
            </ul></li><li><a href="https://2017.igem.org/Team:Kyoto/Safety">Safety</a></li>
+
      </ul>
+
  </header>
+
  <h1>Description</h1>
+
 
           <ul class="index1">
 
           <ul class="index1">
             <li><a href="#why">1) Why is pine tree important?</a></li>
+
             <li><a href="#Why are pine trees important?">1) Why are pine trees important?</a></li>
             <li><a href="#dis">2) Pines are being lost due to pine wilt disease</a></li>
+
             <li><a href="#Pines are being lost due to pine-wilt disease">2) Pines are being lost due to pine-wilt disease</a></li>
             <li><a href="#nema">3) The cause of pine wilt disease is nematode</a></li>
+
             <li><a href="#The cause of pine-wilt disease is a tiny nematode">3) The cause of pine-wilt disease is a tiny nematode</a></li>
             <li><a href="#difficult">4) It is difficult to prevent B. xylophilus</a></li>
+
             <li><a href="#It is difficult to prevent the spread of">4) It is difficult to prevent the spread of <i>B. xylophilus</i></a></li>
             <li><a href="#weapon">5) RNAi is a powerful weapon to fight against nematodes</a></li>
+
             <li><a href="#RNAi is a powerful weapon to fight against the nematodes">5) RNAi is a powerful weapon to fight against the nematodes</a></li>
             <li><a href="#dsRNA">6) Deliver dsRNA to nematode with stylet</a></li>
+
             <li><a href="#Delivery of dsRNA to stylet-type nematodes using yeast">6) Delivery of dsRNA to stylet-type nematodes using yeast</a></li>
 
           </ul>
 
           </ul>
 
<!--              DESCRIPTION                          -->
 
<!--              DESCRIPTION                          -->
    <h5><a name="#why">1) Why is pine tree important?</a></h5>
 
        <p>Throughout history, people of Japan have cherished beautiful sightseeing spots such as Matsushima ("Island of pines“), Miyajima, Amanohashidate as "Japan's three scenic spots".[1]⁠ If you take a look, you will notice that a certain type of tree form an important background in all the spots. It is "pine".</p>
 
  
<p>Pine has been widely used as a building material, fuel, and as a component of windbreak forest to prevent the sea breeze from the sea.[2]⁠ Pine trees are strong against salt and can grow even in soil dried with poor nutrition, so even now it is no longer used as building materials, planting activities on the coast are continuing as windbreak forests.[3]⁠ It is also important as a raw material for industrially important rosin.[4]</p>
+
<h5 id="Why are pine trees important?">1) Why are pine trees important?</h5>
 +
<p>Throughout history, the people of Japan have cherished beautiful sightseeing spots such as Matsushima (&ldquo;  Island of pines  &rdquo;), Miyajima, and Amanohashidate as &ldquo;  Japan's three representative scenic spots  &rdquo; [1].⁠ If you take a look, you will notice that a certain type of tree forms an important background in all these spots: the Japanese pine, or &ldquo;  Matsu  &rdquo;.</p>
 +
<p>Pine trees have been widely used as a building material and fuel, and is also important as a raw material for industrial resin. Pine trees are a critical forest component acting as a windbreak to prevent the sea breeze from the sea [2].⁠ Pine trees are resistant to high salt and can even grow in dried soil with poor nutrition, so even though it is no longer a principle building material, planting activities on the coast continue to maintain windbreak forests [3].⁠  
 +
However, even though pines form an essential part of our scenery, they are withering on a global scale due to the epidemic called pine-wilt disease [4].</p>
 +
<p class="description">
 +
<img src="https://static.igem.org/mediawiki/2017/a/a7/Matsushima2.jpeg" width="30%">
 +
<img src="https://static.igem.org/mediawiki/2017/0/08/Itsukushimajinja.jpeg" width="30%">
 +
<img src="https://static.igem.org/mediawiki/2017/a/a1/Amanohashidate3.jpeg" width="30%"></p>
 +
<p class=”caption”><b>Figure 1</b> Japan's three representative scenic spots. <br>
 +
From left, Matsushima, Miyajima, and Amanohashidate.<br>
 +
<!-- The left photo is from "http://trip.hiwadasan.com/kyoto/amanohasidate/index.html".<br> -->
 +
The left photo is offered by Hideaki Tsujii.<br>
 +
The middle photo is from &ldquo;  http://blue-wind.net/photoimage/224  &rdquo;.<br>
 +
The right photo is from &ldquo;  http://photo53.com/amanohashidate.php  &rdquo;.</p>
  
<p>However, even though pines form an essential part of our scenery, they are withering on a global scale due to the epidemic of a disease called the pine wilt disease.</p>
+
<h5 id="Pines are being lost due to pine-wilt disease">2) Pines are being lost due to pine-wilt disease</h5>
    <h5><a name="#dis">2) Pines are being lost due to pine wilt disease</a></h5>
+
<p>In 1905, the first report about pine-wilt disease was issued in Japan [5]⁠. From then, the disease gradually spread, and now this disease is present in all prefectures except Hokkaido [6]⁠. In regions other than Japan, pine-wilt disease has been reported in East Asian countries such as Korea, Taiwan, China, in European countries such as Poland, Spain, Portugal and even in North America including Canada and the USA [7]⁠. As pine trees die from this disease, beautiful landscapes around the world have been greatly damaged. In addition to that, it is estimated that huge economic damage of tens of millions of dollars has been caused [7]⁠. In the forests where pines die, it is known that the forestry phase changes, and evergreen broad-leaved trees take precedence [8].An increase in evergreen broad-leaved trees reduces the light reaching the forest floor, having harmful effects on herbs and the seedlings responsible for the next generation, which has a serious overall impact on the ecosystem.</p>
        <p> In 1905, the first report about pine wilt disease was issued in Japan. From then, the disease gradually spread, and now this disease is present in all prefectures except Hokkaido. In regions other than Japan, pine-wilt disease is reported in East Asia such as Korea, Taiwan, China, Europe such as Poland, Spain, Portugal and even North America including Canada and the USA.</p>
+
 
<p>Because of death of pine by this disease, beautiful landscapes around the world have been greatly damaged. In addition to that, it is estimated that huge economic damage of tens of millions of dollars has been caused.</p>
+
<p class="description"><img src="https://static.igem.org/mediawiki/2017/f/fd/Japan_epidemid.png" width="75%"><br>
<p>In the forest where the pines die, it is known that the forestry phase changes, and the evergreen broad-leaved trees such as the vertebrae will take precedence. An increase in evergreen broad-leaved trees reduces the light reaching the forest floor, causing the harmful effects of herbs and the seedlings responsible for the next generation, which has a serious impact on the ecosystem.
+
<p class=”caption”><b>Figure 2</b> The area where pine-wilt disease was confirmed.<br>
 +
Pine-wilt disease is now present in all prefectures except Hokkaido.
 
</p>
 
</p>
    <h5><a name="#nema">3) The cause of pine wilt disease is nematode</a></h5>
+
 
        <p>In 1971, it was clarified that the cause of pine was nematode called Bursaphelenchus xylophilus. B. xylophilus adheres to spiracles of Japanese pine sawyer and is delivered to pine branches by it. When an insect bites a pine branch, B. xylophilus invades the tree trunk through the resin path and reaches the trunk, ingesting pine cells. Through this process, the pine releases defense substances such as volatile terpenes excessively, and bubbles are generated in the tracheid, so that the pine can not absorb water and this induces death of pines. This is the mechanism of pine wilting.</p>
+
<h5 id="The cause of pine-wilt disease is a tiny nematode">3) The cause of pine-wilt disease is a tiny nematode</h5>
<p>B. xylophilus is a nematode of dioecy and pierces a stylet like straw into a pine cell, blue stain, yeast etc feed and sucks their contents. It is known that species with such stylets cover 15% of the whole nematodes. Unlike bacterial feeding nematodes like C. elegans, this group of nematodes does not prey on bacteria. It is known that many phytopathogenic nematodes are of the type using stylet.</p>
+
<p>In 1971, it was clarified that the cause of pine-wilt disease was nematode called <I>Bursaphelenchus xylophilus</I> [9].⁠ <I>B. xylophilus</I> adheres to the spiracles of the Japanese long horn beetle and is delivered to pine branches by it. When the beetle bites a pine branch, <I>B. xylophilus</I> invades the tree trunk through the resin path and reaches the trunk, ingesting pine cells [10]⁠. Through this process, the pine releases defense substances such as volatile terpenes excessively, and bubbles are generated in the tracheid, so that the pine cannot absorb water and this induces death of pines [3].This is the mechanism of pine-wilt disease.</p>
    <h5><a name="#difficult">4) It is difficult to prevent B. xylophilus</a></h5>
+
<p class="description"><img src="https://static.igem.org/mediawiki/2017/0/0c/Life-cycle.png" width="75%">
        <p>There are basically three methods taken to stop pine wilting. However, all of them have several problems and are not able to get the expected results.
+
<p class=”caption”><b>Figure 3</b> The life cycle of <i>B. xylophilus</i>.<br>
 +
<i>B. xylophilus</i> are brought from weakened pine to another healthy pine by the long horn beetle. Pine-wilt disease progresses with this cycle.
 
<br>
 
<br>
· Spraying of medicine by helicopter targeting Pinus thunbergii<br>
+
</p>
This is a method targeting the beetle, which is a carrier that spreads nematodes. Of course, this has a harmful effect to human beings and forest creatures. It is inevitable to have a huge impact on the ecosystem.<br>
+
<p class="description"><a name="fromintegrated"><img src="https://static.igem.org/mediawiki/2017/3/30/%E3%81%99%E3%81%8F%E3%81%97%E3%82%87%E9%80%9A%E6%B4%9E.png" width="75%"></a></p>
 +
<p class=”caption”><b>Figure 4</b> The  flowchart of the mechanism of pine-wilt disease.<br>
 +
Pine cannot absorb water for a while after infected by <i>B. xylophilus</i>.
 +
</p>
  
· Removal of dead wood to prevent infection spread<br>
+
<p><I>B. xylophilus</I> feeds by piercing it’s stylet like a straw into the cells of pine, blue stain fungus, or yeast, sucking out their contents. It is known that species with such stylets cover 15% of all nematodes [11]. ⁠Unlike <I>C. elegans</I>, this group of nematodes does not prey on bacteria. It is known that many phytopathogenic nematodes use stylets to feed [11].</p>
The longhoon beetle produces eggs on pine trees killed by B. xylophilus. It is known that when longhoon beetle emerges in the following year, nematodes adhere to beetle. For this reason, attempts have been done to prevent the spread of infection by disposing of dead pine through incision or incineration. Even in this case, there are places where human beings can not go, so there are many restrictions, such as not being able to do for all dead woods completely. This fact means a limit to the effect of preventing pine withering.<br>
+
<p class="description">
 +
<img src="https://static.igem.org/mediawiki/2017/4/47/Kyotofood.png" width="40%"><img src="https://static.igem.org/mediawiki/2017/c/c6/Food.png" width="40%"><br>
 +
<p class=”caption”><b>Figure 5</b> The foods of <i>B. xylophilus</i>.<br>
 +
<i>B. xylophilus</i> do not eat <i>E. coli</i>.
 +
</p>
  
· Prevention by trunk injection<br>
+
<h5 id="It is difficult to prevent the spread of">4) It is difficult to prevent the spread of <I>B. xylophilus</I></h5>
In order to combat the nematodes in the pine, in the winter, a method of injecting medicine into all the pine in the target mountain is also done. Although this method is effective, it is necessaly to do it every year, and if neglecting it, the damage will increase (there are actual cases), etc. Therefore, it causes economic and physical costs.</p>
+
<p>There are basically three methods commonly used to stop pine-wilt disease. However, all of them have several problems and are not able to achieve their desired results.[6] </p>
    <h5><a name="#weapon">5) RNAi is a powerful weapon to fight against nematodes</a></h5>
+
<ul class="description">
        <p>In order to develop weapons fighting this nematode, we applied naive feeding RNAi which is often used for nematodes to B. xylophilus and planned to eradicate B. xylophilus from the pine forest. If we create various genetically modified organisms, and are able to create a genetically modified machine that kills nematodes using budding yeast whose resources are rich , we may be able to produce biological pesticides that we had never before. Once ignoring how to prevent our recombinant yeast from leaking into the environment and deliver yeast to nematodes (after that, a powerful solution for these problems emerges through activities of Human Practices. <a href"https://2017.igem.org/Team:Kyoto/integrated">Please click here and you can see our human pracitices</a>), we first decided to answer the question of whether yeast which kills nematodes can be made.</p>
+
<li><span class="description33">1. Spraying of insecticide targeting Pinus thunbergii by helicopter</span> <br>
 +
---This method targets the beetle, which is a carrier that spreads nematodes. Of course, this method has a potentially harmful effect to human beings and forest creatures, and will inevitably have a huge impact on the ecosystem.<br>
 +
<p class="description"><img src="https://static.igem.org/mediawiki/2017/0/0f/Kyotoapplication.png" width="80%"></p>
 +
</li>
 +
<p class=”caption”><b>Figure 6</b> Spraying insecticide by helicopter.<br>
 +
This method targets the long horn beetle.
 +
</p>
 +
<br>
 +
<li><span class="description33">2. Removal of deadwood to prevent the spread of infection</span><br>
 +
---The longhorn beetle produces eggs in pine trees killed by <I>B. xylophilus</I>. It is known that when longhorn beetles emerge in the following year, nematodes adhere to the young beetles. For this reason, attempts have been made to prevent the spread of infection by disposing of dead pine through incineration. Even in this case, there are places where human beings cannot go, such that not all deadwood can be removed completely, limit the effect of this method for preventing pine-wilt disease.<br>
 +
<p class="description"><img src="https://static.igem.org/mediawiki/2017/6/68/Kyotoapplication2.png" width="80%"></p>
 +
</li>
 +
<p class=”caption”><b>Figure 7</b> Removal of deadwood.<br>
 +
This method also targets the long horn beetle in substance.
 +
</p>
 +
<br>
 +
<li><span class="description33">3. Prevention by trunk injection</span><br>
 +
---In order to combat the nematodes within the pine, a method of injecting pesticide into all the pine trees on a target mountain is performed through the winter. Although this method is effective, it is necessary to perform each year, since if neglected, there are reported cases where the damage actually increases [12]. ⁠Therefore, this method has high economic and physical costs.<br>
 +
<p class="description"><img src="https://static.igem.org/mediawiki/2017/a/a8/Kyotoapplication3.png" width="80%"></p>
 +
</li>
 +
<p class=”caption”><b>Figure 8</b> Trunk injection.<br>
 +
This method targets <i>B. xylophilus</i>, but is accompanied by a heavy burden.
 +
</p>
  
<p>RNAi is a gene expressing suppression mechanism discovered in 1998 by Fire et al. In the body of C. elegans incorporating double-stranded RNA, rapid degradation of mRNA having a complementary sequence to that dsRNA is induced. If the target gene is essential for growth, C. elegans dies.
+
</ul>
C. elegans belongs to bacterial feeding nematode and feeds E. coli. Therefore, by preparing E. coli expressing dsRNA as bait, gene expression of C. elegans can be controlled. However, B. xylophilus belongs to the Stylet type nematode, so it can not be expected that we can use E. coli for bait. In order to deliver dsRNA to B. xylophilus it was essential to develop a new dsRNA carrier.</p>
+
 
    <h5><a name="#dsRNA">6) Deliver dsRNA to nematode with stylet</a></h5>
+
 
        <p>We chose budding yeast as a career.</p>
+
<h5 id="RNAi is a powerful weapon to fight against the nematodes">5) RNAi is a powerful weapon to fight against the nematodes</h5>
<p>Originally B. xylophilus was known to prey on blue stain fungi. In addition, although there is no report, some researchers gave information that they might prey on budding yeast. But when we asked the details, there is only the impression that the number of live B. xylophilus reduces slowly when he/she cultured B. xylophilus with yeast, or the impression  seems to be increasing with yeast.There was no definitive information on whether or not B. xylophilus could feed Saccharomyce celevisiae.</p>
+
<p>In order to develop more effective weapons to fight this nematode we applied feeding RNAi, a strategy which is often used for nematodes such as <I>C. elegans</I>, to <I>B. xylophilus</I>. Using budding yeast as a rich food source, we aimed to create a genetically modified machine that kills nematodes, resulting in a new type of biological pesticide. We first decided to answer the question of whether yeast which kills nematodes can be made, and focused on the practicalities of how to deliver the yeast to nematodes. Regarding our solution to prevent our recombinant yeast from hypothetically leaking into the environment, a powerful solution emerged through our Human Practices activities (<a href="https://2017.igem.org/Team:Kyoto/Human_Practices">Please click here for a link</a>).</p>
<p>For the initial step, we started to prove definitively that B. xylophilus preyed on budding yeast. For this purpose, we examined the conditions of B. xylophilus' feeding yeast and established a system of recording live imaging, and first succeeded in photographing a number of videos of  B. xylophilus sucking content by puncturing Stylet in budding yeast. In addition, we introduced a system for labeling B. x that preyed yeast, and established a method for measuring the phenotype of B. xylophilus incorporating dsRNA.<br>
+
<p>RNAi is a gene expression suppression mechanism discovered in 1998 by Fire et al [13]⁠. Within <I>C. elegans</I> incorporating double-stranded RNA (dsRNA), rapid degradation of mRNA having a complementary sequence to that dsRNA is induced. If the target gene is essential for growth, <I>C. elegans</I> dies. <I>C. elegans</I> is a bacterial feeding nematode which can feed on <I>E. coli</I>. Therefore, by preparing <I>E. coli</I> expressing dsRNA as bait, gene expression of <I>C. elegans</I> can be controlled. However, <I>B. xylophilus</I> belongs to the stylet-type of nematode, so we expect that we cannot use <I>E. coli</I> for bait. In order to deliver dsRNA to <I>B. xylophilus</I> it was essential to develop a new dsRNA carrier.</p>
<video controls><source src="https://static.igem.org/mediawiki/2017/d/d1/Nematode_eating_movie.mp4" ></video><br>
+
<p class="description"><img src="https://static.igem.org/mediawiki/2017/9/95/FeedingKyoto.png" width="60%"><br>
Something moving is B. xylophilus and you can see it eating a small dot (S. cereviseae).
+
<p class=”caption”><b>Figure 9</b> The image of yeast expressing dsRNA.<br>
 +
dsRNA causes RNAi.
 
</p>
 
</p>
 +
 +
 +
<h5 id="Delivery of dsRNA to stylet-type nematodes using yeast">6) Delivery of dsRNA to stylet-type nematodes using yeast</h5>
 +
 +
<p><I>B. xylophilus</I> is known to prey on blue stain fungi, so we chose another fungus which can be used experimentally, the budding yeast <I>S. cerevisiae</I>, as a carrier. In addition, although there is no published report, consultation with nematode researchers gave some anecdotal evidence that they might prey on budding yeast. However, when we asked the details, the researcher’s experiences were inconsistent. As of yet, there has been no definitive information on whether or not <I>B. xylophilus</I> could feed on <I>S. cerevisiae</I>.</p>
 +
<p>For the initial step, we set out to prove definitively that <I>B. xylophilus</I> preys on budding yeast. For this purpose, we examined the conditions of <I>B. xylophilus'</I> feeding yeast and established a system of recording live imaging. In this way we succeeded in taking the first video of <I>B. xylophilus'</I> puncturing and sucking out the contents of budding yeast with its stylet. In addition, we introduced a new system for temporarily labeling <I>B. xylophilus</I> that preyed on yeast, and established a method for measuring the phenotype of <I>B. xylophilus</I> incorporating dsRNA.</p>
 +
<p class="description"><img src="https://static.igem.org/mediawiki/2017/e/ee/%E3%81%99%E3%81%8F%E3%81%97%E3%82%87%E9%A3%9F%E3%81%B9%E3%82%8B.png" width="60%"><br>
 +
<p class=”caption”><b>Figure 10</b> Delivery of dsRNA.<br>
 +
dsRNA will be took in through their stylets.
 +
</p>
 +
 +
 +
 
   <h6>Reference</h6>
 
   <h6>Reference</h6>
       <li>[1] Nihonsankei, “Nihon-sankei 【 official website 】 The three most scenic spots in Japan.” [Online]. Available: http://nihonsankei.jp/eng/. [Accessed: 21-Oct-2017].</li>
+
       <ul class="reference">
<li>[2] 林野庁, “松くい虫被害:林野庁,” 2016. [Online]. Available: http://www.rinya.maff.go.jp/j/hogo/higai/matukui.html. [Accessed: 21-Oct-2017].</li>
+
        <li>[1] Nihonsankei, “Nihon-sankei 【 official website 】 The three most scenic spots in Japan.” [Online]. Available: http://nihonsankei.jp/eng/. [Accessed: 21-Oct- 2017].</li>
<li>[3] Kuroda Keiko, “マツ枯れのメカニズムと抵抗性マツの特性,” 2007.</li>
+
<li>[2] Forestry Agency, “Damage of Pine-wood nematodes:Forestry Agency,” 2016. [Online]. Available: http://www.rinya.maff.go.jp/j/hogo/higai/matukui.html. [Accessed: 21-Oct- 2017].</li>
<li>[4] H. B. Ma, Q. Lu, J. Liang, and X. Y. Zhang, “Functional analysis of the cellulose gene of the pine wood nematode, Bursaphelenchus xylophilus, using RNA interference,” Genet. Mol. Res., vol. 10, no. 3, pp. 1931–1941, 2011.</li>
+
<li>[3] Kuroda Keiko, “Machanism of pine-wilt disease and characteristics of resistant pine trees,” 2007.</li>
+
<li>[4] A. Y. Ryss, O. A. Kulinich, and J. R. Sutherland, “Pine wilt disease: a short review of worldwide research,” For. Stud. China, vol. 13, no. 2, pp. 132–138, Jun. 2011.</li>
 +
<li>[5] Y. Mamiya, “History of Pine Wilt Disease in Japan 1,” J. Nematol., vol. 20, no. 2, pp. 219–226, 1988.</li>
 +
<li>[6] Forestry Agency, “The present state of damage of pine-wood nematodes,” 2016. [Online]. Available: http://www.rinya.maff.go.jp/j/hogo/higai/attach/pdf/matukui-1.pdf. [Accessed: 21-Oct-2017].</li>
 +
<li>[7] D. N. Proença, G. Grass, and P. V Morais, “Understanding pine wilt disease: roles of the pine endophytic bacteria and of the bacteria carried by the disease-causing pinewood nematode.,” Microbiologyopen, vol. 6, no. 2, Apr. 2017.</li>
 +
<li>[8] Kyoto Association for the Promotion of Traditional Culture of forest, “Danger of Kyoto's three representative mountains,” 2007. [Online]. Available: http://www.kyoto-dentoubunkanomori.jp/topics/img/brochure.pdf. [Accessed: 21-Oct-2017].</li>
 +
<li>[9] T. Kiyohara and Y. Tokushige, “Inoculation Experiments of a Nematode, Bursaphelenchus sp., onto Pine Trees,” J. JAPANESE For. Soc., 1971.</li>
 +
<li>[10]C. Vicente, M. Espada, P. Vieira, and M. Mota, “Pine Wilt Disease: a threat to European forestry,” Eur J Plant Pathol, vol. 133, pp. 89–99, 2012.</li>
 +
<li>[11]Rejendra Singh and Swastik Phulera, “Plant Parasitic Nematodes: The Hidden Enemies of Farmers,” Reserch gate, 2015.</li>
 +
<li>[12]K. syou Kuroda Keiko, “Lisk of water outage and withering by trunk injection against pine-wilt disease,” 2016.</li>
 +
<li>[13]A. Fire, S. Xu, M. K. Montgomery, S. A. Kostas, S. E. Driver, and C. C. Mello, “Potent and specific genetic interference by double-stranded RNA in Caenorhabditis elegans,” Nature, vol. 391, no. 6669, pp. 806–811, Feb. 1998.</li>
 +
<br>
 +
<br>
 +
      </ul>
 
   </div>
 
   </div>
 
   </div>
 
   </div>

Latest revision as of 02:55, 2 November 2017

Team:Kyoto/Project - 2017.igem.org

Description

Table of contents
1) Why are pine trees important?

Throughout history, the people of Japan have cherished beautiful sightseeing spots such as Matsushima (“ Island of pines ”), Miyajima, and Amanohashidate as “ Japan's three representative scenic spots ” [1].⁠ If you take a look, you will notice that a certain type of tree forms an important background in all these spots: the Japanese pine, or “ Matsu ”.

Pine trees have been widely used as a building material and fuel, and is also important as a raw material for industrial resin. Pine trees are a critical forest component acting as a windbreak to prevent the sea breeze from the sea [2].⁠ Pine trees are resistant to high salt and can even grow in dried soil with poor nutrition, so even though it is no longer a principle building material, planting activities on the coast continue to maintain windbreak forests [3].⁠ However, even though pines form an essential part of our scenery, they are withering on a global scale due to the epidemic called pine-wilt disease [4].

Figure 1 Japan's three representative scenic spots.
From left, Matsushima, Miyajima, and Amanohashidate.
The left photo is offered by Hideaki Tsujii.
The middle photo is from “ http://blue-wind.net/photoimage/224 ”.
The right photo is from “ http://photo53.com/amanohashidate.php ”.

2) Pines are being lost due to pine-wilt disease

In 1905, the first report about pine-wilt disease was issued in Japan [5]⁠. From then, the disease gradually spread, and now this disease is present in all prefectures except Hokkaido [6]⁠. In regions other than Japan, pine-wilt disease has been reported in East Asian countries such as Korea, Taiwan, China, in European countries such as Poland, Spain, Portugal and even in North America including Canada and the USA [7]⁠. As pine trees die from this disease, beautiful landscapes around the world have been greatly damaged. In addition to that, it is estimated that huge economic damage of tens of millions of dollars has been caused [7]⁠. In the forests where pines die, it is known that the forestry phase changes, and evergreen broad-leaved trees take precedence [8].⁠ An increase in evergreen broad-leaved trees reduces the light reaching the forest floor, having harmful effects on herbs and the seedlings responsible for the next generation, which has a serious overall impact on the ecosystem.


Figure 2 The area where pine-wilt disease was confirmed.
Pine-wilt disease is now present in all prefectures except Hokkaido.

3) The cause of pine-wilt disease is a tiny nematode

In 1971, it was clarified that the cause of pine-wilt disease was nematode called Bursaphelenchus xylophilus [9].⁠ B. xylophilus adheres to the spiracles of the Japanese long horn beetle and is delivered to pine branches by it. When the beetle bites a pine branch, B. xylophilus invades the tree trunk through the resin path and reaches the trunk, ingesting pine cells [10]⁠. Through this process, the pine releases defense substances such as volatile terpenes excessively, and bubbles are generated in the tracheid, so that the pine cannot absorb water and this induces death of pines [3].⁠ This is the mechanism of pine-wilt disease.

Figure 3 The life cycle of B. xylophilus.
B. xylophilus are brought from weakened pine to another healthy pine by the long horn beetle. Pine-wilt disease progresses with this cycle.

Figure 4 The flowchart of the mechanism of pine-wilt disease.
Pine cannot absorb water for a while after infected by B. xylophilus.

B. xylophilus feeds by piercing it’s stylet like a straw into the cells of pine, blue stain fungus, or yeast, sucking out their contents. It is known that species with such stylets cover 15% of all nematodes [11]. ⁠Unlike C. elegans, this group of nematodes does not prey on bacteria. It is known that many phytopathogenic nematodes use stylets to feed [11].


Figure 5 The foods of B. xylophilus.
B. xylophilus do not eat E. coli.

4) It is difficult to prevent the spread of B. xylophilus

There are basically three methods commonly used to stop pine-wilt disease. However, all of them have several problems and are not able to achieve their desired results.[6]

  • 1. Spraying of insecticide targeting Pinus thunbergii by helicopter
    ---This method targets the beetle, which is a carrier that spreads nematodes. Of course, this method has a potentially harmful effect to human beings and forest creatures, and will inevitably have a huge impact on the ecosystem.

  • Figure 6 Spraying insecticide by helicopter.
    This method targets the long horn beetle.


  • 2. Removal of deadwood to prevent the spread of infection
    ---The longhorn beetle produces eggs in pine trees killed by B. xylophilus. It is known that when longhorn beetles emerge in the following year, nematodes adhere to the young beetles. For this reason, attempts have been made to prevent the spread of infection by disposing of dead pine through incineration. Even in this case, there are places where human beings cannot go, such that not all deadwood can be removed completely, limit the effect of this method for preventing pine-wilt disease.

  • Figure 7 Removal of deadwood.
    This method also targets the long horn beetle in substance.


  • 3. Prevention by trunk injection
    ---In order to combat the nematodes within the pine, a method of injecting pesticide into all the pine trees on a target mountain is performed through the winter. Although this method is effective, it is necessary to perform each year, since if neglected, there are reported cases where the damage actually increases [12]. ⁠Therefore, this method has high economic and physical costs.

  • Figure 8 Trunk injection.
    This method targets B. xylophilus, but is accompanied by a heavy burden.

5) RNAi is a powerful weapon to fight against the nematodes

In order to develop more effective weapons to fight this nematode we applied feeding RNAi, a strategy which is often used for nematodes such as C. elegans, to B. xylophilus. Using budding yeast as a rich food source, we aimed to create a genetically modified machine that kills nematodes, resulting in a new type of biological pesticide. We first decided to answer the question of whether yeast which kills nematodes can be made, and focused on the practicalities of how to deliver the yeast to nematodes. Regarding our solution to prevent our recombinant yeast from hypothetically leaking into the environment, a powerful solution emerged through our Human Practices activities (Please click here for a link).

RNAi is a gene expression suppression mechanism discovered in 1998 by Fire et al [13]⁠. Within C. elegans incorporating double-stranded RNA (dsRNA), rapid degradation of mRNA having a complementary sequence to that dsRNA is induced. If the target gene is essential for growth, C. elegans dies. C. elegans is a bacterial feeding nematode which can feed on E. coli. Therefore, by preparing E. coli expressing dsRNA as bait, gene expression of C. elegans can be controlled. However, B. xylophilus belongs to the stylet-type of nematode, so we expect that we cannot use E. coli for bait. In order to deliver dsRNA to B. xylophilus it was essential to develop a new dsRNA carrier.


Figure 9 The image of yeast expressing dsRNA.
dsRNA causes RNAi.

6) Delivery of dsRNA to stylet-type nematodes using yeast

B. xylophilus is known to prey on blue stain fungi, so we chose another fungus which can be used experimentally, the budding yeast S. cerevisiae, as a carrier. In addition, although there is no published report, consultation with nematode researchers gave some anecdotal evidence that they might prey on budding yeast. However, when we asked the details, the researcher’s experiences were inconsistent. As of yet, there has been no definitive information on whether or not B. xylophilus could feed on S. cerevisiae.

For the initial step, we set out to prove definitively that B. xylophilus preys on budding yeast. For this purpose, we examined the conditions of B. xylophilus' feeding yeast and established a system of recording live imaging. In this way we succeeded in taking the first video of B. xylophilus' puncturing and sucking out the contents of budding yeast with its stylet. In addition, we introduced a new system for temporarily labeling B. xylophilus that preyed on yeast, and established a method for measuring the phenotype of B. xylophilus incorporating dsRNA.


Figure 10 Delivery of dsRNA.
dsRNA will be took in through their stylets.

Reference
  • [1] Nihonsankei, “Nihon-sankei 【 official website 】 The three most scenic spots in Japan.” [Online]. Available: http://nihonsankei.jp/eng/. [Accessed: 21-Oct- 2017].
  • [2] Forestry Agency, “Damage of Pine-wood nematodes:Forestry Agency,” 2016. [Online]. Available: http://www.rinya.maff.go.jp/j/hogo/higai/matukui.html. [Accessed: 21-Oct- 2017].
  • [3] Kuroda Keiko, “Machanism of pine-wilt disease and characteristics of resistant pine trees,” 2007.
  • [4] A. Y. Ryss, O. A. Kulinich, and J. R. Sutherland, “Pine wilt disease: a short review of worldwide research,” For. Stud. China, vol. 13, no. 2, pp. 132–138, Jun. 2011.
  • [5] Y. Mamiya, “History of Pine Wilt Disease in Japan 1,” J. Nematol., vol. 20, no. 2, pp. 219–226, 1988.
  • [6] Forestry Agency, “The present state of damage of pine-wood nematodes,” 2016. [Online]. Available: http://www.rinya.maff.go.jp/j/hogo/higai/attach/pdf/matukui-1.pdf. [Accessed: 21-Oct-2017].
  • [7] D. N. Proença, G. Grass, and P. V Morais, “Understanding pine wilt disease: roles of the pine endophytic bacteria and of the bacteria carried by the disease-causing pinewood nematode.,” Microbiologyopen, vol. 6, no. 2, Apr. 2017.
  • [8] Kyoto Association for the Promotion of Traditional Culture of forest, “Danger of Kyoto's three representative mountains,” 2007. [Online]. Available: http://www.kyoto-dentoubunkanomori.jp/topics/img/brochure.pdf. [Accessed: 21-Oct-2017].
  • [9] T. Kiyohara and Y. Tokushige, “Inoculation Experiments of a Nematode, Bursaphelenchus sp., onto Pine Trees,” J. JAPANESE For. Soc., 1971.
  • [10]C. Vicente, M. Espada, P. Vieira, and M. Mota, “Pine Wilt Disease: a threat to European forestry,” Eur J Plant Pathol, vol. 133, pp. 89–99, 2012.
  • [11]Rejendra Singh and Swastik Phulera, “Plant Parasitic Nematodes: The Hidden Enemies of Farmers,” Reserch gate, 2015.
  • [12]K. syou Kuroda Keiko, “Lisk of water outage and withering by trunk injection against pine-wilt disease,” 2016.
  • [13]A. Fire, S. Xu, M. K. Montgomery, S. A. Kostas, S. E. Driver, and C. C. Mello, “Potent and specific genetic interference by double-stranded RNA in Caenorhabditis elegans,” Nature, vol. 391, no. 6669, pp. 806–811, Feb. 1998.