Biomod/2013/Titech: Difference between revisions

From OpenWetWare
Jump to navigationJump to search
No edit summary
No edit summary
 
(110 intermediate revisions by the same user not shown)
Line 1: Line 1:
<html>
<html>
<head>
<head>
<style type="text/css">
<title>project</title>
/* ====================
  主に全体に関わるCSS
   ==================== */
        h1.firstHeading{display:none;}
body.mediawiki {
                        font-size: 14px;
background-color:#ff3399;
background-repeat: repeat;
font-family: Calibri, Verdana, helvetica, sans-serif;}


                h1 {
<script type="text/javascript" src="https://www.googledrive.com/host/0B0ANtpY23Qi_TnVGLW5QX3ByQlk/"></script>
                        padding: 0px 20px 5px 20px;
 
                     
 
                        line-height: 40px;
<script type="text/javascript" src='https://www.googledrive.com/host/0B0ANtpY23Qi_dUFpdThhakhOOWs/'/></script>
                        font-weight: bold;
 
                        font-size:65px;
<link href='https://www.googledrive.com/host/0B0ANtpY23Qi_VVBIbHpPNHVUNlk/' rel='stylesheet' type='text/css'/>
                        font-family:David Bold,Times;
<link href='https://www.googledrive.com/host/0B0ANtpY23Qi_bTF1dEREbkI' rel='stylesheet' type='text/css'/>
                        text-align:center;
 
                    }
<script type='text/javascript'>
                h2 {
 
                        padding: 20px 20px 5px 20px;
  $(document).ready(function(){
                       
      $('.slider').bxSlider({
                        color: #000000;
      mode:'fade',
                        text-decoration: none;
      auto:true,
                       
      infiniteLoop:true,
                        font-size:50px;
      pager:true,
                        font-family:Times,Constantia Bold,Andale Mono,Calibri Bold;
      controls:true,
      speed:2000,
      pause:2000,
      });
    });
 
 
 
</script>
<style type='text/css'>
h1.firstHeading{display:none;}
#jump-to-nav{display:none;}
#siteSub{display:none;}
#contentSub{display:none;}
#column-one { display:none; width:0px;}
#haikei{
          width:900px;
  margin-right:200px;
  margin-left:300px;
                  margin-top:-290px;
  background-color:#ffffff;
                  box-shadow:#000000 2px 2px, gray 5px 5px 5px 5px ;}
 
#globalWrapper{background-color:green;
                        display:none;
                        }
#column-content{background-color:yellow;
display:none;}
 
#bodyContent{display:none;}
 
body{
  background-color:#ffffff;
  font-size:18px;
  font-family:arial;
text-decoration:none;
}
 
h1{text-align:left;}
 
#haikei p span {
font-weight: bold;
}
#column-one { display:none; width:0px;}
 
.OWWNBcpCurrentDateFilled {display: none;}
 
#footer{margin-left:300px;; width:900px}
 
.bxslider{
            height:350px;
            width:600px;
            margin-right:100px;
    margin-left:100px;
            margin-top:50px;
           
               }
               }
         
#menubar{
                }
                postion:absolute;
                h3 {
                display:block;
                       
                }
                }
#menubar > li{
table tr td{
                      position:relative;
            height:40px;
              float:left;
            width:120px;
                      width: 136px;
            background-color:#9b9596;
                      list-style: none;}
            font-size:25px;
 
            color:#000000;
 
            text-align:center;
.bx-wrapper {
            font-family: Times,Constantia Bold,Andale Mono,Calibri Bold;
position: relative;
            margin-left:200px;
margin: 0 auto 60px;
            border:2px;
padding: 0;
            text-decoration:none;
*zoom: 1;
            padding:0px 10px;
}
 
.bx-wrapper img {
max-width: 100%;
display: block;
}
 
/** THEME
===================================*/
 
.bx-wrapper .bx-viewport {
-moz-box-shadow: 0 0 5px #ccc;
-webkit-box-shadow: 0 0 5px #ccc;
box-shadow: 0 0 5px #ccc;
border: solid #fff 5px;
left: -5px;
background: #fff;
}
 
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
position: absolute;
bottom: -30px;
width: 100%;
}
 
/* LOADER */
 
