基礎ゼミチーム/basic seminar team: Difference between revisions

From OpenWetWare
Jump to navigationJump to search
No edit summary
No edit summary
Line 1: Line 1:
<!--<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"  "http://www.w3.org/TR/html4/loose.dtd">
<html><head>
-->
</head>
<html lang="ja">
<style type="text/css">
<head>
/* 一番外側のboxのかこいです。幅1000px、高さ2000px */
<meta http-equiv="content-type" content="text/html; charset=Shift_JIS">
#wrapper{
<meta http-equiv="content-style-type" content="text/css">
width:1000px;
<title>BIOMOD 2012 Tohoku basic seminar team Wiki</title>
/*height:2000px;*/
}


<script language="JavaScript">


</script>




/* タイトルのboxです。内側は上に10px、左側30px*/
div#head-1{
color:#008000;
font-size:30px;
width:970px;
height:40px;
padding:10px 0px 0px 30px;
}


/* タイトル下の太めアンダーライン 枠が3px X 2で6pxずらしてる  */
#head-under{
height:7px;
width:994px;
border-style:solid;
border-width:3px;
border-color:#98FB98;
background-color:#008000;
}


<style type="text/css">
@charset "Shift_JIS";


/* CDP 001 css 06/12/1 */
/* メニューの外枠 */
/* Copyright (c) 2006 WebDesignTemplates[http://wdt.pekori.jp] All rights reserved. */
div#menu{
width:1000px;
height:40px;
text-align:center;
padding:8px 0px;
font-size:22px;
}


/* default */
/* リンクボタン左端 線なしなので200px */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
div#HOME{
table{border-collapse:collapse;border-spacing:0;}
width:200px;
fieldset,img{border:0;}
height:30px;
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
float:left;
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}
/* fonts(Yahoo UI) */
body {
font: 13px arial,helvetica,clean,sans-serif;
*font-size:small;
*font:x-small;
}
}
table {
 
font-size: inherit;
/* リンクボタン線あり 線の幅2pxと中の枠198px */
font: 100%;
div#bottun{
width:198px;
height:30px;
border-style:solid;
border-width:0px 0px 0px 2px;
float:left;
}
}
select,input,textarea {
 
font: 99% arial,helvetica,clean,sans-serif;
/* リンクボタン */
a:link{
color:black;
}
}


/* 全体設定 */
/* リンクボタン 押したことのあるやつの色 */
html {
a:visited{
color:#777;
}
}
body {
 
/* カーソル置いた時の変化 背景が変わる */
a:hover div{
background-color:#eee;
}
}
body#INDEX {
 
 
/* ヘッドの下の細い線 */
#under-line{
clear:left;
width:1000px;
height:4px;
background-color:green;
margin:6px 0px;
}
}
div#PAGETOP {
 
width: 100%;
 
font-size: 100%;
/*ここまでヘッドのスタイルシート*/
color: #454341;
 
 
/* タイトルの配置 */
#line-title{
width:912px;
height:30px;
float:left;
margin:10px 0px 0px 30px;
}
}
hr {
 
display: none;
 
/* タイトル文字 */
font#head{
valign:bottom;
font-size:27px;
color:#8B4513;  
}
}
a:link {
 
color: #414191;
 
/* 左上の白いBOX */
#line1
{
background-color:white;
float:left;
width:28px;
height:40px;
}
}
a:visited {
 
color: #414161;
 
 
/*左真ん中の色つき横側線*/
#line2{
background-color:#FF4500;
width:20px;
height:40px;
float:left;
}
}
a:hover {
 
color: #914141;
/* 真ん中左の空白 */
#line2-5{
clear:left;
float:left;
width:20px;
height:6px;
background-color:white;
}
}
a:active {
 
color: #914141;
/* 真ん中の細長線*/
#line3{
height:6px;
background-color:#FF4500;
width:950px;
float:left;
}
}


