Biomod/2013/Sendai: Difference between revisions

Revision as of 01:01, 12 September 2013

/********************** Hide MediaWiki and init CSS, overwrite by bootstrap.css バルス**********************/

body{

background:none;

} html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{

margin:0;
padding:0;
/* font-size:100%; */
 border:0;
outline:0;

} a, a:link, a:visited, a:hover, a:active{

text-decoration:none

}

/*訪れたリンクを白くするよ*/ .whiteSendai:visited{

color:#FFFFFF!important;

}

/*左詰め、真ん中、右詰め*/ .leftSendai { text-align: left; } .centerSendai { text-align: center; } .rightSendai { text-align: right; }

.firstHeading {

display:none;

}

content{

border-style:none;
margin:0;
padding:0;

}

globalWrapper{

font-size:100%;

}

contentSub{

display:none;

}

column-one{

display:none;

}

footer{

display:none;

}

globalWrapper{

font-size:100%;

}

bodyContent h1, #bodyContent h2{

 margin-top: 20px;
 margin-bottom: 10px;

}

bodyContent h3{

 margin-top: 20px;
 margin-bottom: 10px;
 border-bottom-width: medium;
 border-bottom-style: solid;
 border-bottom-color: gray;

}

bodyContent h4{

 margin-top: 20px;
 margin-bottom: 10px;
 border-bottom-width: thin;
 border-bottom-style: solid;
 border-bottom-color: gray;

}

bodyContent h5, #bodyContent h6{

 margin-top: 10px;
 margin-bottom: 10px;

/**** border-bottom-width: thin;

 border-bottom-style: solid;
 border-bottom-color: gray;

- - - /

}

/********************************* Hide MediaWiki end *********************************/

/* Structure */ html{ background: #eee; } body {

 padding: 0px;
 background: #fff;
 color: #333;
 margin: 0 auto;
 max-width: 900px;
 font: 1em/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif;
 }

a {

 color: #105672;

}

header {/****position: fixed; ****/

       /******width: 100%;****/
       height: 90px;
       z-index: 1;

background: #F17F25;

        padding:0.01em 0.5em 1.5em ;

color: #fff; line-height: 1;

}

header h1{ margin-bottom: 0; }

header h1 span{ display: inline; color: rgba(255,255,255,.4); }

header span{ display: block; color: rgba(255,255,255,.2); font-weight: 300; margin-bottom: 1.6em }

