Biomod/2014/Kashiwa/Experiments

From OpenWetWare
Revision as of 05:25, 24 October 2014 by Reika Tei (talk | contribs)
Jump to navigationJump to search

<html> <head> <div id="#top"></div>

<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js"></script>

<script type="text/javascript"> new Image(120,80) = "http://openwetware.org/images/7/7a/Logo2Kashiwa.png";

new image(120,80) = "http://openwetware.org/images/1/1d/Logo2.5.png";

new image(71,143) = "http://openwetware.org/images/2/2a/Top1.gif";

new image(71,143) = "http://openwetware.org/images/f/f0/Top2.gif";

new image() = "http://openwetware.org/images/3/38/BackgroundKashiwa.png";

new image() = "http://openwetware.org/images/9/9c/BackgroundKashiwa2.png"; </script>


<script type="text/javascript">

  $(function(){
     $("#menu li").hover(function(){
        $("ul",this).show();
     },
     function(){
        $("ul",this).hide();
     });
  });

</script>


<script type="text/javascript"> <!-- if (document.images) {

// 設定開始(使用する画像を設定してください)

// 通常の画像 var img0 = new Image(120,80); img0.src = "http://openwetware.org/images/e/ec/LogoKashiwa.png";

// ポイント時の画像1 var img1 = new Image(120,80); img1.src = "http://openwetware.org/images/2/26/Logo3Kashiwa.png";


// 設定終了

} // ポイント時の処理 function On(name) { if (document.images) { document.images['def'].src = eval(name + '.src'); } } // 放した時の処理 function Off() { if (document.images) { document.images['def'].src = img0.src; } } // --> </script>

<META http-equiv="Content-Style-Type" content="text/css">

<style type="text/css">


.page-back { position: fixed; bottom: 25px; right: 25px;}

p.paragraph {

 font-size :100%;
 line-height: 135%;
 margin: 10px 25px;

}

p.reference {

 font-size :90%;
 line-height: 135%;
 margin: 10px 20px;

}

p.indent-paragraph {

 font-size :110%;
 line-height:1.5;
 margin:0 30px;
 text-indent: 1em;
 }

h1.title a{

 font-size :100%;
 display: block;
 text-decoration: none;
 color: #000000;

 font-weight:bolder;

 border-left: solid 5px #e00000;
 }

h2.reference a{

 font-size :90%;
 display: block;
 text-decoration: none;
 border-left: solid 5px;
 }

body {

 font-size: 12px;
 font-family: Frutiger, Helvetica, Arial;
 background-color: #B5D3FF;
 overflow-y:scroll;
 overflow-x:hidden;

} article {

 background-color: #ffffff

} .container {

  background-color: #ffffff;
  margin-top:0px

}

.OWWNBcpCurrentDateFilled {display: none;}

}

  1. column-content

{

  width: 0px;
  margin: 0;
  padding: 0;
  float:left;

} .firstHeading {

  display:none;
  width:0px;

}

  1. globalWrapper

{

  width:900px;
  background-color: #ffffff;
  margin-left: auto;
  margin-right: auto;

}

  1. column-one

{

  display:none;
  width:0px;
  background-color: #ffffff;

}

  1. content

{

  margin: 0px;
  align: center;
  padding: 0px 12px;
  width:876px;
  border: 0;

}

  1. bodyContent

{

  width: 800px;
  padding: 0px 38px;
  align: center;
  background-color: #ffffff;
  position:relative;
  

}

  1. column-content

{

  width: 900px;
  background-color: #ffffff;

}


  1. footer

{

  position: center;
  width: 900px;

}

div.menubar {

  position: fixed;
  background-color: none; /* バーの背景色 */
  opacity: 0.95;
  border-top: 0px double white; /* バーの上端線 */
  border-bottom: 0px double white; /* バーの下端線 */
  min-width: 900px; /* メインメニュー全部が収まる最低横幅 */
  z-index:3

}

div.menubar ul#menu {

  margin: -33px 0px 0px -50px; /* メニューバー外側の余白 */
  padding: 0px; /* メニューバー内側の余白 */
  height: 80px; /* メニューバーの高さ */
  list-style-type: none;

}

div.menubar ul#menu li {

  min-width: 110px; /* メニュー項目の横幅 */
  height: 80px; /* メニュー項目の高さ(「メニューバーの高さ」と一致させる) */ 
  float: left;
  list-style-type: none;
  list-style-image: none;
  position: relative;

}

div.menubar ul#menu a {

  text-decoration: none; /* メニュー項目の装飾(下線を消す) */
  display: block; 
  background-color: #1F003E;/* メニュー項目の背景色 */
  color: white; /* メニュー項目の文字色 */
  line-height: 80px; /* メニュー項目のリンクの高さ(「メニュー項目の高さ」と一致させる) */
  text-align: center; /* メインメニューの文字列の配置(中央寄せ) */ 
  width: 100%;
  height: 100%;

}