/* ヘッダー */
/* 下側左の空白 */
div#HEADER {
#line4{
margin-bottom: 20px;
background-color:white;
border-top: solid 4px #595956;
width:28px;
border-bottom: double 3px #FFFFFF;
height:5px;
background: #DCDCDA;
float:left;
clear:left;
}
}
h1#wiki-mode1 {
 
padding: 0.3em 1em 0.3em 21px;
 
font-size: 167%;
/*下真ん中の色つき縦線 */
letter-spacing: 0.2em;
#line5{
color: #9A4414;
background-color:#FF4500;
width:20px;
height:5px;
float:left;
}
}
ul#PAN {
 
position: absolute;
/* した右側の空白 */
top: 10px;
#line6{
right: 0px;
background-color:white;
text-align: right;
width:932px;
height:5px;
float:left;
}
}
#INDEX ul#PAN{
 
display: none;
/* タイトル下空白 */
#yohaku{
width:1000px;
clear:left;
height:7px;
}
}
#PAN li{
 
display: inline;
 
}
/* 記事左側余白 */
#PAN a{
#kiji-line1{
text-decoration: none;
width:36px;
}
background-color:white;
#PAN a:after{
float:left;
content: "->";
clear:left;
height:2px;
}
}


/* メニュー */
div#MENU {
width: 210px;
float: left;
}
#MENU h2{
width: 150px;
margin: 0 20px 1em 20px;
padding: 0.2em 10px;
border: none;
font-size: 107%;
letter-spacing: 0.2em;
color: #BA7464;
}
#MENU ul{
width: 170px;
margin: 0 20px 1em 20px;
border-bottom: double 3px #FBFBFA;
}
#MENU li{
margin-bottom: 15px;
padding-top: 0.1em;
background: #FBFBFA;
}
#MENU li.menu-on {
background: #ECECEA;
}
#MENU li a{
display: block;
width: 150px;
padding: 0.4em 10px 0.4em 10px;
border-bottom: dotted 2px #DCDCDA;
font-weight: bold;
text-decoration: none;
}
#MENU li a:hover,#MENU li a:active{
border-bottom: solid 2px #BA8474;
text-decoration: none;
}


/* 記事部分 */
/* 記事左側色つき線 */
div#KIZI {
#kiji-line2{
margin: 0 20px 0 210px;
width:3px;
padding: 0 0 0 20px;
float:left;
border-left: solid 10px #FBFBFA;
height:500px;
}
background-color:#8B4513;
div#KIZI h2 {
padding: 0.3em 0;
border-bottom: solid 1px #CCCCCA;
color: #BA7464;
font-size: 122%;
letter-spacing: 0.2em;
}
div.text {
margin: 0.5em 2.5em 1.5em 0;
line-height: 1.7;
}
.text p {
margin-bottom: 1em;
}
h3 {
padding: 0.6em 0 0.4em 0;
letter-spacing: 0.1em;
}
h4 {
padding: 0.5em 0 0.2em 0;
letter-spacing: 0.1em;
}
h5,h6 {
padding: 0.4em 0 0.2em 0;
}
.text ul.modori {
text-align: right;
font-size: 85%;
list-style: none;
}
.modori a:link,.modori a:visited{
color: #BA7464;
}
}


/* リスト */
.text ol {
margin: 0 0 1em 35px;
list-style: decimal;
}
.text ul {
margin: 0 0 1em 35px;
list-style: square;
}
dl {
margin: 0 0 1em 5px;
}
dt {
color: #9A5434;
font-weight: bold;
}
dd {
margin: 0 1em 1em 1.5em;
}


/* フッター */
/* 記事内容 幅931px+マージン15px×2+3px+36px = 1000px */
div#FOOTER {
#kiji{
width: 100%;
width:931px;
clear: left;
/*height:500px;*/
text-align: right;
float:left;
margin-top: 20px;
background-color:white;
border-top: double 3px #FFFFFF;
padding:15px;
border-bottom: solid 6px #595956;
border-style:solid;
background: #DCDCDA;
border-width:0px 0px 3px 3px;
}
border-color:#8B4513;
#FOOTER h2 {
display: none;
}
#FOOTER ul {
padding: 0.8em 2em;
}
#FOOTER li {
display: inline;
padding: 0 0.5em;
font-size: 92%;
}
#FOOTER a{
text-decoration: none;
}
address {
display: inline;
}
}