.bx-wrapper .bx-loading {
min-height: 50px;
background: url(images/bx_loader.gif) center center no-repeat #fff;
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2000;
}
 
/* PAGER */


           
.bx-wrapper .bx-pager {
text-align: center;
font-size: .85em;
font-family: Arial;
font-weight: bold;
color: #666;
padding-top: 20px;
}
}
table tr{
        background-color:#9b9596;
        }
table{
        background-color:#9b9596;
        margin-left:50px;
        }


             
.bx-wrapper .bx-pager .bx-pager-item,
p {
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
text-align: justify;
display: inline-block;
}
*zoom: 1;
.link{
*display: inline;
      text-decoration:none;
}
      }
tr td a:link,tr td a:visited{
                                      color:#000000;
                                      }
tr td a:hover,tr td a:active{
                                        color:#dddddd;
                                      }
#content{
margin: 0px 0 0px 0;
align: center;
padding: 12px 12px 12px 12px;
width: 946px;
background-image:;}
border: 0;
                        height:1000px;
}
#bodyContent{
width: 970px;
margin: 150px auto 0 auto;
align: center;
}
#globalWrapper{
margin: 20px 0 0 0;
width:994px;
margin-left: auto;
margin-right: auto
}


.bx-wrapper .bx-pager.bx-default-pager a {
background: #666;
text-indent: -9999px;
display: block;
width: 10px;
height: 10px;
margin: 0 5px;
outline: 0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}


/* ====================
.bx-wrapper .bx-pager.bx-default-pager a:hover,
  メニューの画像を変更できる部分
.bx-wrapper .bx-pager.bx-default-pager a.active {
  ==================== */
background: #000;
#header {
}
                        margin: 0 auto 0 auto;
                        position:absolute;
                        top:28px; width:968px;height:9px;
background-repeat: no-repeat;
                     
}
/* ====================
  以下、特殊なclassに適用される
  ==================== */
#navigation {
position:absolute;
                        top:120px; width:970px; height:92px;
                        background-repeat: no-repeat;
color: #000000;
}


/* ====================
/* DIRECTION CONTROLS (NEXT / PREV) */
  ここからプルダウン周辺のデザイン
  ==================== */


.bx-wrapper .bx-prev {
left: 10px;
background: url(images/controls.png) no-repeat 0 -32px;
}


.bx-wrapper .bx-next {
right: 10px;
background: url(images/controls.png) no-repeat -43px -32px;
}


#column-one { display:none; width:0px;}
.bx-wrapper .bx-prev:hover {
.container{background-color: #orange; margin-top:0px}
background-position: 0 0;
.OWWNBcpCurrentDateFilled {display: none;}
}
 
.bx-wrapper .bx-next:hover {
background-position: -43px 0;
}
 
.bx-wrapper .bx-controls-direction a {
position: absolute;
top: 50%;
margin-top: -16px;
outline: 0;
width: 32px;
height: 32px;
text-indent: -9999px;
z-index: 9999;
}
 
.bx-wrapper .bx-controls-direction a.disabled {
display: none;
}
 
/* AUTO CONTROLS (START / STOP) */
 
.bx-wrapper .bx-controls-auto {
text-align: center;
}
 
.bx-wrapper .bx-controls-auto .bx-start {
display: block;
text-indent: -9999px;
width: 10px;
height: 11px;
outline: 0;
background: url(images/controls.png) -86px -11px no-repeat;
margin: 0 3px;
}
 
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
background-position: -86px 0;
}
 
.bx-wrapper .bx-controls-auto .bx-stop {
display: block;
text-indent: -9999px;
width: 9px;
height: 11px;
outline: 0;
background: url(images/controls.png) -86px -44px no-repeat;
margin: 0 3px;
}
 
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
background-position: -86px -33px;
}
 
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
 
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
text-align: left;
width: 80%;
}
 
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
right: 0;
width: 35px;
}
 
/* IMAGE CAPTIONS */
 
.bx-wrapper .bx-caption {
position: absolute;
bottom: 0;
left: 0;
background: #666�9;
background: rgba(80, 80, 80, 0.75);
width: 100%;
}
 
.bx-wrapper .bx-caption span {
color: #fff;
font-family: Arial;
display: block;
font-size: .85em;
padding: 10px;
}
 
 
<!--メニューバーについて-->
 
 
 