div.menubar ul#menu a:hover {

  background-image: url("http://openwetware.org/images/3/38/BackgroundKashiwa.png"); /* メニュー項目にマウスが載ったときの背景色 */
  color: #8B008B; /* メニュー項目にマウスが載ったときの文字色 */

}

div.menubar ul#menu a:active {

  background-image: url("http://openwetware.org/images/3/33/Background2.png"); /* メニュー項目にマウスが載ったときの背景色 */
  color: #8B008B; /* メニュー項目をクリックした時の文字色 */

}

/* メニューバー直後のClearfix */ div.menubar ul#menu {

  zoom:1; 

} div.menubar ul#menu:after {

  height: 0; visibility: hidden; content: "."; display: block; clear: both;

}

div.menubar ul#menu ul.sub {

  background-color: #1F003E; /* サブメニュー全体の背景色 */
  border-width: 0px 0px 0px 0px; /* サブメニュー全体の枠線の太さ */
  border-style: solid; /* サブメニュー全体の枠線の線種 */
  border-color: #191970; /* サブメニュー全体の枠線の色 */
  margin: 0px;
  padding: 0px;
  display: none;
  position: absolute;

}

div.menubar ul#menu ul.sub li {

  width: 110px;
  height: 50px; /* サブメニュー1項目の高さ */
  border-width: 0px 0px 0px 0px; /* サブメニュー1項目の枠線の太さ */
  border-style: solid; /* サブメニュー1項目の枠線の線種 */
  border-color: #191970; /* サブメニュー1項目の枠線の色 */
  z-index: 3

}

div.menubar ul#menu ul.sub li a {

  line-height: 50px; /* サブメニュー1項目の行の高さ(「サブメニュー1項目の高さ」と合わせる) */
  text-align: center;  /* サブメニュー1項目の項目名の配置(中央寄せ) */
  text-indent: 0px;  /* サブメニュー1項目の項目名前方の余白 */

}

div.menubar ul#menu ul.sub li a:hover {

  background-image: ('back');
  background-size: 100% auto;
  background-color: #FF00FF; /* サブメニュー項目にマウスが載ったときの背景色 */
  color:  #8B008B; /* サブメニュー項目にマウスが載ったときの文字色 */

}

div.menubar ul#menu ul.sub li a:active {

  background-image: ('backclick') /* メニュー項目にマウスが載ったときの背景色 */
  backround-size: 100% auto;
  color: #8B008B; /* メニュー項目をクリックした時の文字色 */

}

</style>