header nav{ float: right; text-align: right } header nav div{ font-size: .8em; } header nav div a { font-weight: 300; padding: .3em .5em } header nav a{ color: #fff; display: inline-block; padding: .3em .8em }

header nav a:hover, header nav a:focus{ color: rgba(255,255,255,.6) }

[role=main]{ padding:1.5em 3em; } article{ padding: 1em 0; text-align: justify; text-justify: inter-ideograph;

}

footer{ background: #333; color: #fff; padding: 1em 3em;

       clear: both;    /***2段組みの左右のfloatを解除***/

}

/* Typography */

p{ font: 1em/1.5 Palatino, "Palatino Linotype", Georgia, Times, "Times New Roman", serif; }

p.sukima{

       font-size: 150%;
       font-weight: normal;
       font-family: Helvetica;
       background: #bbb;
       padding-left: 1.2em;

}

img{ max-width: 100%; /***** height: auto; *****/ }

blockquote{ float: left; margin: 1em 3em; } blockquote p{ font-size: 1.4em; line-height: 1.2; font-weight: 700; font-style:italic; } a{ font: 700 1em/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif; text-decoration: none } a:hover, a:focus{ color: #000; } a:active{ position: relative; top:1px; }

ol{margin: 1em 0 1em 0; padding-left: 2em; } li{ margin: 0; }

/* Tabs */

tabs

{ /*****position:fixed;****/

      width: 900px;

}

.js-on #tabs article { display:none }

tabs, #tabs nav a.active{

background: #FFF; color: #111; }

tabs nav

{ position: relative; overflow: hidden; display: table; background: #bbb; }

tabs nav a

{ width:900px; display:table-cell; padding:1em; text-align:center; color: #333; }

tabs nav a:hover,#tabs nav a:focus

{ background:#eee }

tabs article

{ padding:2em; }

.js-on #tabs article.active { display:block; }

tabs #mobiles{

display:none; border-radius: 0; }

tabs #mobiles a, #tabs #mobiles a:first-child, #tabs #mobiles a:last-child{

width:300px; border-radius: 0; }

/* Media queries */ @media screen and (min-width:900px) { body{font-size: 1.1em;} }

@media screen and (max-width:600px) { #tabs nav{ display: none; position: relative; } #tabs #mobiles{ display:block; } #tabs article { display:block; } } @media screen and (max-width:480px) { blockquote{ float: none; }

header nav a{ padding:.7em .8em } header nav{ float: none; margin: -.5em -3em 0; background: #000; overflow: hidden; text-align: left } header nav a{ border-right: 1px solid #222 } [role=main]{ padding:1.5em 2em; } header nav div{ display: none; }

}

/*column content*/

content-right {

width:48%; /***段落の横幅***/ float:right; /***右に寄せる（他の要素を左に回り込ませる)***/ margin: 10px; }

content-left {

width:47%; /***サイドの横幅***/ float:left; /***左に寄せる***/ margin: 10px; }

/*****キャプションレフト*****/

div.caption-left{ float: left; padding: 0 5px 5px 5px; }

.caption-left span{ display: block; text-align: center;

       font-size: smaller;
       font-weight: bold;

}

div.clear{ clear: both; margin: 0 0 10px 0; }

/*****キャプションライト*****/

div.caption-right{ float: right; padding: 0 5px 5px 5px; }

.caption-right span{ display: block; text-align: center;

       font-size: smaller;
       font-weight: bold;

}

div.clear{ clear: both; margin: 0 0 10px 0; }

/***floatの影響を絶つ。<div class="c-both"></div> のように使う***/

.c-both { clear: both; }

div.title{

        font-style: normal;
        font-weight: bold;
        font-size: 70px;
        line-height: 70px;
        font-family: Helvetica;

}

div.caption{

       text-align: center;
       font-size: smaller;
       font-weight: bold;

}

div.captiontable{

       font-size: smaller;
       font-weight: bold;

}

/*topに戻る*/

ttop {position:fixed;

      bottom:140px;
      left:auto;margin:0 0 0 905px; /* マージン：上 右 下 左 */
      width:100px;
      height:390px;
      background:url(http://openwetware.org/images/f/f2/%E5%90%8D%E7%A7%B0%E6%9C%AA%E8%A8%AD%E5%AE%9A-1.png) 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/b/b9/Top2.png) no-repeat left bottom;/* 画像の高さによって適当に調整 */

a.page_top {display:block;width:100px;height:390px;}

</style> </head> </html> <html xmlns="http://www.w3.org/1999/xhtml"> <head>

   <title>Biomod2013 Sendai ver2.0</title>
   <meta name="viewport" content="width=device-width,initial-scale=1">
   
   <style type="text/css">
   h1{color: white;}
   </style>

</head>

<div align="center"> <img src="http://openwetware.org/images/3/3c/%E5%90%8D%E7%A7%B0%E6%9C%AA%E8%A8%AD%E5%AE%9A-4.jpg" width="100%" height="100%"> <br><div class="title">Egg-type initiator and<br>Chain-reactive burst</div> </div>

 <section role="main">

<!--

       <article>
           <h3>Movie</h3>

          <div align="center">
          <iframe width="640" height="480" src="//www.youtube.com/embed/8OB8ytltxwY" frameborder="0" allowfullscreen>
          </iframe></div>

       </article>

-->

       <article>
           <h3>Abstract</h3>

<!--

          <p>私達のプロジェクトはトリガー入力による連鎖的分子放出システムの構築を目指している。 既存のＤＤＳでは薬剤放出のタイミングの制御が困難な事、一度の入力に対して一定の出力しか得られない事が課題である。</br>

この問題を克服する為、私達はある条件でトリガーＤＮＡを放出するシステムと、その放出を起点に連鎖的にリポソームが割れる出力増幅システムの２つを構築する。</br> １つ目のシステムでは、トリガーを内在したアルギン酸ゲル膜を作り、温度の上昇に伴い自発的なゲルの融解とトリガーの放出が行われる。２つ目のシステムは、リポソーム表面にトリガーをハイブリし物理的な負荷をかけ、リポソームを破壊する。破壊されるリポソームは新たなトリガーを含んでおり、放出されたトリガーは連鎖的に周囲のリポソームを破壊する。</br> 本システムの実現により入力のタイミングが制御可能かつ一度の入力で大量の薬剤を出力できるＤＤＳの創出等への応用が期待できる。</br>

--> Our project aims to construct a chain-reactive molecule-releasing system in a spontaneous manner. Delivering drugs at appropriate places and controlling the quantity of released drug is very important to develop effective DDS. Our system makes these possible.<br> The system consists of two sub-systems: “egg-type initiator” and “chain-reactive burst”. <br> The “egg-type initiator” releases trigger DNAs under a certain condition like warming up to body temperature. The trigger DNAs hybridize to aptamer DNAs on liposomes, and the hybridization causes liposomes collapse. The collapsed liposomes release drugs and new trigger stored inside. These processes are the “chain-reactive burst”, and achieve sequential and exponential release of drugs. <br> To realize the egg-type initiator, trigger DNAs and chelate compounds are encapsulated in temperature-sensitive liposomes, and the liposomes are encapsulated in alginate hydrogel. Increasing temperature disrupts the liposomes, and then chelate compounds inside the liposomes melt the gels. Collapse of liposomes is realized by rapid deformation of liposomes mediated by hybridization between trigger and aptamer DNAs. <br> Our system will propose a new place and quantity controlling system of drug release by liposome-based drug delivery systems.<br>

       </article>

</div>

<!-- <div id="content-right">

       <article>
           <h3>Image</h3>

       </article>

</div> -->

   </section>

</p>

   <footer>
       <p>&copy; Copyright Biomod 2013 Team Sendai
               <a href="http://www.molbot.mech.tohoku.ac.jp/index.html">

　　　　　　　　　　　　　　　　　　<img src="http://openwetware.org/images/3/36/Murata-nomura-logo.png"

                                     width="180" height="50" alt="Molcular Robotics Lab" border="0" align="right">

　　　　　　　　 </a> 　　　　 </p>

       <p>E-MAIL:
           <a href="mailto:biomod.teamsendai.2012@gmail.com">biomod.teamsendai.2012@gmail.com
           </a>
       </p>
       <br>
       <a href="?action=edit" align="center"><p>edit</p></a>
   </footer>

</body> </html>

       <script type="text/javascript">
     function tabs(a,g,j){document.body.className="js-on";var g=a.getElementsByTagName(g),d=[],c;this.active;this.total=g.length;this.container=a;e=a.insertBefore(document.createElement("nav"),g[0]),change=function(f){if(typeof this.active!=="undefined"){d[this.active].className=g[this.active].className=""}d[f].className=g[f].className="active";this.active=f},clickEvent=function(h,f){h.onclick=function(){change(f);return false}};for(var b=0;b<g.length;b++){d[b]=e.appendChild(document.createElement("a"));d[b].href="#";c=[g[b].getAttribute("data-title"),g[b].getElementsByTagName(j)[0]];d[b].innerHTML=c[0]!==null?c[0]:c[1]?c[1]["innerText"||"textContent"]:b+1;new clickEvent(d[b],b)}change(0)}tabs.prototype.change=function(b){change(b-1)};tabs.prototype.next=function(b){active===this.total-1?change(0):change(active+1)};tabs.prototype.prev=function(b){active===0?change(this.total-1):change(active-1)};tabs.prototype.responsive=function(d,c){nav=document.createElement("nav");nav.id="mobiles";nav.innerHTML='<a href="#" onclick="'+d+'.prev(); return false">'+c.prev+'</a><a href="#" onclick="'+d+'.next(); return false">'+c.next+"</a>";this.container.insertBefore(nav,this.container.firstChild);return this};
       </script>
       <script type="text/javascript">

var myTabs = new tabs(document.getElementById("tabs"), "article", "h2").responsive("myTabs", { prev: "Previous", next: "Next" }); </script> </head> </html>

Biomod/2013/Sendai: Difference between revisions

Revision as of 01:01, 12 September 2013

Navigation menu

Page actions

Page actions

Personal tools

Navigation

Search

research

Tools

@@ Line 12: / Line 12: @@
 <body><!-- <div style="max-width:900px; position:fixed;">****/ -->
+<!-- Movie -->
+<div align="center">
+<img src="http://openwetware.org/images/3/3c/%E5%90%8D%E7%A7%B0%E6%9C%AA%E8%A8%AD%E5%AE%9A-4.jpg" width="100%" height="100%">
+<br><div class="title">Egg-type initiator and<br>Chain-reactive burst</div>
+</div>
-    <header>
+  <section role="main">
-         <nav>
-           <div>
-                <a href="#"  class="whiteSendai">Blog</a>
-                <a href="#"  class="whiteSendai">Twitter</a>
-                <a href="#"  class="whiteSendai">Facebook</a>
-            </div>
-            <a href="http://openwetware.org/wiki/Biomod/2013/Sendai/sandbox2/top" class="whiteSendai">Top</a>
-            <a href="http://openwetware.org/wiki/Biomod/2013/Sendai/sandbox2/project" class="whiteSendai">Project</a>
-            <a href="http://openwetware.org/wiki/Biomod/2013/Sendai/sandbox2/design" class="whiteSendai">Design</a>
-            <a href="http://openwetware.org/wiki/Biomod/2013/Sendai/sandbox2/experiment" class="whiteSendai">Experiment</a>
-            <a href="http://openwetware.org/wiki/Biomod/2013" class="whiteSendai" style="float:right;"><img src="http://openwetware.org/images/6/6e/Biomod-logo.jpg"
-                                               width="75" height="75" alt="Biomod2013" border="0"></a><br>
-            <a href="http://openwetware.org/wiki/Biomod/2013/Sendai/sandbox2/protocol" class="whiteSendai">Protocol</a>
+<!--
-            <a href="http://openwetware.org/wiki/Biomod/2013/Sendai/sandbox2/future" class="whiteSendai">Future</a>
-            <a href="http://openwetware.org/wiki/Biomod/2013/Sendai/sandbox2/member" class="whiteSendai">Member</a>
-            </nav>
-             <a href="http://openwetware.org/wiki/Biomod/2013/Sendai/sandbox2/top"><h1 style="color:white;" ><b>Biomod<span>2013<br>&emsp; Team</span>Sendai</b></h1></a>
-    </header>
-<!-- Movie -->
-  <section role="main">
          <article>
              <h3>Movie</h3>
@@ Line 51: / Line 31: @@
          </article>
+-->
-<!-- Abstruct -->
+<!-- Abstract -->
-<div id="content-left">
+<div id="content-main">
          <article>
-             <h3>Abstruct</h3>
+             <h3>Abstract</h3>
+<!--日本語隠すここから-->
+<!--
+           <p>私達のプロジェクトはトリガー入力による連鎖的分子放出システムの構築を目指している。 既存のＤＤＳでは薬剤放出のタイミングの制御が困難な事、一度の入力に対して一定の出力しか得られない事が課題である。</br>
+この問題を克服する為、私達はある条件でトリガーＤＮＡを放出するシステムと、その放出を起点に連鎖的にリポソームが割れる出力増幅システムの２つを構築する。</br>
+１つ目のシステムでは、トリガーを内在したアルギン酸ゲル膜を作り、温度の上昇に伴い自発的なゲルの融解とトリガーの放出が行われる。２つ目のシステムは、リポソーム表面にトリガーをハイブリし物理的な負荷をかけ、リポソームを破壊する。破壊されるリポソームは新たなトリガーを含んでおり、放出されたトリガーは連鎖的に周囲のリポソームを破壊する。</br>
+本システムの実現により入力のタイミングが制御可能かつ一度の入力で大量の薬剤を出力できるＤＤＳの創出等への応用が期待できる。</br>
+-->
+Our project aims to construct a chain-reactive molecule-releasing system in a spontaneous manner. Delivering drugs at appropriate places and controlling the quantity of released drug is very important to develop effective DDS. Our system makes these possible.<br>
+The system consists of two sub-systems: “egg-type initiator” and “chain-reactive burst”. <br>
+The “egg-type initiator” releases trigger DNAs under a certain condition like warming up to body temperature. The trigger DNAs hybridize to aptamer DNAs on liposomes, and the hybridization causes liposomes collapse. The collapsed liposomes release drugs and new trigger stored inside. These processes are the “chain-reactive burst”, and achieve sequential and exponential release of drugs. <br>
+To realize the egg-type initiator, trigger DNAs and chelate compounds are encapsulated in temperature-sensitive liposomes, and the liposomes are encapsulated in alginate hydrogel. Increasing temperature disrupts the liposomes, and then chelate compounds inside the liposomes melt the gels. Collapse of liposomes is realized by rapid deformation of liposomes mediated by hybridization between trigger and aptamer DNAs. <br>
+Our system will propose a new place and quantity controlling system of drug release by liposome-based drug delivery systems.<br>
-            <p>DDSは薬剤を運ぶ有効なアプローチであるが、制御された薬の放出系が必要である。
-私たちのプロジェクトは、構造や論理回路の設計が可能であるDNAを利用して、トリガーを元にした連鎖反応により制御された薬剤放出系を実現することである。トリガーDNAのリポソーム表面へのハイブリダイゼーション、物理的な負荷がかかることにより、リポソームを破壊する。リポソームは有効成分と、新たなトリガーを含んでおり、放出された構造物は、連鎖反応的に周囲のリポソームを破壊する。
-反応を開始するトリガーDNAはリポソーム・アルギン酸二重膜に閉じ込められている。リポソーム表面には、ニッパム分子が修飾されており、37℃程度に上げることで、ニッパム分子が収縮しリポソームが破壊される。リポソーム内部に含まれるキレート剤の効果により、アルギン酸膜も破壊され、37℃条件下で両膜が破壊されると、トリガーのＤＮＡオリガミが外に出ていく。
-リポソーム表面はトリガーDNA構造体の一部と相補的な配列を持つ一本鎖DNAを多数含んでおり、トリガーDNAはリポソーム表面に多数ハイブリダイゼーションする。トリガーDNAのリポソーム表面への付着及びリポソームの破壊を顕微鏡で確かめ、リポソームの破壊を確認した(予定)。
-このようなシステムの設計により、好きな時に温度を37度に上げればトリガーの放出及び有効成分の放出が可能になる。</p>
          </article>
 </div>
 <!-- Image -->
+<!--
 <div id="content-right">
          <article>
              <h3>Image</h3>
 <img src="http://openwetware.org/images/c/c5/Projectcellgate.png" width="380" height="400" />
-       <p>Lorem ipsum dolor sit amet, <a href="#">consectetur</a> adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in <a href="#">reprehenderit in voluptate</a> velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
-            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
-            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
-            <blockquote>
-                <p>Lorem ipsum dolor sit amet.</p>
-                <p>- Jean Paul II</p>
-            </blockquote>
-            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
-            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
          </article>
 </div>
+-->
      </section>