.menu{
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
list-style-type:none;
display:block;
position:fixed;
}
a.menu:link{
color:#4e90ff;
}
a.menu:visited{
color:#4e90ff;
}


#footer{position: center; width: 994px}
a.menu:active{
@media screen {
color:#4e90ff;
    body { background: #F5F5F5 0 0 no-repeat; /* changed default background */ }
}
a.menu:hover{
font-size:24px;
text-shadow:#e77070 2px 2px;
}
#bar{
list-style-type: none
}
#bar li {
text-decoration:none;
}
.risuto{
font-size:24px;
}
.risuto2{
font-size:18px;
list-style-type: square;
}
}


/*=======================
<!--わずらわしいのおわり-->
 ここから個別ページのデザイン
 =======================*/


span#mw-headline{
       
        line-height: 40%;


        }




</style>
</style>
</head>
</head>
<BODY>
<body>
</div>
</div>
</div>
</div>
</div>


<br>
<p>&nbsp; </p>
<h1>Team Platanus Symphony</h1>
    <p>&nbsp; </p>
</ hr>
    <p>&nbsp; </p>
<div align="center">
    <p>&nbsp; </p>
<img src="http://upload.wikimedia.org/wikipedia/commons/0/06/%E9%87%91%E3%83%8A%E3%83%8E%E7%B2%92%E5%AD%90.png" width="700" height="250" >
<p>&nbsp; </p>
    <p>&nbsp; </p>
    <p>&nbsp; </p>
    <p>&nbsp; </p>
 
 
 
 
 
 
<div style="position:fixed;"float="left">
<ul id="bar">
<li class="risuto"><a href = "http://openwetware.org/wiki/Biomod/2013/Titech" class = "menu">Home</a></li>
<li class="risuto"><a href = "http://openwetware.org/wiki/Biomod/2013/Titech/project" class = "menu">Project</a></li>
<li class="risuto"><a href = "http://openwetware.org/wiki/Biomod/2013/Titech/design" class = "menu">Design</a></li>
<li class="risuto"><span style="color:#4e90ff; font-family:Arial, Helvetica, sans-serif">Methods&amp;Results</span>
            <ul><li class="risuto2"><a href="http://openwetware.org/wiki/Biomod/2013/Titech/methods&results" class="menu">
            UV-Tuning Nano- Parasol</a></li>
                <li class="risuto2"><a href="http://openwetware.org/wiki/Biomod/2013/Titech/M&amp;R Controlable Optical Makeup" class="menu">
            Controllable Optical Makeup</a></li></ul>
              <li class="risuto"><a href = "http://openwetware.org/wiki/Biomod/2013/Titech/Achievements" class = "menu">Achievements</a></li> 
<li class="risuto"><a href = "http://openwetware.org/wiki/Biomod/2013/Titech/" class = "menu">supl.info  </a></li>
<li class="risuto"><a href = "http://openwetware.org/wiki/Biomod/2013/Titech/team" class = "menu">member</a></li>
<li class="risuto"><a href = "http://openwetware.org/wiki/Biomod/2013/Titech/acknowledgement" class = "menu">Acknowledgement  </a></li>
</ul>
</div>
</div>
<br>
 
<div style="margin-left:1230px; position:fixed;margin-top:-200px" float="right">
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/5/50/%E3%83%AD%E3%82%B42%E3%81%AE%E3%82%B3%E3%83%94%E3%83%BC_2.jpg/197px-%E3%83%AD%E3%82%B42%E3%81%AE%E3%82%B3%E3%83%94%E3%83%BC_2.jpg" width="250px" height="750px">
</div>
 
<div id="haikei" >
<a href="http://openwetware.org/wiki/Biomod">Biomod<a/>|<a href="http://openwetware.org/wiki/Biomod/2013">2013</a>
<div style="width:900px">
 
<img src="https://upload.wikimedia.org/wikipedia/commons/3/34/%E3%81%A8%E3%81%A3%E3%81%B7%E3%81%8C.png" width="900">
 
</div>
 
 
 
 
<div style="width:700px;margin-right:100px;margin-left:100px;"style="position:absolute;">  <!--haikeiの中-->
 