<div class="menubar">

 <ul id="menu">
 <font face="Frutiger,Helvetica,Arial">
   <li><a href="http://openwetware.org/wiki/Biomod/2014/Kashiwa"><img src="http://openwetware.org/images/e/ec/LogoKashiwa.png" onmouseover="this.src='http://openwetware.org/images/7/7a/Logo2Kashiwa.png'" onclick="this.src='http://openwetware.org/images/1/1d/Logo2.5.png'" onmouseout="this.src='http://openwetware.org/images/e/ec/LogoKashiwa.png'" height="80px" width="120px" name="def"></a>
   </li>
   <li><a href="http://openwetware.org/wiki/Biomod/2014/Kashiwa/Project" onMouseOver="On('img1')" onMouseOut="Off()"><span style="font-size:12pt;">PROJECT</span></a>
     <ul class="sub">
       <li><a href="http://openwetware.org/wiki/Biomod/2014/Kashiwa/Project#1" onMouseOver="On('img1')" onMouseOut="Off()"><span style="font-size:12pt;">Background</span></a></li>
       <li><a href="http://openwetware.org/wiki/Biomod/2014/Kashiwa/Project#2" onMouseOver="On('img1')" onMouseOut="Off()"><span style="font-size:12pt;">Motivation</span></a></li>
       <li><a href="http://openwetware.org/wiki/Biomod/2014/Kashiwa/Project#3" onMouseOver="On('img1')" onMouseOut="Off()"><span style="font-size:12pt;">Project Goals</span></a></li>
     </ul>
   </li>
   <li><a href="http://openwetware.org/wiki/Biomod/2014/Kashiwa/Trial" onMouseOver="On('img1')" onMouseOut="Off()"><span style="font-size:12pt;">&nbsp;EARLY TRIAL&nbsp;</span></a>
     <ul class="sub">
       <li><a href="http://openwetware.org/wiki/Biomod/2014/Kashiwa/Trial#1" onMouseOver="On('img1')" onMouseOut="Off()"><span style="font-size:12pt;">Design</span></a></li>
       <li><a href="http://openwetware.org/wiki/Biomod/2014/Kashiwa/Trial#2" onMouseOver="On('img1')" onMouseOut="Off()"><span style="font-size:12pt;">Approaches</span></a></li>
     </ul>
   </li>
   <li><a href="http://openwetware.org/wiki/Biomod/2014/Kashiwa/Design" onMouseOver="On('img1')" onMouseOut="Off()"><span style="font-size:12pt;">DESIGN</span></a>
     <ul class="sub">
       <li><a href="http://openwetware.org/wiki/Biomod/2014/Kashiwa/Design#2" onMouseOver="On('img1')" onMouseOut="Off()"><span style="font-size:12pt;">The Receptor</span></a></li>
       <li><a href="http://openwetware.org/wiki/Biomod/2014/Kashiwa/Design#1" onMouseOver="On('img1')" onMouseOut="Off()"><span style="font-size:12pt;">The Motor</span></a></li>
     </ul>
   </li>
   <li><a href="http://openwetware.org/wiki/Biomod/2014/Kashiwa/Highlights" onMouseOver="On('img1')" onMouseOut="Off()"><span style="font-size:12pt;">&nbsp;EXPERIMENT&nbsp;&nbsp;</span></a>
     <ul class="sub">
       <li><a href="http://openwetware.org/wiki/Biomod/2014/Kashiwa/Highlights" onMouseOver="On('img1')" onMouseOut="Off()"><span style="font-size:12pt;">Highlights</span></a></li>
       <li><a href="http://openwetware.org/wiki/Biomod/2014/Kashiwa/Receptor" onMouseOver="On('img1')" onMouseOut="Off()"><span style="font-size:12pt;">The Receptor</span></a></li>
       <li><a href="http://openwetware.org/wiki/Biomod/2014/Kashiwa/Motor" onMouseOver="On('img1')" onMouseOut="Off()"><span style="font-size:12pt;">The Motor</span></a></li>
     </ul>
   <li><a href="http://openwetware.org/wiki/Biomod/2014/Kashiwa/Discussion" onMouseOver="On('img1')" onMouseOut="Off()"><span style="font-size:12pt;">&nbsp;&nbsp;DISCUSSION&nbsp;</span></a>
     <ul class="sub">
       <li><a href="http://openwetware.org/wiki/Biomod/2014/Kashiwa/Discussion#1" onMouseOver="On('img1')" onMouseOut="Off()"><span style="font-size:12pt;">Achievements</span></a></li>
       <li><a href="http://openwetware.org/wiki/Biomod/2014/Kashiwa/Discussion#2" onMouseOver="On('img1')" onMouseOut="Off()"><span style="font-size:12pt;">Future</span></a></li>
     </ul>
   </li>
   <li><a href="http://openwetware.org/wiki/Biomod/2014/Kashiwa/Protocols" onMouseOver="On('img1')" onMouseOut="Off()"><span style="font-size:12pt;">PROTOCOL</span></a>
   </li>
   <li><a href="http://openwetware.org/wiki/Biomod/2014/Kashiwa/Team" onMouseOver="On('img1')" onMouseOut="Off()"><span style="font-size:12pt;">TEAM</span></a>
     <ul class="sub">
       <li><a href="http://openwetware.org/wiki/Biomod/2014/Kashiwa/Team#1" onMouseOver="On('img1')" onMouseOut="Off()"><span style="font-size:12pt;">Members</span></a></li>
       <li><a href="http://openwetware.org/wiki/Biomod/2014/Kashiwa/Team#2" onMouseOver="On('img1')" onMouseOut="Off()"><span style="font-size:12pt;">Sponsors</span></a></li>
     </ul>
   </li>
 </font>
 </ul>

</div> <br> <br> <br> <div class="page-back"><a href="#top"> <img src="http://openwetware.org/images/2/2a/Top1.gif" onmouseover="this.src='http://openwetware.org/images/f/f0/Top2.gif'" onmouseout="this.src='http://openwetware.org/images/2/2a/Top1.gif'" height="150px"/></a></div> </head>


</html>

<html>

<head> <style>

div.imagebox {

  border: 1.7px dashed #2E2EFE; /* 1.枠線 */
  background-color: #F0F8FF;  /* 2.背景色 */
  width: 310px; /* 横幅 */
  float: right; /* 右に配置 */
  margin: 0px 30px 0px 10px;

} p.image {

  text-align: center;
  width: 300px;
  height: 213px;
  margin: 5px;

} p.caption {

  margin: 5px 10px;
  font-size: 90%;  /* 5.文字サイズ */
  color: black; /* 6.文字色 */

}

h2.big{

 font-size :20px;
 text-decoration: none;
 color: #000000;
 margin: 25px 35px;
 }

h1.sub {

 font-size:24px;

}

</style>