/* 強調・追加・削除 */
em {
font-weight: bold;
}
strong{
font-weight: bold;
color: #814121;
}
ins {
text-decoration: underline;
}
del {
text-decoration: line-through;
}


/* フォーム */


input {
margin-top: 0.5em;
}
input#TEXT {
border: solid 1px #CCCCCA;
}
input#BUTTON {
padding: 1px 0.5em;
border: double 3px #CCCCCA;
background: #EDEDEA;
}
textarea {
margin-top: 0.5em;
border: solid 1px #CCCCCA;
}
select {
margin-top: 0.5em;
border: solid 1px #CCCCCA;
}


/* 引用 */
blockquote {
padding-left: 0.8em;
margin: 1em;
border-left: 2px dashed #EAEAED;
}
cite,q {
text-decoration: underline;
}


/* 整形済みテキスト */
pre {
padding: 0.3em;
border: solid 1px #DADADC;
font-size: 92%;
font-family: monospace;
}


/* 物理要素 */
b { font-weight: bold; } /* 太字 */
i { font-style: italic; } /* 斜体 */
big { font-size: 107%; } /* 文字大 */
small { font-size: 85%; } /* 文字小 */
tt { font-family: monospace; } /* 等幅 */
</style>
</style>
</head>
<body>
<body id="INDEX">
<div id="wrapper">
<div id="PAGETOP">
<!-- ここから大枠 -->
 
<div id="head-1">
BIOMOD2012 Tohoku Team B
</div>
 
<div id="head-under"></div>
 
 
<!-- メニューバーの囲い -->
<div id="menu">




<!--================-->
<a href=""><div id="HOME">
<!--  ヘッダー  -->
HOME
<!--================-->
</div></a>
<div id="HEADER">
<a href=""><div id="bottun">
Project
</div></a>
<a href=""><div id="bottun">
Design
</div></a>
<a href=""><div id="bottun">
Diary
</div></a>
<a href=""><div id="bottun">
Link
</div></a>
<br>
<br>
<h1 id="wiki-mode1"><strong><font color="#3070B4">BIOMOD2012 Tohoku Team B</font></strong></h1>
 
<ul id="PAN">
<div id="under-line">
  <li>index</li>
</ul>
</div>
</div>
<hr>
 
<!--
 
#DC143C
-->
<!--================-->
<!--  メニュー  -->
<!--================-->
<div id="MENU">
<h2>menu</h2>
<ul>
  <li id="MENU01" class="menu-on"><a href="http://openwetware.org/wiki/%E5%9F%BA%E7%A4%8E%E3%82%BC%E3%83%9F%E3%83%81%E3%83%BC%E3%83%A0/basic_seminar_team">TOP</a></li>
  <li id="MENU02"><a href="http://openwetware.org/wiki/%E5%9F%BA%E7%A4%8E%E3%82%BC%E3%83%9F%E3%83%81%E3%83%BC%E3%83%A0/basic_seminar_team/design">Design</a></li>
  <li id="MENU03"><a href="http://openwetware.org/wiki/%E5%9F%BA%E7%A4%8E%E3%82%BC%E3%83%9F%E3%83%81%E3%83%BC%E3%83%A0/basic_seminar_team/diary">Diary</a></li>
  <li id="MENU04"><a href="http://openwetware.org/wiki/%E5%9F%BA%E7%A4%8E%E3%82%BC%E3%83%9F%E3%83%81%E3%83%BC%E3%83%A0/basic_seminar_team/experiment_result">Experiment result</a></li>
  <li id="MENU05"><a href="http://openwetware.org/wiki/%E5%9F%BA%E7%A4%8E%E3%82%BC%E3%83%9F%E3%83%81%E3%83%BC%E3%83%A0/basic_seminar_team/member">Member</a></li>
  <li id="MENU06"><a href="http://openwetware.org/wiki/%E5%9F%BA%E7%A4%8E%E3%82%BC%E3%83%9F%E3%83%81%E3%83%BC%E3%83%A0/basic_seminar_team/link">Link</a></li> 