<!--div class="bxslider" >
<ul class="slider" >-->
<p>&nbsp;</p>
<div style="" align="center">
  <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/2/26/Dklsjnfdsklfa%E3%83%88%E3%83%83%E3%83%971.png/800px-Dklsjnfdsklfa%E3%83%88%E3%83%83%E3%83%971.png" width="600px" height="350px"></div>
    
    
   <table align="center">
   <!--</ul>
            <tr>
</div>-->
             
 
            <td><a href = "http://openwetware.org/wiki/Biomod/2013/Titech" class = "link">Home</a></td>          
            <td><a href = "http://openwetware.org/wiki/Biomod/2013/Titech/project" class = "link">Project</a></td>
            <td><a href = "http://openwetware.org/wiki/Biomod/2013/Titech/methods&results" class = "link">Methods<br/>&<br/>Results</a></td>
             
            <td><a href = "http://openwetware.org/wiki/Biomod/2013/Titech/protocol" class = "link">Protocol</a></td>
            <td><a href = "http://openwetware.org/wiki/Biomod/2013/Titech/futureworks" class = "link">Futureworks</a></td>
            <td><a href = "http://openwetware.org/wiki/Biomod/2013/Titech/team" class = "link">Team</a></td>
            <td><a href = "http://openwetware.org/wiki/Biomod/2013/Titech/acknowledgement" class = "link">Acknowledgement</a></td>
        </tr></table>
 
</p><p><br />
</p>


<p>&nbsp;</p>


<h1> <span id="mw-headline"><div> What's Cosmetics-oriented</div>  <br/>Biomolecular System?</span></h1>








<p> Recently, molecular systems for medical care are developed by synthesizing various bio-molecular devices. These systems has a particular function to achieve a fixed purpose to treat an illness. However, there are many problems whose goal to achieve changes with the lapse of time or which are impossible to decide a particular requisite function to solve it by developers, such like dressing up, romance and so on in the real world. So now, we expand a relations between developer and users in bio-molecular system design. We thought up a bio-molecular system which lives up to human various sensibilities in a cosmetic field, which is an example of the problem above. This research brings high level concepts which afford a system to cope with various goal designed by users flexibly into a development of molecular systems.</p>


</div>
<p>&nbsp;</p>
<p>&nbsp;</p>


</BODY>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<div style="text-align:center;font-size:40px;margin-top:-200px;margin-left:200px;width:500px;">


</p><p><br />
  <iframe width="300" height="225" src="http://www.youtube.com/embed/Y1y2YyqdOZ4" frameborder="0" allowfullscreen></iframe>  
  <br/>Why Cosmetics<br/>Biomolecular System? </div>
<p style="margin-left:130px;width:700px;">
&nbsp;&nbsp;&nbsp;In the world, there are a number of difficult things whose goals vary according to the lapse of time and particular requisite functions such as beauty, fashion and romance. And engineers cannot set these particular goals. However, molecular systems, constructed so far, were limited to achieve only fixed goals. They cannot solve the delicate problems described above. So now, we need a brand-new system that can cope with those various needs that is different from individual to individual. In the present study, we’ve aimed to expand the utility of biomolecular systems and to change relationship between engineers and users to more liberal one. We have constructed the versatile biomolecualr system for cosmetics that can live up to many kinds of human sensibility. Our system meets the demands of users in a flexible manner, similar to a smart phone. Smart phones have a flexible function that meets the user’s taste, multiple functions for a device, and a switch to turn itself on/off. We hope that our new type of biomolecular system have flexibility and diversity of purpose, and have an impact on the biomolecular system design.
</p>
</p>


 
 
    <p>&nbsp; </p>
<p>&nbsp;</p>
<p>&nbsp;</p>
</div>
</div>
</body>
</html>
</html>

Latest revision as of 22:49, 18 December 2013

<html> <head> <title>project</title>

<script type="text/javascript" src="https://www.googledrive.com/host/0B0ANtpY23Qi_TnVGLW5QX3ByQlk/"></script>


<script type="text/javascript" src='https://www.googledrive.com/host/0B0ANtpY23Qi_dUFpdThhakhOOWs/'/></script>

<link href='https://www.googledrive.com/host/0B0ANtpY23Qi_VVBIbHpPNHVUNlk/' rel='stylesheet' type='text/css'/> <link href='https://www.googledrive.com/host/0B0ANtpY23Qi_bTF1dEREbkI' rel='stylesheet' type='text/css'/>