<script type="text/javascript"><!-- function HideCBox( boxid ) {

  var target = document.getElementById(boxid);
  if( target.style.display != "none" ) {
     target.style.display = "none";
  }
  else {
     target.style.display = "";
  }

} // --></script>

<style type="text/css"><!-- div.CollapsibleBox {

  /* ■ボックス全体■ */
  border: 0px solid #4169E1; /* 枠線:濃青 */
  font-size: 100%;             /* 文字サイズ:100% */
  width: 600px;               /* 横幅:600px */

} div.CollapsibleBox div.CollapsibleBoxTitle {

  /* ■タイトル枠■ */
  background-color: #191970; /* 背景色:濃青 */
  color: white;               /* 文字色:白 */
  margin: 0px;
  padding: 0px;
  width: 600px;

} div.CollapsibleBox div.CollapsibleBoxTitle p.cBoxTitle {

  /* ■タイトル文字列■ */
  font-size: 100% ;          /* 太字 */
  border: 1px solid #4B0082; /* 枠線:濃青 */
  margin: 0px;
  padding: 1px 0px;

} div.CollapsibleBox div.CollapsibleBoxTitle p.cBoxButtons {

  /* ■ボタン群■ */
  margin: 0px;
  padding: 2px 10px;
  float: right;
  position: relative; 

} div.CollapsibleBox div.CollapsibleBoxTitle p.cBoxButtons a img {

  /* ■ボタンそのもの■ */
  border-width: 0px;    /* リンクの枠線を消す */

} div.CollapsibleBox div.CollapsibleBoxBody {

  /* ■本文枠■ */
  margin: 0px;
  padding: 2px 0px 2px 0px;
  background-color: #ADD8E6; /* 背景色:淡青 */
  color: #191970; /* 文字色:暗青 */

} div.CollapsibleBox div.CollapsibleBoxBody p {

  /* ■本文■ */
  margin: 0px;
  padding: 0.5em;   /* 内側の余白:0.5文字分 */

}

</style> </head>

<body> <a name="1"></a> <font face="Futura,Arial,Frutiger" font size="24px">EXPERIMENTS</font> <br> <br>

<h1 class="title"><a name="background">&nbsp;Highlights</a></h1> <br>

<div class="imagebox">

  <p class="image"><img src="http://openwetware.org/images/9/96/Koala_005.jpg" width="300" height="213"></p>
  <p class="caption">It's the caption.<br>The agarose gel electrophoresis.</p>

</div> <br clear="right">


<div class="CollapsibleBox" id="CBoxCover1">

  <div class="CollapsibleBoxTitle">
     <p class="cBoxButtons">
        <a href="#" onclick="HideCBox('CBoxBody1');  return false;" title="折りたたみ/復元"><font color="white" font size="2">[show/hide]</font></a>
     </p>
     <p class="cBoxTitle">&nbsp; Contents:</p>
  </div>
  <div class="CollapsibleBoxBody" id="CBoxBody1">
     <ul style="list-style:none;">
        <li> <a href=#1> 1. The Sensing System: The Receptor </a>
        <ul style="list-style:none;">
           <li> <a href="#1-1">1-1. Preparing the components </a></li>
           <ul style="list-style:none;">
              <li> <a href="#1-1-1">1-1(a). Folding the Wall </a></li>
              <li> <a href="#1-1-2">1-1(b). Producing MISTIC </a></li>
              <li> <a href="#1-1-3">1-1(c). Designing the Activator </a></li>
           </ul>
           </li>
           <li> <a href="#1-2">1-2. Embedding the Wall into the liposome </a></li>
           <li> <a href="#1-3">1-3. Linking the Activator to the liposome
           <li> <a href="#1-4">1-4. Combining the Wall and the Activator </a></li>
           <li> <a href="#1-5">1-5. Separating the Wall from the Activator </a></li>
        </ul>
        </li>
        
        <li> <a href="#2">2. The Moving System: The Motor </a>
        <ul style="list-style:none">
           <li> <a href="#2-1">2-1. Producing the Motor-Monomer </a></li>
           <li> <a href="#2-2">2-2. Deactivating and activating the binding capacity of streptavidin </a></li>
           <li> <a href="#2-3">2-3. Putting the Motor-Monomers into the liposome </a></li>
        </ul>
        </li>
     </ul>
  </div>

</div>

<a name="2"></a>

<h1 class="title"><a name="background">&nbsp;The Receptor</a></h1>

<h1 class="sub">1-1. Preparing the components </h1>

<h2 class="big">1-1(a). Folding the Wall</h1>

<a name="3"></a> <br> <br> <br> <h1 class="title"><a name="background">&nbsp;The Motor-Monomers</a></h1> <br>

</body>

<footer style="position:relative; left:600px;"> <small> &copy; 2014 UTokyo Chem & Bio </small> </footer>

</html>