</ul>
</div>
</div>
<hr>




<!--================-->
<!--  記事部分  -->
<!--================-->
<div id="KIZI">


<img src="http://openwetware.org/images/thumb/c/cd/TeamSendai-logob.png/800px-TeamSendai-logob.png" width="700px" height="357px">
<!--
<img src="http://openwetware.org/images/thumb/c/c4/TeamSendai-logo3.png/800px-TeamSendai-logo3.png" width="700px" height="357px">
-->
<h2>Abstract</h2>
<div class="text">
<p>
<font size="5">R</font>ecently, many nano scale robots have been build, and they store molecules inside. To develop further, we propose and design a robot which can select and store a DNA molecule after creation.<br>
<br>
<font size="5">A</font>nd this robot can catch various molecules if its structure is changed.<br>
<br>
<font size="5">O</font>ur robot has "Selector". "Selector" is single-stranded DNA which has complementary sequences to the target DNA here and there. We have three "Selectors", and the inner "Selector" attaches to the target more strongly. "Selector" can catch and draw DNA close to the robot, and take DNA to the center of the robot, even if there's little target DNA.<br>
<br>
<font size="5">O</font>n this project, our target is DNA. But we think our robot would catch not only DNA, but also various nano scale molecules like proteins.<br>
<br>
<font size="5">N</font>ow we are working on our robot's parts and body. After that, we will combine them and complete the robot.<br>
</p>
<!-- 目的




<h2>目的</h2>
<div id="line1"></div>
<div class="text">
<div id="line2"></div>
<p> ナノスケールの世界において分子を捕獲するためにはそのための機構を様々な方法で作らなくてはならず、非常に困難である。<br>
 
そこで私たちは、DNAの自発的に多様な構造体を形成する性質を用いて、少しの設計変更で様々な分子を捕獲できる分子ロボットを製作する。<br>
<div id="line-title">
<font id="head">Abstract</font>
</div>
<div id="line2-5"></div>
<div id="line3"></div>
 
<div id="line4"></div>
<div id="line5"></div>
<div id="line6"></div>
 
<div id="yohaku"></div>
<div id="kiji-line1"></div>
<div id="kiji">
We're making a molecular robot that can capture an object DNA and put it inside the robot.<br>
Our robot has the function we named "Selector".<br>
<br>
<br>
 第一目標として、比較的捕獲が簡単と思われるRNAをターゲットとした。RNAはアルツハイマーの原因となる異常配列RNAに決定した。<br>
"Selector" is single-stranded DNA which has complementary sequences to the "Target DNA" here and there, and consecutive adenine sequences in other portion. We have three "Selectors", and the inner "Selector" attaches to the target more strongly. When "Selector 1" catches the "Target DNA", the left sequences (which are not complementary and do not attach to the object) make loops. Then the structure shrinks and becomes shorter.<br>
<br>
<br>
 私たちのロボットの構造は筒状のDNAorigami本体にターゲットを捕まえるループと、ターゲットを奥まで運ぶトーナメントの2種類のDNAを内側に付加したものである。<br>
Thanks to "Selector 1", the robot can select and draw the target DNA close to the robot. Next, "Selector 2" receives the target DNA from "Selector 1". And "Selector 3" receives the target from "Selector 2". Thanks to "Selector 2" and "Selector 3", the robot can deliver only the object inside certainly.<br>
ループはターゲットのRNAとハイブリダイゼーション(?) すると、相補にならなかった部分がループ構造をいくつも作ることで全体の長さが縮み、RNAを内部へ引きいれる。<br>
トーナメントは複数のstapleからなり、奥に行くほどRNAと相補になる配列が増えて安定性が増すようになっている。この安定性の差を利用してRNAを奥へと運ぶとともに、捕獲したRNAの配列を確認していくことが出来る。<br>
 さらにロボット内部の奥にはRNAseというRNA分解酵素を付加し、異常配列のRNAを破壊する。<br>