<script type='text/javascript'>

  $(document).ready(function(){
     $('.slider').bxSlider({
     mode:'fade',
     auto:true,
     infiniteLoop:true,
     pager:true,
     controls:true,
     speed:2000,
     pause:2000,
     });
   });


</script> <style type='text/css'> h1.firstHeading{display:none;}

  1. jump-to-nav{display:none;}
  2. siteSub{display:none;}
  3. contentSub{display:none;}
  4. column-one { display:none; width:0px;}
  5. haikei{
         width:900px;

margin-right:200px; margin-left:300px;

                 margin-top:-290px;

background-color:#ffffff;

                 box-shadow:#000000 2px 2px, gray 5px 5px 5px 5px ;}
  1. globalWrapper{background-color:green;
                        display:none;
                        }
  1. column-content{background-color:yellow;

display:none;}

  1. bodyContent{display:none;}

body{

 background-color:#ffffff;
 font-size:18px;
 font-family:arial;
text-decoration:none;

}

h1{text-align:left;}

  1. haikei p span {

font-weight: bold; }

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

.OWWNBcpCurrentDateFilled {display: none;}

  1. footer{margin-left:300px;; width:900px}

.bxslider{

            height:350px;
            width:600px;
            margin-right:100px;

margin-left:100px;

            margin-top:50px;
            
              }
  1. menubar{
                postion:absolute;
                display:block;
                }
  1. menubar > li{
                      position:relative;

float:left;

                     width: 136px;
                     list-style: none;}


.bx-wrapper { position: relative; margin: 0 auto 60px; padding: 0; *zoom: 1; }

.bx-wrapper img { max-width: 100%; display: block; }

/** THEME ===================================*/

.bx-wrapper .bx-viewport { -moz-box-shadow: 0 0 5px #ccc; -webkit-box-shadow: 0 0 5px #ccc; box-shadow: 0 0 5px #ccc; border: solid #fff 5px; left: -5px; background: #fff; }

.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: -30px; width: 100%; }

/* LOADER */

.bx-wrapper .bx-loading { min-height: 50px; background: url(images/bx_loader.gif) center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; }

/* PAGER */

.bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 20px; }

.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline; }

.bx-wrapper .bx-pager.bx-default-pager a { background: #666; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #000; }

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev { left: 10px; background: url(images/controls.png) no-repeat 0 -32px; }

.bx-wrapper .bx-next { right: 10px; background: url(images/controls.png) no-repeat -43px -32px; }

.bx-wrapper .bx-prev:hover { background-position: 0 0; }

.bx-wrapper .bx-next:hover { background-position: -43px 0; }

.bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 9999; }

.bx-wrapper .bx-controls-direction a.disabled { display: none; }

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto { text-align: center; }

.bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url(images/controls.png) -86px -11px no-repeat; margin: 0 3px; }

.bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0; }

.bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(images/controls.png) -86px -44px no-repeat; margin: 0 3px; }

.bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px; }

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; }

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; }

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666�9; background: rgba(80, 80, 80, 0.75); width: 100%; }

.bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px; }


<!--メニューバーについて-->


