Biomod/2014/Hokudai/PROJECT

@charset "Shift_JIS";

/* --- タイプ1 デザイン2 --- */

/* --- 全体の背景・テキスト --- */ body { margin: 0; padding: 0; background: #1C6ECD url(../image/pageback_gray_gradation.gif) repeat-x top; /* 全体の背景（グラデーション） */ color: #000000; /* 全体の文字色 */ font-size: 80%; /* 全体の文字サイズ */ }

/* --- ここから原文通り --- */ p.example1 { font: 230% Times New Roman; } p.example2 { text-align: center; } p.example3 { word-spacing: 1em; } p.example4 { line-height: 6em; } p.example5 { text-decoration: underline overline; } p.example6 { font: 130% Times New Roman; } p.example7 { font: 150% Times New Roman; } p.example11 { font: 160% Times New Roman; } p.example12 { text-align: left;} p.example111 { font: 180% Times New Roman; } p.example13 { Times New Roman }

div.example1 { width: 1000px; height: 500px; background-color: #ffffff; float: center; }

div.example2 { width: 1000px; height: 200px; background-color: #ffffff; margin: 0px 0px 0px 0px; float: left; }

div.example3 { width: 200px; height: 150px; background-color: #ffffff; float: center; }

div.example4 { width: 250px; height: 250px; background-color: #ffffff; float: center; }

div.example5 { width: 1000px; height: 350px; background-color: #ffffff; float: center; }

div.example6 { width: 1000px; height: 400px; background-color: #ffffff; float: center; }

div.example7 { width: 1000px; height: 950px; background-color: #ffffff; float: center; }

div.example8 { width: 966px; height: 60px; background-color: #ffffff; float: center; }

div.example8 { width: 600px; height: 300px; background-color: #ffffff; float: center; }

.clearLeft { clear: left; }

a1:hover {opacity:0;}

/* ulリセット */ .menu-, .menu-list {

 list-style: none;
 padding-left: 0;
 margin: 0;

} /* メニューを横並びに */ .menu-case {

 float: left;

} .menu-:after {

 content: "";
 clear: both;
 display: block;

} /* 子メニュー分の高さを除く */ .menu-list {

 position: absolute;
 opacity: 0;
 z-index: -1;
 width: 10em;

} /* 子メニューを表示 */ .menu-name:hover + .menu-list, .menu-list:hover {

 opacity: 1;
 z-index: 1;

} /* ホバー時、メニュー名の色変更 */ .menu-case:hover .menu-name {

 color: #507ea4;

}

/* --- ここまで --- */

/* --- ヘッダとフッタのリンクテキスト --- */ a:link { color: #blue; } a:visited { color: #red; } a:hover { color: #black; } a:active { color: #black; }

/* --- コンテンツ内のリンクテキスト --- */

content a:link { color: #red; }
content a:visited { color: #red; }
content a:hover { color: #black; }
content a:active { color: #black; }

/* --- コンテナ --- */

container {

width: 1000px; /* コンテナの幅 */ margin: 0 auto; /* センタリング */ background: url(../image/pageback_880_gray.gif) no-repeat center top; /* コンテナの背景（両サイドの影） */ }

/* --- ページ --- */

page {

width: 1000px; /* ページの幅 */ margin: 0 auto; /* センタリング */ background-color: #ffffff; /* ページの背景色 */ border-left: 1px #505050 solid; /* ページの左境界線 */ border-right: 1px #505050 solid; /* ページの右境界線 */ }

/* --- ▼ヘッダ内の設定開始 --- */

/* --- ヘッダ --- */

header {

position: relative; /* 相対配置（ガイドメニューのために設定） */ width: 100%; /* IE 6のために幅の指定が必要 */ margin-bottom: 12px; /* ヘッダの下マージン */ padding: 15px 0 8px; /* ヘッダのパディング（上、左右、下） */ background-color: #ffffff; /* ヘッダの背景色 */ border-bottom: 1px #4b4b4b solid; /* ヘッダの下境界線 */ }

/* --- サイトタイトル --- */

header h1.siteTitle,
header p.siteTitle {

margin: 0 19px 7px; /* サイトタイトルのマージン（上、左右、下） */ font-size: 200%; /* サイトタイトルの文字サイズ */ color: #eee8aa; /* サイトタイトルの文字色 */ } /* サイトタイトルの画像 */

header h1.siteTitle img,
header p.siteTitle img {

border: none; }

/* --- キャッチフレーズ --- */

header p.catch {

margin: 0 22px 10px; /* キャッチフレーズのマージン（上、左右、下） */ color: #808080; /* キャッチフレーズの文字色 */ }

header p.catch strong {

font-weight: normal; /* 文字の太さ（ノーマル） */ }

/* --- ガイドメニュー --- */

header ul.guide {

position: absolute; /* 絶対配置 */ top: 30px; /* 上からの距離 */ right: 20px; /* 右からの距離 */ margin: 0; padding: 0; list-style-type: none; } /* メニュー項目 */

header ul.guide li {

display: inline; padding: 0 4px 0 8px; /* 項目のパディング（上右下左） */ background: url(../image/menu_line_gray.gif) no-repeat left; /* 項目の背景（区切り線） */ } /* 最初の項目 */

header ul.guide li.first {

background: none; /* 区切り線なし */ }

/* --- オープニングエリア（トップページ） --- */

header div.opening {

width: 1000px; margin: 0 auto 2px; /* オープニングエリアのマージン（上、左右、下） */ } /* オープニングエリア内の見出し */

header div.opening h2 {

margin: 0; }

/* --- ヘッダメニュー --- */

header ul.nl {

width: 1000px; /* ヘッダメニューの幅 */ margin: 0 auto; /* センタリング */ padding: 0; background: #ffffff url(../image/hor_menu5_off.gif) repeat-x top; /* ヘッダメニューの背景 */ border: #aca36a solid; /* ヘッダメニューの境界線（色、スタイル） */ border-width: 2px 3px; /* ヘッダメニューの境界線の太さ（上下、左右） */ list-style-type: none; text-align: center; } /* メニュー項目 */

header ul.nl li {

width: 139px; /* 項目の幅 */ float: left; line-height: 100%; } /* リンクエリア */

header ul.nl li a {

display: block; position: relative; /* IE6用 */ padding: 13px 2px 5px; /* リンクエリアのパディング（上、左右、下） */ border: 1px solid; /* リンクエリアの境界線（太さ、スタイル） */ border-color: #e4d6b8 #8b7e63 #8b7e63 #e4d6b8; /* リンクエリアの境界線色（上右下左） */ text-decoration: none; /* テキストの下線（なし） */ font-weight: bold; /* 文字の太さ（太字） */ color: #ffffff; /* 文字色 */ } /* 英字部分 */

header ul.nl li a span.en {

display: block; margin-top: 2px; /* 英字部分の上マージン */ font-size: 85%; /* 英字の文字サイズ */ font-weight: normal; /* 文字の太さ（ノーマル） */ color: #eee8aa; /* 英字の文字色 */ } /* ポイント時とアクティブ時の設定 */

header ul.nl li a:hover,
header ul.nl li.active a {

background: #b6a57f url(../image/hor_menu5_on.gif) repeat-x top; /* ポイント時（アクティブ時）の背景 */ color: #f4efc4; /* ポイント時（アクティブ時）の文字色 */ }

header ul.nl li a:hover span.en,
header ul.nl li.active span.en {

color: #fde337; /* ポイント時（アクティブ時）の英字の文字色 */ }

/* --- ▼コンテンツ内の設定開始 --- */

/* --- コンテンツ --- */

content {

width: 1000px; /* コンテンツの幅 */ margin: 0 auto; /* センタリング */ padding-top: 20px; /* コンテンツの上パディング */ background: #ffffff url(../image/content_top_gray.gif) no-repeat top; /* コンテンツの背景 */ }

/* --- ▼メインカラム内の設定開始 --- */

/* --- メインカラム --- */

main {

float: right; width: 1000px; /* メインカラムの幅 */ }

/* --- ページタイトル（下層ページ） --- */ /* 見出しエリア */

main div.pageTitle {

margin: 0 20px 15px; /* 見出しエリアのマージン（上、左右、下） */ padding: 23px 15px; /* 見出しエリアのパディング（上下、左右） */ background: #f0e8c7 url(../image/heading_back4.gif) repeat-x top; /* 見出しエリアの背景 */ } /* 見出し */

main div.pageTitle h1 {

margin: 0; font-size: 160%; /* 見出しの文字サイズ */ line-height: 100%; }

/* --- セクション（共通設定） --- */

main div.section {

margin: 0 20px 3em; /* セクションのマージン（上、左右、下） */ }

/* --- 標準セクション --- */ /* 見出しエリア */

main div.normal div.heading {

margin-bottom: 1.2em; /* 見出しエリアの下マージン */ padding: 4px 2px; /* 見出しエリアのパディング（上下、左右） */ border-bottom: 1px #999999 solid; /* 見出しエリアの下境界線 */ } /* 見出し */

main div.normal div.heading h2 {

margin: 0; padding: 2px 0 1px 5px; /* 見出しのパディング（上右下左） */ border-left: 5px #b6a57f solid; /* 見出しの左境界線 */ font-size: 130%; /* 見出しの文字サイズ */ line-height: 100%; } /* 段落 */

main div.normal p {

margin: 0 5px 1em; /* 段落のマージン（上、左右、下） */ line-height: 160%; /* 行の高さ */ }

/* --- 強調セクション --- */

main div.emphasis {

padding: 1.1em 15px 0; /* セクションのパディング（上、左右、下） */ background-color: #ffffff; /* セクションの背景色 */ border: 1px #d8c89d solid; /* セクションの境界線 */ }

/* 見出し */

main div.emphasis h2 {

margin: 0 0 0.8em; /* 見出しのマージン（上、左右、下） */ font-size: 130%; /* 見出しの文字サイズ */ color: #dc3900; /* 見出しの文字色 */ }

/* 段落 */

main div.emphasis p {

margin: 0 0 1em; /* 段落のマージン（上、左右、下） */ color: #2b2b2b; /* 段落の文字色 */ line-height: 150%; /* 行の高さ */ }

/* --- 新着情報（トップページ） --- */

main div.update dl {

width: 580px; /* 新着情報の幅（メインカラムの幅から50px引いた値） */ margin: 0 auto; /* センタリング */ } /* 日付エリア */

main div.update dt {

width: 6.7em; /* 日付エリアの幅 */ float: left; padding: 7px 0 6px 3px; /* 日付エリアのパディング（上右下左） */ line-height: 120%; /* 行の高さ */ } /* 本文エリア */

main div.update dd {

margin: 0; padding: 7px 3px 6px 6.6em; /* 本文エリアのパディング（上右下左） */ border-bottom: 1px #ffffff dotted; /* 本文エリア下境界線 */ line-height: 120%; /* 行の高さ */ }

/* --- ▲メインカラム内の設定終了 --- */

/* --- ▼サイドバー内の設定開始 --- */

/* --- サイドバー --- */

nav {

float: right; width: 200px; /* サイドバーの幅 */ padding-left: 10px; /* サイドバーの左パディング */ }

/* --- セクション（共通設定） --- */

nav div.section {

padding-bottom: 5px; /* セクションの下パディング */ background-color: #f6f0d4; /* セクションの背景色 */ } /* 見出しエリア */

nav div.heading {

margin: 0 0 0.7em; /* 見出しエリアのマージン（上、左右、下） */ padding: 5px; /* 見出しエリアのパディング */ background: #3f3f3f url(../image/heading_back_gray3.gif) repeat-x top; /* 見出しエリアの背景 */ border: 1px #666666 solid; /* 見出しエリアの境界線 */ } /* 見出し */

nav div.section h2 {

margin: 0; padding: 2px 0 2px 7px; /* 見出しのパディング（上右下左） */ border-left: 4px solid; /* 見出しの左境界線（太さ、スタイル） */ font-size: 100%; /* 見出しの文字サイズ */ color: #f9f9f9; /* 見出しの文字色 */ line-height: 100%; } /* 段落 */

nav div.section p {

margin: 0 5px 0.7em; /* 段落のマージン（上、左右、下） */ line-height: 130%; /* 行の高さ */ }

/* --- 標準セクション（グレー） --- */ /* 見出し */

nav div.normal h2 {

border-left-color: #c0c0c0; /* 左境界線の色 */ }

/* --- 強調セクション1（水色） --- */ /* 見出し */

nav div.emphasis h2 {

border-left-color: #add8e6; /* 左境界線の色 */ }

/* --- 強調セクション2（黄色） --- */ /* 見出し */

nav div.strong h2 {

border-left-color: #fde337; /* 左境界線の色 */ }

/* --- サブメニュー --- */ /* 見出しエリア */

nav div.subMenu div.heading {

margin: 0; /* 見出しエリアのマージン（上書き） */ } /* 見出し */

nav div.subMenu h2 {

border-left-color: #add8e6; /* 左境界線の色 */ } /* メニューエリア */

nav div.subMenu ul.nl {

margin: 1px 0 0; /* メニューエリアのマージン（上、左右、下） */ padding: 0; border: 1px #666666 solid; /* メニューエリアの境界線 */ list-style-type: none; } /* メニュー項目 */

nav div.subMenu ul.nl li {

border-top: 1px #808080 solid; /* 項目の上境界線 */ border-bottom: 1px #404040 solid; /* 項目の下境界線 */ } /* リンクエリア */

nav div.subMenu ul.nl li a {

display: block; position: relative; /* IE6用 */ padding: 14px 10px; /* リンクエリアのパディング（上下、左右） */ background: #3f3f3f url(../image/ver_menu4_off.gif) repeat-x top; /* リンクエリアの背景 */ color: #e0e0e0; /* 文字色 */ text-decoration: none; /* テキストの下線（なし） */ } /* ポイント時の設定 */

nav div.subMenu ul.nl li a:hover {

background: #505050 url(../image/ver_menu4_on.gif) repeat-x top; /* ポイント時の背景 */ text-decoration: underline; /* テキストの下線（あり） */ }

/* --- お問い合わせ --- */

nav div.contact {

padding-bottom: 0.3em; /* セクションの下パディング */ } /* 段落 */

nav div.contact p {

margin-bottom: 0.4em; /* 段落の下マージン（上書き） */ }

/* リンクエリア */

nav div.contact p.form a {

display: block; position: relative; /* IE6用 */ padding: 12px 2px; /* リンクエリアのパディング（上下、左右） */ background: #3f99b3 url(../image/form_back1_off.gif) repeat-x top; /* リンクエリアの背景 */ font-size: 110%; /* リンクエリアの文字サイズ */ font-weight: bold; /* 文字の太さ（太字） */ color: #ffffff; /* リンクエリアの文字色 */ text-decoration: none; /* テキストの下線（なし） */ } /* ポイント時の設定 */

nav div.contact p.form a:hover {

background: #54b3cf url(../image/form_back1_on.gif) repeat-x top; /* ポイント時の背景 */ }

/* --- ▲サイドバー内の設定終了 --- */

/* --- 罫線 --- */

content hr.clear {

clear: right; /* 右フロートのクリア */ width: 100%; margin: 0; visibility: hidden; /* 非表示 */ }

/* --- ▲コンテンツ内の設定終了 --- */

/* --- ▼その他の設定開始 --- */

/* --- clearfix --- */ .clearFix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearFix { min-height: 1px; }

/* --- ▲その他の設定終了 --- */

column-one { display:none; width:0px;}
footer { display:none; width:0px;}

.firstHeading { display:none; width:0px;}

contentSub { display:none; width:0px;}

.container{background-color: #ffffff; margin-top:0px} .OWWNBcpCurrentDateFilled {display: none;}

menu{

 list-style-type: none;
 width: 966px;
 height: 60px;
 margin: 30px;
 padding: 0;
 background:  #ffffff;
 border-bottom: 5px solid #dc4e4e;
 border-radius: 5px 5px 5 5;
 color: #dc4e4e ;

}

menu li{

 position: relative;
 width: 161px;
 float: left;
 margin: 0;
 padding: 0;
 text-align: center;

}

menu li a{

 display: block;
 margin: 0;
 padding: 15px 0 11px;
 color: #dc4e4e;
 font-size: 100%;
 font-weight: bold;
 line-height: 1;
 text-decoration: none;

}

menu li:hover > a{

 background: #ffffff;
 color: #dc4e4e;

}

menu > li:hover > a{

 border-radius: 3px 3px 3px 3px;

}

menu li ul{

 list-style: none;
 position: absolute;
 top: 100%;
 left: 0;
 margin: 0;
 padding: 0;
 border-radius: 0 0 0 0;

}

menu li:last-child ul{

 left: -100%;
 width: 100%

}

menu li ul li{

 overflow: hidden;
 width: 200%;
 height: 0;
 color: #dc4e4e;
 -moz-transition: .2s;
 -webkit-transition: .2s;
 -o-transition: .2s;
 -ms-transition: .2s;
 transition: .2s;

}

menu li ul li a{

 padding: 13px 15px;
 background: #ffffff;
 text-align: left;
 font-size: 12px;
 font-weight: normal;

}

menu li:hover ul li{

 overflow: visible;
 height: 38px;
 border-top: 1px solid #ffffff;
 border-bottom: 1px solid #ffffff;

}

menu li:hover ul li:first-child{

 border-top: 0;

}

menu li:hover ul li:last-child{

 border-bottom: 0;

}

menu li:hover ul li:last-child a{

 border-radius: 0 0 0 0;

}

<!-- BODY {

 scrollbar-base-color:       #FF7F50;
 scrollbar-face-color:       #FF7F50; 
 scrollbar-arrow-color:      #FF7F50;
 scrollbar-track-color:      #1E90FF;
 scrollbar-3dlight-color:    #342659;
 scrollbar-highlight-color:  #FF7F50;
 scrollbar-shadow-color:     #FF7F50;
 scrollbar-darkshadow-color: #FF7F50; }

-->

</style>

</style> </head> </html>

<head>

<meta charset="UTF-8">
<title>team hokudai</title>

</head>

<body>

<br>

      <li><a href="http://openwetware.org/wiki/Biomod/2014/Hokudai/PROJECT" href="#">PROJECT</a>  
      <ul>  
      <li>

<a href="http://openwetware.org/wiki/Biomod/2014/Hokudai/PROJECT#SAKAI">Introduction</a></li>

      <li><a href="http://openwetware.org/wiki/Biomod/2014/Hokudai/PROJECT#HIROKI" href="#">Term</a></li>

      </ul>  
      </li>

     <li><a href="http://openwetware.org/wiki/Biomod/2014/Hokudai/DESIGN" href="#">DESIGN</a>  
    <ul>  
      <li><a href="http://openwetware.org/wiki/Biomod/2014/Hokudai/DESIGN#IDAN" href="#">DESIGN1</a></li>  
      <li><a href="http://openwetware.org/wiki/Biomod/2014/Hokudai/DESIGN#YAMATAKA" href="#">DESIGN2</a></li> 
      </ul> 
      </li>  

     <li><a href="http://openwetware.org/wiki/Biomod/2014/Hokudai/EXPERIMENTS&RESULTS" href="#"> EXPERIMENTS 
                     <br>&RESULTS</a>
    <ul>  
      <li><a href="http://openwetware.org/wiki/Biomod/2014/Hokudai/EXPERIMENTS&RESULTS#SAKUMA" href="#">Creation of temperature gradient</a></li>

<li><a href="http://openwetware.org/wiki/Biomod/2014/Hokudai/EXPERIMENTS&RESULTS#YAMADA" href="#">Creation of well-oriented microtubules</a></li>

      <li><a href="http://openwetware.org/wiki/Biomod/2014/Hokudai/EXPERIMENTS&RESULTS#SHINJI" href="#">Contraction of well-oriented microtubules</a></li>  
<li><a href="http://openwetware.org/wiki/Biomod/2014/Hokudai/EXPERIMENTS&RESULTS#SHIRAKAWA" href="#">Discussion</a></li> 
      </ul>  
       </li>

    <li><a href="http://openwetware.org/wiki/Biomod/2014/Hokudai/FUTURE" href="#"> FUTURE</a>  
    <ul>  
     <li><a href="http://openwetware.org/wiki/Biomod/2014/Hokudai/FUTURE"FUKUSHIMA" href="#">Synchronization the dynamics</a></li>  
     <li><a href="http://openwetware.org/wiki/Biomod/2014/Hokudai/FUTURE#TOMOKI" href="#">The Far Future</a></li>  
     </ul>  
     </li>

    <li><a href="http://openwetware.org/wiki/Biomod/2014/Hokudai/TEAM#HOKUDAI" href="#"> TEAM</a> 
      </li>  
     <li><a href="http://openwetware.org/wiki/Biomod/2014/Hokudai/SPONSORS#SAKURA" href="#">  SPONSORS</a>    
      </li>

</ul>

</div>

<br>

<p class="example1"> <a2 id="SAKAI"name="SAKAI"> Introduction </a2> </p>

<p class="example6">   Biomolecular motor systems such as actin/myosin and microtubules/kinesin systems are smallest natural machine that convert chemical energy of ATP into mechanical work. They perform various functions in vivo such as cell motility, cytokinesis, cellular transport etc. Although biomolecular motors are able to work alone, their performance is amplified many times when they work together. For example, integrated function of motor proteins is strikingly demonstrated in muscles where biomolecular motors generate power for the contraction of muscles. Sarcomeres, smallest contractile units of muscles, are highly oriented structure primarily composed of actin filaments and myosin filaments (multimeric myosin). Shortening all the sarcomere which is caused by sliding motion between actin filaments and myosin filaments provides rapid contraction of the entire muscle. If we can reproduce such highly organized structure of biomolecular motors in vitro, it will provide muscle like micro soft actuator (artificial muscle). <br>   So far it has reported a successful technique to produce high oriented microtubules with preferential polarity under a temperature gradient (1). They also demonstrated particular unidirectional movement of kinesin on microtubule. However it is still challenging to apply the in vitro biomolecular motor systems for designing artificial muscle.</p>

<p><a class="image" title="team hokudai"><img alt="team hokudai" src="https://upload.wikimedia.org/wikipedia/commons/f/f5/%E7%AD%8B%E8%82%89%E8%8B%B1%E8%AA%9E%E7%89%88.png" width="450" height="450" border="0" /></a> <a class="image" title="team hokudai"><img alt="team hokudai" src="https://upload.wikimedia.org/wikipedia/commons/8/86/%E7%B8%AE%E3%82%80%E3%82%B5%E3%83%AB%E3%82%B3%E3%83%A1%E3%82%A2.gif" width="400" height="300" border="0" /></a></p> <p class="example6">(Figure1:Structure of muscle(left),contraction of sarcomeres(right))</p>

</div> <br><br> <p class="example1 clearLeft"> <a2 id="HIROKI"name="HIROKI">Term </a2></p> <p class="example111">Microtubule</p> <p class="example6">   Microtubules are filamentous and cylindrical biopolymers of the heterodimer of tubulin. They are present in virtually all eukaryotic cells as a major component of an interconnected network of filaments known as the cytoskeleton. They perform various functions not only in cell motility, cell division, organization and orientation but also in transporting organelles as rail for motor proteins.

<p class="example111">Kinesin</p> <p class="example6">   Kinesin is a motor protein found in eukaryotic cells. It moves along microtubule filaments fueled by the hydrolysis of ATP. It helps transport cellular cargoes and support several cellular functions including mitosis, meiosis and cytokinesis.</p>

<p class="example111">Sarcomere</p> <p class="example6">   Sarcomere is the contractile unit of muscle. It is comprised of actin filaments and bipolar myosin filaments (multimeric myosins) which are organized into high oriented structure. Sliding motion between actin filaments and myosin filaments causes shortening all the sarcomere and subsequently the entire muscle. </p>

<br><br> <p class="example1 clearLeft"> <a2 id="CHIHIRO"name="CHIHIRO">Goal</a2> </p> <p class="example6">   In this project we design sarcomere-like structure of muscle using the well-oriented microtubules with preferential polarity under the temperature gradient using photo irradiation. This work will accelerate the development towards the biomolecular motor system based molecular robotics.</br> <br>(1) Kakugo, A.; Tamura, Y.; Shikinaka, K.; Yoshida, M.; Kawamura, R.; Furukawa, H.; Osada, Y.; Gong, J.P. J. Am. Chem. Soc. 2009, 131, 18089-18095.</br>

</body>

</html>

Biomod/2014/Hokudai/PROJECT

Navigation menu

Page actions

Page actions

Personal tools

Navigation

Search

research

Tools