<br>
<br>
 現在はRNAを捕獲する機構を完成させることを第一段階の目標としており、最終的にはRNAを含む様々な物質を捕獲し、ロボット内部で処理を施せる機構を持たせる。<br>
Then, we will explain the body structure containing these functions.<br>
</p>
We design the robot like a tube of hexagonal base. In case it is too difficult to form and observe, we also design a triangle prism body. As for the latter shape, we made the same kind of structure last year. We've acquired some know-how of it.<br>
 
<br>
-->
We think the robot should have a lid so that nothing would come in from the back. So we arrange "Selectors" symmetrically. <br>
<!--
<p></p>
<h3></h3>
<ul>
  <li></li>
  <li></li>
</ul>
-->
<ul class="modori">
  <li><a href="#PAGETOP">TOP</a></li>
</ul>


</div>
</div>
<hr>


<hr>
<div id="yohaku"></div>


<div id="line1"></div>
<div id="line2"></div>
<div id="line-title">
<font id="head">Sample</font>
</div>
<div id="line2-5"></div>
<div id="line3"></div>


<hr>
<div id="line4"></div>
<div id="line5"></div>
<div id="line6"></div>


<div id="yohaku"></div>
<div id="kiji-line1"></div>
<div id="kiji">
Yeah!
</div>
</div>




<!--================-->
<!-- ここまで大枠 -->
<!--  フッター  -->
<!--================-->
<div id="FOOTER">
<h2>連絡先</h2>
<ul>
<li id="FOOTER01"><a href="#PAGETOP">TOP</a></li>
<li id="FOOTER02"><address><a href="biomod.teamsendai.2012@gmail.com">mail</a></address></li>
<li id="FOOTER03"><address><a href="http://css.poromeria.com/">CSS Designplate</a></address></li>
</ul>
</div>
</div>
</div>
<a href=""></a>
</body>
</body>
</html>
</html>

Revision as of 04:03, 6 September 2012

<html><head> </head> <style type="text/css"> /* 一番外側のboxのかこいです。幅1000px、高さ2000px */

  1. wrapper{

width:1000px; /*height:2000px;*/ }



/* タイトルのboxです。内側は上に10px、左側30px*/ div#head-1{ color:#008000; font-size:30px; width:970px; height:40px; padding:10px 0px 0px 30px; }