.menu{ text-decoration:none; font-family:Arial, Helvetica, sans-serif; list-style-type:none; display:block; position:fixed; } a.menu:link{ color:#4e90ff; } a.menu:visited{ color:#4e90ff; }

a.menu:active{ color:#4e90ff; } a.menu:hover{ font-size:24px; text-shadow:#e77070 2px 2px; }

  1. bar{

list-style-type: none }

  1. bar li {

text-decoration:none; } .risuto{ font-size:24px; } .risuto2{ font-size:18px; list-style-type: square; }

<!--わずらわしいのおわり-->



</style> </head> <body> </div> </div> </div> </div> </div>

<p>&nbsp; </p>
   <p>&nbsp; </p>
   <p>&nbsp; </p>
   <p>&nbsp; </p>
<p>&nbsp; </p>
   <p>&nbsp; </p>
   <p>&nbsp; </p>
   <p>&nbsp; </p>




<div style="position:fixed;"float="left"> <ul id="bar"> <li class="risuto"><a href = "http://openwetware.org/wiki/Biomod/2013/Titech" class = "menu">Home</a></li> <li class="risuto"><a href = "http://openwetware.org/wiki/Biomod/2013/Titech/project" class = "menu">Project</a></li> <li class="risuto"><a href = "http://openwetware.org/wiki/Biomod/2013/Titech/design" class = "menu">Design</a></li> <li class="risuto"><span style="color:#4e90ff; font-family:Arial, Helvetica, sans-serif">Methods&amp;Results</span>

            <ul><li class="risuto2"><a href="http://openwetware.org/wiki/Biomod/2013/Titech/methods&results" class="menu">
            UV-Tuning Nano- Parasol</a></li>
                <li class="risuto2"><a href="http://openwetware.org/wiki/Biomod/2013/Titech/M&amp;R Controlable Optical Makeup" class="menu">
            Controllable Optical Makeup</a></li></ul>
              <li class="risuto"><a href = "http://openwetware.org/wiki/Biomod/2013/Titech/Achievements" class = "menu">Achievements</a></li>  

<li class="risuto"><a href = "http://openwetware.org/wiki/Biomod/2013/Titech/" class = "menu">supl.info </a></li> <li class="risuto"><a href = "http://openwetware.org/wiki/Biomod/2013/Titech/team" class = "menu">member</a></li> <li class="risuto"><a href = "http://openwetware.org/wiki/Biomod/2013/Titech/acknowledgement" class = "menu">Acknowledgement </a></li> </ul> </div>

<div style="margin-left:1230px; position:fixed;margin-top:-200px" float="right"> <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/5/50/%E3%83%AD%E3%82%B42%E3%81%AE%E3%82%B3%E3%83%94%E3%83%BC_2.jpg/197px-%E3%83%AD%E3%82%B42%E3%81%AE%E3%82%B3%E3%83%94%E3%83%BC_2.jpg" width="250px" height="750px"> </div>

<div id="haikei" > <a href="http://openwetware.org/wiki/Biomod">Biomod<a/>|<a href="http://openwetware.org/wiki/Biomod/2013">2013</a> <div style="width:900px">

<img src="https://upload.wikimedia.org/wikipedia/commons/3/34/%E3%81%A8%E3%81%A3%E3%81%B7%E3%81%8C.png" width="900">

</div>



<div style="width:700px;margin-right:100px;margin-left:100px;"style="position:absolute;"> <!--haikeiの中-->

<!--div class="bxslider" > <ul class="slider" >--> <p>&nbsp;</p> <div style="" align="center">

 <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/2/26/Dklsjnfdsklfa%E3%83%88%E3%83%83%E3%83%971.png/800px-Dklsjnfdsklfa%E3%83%88%E3%83%83%E3%83%971.png" width="600px" height="350px"></div>
 
 <!--</ul>

</div>-->


<p>&nbsp;</p>




</div> <p>&nbsp;</p> <p>&nbsp;</p>

<p>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p> <div style="text-align:center;font-size:40px;margin-top:-200px;margin-left:200px;width:500px;">

 <iframe width="300" height="225" src="http://www.youtube.com/embed/Y1y2YyqdOZ4" frameborder="0" allowfullscreen></iframe> 
 <br/>Why Cosmetics<br/>Biomolecular System? </div>
<p style="margin-left:130px;width:700px;">

&nbsp;&nbsp;&nbsp;In the world, there are a number of difficult things whose goals vary according to the lapse of time and particular requisite functions such as beauty, fashion and romance. And engineers cannot set these particular goals. However, molecular systems, constructed so far, were limited to achieve only fixed goals. They cannot solve the delicate problems described above. So now, we need a brand-new system that can cope with those various needs that is different from individual to individual. In the present study, we’ve aimed to expand the utility of biomolecular systems and to change relationship between engineers and users to more liberal one. We have constructed the versatile biomolecualr system for cosmetics that can live up to many kinds of human sensibility. Our system meets the demands of users in a flexible manner, similar to a smart phone. Smart phones have a flexible function that meets the user’s taste, multiple functions for a device, and a switch to turn itself on/off. We hope that our new type of biomolecular system have flexibility and diversity of purpose, and have an impact on the biomolecular system design. </p>



   <p>&nbsp; </p>

<p>&nbsp;</p> <p>&nbsp;</p> </div> </div>

</body> </html>