/* タイトル下の太めアンダーライン 枠が3px X 2で6pxずらしてる  */

  1. head-under{

height:7px; width:994px; border-style:solid; border-width:3px; border-color:#98FB98; background-color:#008000; }


/* メニューの外枠 */ div#menu{ width:1000px; height:40px; text-align:center; padding:8px 0px; font-size:22px; }

/* リンクボタン左端 線なしなので200px */ div#HOME{ width:200px; height:30px; float:left; }

/* リンクボタン線あり 線の幅2pxと中の枠198px */ div#bottun{ width:198px; height:30px; border-style:solid; border-width:0px 0px 0px 2px; float:left; }

/* リンクボタン */ a:link{ color:black; }

/* リンクボタン 押したことのあるやつの色 */ a:visited{ color:#777; }

/* カーソル置いた時の変化 背景が変わる */ a:hover div{ background-color:#eee; }


/* ヘッドの下の細い線 */

  1. under-line{

clear:left; width:1000px; height:4px; background-color:green; margin:6px 0px; }


/*ここまでヘッドのスタイルシート*/


/* タイトルの配置 */

  1. line-title{

width:912px; height:30px; float:left; margin:10px 0px 0px 30px; }


/* タイトル文字 */ font#head{ valign:bottom; font-size:27px; color:#8B4513; }


/* 左上の白いBOX */

  1. line1

{ background-color:white; float:left; width:28px; height:40px; }


/*左真ん中の色つき横側線*/

  1. line2{

background-color:#FF4500; width:20px; height:40px; float:left; }

/* 真ん中左の空白 */

  1. line2-5{

clear:left; float:left; width:20px; height:6px; background-color:white; }

/* 真ん中の細長線*/

  1. line3{

height:6px; background-color:#FF4500; width:950px; float:left; }

/* 下側左の空白 */

  1. line4{

background-color:white; width:28px; height:5px; float:left; clear:left; }


/*下真ん中の色つき縦線 */

  1. line5{

background-color:#FF4500; width:20px; height:5px; float:left; }

/* した右側の空白 */

  1. line6{

background-color:white; width:932px; height:5px; float:left; }

/* タイトル下空白 */

  1. yohaku{

width:1000px; clear:left; height:7px; }


/* 記事左側余白 */

  1. kiji-line1{

width:36px; background-color:white; float:left; clear:left; height:2px; }


/* 記事左側色つき線 */

  1. kiji-line2{

width:3px; float:left; height:500px; background-color:#8B4513; }


/* 記事内容 幅931px+マージン15px×2+3px+36px = 1000px */

  1. kiji{

width:931px; /*height:500px;*/ float:left; background-color:white; padding:15px; border-style:solid; border-width:0px 0px 3px 3px; border-color:#8B4513; }




</style> <body> <div id="wrapper"> <!-- ここから大枠 -->

<div id="head-1"> BIOMOD2012 Tohoku Team B </div>

<div id="head-under"></div>


<!-- メニューバーの囲い --> <div id="menu">


<a href=""><div id="HOME"> HOME </div></a> <a href=""><div id="bottun"> Project </div></a> <a href=""><div id="bottun"> Design </div></a> <a href=""><div id="bottun"> Diary </div></a> <a href=""><div id="bottun"> Link </div></a> <br>

<div id="under-line"> </div>


</div>



<div id="line1"></div> <div id="line2"></div>

<div id="line-title"> <font id="head">Abstract</font> </div> <div id="line2-5"></div> <div id="line3"></div>

<div id="line4"></div> <div id="line5"></div> <div id="line6"></div>

<div id="yohaku"></div> <div id="kiji-line1"></div> <div id="kiji"> We're making a molecular robot that can capture an object DNA and put it inside the robot.<br> Our robot has the function we named "Selector".<br> <br> "Selector" is single-stranded DNA which has complementary sequences to the "Target DNA" here and there, and consecutive adenine sequences in other portion. We have three "Selectors", and the inner "Selector" attaches to the target more strongly. When "Selector 1" catches the "Target DNA", the left sequences (which are not complementary and do not attach to the object) make loops. Then the structure shrinks and becomes shorter.<br> <br> Thanks to "Selector 1", the robot can select and draw the target DNA close to the robot. Next, "Selector 2" receives the target DNA from "Selector 1". And "Selector 3" receives the target from "Selector 2". Thanks to "Selector 2" and "Selector 3", the robot can deliver only the object inside certainly.<br> <br> Then, we will explain the body structure containing these functions.<br> We design the robot like a tube of hexagonal base. In case it is too difficult to form and observe, we also design a triangle prism body. As for the latter shape, we made the same kind of structure last year. We've acquired some know-how of it.<br> <br> We think the robot should have a lid so that nothing would come in from the back. So we arrange "Selectors" symmetrically. <br>

</div>

<div id="yohaku"></div>

<div id="line1"></div> <div id="line2"></div> <div id="line-title"> <font id="head">Sample</font> </div> <div id="line2-5"></div> <div id="line3"></div>

<div id="line4"></div> <div id="line5"></div> <div id="line6"></div>

<div id="yohaku"></div> <div id="kiji-line1"></div> <div id="kiji"> Yeah! </div>


<!-- ここまで大枠 --> </div> </body> </html>