IGEM:Kyoto/history: Difference between revisions

From OpenWetWare
Jump to navigationJump to search
No edit summary
No edit summary
(61 intermediate revisions by 8 users not shown)
Line 1: Line 1:
<html lang="ja">
{{IGEM_Kyoto/header}}
{{IGEM_Kyoto/history/js}}
{{IGEM_Kyoto/header/js}}
<html>
<head><meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, maximum-scale=1.0, user-scalable=yes"></head>
<div id="kyoto-wrapper">
    <div id="kyoto-title">
        <img src="http://openwetware.org/images/0/04/Kyoto-history-title.png">
    </div>
    <table id="kyoto-year-select"><tr>
        <td><a href="#" onClick="history('2014');">2014</a></td>
        <td><a href="#" onClick="history('2013');">2013</a></td>
        <td><a href="#" onClick="history('2012');">2012</a></td>
        <td><a href="#" onClick="history('2011');">2011</a></td>
        <td><a href="#" onClick="history('2010');">2010</a></td>
        <td><a href="#" onClick="history('2009');">2009</a></td>
        <td><a href="#" onClick="history('2008');">2008</a></td>
    </tr></table>
<div class="kyoto-history-block" id="kyoto-history-2014">
<h1>2014 Project</h1>
<table class="kyoto-history-table">
<tr><td>2014年度のテーマは"Magnetosome Formation"と"DMS Synthesis"です。Magnetosome Formationでは磁性を持つ大腸菌を実現しようとしました。DMS Synthesisでは雨の凝結核の元となる物質であるDMSを大腸菌に生合成させることを目指しました。Giant Jamboreeでは見事金メダルを獲得しました。</td>
<td><img src="http://openwetware.org/images/c/c4/KyotoMember2014.jpg"></td></tr></table>
<h1>Member Names</h1>
<div class="kyoto-history-names">
<b>清水寿朗</b>:農学部2回生<br>
山中ももこ:農学部3回生<br>
杉山成明:医学部2回生<br>
シャテラン ステファン:農学部2回生<br>
岡崎史恵:農学部2回生<br>
井上紘一:農学部2回生<br>
本多慎之介:農学部2回生<br>
上林幸平:農学部2回生<br>
加藤貴裕:農学部2回生<br>
嶋崎大地:薬学部2回生<br>
村田隆:理学部2回生<br>
村上晃:理学部2回生<br>
辰井勇介:理学部2回生<br>
芦田英郎:理学部2回生<br>
安田裕助:理学部2回生<br>
松本宙:農学部1回生<br>
山内悠至:農学部1回生<br>
中村元春:農学部1回生<br>
北悠人:農学部1回生<br>
李豪:農学部1回生<br>
河井遥範:農学部1回生<br>
伊藤愛:農学部1回生<br>
助川桃枝:教育学部1回生<br>
山浦瑞樹:医学部1回生<br>
辻井秀明:医学部1回生<br>
池口茉莉恵:医学部1回生<br>
</div>
</div>


<head>
<div class="kyoto-history-block" id="kyoto-history-2013">
  <meta http-equiv="Content-Type" content="text/html ; charset=Shift_JIS">
<h1>2013 Project</h1>
<table class="kyoto-history-table">
<tr><td>2013年度のテーマは"RNA Oscillator"と"Pattern Generation"です。RNA Oscillatorは、RNAを用いて点滅のような振動を表現しようとしました。Pattern Generationでは、動物の体表などに現れる模様のパターンの再現を目指しました。アジア予選では、銀メダルを獲得しました</td>
<td><img src="http://openwetware.org/images/a/a2/KyotoMember2013.jpg"></td></tr></table>
<h1>Member Names</h1>
<div class="kyoto-history-names">
<b>中川寛司</b>:理学部2回生 <br>
延山知弘:理学部3回生 <br>
太田喜之:農学部3回生 <br>
加藤傑:理学部3回生 <br>
寺坂真子:医学部2回生 <br>
田尻健:農学部2回生 <br>
黄瀬啓太:農学部2回生 <br>
山中ももこ:農学部2回生 <br>
箕浦広大:農学部2回生 <br>
平野義貴:農学部2回生 <br>
松尾咲恵子:農学部2回生 <br>
新稲亮:理学部2回生 <br>
吉田光昭:理学部2回生 <br>
壇辻さやか:理学部2回生 <br>
板谷崇央:医学部1回生 <br>
杉山成明:医学部1回生 <br>
中元一星:農学部1回生 <br>
氏家里奈子:農学部1回生 <br>
シャテラン ステファン:農学部1回生 <br>
清水寿朗:農学部1回生 <br>
岡崎史恵:農学部1回生 <br>
井上紘一:農学部1回生 <br>
本多慎之介:農学部1回生 <br>
張玖寧:農学部1回生 <br>
松本紘弥:農学部1回生 <br>
児島彬歩:農学部1回生 <br>
上林幸平:農学部1回生 <br>
加藤貴裕:農学部1回生 <br>
嶋崎大地:薬学部1回生 <br>
望月直人:理学部1回生 <br>
村田隆:理学部1回生 <br>
村上晃:理学部1回生 <br>
武藤祥史:理学部1回生 <br>
辰井勇介:理学部1回生 <br>
金岡泰哲:理学部1回生 <br>
芦田英郎:理学部1回生 <br>
安田裕助:理学部1回生<br>
</div>
</div>


  <title>History of iGEM Kyoto<!-- ここにタイトルを入れる --></title>
<div class="kyoto-history-block" id="kyoto-history-2012">
 
<h1>2012 Project</h1>
  <meta name="keywords" content="iGEM,Kyoto,2010,international,biology,">
<table class="kyoto-history-table">
  <meta name="description" content="合成生物学の大会iGEMの2010年度京都チームのホームページです。This is iGEM Kyoto 2010's homepage.">
<tr><td>2012年度のテーマは"Flower Fairy E.coli"です。御伽噺「花咲か爺さん」のように、自由自在に花を咲かせることのできる大腸菌の開発を目指しました。 アジア予選では金メダルを獲得し、見事MITで行われたWorld Championshipに出場しました。</td>
<style type="text/css">
<td><img src="http://openwetware.org/images/8/85/KyotoMember2012-1.jpg"></td></tr></table>
/*全体*/
<h1>Member Names</h1>
body {
<div class="kyoto-history-names">
/*ページ外周の余白を失くす*/
<b>延山知弘</b>:理学部2回生 <br>
margin: 0px;
川田哲也:理学部4回生 <br>
padding: 0px;
木田龍祐:農学部3回生 <br>
                font-family: sans-serif;
橋谷文貴:理学部3回生 <br>
}
草場哲:理学部3回生 <br>
div.base{
小松リチャード馨:医学部2回生 <br>
width: 100%;
佐藤茜:薬学部2回生 <br>
height: 100%;
泉早苗:薬学部2回生 <br>
background-color: #1B0B7D;
竹内良輔:農学部2回生 <br>
margin: 0px;
太田義之:農学部2回生 <br>
padding: 0px;
奥村研志:農学部2回生 <br>
}
高本悠介:農学部2回生 <br>
 
チェ ヒョンチョル:農学部2回生 <br>
p {
加藤傑:理学部2回生 <br>
/*段落の左右に余白を設ける*/
下坂天洋:工学部2回生 <br>
margin-left: 3%;
寺坂真子:医学部1回生 <br>
margin-right: 3%;
田尻健:農学部1回生 <br>
/*行間を0.2文字分ずつ上下に取る*/
平野義貴:農学部1回生 <br>
line-height: 1.4em;
楊木萌:農学部1回生 <br>
text-indent: 1em;
上野賢也:理学部1回生 <br>
                font-size: 130%;
加納初穂:理学部1回生 <br>
}
壇辻さやか:理学部1回生 <br>
中川寛司:理学部1回生<br>  
a { 
新稲亮:理学部1回生 <br>
color: #1B0B7D;
吉田光昭:理学部1回生 <br>
}
</div>
 
</div>
/*ヘッダー用*/
div.header1 {
/*幅*/
width: 100%;
/*文字の大きさ*/
font-size: 80%;
/*文字の色*/
color: #000000;
/*テキストの左右寄せ*/
text-align: center ;
/*枠線からの余白*/
padding: 0.3em;
/*背景色*/
background-color: white;
}
 
/*ヘッダー用(update)*/
div.update{
font-weight: bold;
font-size: 120%;
float: left;
}
/*ヘッダー用(言語選択)*/
div.header2 {
/*文字の大きさ*/
font-size: 100%;
/*文字の色*/
color: #000000;
/*テキストの左右寄せ*/
text-align: right;
/*背景色*/
background-color: #FFffFF;
padding: 0px 4em;
}
/*リンク(メニュー用)*/
a.menu {
color: BLACK;
text-decoration: underline;
}
a.menu:hover {
color: BLACK;
text-decoration: none;
}
 
/*ロゴ用*/
img.logo {
border-width: 0px;
}
/*メニューバー背景*/
div.menu{
                margin:0px;
padding: 0px 0px 0px 30px;
width: 100%;
background-color: #1B0B7D;
border-style: solid;
border-width:0px 0px 2px;
border-color: silver;
}
 
/*メニューバー縦整列用*/
div.menu-vertical{
                margin:0px;
        padding: 0px;
width: auto;
float: left;
text-align: left;
background-color: #1B0B7D;
}
/*メニューバーそのもの*/
ul.menu {
                font-size:110%;
text-align: left;
margin: 0px;
                padding: 0px;
}
/*メニューバー内の各項目について*/
ul.menu {
list-style-type: none;
margin: 0px;
                padding: 0px;           
padding: 0px 1.5em 0px 0.3em;
list-style-image: none;
}
 
/* メニューバー内のリンク */
ul.menu a{
color: white;
text-decoration: none;
margin: 0px;
padding: 0px;
}
ul.menu a:hover{
background-color: #aaccff;
color: #1B0B7D;
border: solid 1px #1B0B7D;
text-decoration: none;
margin: 0px;
                padding: 0px;
}
 
/*メニューバーで現在ページをあらわす*/
li.now a , li.now a:hover {
font-weight: bold;
background-color: #ffffff;
color: #1B0B7D;
margin: 0px;
                padding: 0px;
                border: solid 3px white;
}
 
/*エクストラメニューを隠す*/
ul.exmenu{
                font-size:110%;
position:absolute;
top:auto;
left:auto;
background-color: #ffffff;
color: black;
visibility: hidden;
                margin: 0px;
padding: 0.4em 0px;
border-style: solid;
border-width: 0px 2px 2px;
border-color: silver;
}
/*エクストラメニュー内の各項目について*/
ul.exmenu li{
display: block;
height: 23px;
list-style-type: none;
padding: 0px 0.5em;
list-style-image: none;
}
/*エクストラメニュー内のリンク */
ul.exmenu a {
color: black;
text-decoration: none;
margin: 0px;
padding: 0px;
}
ul.exmenu a:hover {
background-color: #aaccff;
color: #0000cc;
border: solid 1px 0px #0000cc;
text-decoration: none;
}
/*サブメニュー1(現在地)*/
div.submenu1{
border-style: solid;
border-width: 0px 2px 2px;
border-color:silver;
background-color: #ffffff;
width: 200px;
float: left;
}
 
/*サブメニュー1見出し*/
p.submenu{
text-align: center;
color: #1B0B7D;
background-color: #ffffff;
font-weight: bold;
font-size: 200%;
text-indent: 0em;
}
 
/*サブメニュー2(詳細ナビ)*/
div.submenu2{
clear: both;
background-color: #1B0B7D;
width: 200px;
text-decoration: none;
border: solid 0px #1B0B7D;
float: left;
}
/*サブメニュー2そのもの*/
ul.submenu2 {
background-color: #1B0B7D;
margin: 0px;
padding: 0px;
}
/*サブメニュー2内の各項目について*/
ul.submenu2 li {
margin: 0px;
                padding: 0px;
display: block;
width: 200px;
list-style-type: none;
padding: 0.5em 0px;
list-style-image: none;
}
 
/* サブメニュ2ー内のリンク */
ul.submenu2 a {
display: block;
text-align: center;
color: white;
text-decoration: none;
margin: 0px;
                padding: 0px;
}
ul.submenu2 a:hover {
display: block;
text-align: center;
background-color: #aaccff;
color: #1B0B7D;
margin: 0px;
                padding: 0px;
}
/*サブメニューで現在ページをあらわす*/
li.subnow a , li.subnow a:hover {
display: block;
text-align: center;
width: 200px;
margin: 0px;
                padding: 0px;
font-weight: bold;
border: solid 3px #ffffff;
background-color: #ffffff;
color: #1B0B7D;
list-style-image: none;
}
 
/*本文用*/
div.maincontent{
border-bottom: solid 10px #ffffff;
margin-left: 204px;
padding: 1em;
background-color: #ffffff;
min-height: 200px;
}
/*フッター用*/
div.footer {
clear :both;
width: 100%;
font-size: 80%;
text-align: center;
background-color: #ffffff;
}
        div.footer a{
                font-size:130%;
        }
/*ホームsubmenu補完用*/
div.submene{
width: 200px;
}
/*HOME Newsロゴ用*/
div.newslogo{
clear: both;
width: 200px;
text-align: left;
background-color: #1B0B7D;
border-style: solid;
border-color: #1B0B7D;
border-width: 2px 2px 0px;
float: left;
color: white;
margin: 0px;
padding: 0px;
}
/*HOME News用*/
div.news{
border-style: solid;
border-color: #1B0B7D;
border-width: 0px 2px 2px;
clear: both;
height:10;
width:200px;
overflow: auto;
float:left;
background-color: #ffffff;
}
p.news{
text-indent: 0em;
font-size: 100%;
}
/*見出し1*/
h1{
display:none;
}
h3{
border-color: #1B0B7D;
border-style: solid;
border-width: 0px 0px 2px 30px;
letter-spacing: 0.7em;
padding: 0.5em 0px 0.5em 0.5em;
font-size: 200%;
 
}
/*img本文用*/
img.maincontent{
float: right;
margin: 0.4em
}
img.two{
float: right;
height: 200px;
}
img.twohalf{
float: right;
height: 250px;
margin: 0px 50px;
}
/*通常リスト用*/
ul.order li {
list-style-type: upper-roman;
line-height: 1.4em;
list-style-image: none;
                font-size:130%;
                padding:0em 0em 0em 0.3em;
}
ul.noorder li {
list-style-type: disk;
line-height: 1.4em;
list-style-image: none;
                font-size:130%;
                padding:0em 0em 0em 0.3em;
}
ul.square li{
list-style-type: square;
line-height: 1.4em;
color:  #1B0B7D;
list-style-image: none;
                font-size:130%;
                padding:0em 0em 0em 0.3em;
}
</style>
 
<script type="text/javascript">
<!--
 
var hide1;
var hide2;
var hide3;
var hide4;
var hide5;
function pdmenu(x,y){
clearTimeout(y);
document.getElementById('submenu'+x)
.style.visibility="visible";
}
function pdmenuhide(x){
document.getElementById('submenu'+x)
.style.visibility="hidden";
}
  -->
</script>
</head>


<body class="m">
<div class="kyoto-history-block" id="kyoto-history-2011">
<div class="header1">
<h1>2011 Project</h1>
<img class="logo" src="http://openwetware.org/images/6/69/Kyoto2010-logo.png
<table class="kyoto-history-table">
" alt="iGEM Kyoto 2010"><br>
<tr><td>2011年度のテーマは「食虫大腸菌」。1,2回生を中心とする新チームで、栄養不足になると光を発して虫をおびき寄せ、捕えて、消化する、そんな「もっと生き物っぽい」新種の大腸菌の開発を目指しました。 今年初のアジア予選は惜しくも敗退、メダルは銀にとどまりました。 We'll back 2012!! </td>
<td></td></tr></table>
<h1>Member Names</h1>
<div class="kyoto-history-names">
<b>橋谷文貴</b>:理学部2回 <br>
志甫谷渉:理学部4回 <br>
山本拓弥:理学部4回 <br>
前田勇樹:理学部4回 <br>
村山知:薬学部4回 <br>
梶田憲:工学部工業化学科3回 <br>
川田哲也:理学部3回 <br>
胡迪超:工学部情報科3回 <br>
原大貴:工学部工業化学科3回 <br>
杉浦佑:理学部2回 <br>
森仁志:農学部2回 <br>
岡田卓也:医学部2回 <br>
木田龍祐:農学部2回 <br>
草場哲:理学部2回 <br>
寺田将也:薬学部2回 <br>
廣瀬達也:理学部2回 <br>
下坂天洋:工学部工業化学科1回 <br>
延山知弘:理学部1回 <br>
加藤傑:理学部1回 <br>
泉早苗:薬学部1回 <br>
小松馨:医学部1回 <br>
佐藤茜:薬学部1回 <br>
奥村研志:農学部1回 <br>
</div>
</div>
<script type="text/javascript">
<!--
update = new Date(document.lastModified);
updatemonth = update.getMonth();
moji = new Array("January", "February", "March" , "April" , "May" , "June" , "July" , "August" , "September" , "October" , "November" , "December") ;
updatedate = update.getDate();
updateyear = update.getYear();
if (updateyear < 2000){
updateyear = updateyear + 1900;
}
tag1 = '<div class="update">';
tag2 = "</div>";
tag3 = "&nbsp;";
updatetext = tag1 + "Last Update: " + moji[updatemonth] + " " + updatedate + ", " + updateyear + tag3 + tag3 + tag3 + tag3 + tag3 + tag3 + tag3 + tag3 + tag3 + tag3 + tag2;
document.write(updatetext);
// -->
</script>
<div class="header2"> <!-- 言語選択 -->
<a class="menu" href="http://openwetware.org/wiki/IGEM:Kyoto/2010/">日本語</a>
<!-- /
<a class="menu" href="http://openwetware.org/wiki/IGEM:Kyoto/2010.en/">English</a>
-->
</div>
</div>


<!-- 以下メインメニューバー -->
<div class="kyoto-history-block" id="kyoto-history-2010">
<div class="menu">
<h1>2010 Project</h1>
<div class="menu-vertical">
<table class="kyoto-history-table">
<ul class="menu">
<tr><td>2010年度のプロジェクトは"The Fantastic Lysisbox"です。バイオハザードの対策を考える中から細胞を溶かすことに注目しました。これはバイオハザードの防止だけでなく、製薬やさらに身近な例としてはバイオアロマなどにも応用できる優れたデバイスです。今年度の大会は11/5~11/8にかけて行われ、金賞を受賞しました。</td>
<li><a href="http://openwetware.org/wiki/IGEM:Kyoto/2010/">HOME</a></li>
<td><img src="http://openwetware.org/images/7/72/KyotoMember2010-1.jpg"></td></tr></table>
</ul>
</div>
<div class="menu-vertical" onMouseOver="pdmenu(1,hide1)"
onMouseOut="hide1=setTimeout('pdmenuhide(1)',500)">
<ul class="menu">
<li class="now"><a>About iGEM Kyoto</a></li>
</ul>
<ul class="exmenu" id="submenu1">
<li><a href="http://openwetware.org/wiki/IGEM:Kyoto/2010/what/">What's iGEM?</a></li>
<li><a href="http://openwetware.org/wiki/IGEM:Kyoto/2010/history/">History of iGEM Kyoto</a></li>
<li><a href="http://openwetware.org/wiki/IGEM:Kyoto/2010/member/">Member</a></li>
</ul>
</div>
<div class="menu-vertical" onMouseOver="pdmenu(2,hide2)"
onMouseOut="hide2=setTimeout('pdmenuhide(2)',500)">
<ul class="menu">
<li><a>Project</a></li>
</ul>
<ul class="exmenu" id="submenu2">
<li><a>Under construction</a>
<!--
<li><a href="http://openwetware.org/wiki/IGEM:Kyoto/2010/abstruct/">Abstruct</a></li>
<li><a href="http://openwetware.org/wiki/IGEM:Kyoto/2010/motivation/">Motivation</a></li>
<li><a href="http://openwetware.org/wiki/IGEM:Kyoto/2010/strategy/">Strategy</a></li>
<li><a href="http://openwetware.org/wiki/IGEM:Kyoto/2010/result/">Result</a></li>
<li><a href="http://openwetware.org/wiki/IGEM:Kyoto/2010/discussion/">Discussion</a></li>
<li><a href="http://openwetware.org/wiki/IGEM:Kyoto/2010/refference/">Refference</a></li>
-->
</ul>
</div>
<div class="menu-vertical" onMouseOver="pdmenu(3,hide3)"
onMouseOut="hide3=setTimeout('pdmenuhide(3)',500)">
<ul class="menu">
<li><a>Labnotes</a></li>
</ul>
<ul class="exmenu" id="submenu3">
<li><a>Under construction</a></li>
</ul>
</div>
<div class="menu-vertical" onMouseOver="pdmenu(4,hide4)"
onMouseOut="hide4=setTimeout('pdmenuhide(4)',500)">
<ul class="menu">
<li><a>Meeting</a></li>
</ul>
<ul class="exmenu" id="submenu4">
<li><a href="http://openwetware.org/wiki/IGEM:Kyoto/2010/meeting1/">January</a></li>
</ul>
</div>
<div class="menu-vertical" onMouseOver="pdmenu(5,hide5)"
onMouseOut="hide5=setTimeout('pdmenuhide(5)',500)">
<ul class="menu">
<li><a>Protocol</a></li>
</ul>
<ul class="exmenu" id="submenu5">
<li><a>Under construction</a></li>
</ul>
</div>
<div class="menu-vertical">
<ul class="menu">
<li><a href="http://openwetware.org/wiki/IGEM:Kyoto/2010/event/">Schedule</a></li>
</ul>
</div>
<div class="menu-vertical">
<ul class="menu">
<li><a href="http://openwetware.org/wiki/IGEM:Kyoto/2010/contact/">Contact</a></li>
</ul>
</div>
<div class="menu-vertical">
<ul class="menu">
<li><a href="http://openwetware.org/wiki/IGEM:Kyoto/2010/link/">Link</a></li>
</ul>
</div>
<div class="menu-vertical">
<ul class="menu">
<li><a href="http://openwetware.org/wiki/IGEM:Kyoto/2010/site-map/">Site Map</a></li>
</ul>
</div>
</div>


<div class="base">
<div class="submenu1">
<p class="submenu">About<br> iGEM Kyoto</p>
</div>
</div>


<div class="submenu2">
<div class="kyoto-history-block" id="kyoto-history-2009">
<ul class="submenu2">
<h1>2009 Project</h1>
<li><a href="http://openwetware.org/wiki/IGEM:Kyoto/2010/what/">What's iGEM?</a></li>
<table class="kyoto-history-table">
<li class="subnow"><a href="http://openwetware.org/wiki/IGEM:Kyoto/2010/about/history/">History of iGEM Kyoto</a></li>
<tr><td>「今年こそは」と意気込んだ2009年は、さらにユニークなプロジェクトを2つ(Time Bomb とCells in cells)立ち上げ、主に夏休みの期間を利用して遂行し、銀賞(silver award)を受賞しました。</td>
<li><a href="http://openwetware.org/wiki/IGEM:Kyoto/2010/about/member/">Member</a></li>
<td><img src="http://openwetware.org/images/e/e4/KyotoMember2009.jpg"></td></tr></table>
</ul>
</div>
</div>


<div class="maincontent">
<div class="kyoto-history-block" id="kyoto-history-2008">
<h1>History of iGEM Kyoto</h1>
<h1>2008 Project</h1>
<img src="http://openwetware.org/images/5/5d/Kyoto-member-2009.jpg" class="two" alt="Kyoto-member-2009" title="2009年度メンバー">
<table class="kyoto-history-table">
<img src="http://openwetware.org/images/1/1e/Kyoto-member-2008.jpg" class="two" alt="Kyoto-member-2008" title="2008年度メンバー">
<tr><td>iGEM Kyotoは2008年度に結成しました。メンバーは様々な専攻の学部学生を主体とし、加えて修士院生とアドバイザーから構成されています。 テーマ(Raise the Titanic!)の独創性は群を抜いていましたが、残念ながら入賞を逃しました。 </td>
<p> iGEM京都大学チームは2008年度に結成しました。メンバーは様々な専攻の学部学生を主体とし、加えて修士院生とアドバイザーから構成されています。初参加の昨年度は、テーマの独創性は群を抜いていましたが、残念ながら入賞を逃しました。「今年こそは」と意気込んだ2009年は、さらにユニークなプロジェクトを2つ(Time Bomb とCells in cells)立ち上げ、主に夏休みの期間を利用して遂行し、10月31日から11月2日までMITで行われた本大会に参加して銀賞(silver award)を受賞しました。</p>
<td><img src="http://openwetware.org/images/e/e0/KyotoMember2008.jpg"></td></tr></table>
<p>2009年現在、まだ参加2年目であり様々な活動の基盤ができていない京都チームではありますが、参加学生各人の強い好奇心や意欲と様々な立場の方々のご理解とご協力により、学部生ならではの創造的な科学研究活動が展開されています。</p>
</div>
</div>


<div class="footer">
<hr width="100%">
<a href="http://openwetware.org/wiki/IGEM:Kyoto/2010/">HOMEに戻る</a>
<p>Copyright &copy;2009 iGEM Kyoto 2010
</p>
</div>
</div>
</div>
</html>
</body>
{{IGEM_Kyoto/footer}}
<html>
<style type="text/css">
<!--
#kyoto-header-back{
    background-color:#c3d8f5;
}
-->
</style>
</html>
</html>

Revision as of 00:54, 16 April 2015

<html> <style>

/******************デフォルトデザイン変更・横幅設定*****************/

  1. sidebar-main, #contentSub, #footer{
   display:none;

} p{

   margin:0px;
   line-height:2em;
   background-image:url(image);

} table{

   font-size:16px;

}

  1. globalWrapper{
   -webkit-text-size-adjust:100%;

} body{

   background-color:#ffffff;
   font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;

}

  1. column-content{
   min-width:1024px;
   width:100%;
   margin-left:auto;
   margin-right:auto;
   margin-bottom:0px;
   float:none;
   border:0px;
   position:relative;

}

  1. column-one{
   position:relative;
   min-width:1024px;
   width:100%;
   margin-left:auto;
   margin-right:auto;
   float:none;
   padding:0px;
   z-index:2;

}

  1. content, #bodyContent{
   min-width:1024px;
   margin-left:0px;
   margin-right:0px;
   border:0px;
   margin:0px;
   padding:0px;
   line-height:2em;
   font-size:16px;

} a{

   color:#ffc148;

} /*******メニューバー変更*******/

  1. p-cactions, #p-personal, #p-cactions .pBody, #p-personal .pBody{
   position:static;
   padding-left:0px;
   padding-right:0px;
   border:0px;

}

  1. p-cactions{
   float:left;
   width:45%;

}

  1. p-personal{
   float:right;
   width:55%;

}

  1. p-cactions ul, #p-personal ul{
   width:100%;
   height:20px;
   position:static;
   padding:0px;
   margin:0px;
   background-color:#cccccc;

}

  1. p-cactions ul{
   float:left;
   text-align:right;

}

  1. p-personal ul{
   float:right;
   text-align:left;

}

  1. p-cactions ul li, #p-personal ul li, #p-cactions li a, #p-personal li a, #p-cactions li a:hover, #p-cactions li.selected a, #p-cactions .new a, #p-personal li a:hover{
   position:static;
   padding-top:0px !important;
   padding-bottom:0px !important;
   margin:0px;
   border:0px;
   line-height:normal;
   font-size:12px;
   font-weight:normal;
   background-color:#cccccc;
   color:#ffffff;

} li#pt-userpage, li#pt-anonuserpage, li#pt-login{

   background-image:none;

}

  1. p-cactions ul li, #p-personal ul li{
   padding-left:5px;
   padding-right:5px;

} .firstHeading{

   display:none;

} a, a:hover{

   text-decoration:none;

}


/******************コンテンツ設定*****************/ /*******HEADER*******/

  1. kyoto-header-line{
   position:fixed;
   width:100%;
   z-index:1;
   border-bottom:1px solid #ffffff;
   background-color:#1e1e20;

}

  1. kyoto-header-wrapper{
   position:relative;
   width:960px;
   left:50%;
   margin-left:-480px;

}

  1. kyoto-header-home-wrapper, #kyoto-header-contact-wrapper{
   position:relative;
   width:15%;
   height:78px;
   float:left;

}

  1. kyoto-header-about-wrapper, #kyoto-header-history-wrapper, #kyoto-header-events-wrapper, #kyoto-header-team-wrapper, #kyoto-header-finance-wrapper{
   position:relative;
   width:14%;
   height:78px;
   float:left;

}

  1. kyoto-header-home, #kyoto-header-about, #kyoto-header-contact, #kyoto-header-history, #kyoto-header-events, #kyoto-header-team, #kyoto-header-finance{
   position:absolute;
   top:0;
   bottom:0;
   left:0;
   right:0;
   margin:auto;    

}

  1. kyoto-header-home{
   width:62px;
   height:26px;

}

  1. kyoto-header-about{
   width:65px;
   height:26px;

}

  1. kyoto-header-history{
   width:77px;
   height:26px;

}

  1. kyoto-header-events{
   width:72px;
   height:26px;

}

  1. kyoto-header-team{
   width:58px;
   height:25px;

}

  1. kyoto-header-finance{
   width:82px;
   height:26px;

}

  1. kyoto-header-contact{
   width:85px;
   height:26px;

}

  1. kyoto-header-contact a{
   background:none !important;

} /*******FOOTER*******/

  1. kyoto-footer-line{
   position:relative;
   background-color:#1e1e20;
   height:190px;

}

  1. kyoto-footer-wrapper{
   width:960px;
   margin-left:auto;
   margin-right:auto;

} .kyoto-footer{

   position:relative;
   float:left;
   width:320px;
   height:190px;

}

  1. kyoto-footer-mail, #kyoto-footer-twitter{
   background:transparent !important;

} .kyoto-footer img{

   position:absolute;
   margin:auto;
   top:0;
   bottom:0;
   left:0;
   right:0;

} /******************コンテンツ設定*****************/

  1. kyoto-wrapper{
   position:relative;
   width:960px;
   margin-left:auto;
   margin-right:auto;
   padding-top:100px;

} .kyoto-chapter{

   margin-left:auto;
   margin-right:auto;
   padding-top:20px;
   padding-bottom:40px;
   text-align:center;

} .kyoto-title{

   margin-left:auto;
   margin-right:auto;
   padding-bottom:20px;
   text-align:center;

}

  1. kyoto-yearselect{
   background-color:transparent;
   margin-bottom:55px;

}

  1. kyoto-yearselect td{
   padding:0 10px 0 10px;

}

  1. kyoto-yearselect td a{
   color:#ffffff;
   font-size:30px;

}

  1. kyoto-yearselect td a:hover{
   color:#aaaaaa;

}

/*******TOP*******/

  1. kyoto-top-background{
   position:fixed;
   width:100%;
   height:100%;
   background-image:url(http://openwetware.org/images/f/ff/Kyoto-top-background.jpg);
   background-size:cover;

}

  1. kyoto-background-color{
   position:fixed;
   width:100%;
   height:100%;
   background-size:cover;
   background-color:#333333;
   opacity:0.8;

}

  1. kyoto-top-wrapper{
   position:relative;
   width:1024px;
   margin-left:auto;
   margin-right:auto;

}

  1. kyoto-top-formula-wrapper{
   padding:330px 0 0 0;

}

  1. kyoto-top-formula{
   text-align:center;

}

  1. kyoto-top-sentence-wrapper{
   padding:41px 0 130px 0;

}

  1. kyoto-top-sentence{
   text-align:center;

} /*******ABOUT*******/

  1. kyoto-about-background{
   position:fixed;
   width:100%;
   height:100%;
   background-image:url(http://openwetware.org/images/a/a4/Kyoto-about-background.jpg);
   background-size:cover;

} .kyoto-about-text{

   padding-bottom:70px;
   color:#ffffff;

}

  1. kyoto-about-jamboree{
   padding:54px 50px 54px 50px;
   margin-bottom:30px;
   width:860px;
   background:rgba(250,250,250,0.3);

}

  1. kyoto-about-jamboree img{
   width:100%;

} /*******HISTORY*******/

  1. kyoto-history-background{
   position:fixed;
   width:100%;
   height:100%;
   background-image:url(http://openwetware.org/images/6/6a/Kyoto-history-background.jpg);
   background-size:cover;

}

  1. kyoto-history-link{
   padding-bottom:30px;
   text-align:center;
   color:#ffffff;

} .kyoto-history-year{

   font-size:50px;
   color:#ffffff;
   padding-bottom:10px;
   border-bottom:1px solid #ffffff;
   margin-bottom:55px;

} .kyoto-history-table{

   background-color:transparent;
   margin-bottom:55px;

} .kyoto-history-table td{

   margin-bottom:55px;
   vertical-align:top;

} .kyoto-history-text{

   width:450px;
   padding:0 30px 0 0;
   color:#ffffff;

} .kyoto-history-photo{

   padding:0 30px 0 30px;

} .kyoto-history-photo img{

   width:420px;

} /*******EVENTS*******/

  1. kyoto-events-background{
   position:fixed;
   width:100%;
   height:100%;
   background-image:url(http://openwetware.org/images/0/03/Kyoto-events-background.jpg);
   background-size:cover;

}

  1. kyoto-events-content{
   border-left:1px solid #ffffff;
   margin-top:10px;

} .kyoto-events-table{

   width:959px;
   border:0px;
   background:transparent;
   color:#ffffff

} .kyoto-events-table td{

   padding:10px;
   vertical-align:top;

} .kyoto-events-date{

   width:150px;
   border:0px;
   text-align:center;

}

  1. kyoto-events-content img{
   height:230px;
   padding-left:5px;
   padding-right:5px;

} .kyoto-events-photo{

   max-width:763px;
   overflow-x:auto;
   white-space:nowrap;

}

  1. kyoto-events-2016, #kyoto-events-2015, #kyoto-events-2014, #kyoto-events-2013, #kyoto-events-2012, #kyoto-events-2011, #kyoto-events-2010{
   display:none;

} /*******GAME*******/

  1. kyoto-game-background{
   position:absolute;
   background-color:#000;
   opacity:0.7;
   display:none;
   width:100%;
   height:100%;
   top:0;
   z-index:2;

}

  1. kyoto-game-center{
   position:fixed;
   width:0;
   height:0;
   left:50%;
   top:0;
   display:none;
   z-index:3;

}

  1. kyoto-game-wrapper{
   position:relative;
   margin-left:-480px;
   width:960px;

}

  1. wrapper{
   position:relative;
   height:498px;
   margin:80px 30px 0 30px;
   border:1px solid #000;
   background-color:#ffffff;

} .image{ position:absolute;

   width:100px;
   height:80px;

}

  1. image0{
   top:10px;
   left:55px;

}

  1. image1{
   top:110px;
   left:55px;

}

  1. image2{
   top:210px;
   left:55px;

}

  1. image3{
   top:310px;
   left:55px;

}

  1. databox{

width:225px;

   border-left:1px solid #000;
   float:right;

} .data{ width:225px;

   height:83px;
   text-align:center;

display: table-cell; vertical-align: middle;

   font-size:60px;

}

  1. databox img{
   vertical-align:bottom;

} .menu{ position:absolute;

   width:100px;
   height:80px;

}

  1. menu1{
   top:410px;
   left:55px;

}

  1. menu2{
   top:410px;
   left:210px;

}

  1. menu3{
   top:410px;
   left:365px;

}

  1. menu4{
   top:410px;
   left:520px;

} .area{ position:absolute;

   width:898px;
   height:498px;
   font-size:60px;
   text-align:center;

}

  1. gamestart{
   display:inline;
   background-color:#ffffff;

}

  1. gamestart div{

width:100%;

   height:500px;

line-height:500px; }

  1. gameover{
   display:none;
   background-color:#ffffff;

}

  1. gameover div{

width:100%;

   height:250px;

line-height:250px; } .play{

   position:absolute;
   width:898px;
   font-size:30px;
   bottom:0;
   text-align:center;
   margin:0 0 15px 0;

}

/*******TEAM*******/

  1. kyoto-team-background{
   position:fixed;
   width:100%;
   height:100%;
   background-image:url(http://openwetware.org/images/4/4e/Kyoto-team-background.jpg);
   background-size:cover;

}

  1. kyoto-team-member-wrapper, #kyoto-team-instructor-wrapper, #kyoto-team-adviser-wrapper{
   margin:0px 0px 55px 0px;

} .kyoto-team-table{

   width:960px;
   border-collapse:collapse;
   margin:0px 0px 55px 0px;
   background:transparent;

} .kyoto-team-table td{

   vertical-align:top;
   color:#ffffff;

} .kyoto-team-table-photo{

   width:300px;
   padding-right:60px

} .kyoto-team-table-photo img{

   width:300px;

} .kyoto-team-profile{

   width:600px;

} .kyoto-team-profile h3{

   padding:0;
   margin:0;
   border-bottom:1px solid #ffffff;
   font-size:20px;
   color:#ffffff;

} .kyoto-team-supporter{

   margin:30px 10px 20px 0px;
   padding:0;
   border:0;
   line-height:1.5em;
   border-bottom:1px solid #000;
   width:50%;

} .kyoto-team-advisor{

   margin:30px 10px 20px 0px;
   padding:0;
   border:0;
   line-height:1.5em;
   border-bottom:1px solid #000;
   width:50%;

} .kyoto-team-member{

   color:#ffffff;

}

  1. kyoto-team-2016, #kyoto-team-2015, #kyoto-team-2014, #kyoto-team-2013, #kyoto-team-2012, #kyoto-team-2011, #kyoto-team-2010{
   display:none;

} /*******FINANCE*******/

  1. kyoto-finance-background{
   position:fixed;
   width:100%;
   height:100%;
   background-image:url(http://openwetware.org/images/d/de/Kyoto-finance-background.jpg);
   background-size:cover;

} .kyoto-finance-desc{

   padding-bottom:55px;
   color:#ffffff;

}

  1. kyoto-finance-chart{
   padding:30px 0 30px 0;
   text-align:center;
   margin-bottom:55px;
   background:rgba(250,250,250,0.3);

}

</style> </html>

<html> <script type="text/javascript">

   var p=2014
   function history(year)
   {
       var a='kyoto-history-'+p
       var dpoff=document.getElementById(a);
       dpoff.style.display="none";
       var b='kyoto-history-'+year
       var dpon=document.getElementById(b);
       dpon.style.display="inline";
       p=year;
   }

</script> </html> Template:IGEM Kyoto/header/js <html> <head><meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, maximum-scale=1.0, user-scalable=yes"></head> <div id="kyoto-wrapper">

   <div id="kyoto-title">
       <img src="http://openwetware.org/images/0/04/Kyoto-history-title.png">
   </div>
   <table id="kyoto-year-select"><tr>
       <td><a href="#" onClick="history('2014');">2014</a></td>
       <td><a href="#" onClick="history('2013');">2013</a></td>
       <td><a href="#" onClick="history('2012');">2012</a></td>
       <td><a href="#" onClick="history('2011');">2011</a></td>
       <td><a href="#" onClick="history('2010');">2010</a></td>
       <td><a href="#" onClick="history('2009');">2009</a></td>
       <td><a href="#" onClick="history('2008');">2008</a></td>
   </tr></table>

<div class="kyoto-history-block" id="kyoto-history-2014"> <h1>2014 Project</h1> <table class="kyoto-history-table"> <tr><td>2014年度のテーマは"Magnetosome Formation"と"DMS Synthesis"です。Magnetosome Formationでは磁性を持つ大腸菌を実現しようとしました。DMS Synthesisでは雨の凝結核の元となる物質であるDMSを大腸菌に生合成させることを目指しました。Giant Jamboreeでは見事金メダルを獲得しました。</td> <td><img src="http://openwetware.org/images/c/c4/KyotoMember2014.jpg"></td></tr></table> <h1>Member Names</h1> <div class="kyoto-history-names"> <b>清水寿朗</b>:農学部2回生<br> 山中ももこ:農学部3回生<br> 杉山成明:医学部2回生<br> シャテラン ステファン:農学部2回生<br> 岡崎史恵:農学部2回生<br> 井上紘一:農学部2回生<br> 本多慎之介:農学部2回生<br> 上林幸平:農学部2回生<br> 加藤貴裕:農学部2回生<br> 嶋崎大地:薬学部2回生<br> 村田隆:理学部2回生<br> 村上晃:理学部2回生<br> 辰井勇介:理学部2回生<br> 芦田英郎:理学部2回生<br> 安田裕助:理学部2回生<br> 松本宙:農学部1回生<br> 山内悠至:農学部1回生<br> 中村元春:農学部1回生<br> 北悠人:農学部1回生<br> 李豪:農学部1回生<br> 河井遥範:農学部1回生<br> 伊藤愛:農学部1回生<br> 助川桃枝:教育学部1回生<br> 山浦瑞樹:医学部1回生<br> 辻井秀明:医学部1回生<br> 池口茉莉恵:医学部1回生<br> </div> </div>

<div class="kyoto-history-block" id="kyoto-history-2013"> <h1>2013 Project</h1> <table class="kyoto-history-table"> <tr><td>2013年度のテーマは"RNA Oscillator"と"Pattern Generation"です。RNA Oscillatorは、RNAを用いて点滅のような振動を表現しようとしました。Pattern Generationでは、動物の体表などに現れる模様のパターンの再現を目指しました。アジア予選では、銀メダルを獲得しました</td> <td><img src="http://openwetware.org/images/a/a2/KyotoMember2013.jpg"></td></tr></table> <h1>Member Names</h1> <div class="kyoto-history-names"> <b>中川寛司</b>:理学部2回生 <br> 延山知弘:理学部3回生 <br> 太田喜之:農学部3回生 <br> 加藤傑:理学部3回生 <br> 寺坂真子:医学部2回生 <br> 田尻健:農学部2回生 <br> 黄瀬啓太:農学部2回生 <br> 山中ももこ:農学部2回生 <br> 箕浦広大:農学部2回生 <br> 平野義貴:農学部2回生 <br> 松尾咲恵子:農学部2回生 <br> 新稲亮:理学部2回生 <br> 吉田光昭:理学部2回生 <br> 壇辻さやか:理学部2回生 <br> 板谷崇央:医学部1回生 <br> 杉山成明:医学部1回生 <br> 中元一星:農学部1回生 <br> 氏家里奈子:農学部1回生 <br> シャテラン ステファン:農学部1回生 <br> 清水寿朗:農学部1回生 <br> 岡崎史恵:農学部1回生 <br> 井上紘一:農学部1回生 <br> 本多慎之介:農学部1回生 <br> 張玖寧:農学部1回生 <br> 松本紘弥:農学部1回生 <br> 児島彬歩:農学部1回生 <br> 上林幸平:農学部1回生 <br> 加藤貴裕:農学部1回生 <br> 嶋崎大地:薬学部1回生 <br> 望月直人:理学部1回生 <br> 村田隆:理学部1回生 <br> 村上晃:理学部1回生 <br> 武藤祥史:理学部1回生 <br> 辰井勇介:理学部1回生 <br> 金岡泰哲:理学部1回生 <br> 芦田英郎:理学部1回生 <br> 安田裕助:理学部1回生<br> </div> </div>

<div class="kyoto-history-block" id="kyoto-history-2012"> <h1>2012 Project</h1> <table class="kyoto-history-table"> <tr><td>2012年度のテーマは"Flower Fairy E.coli"です。御伽噺「花咲か爺さん」のように、自由自在に花を咲かせることのできる大腸菌の開発を目指しました。 アジア予選では金メダルを獲得し、見事MITで行われたWorld Championshipに出場しました。</td> <td><img src="http://openwetware.org/images/8/85/KyotoMember2012-1.jpg"></td></tr></table> <h1>Member Names</h1> <div class="kyoto-history-names"> <b>延山知弘</b>:理学部2回生 <br> 川田哲也:理学部4回生 <br> 木田龍祐:農学部3回生 <br> 橋谷文貴:理学部3回生 <br> 草場哲:理学部3回生 <br> 小松リチャード馨:医学部2回生 <br> 佐藤茜:薬学部2回生 <br> 泉早苗:薬学部2回生 <br> 竹内良輔:農学部2回生 <br> 太田義之:農学部2回生 <br> 奥村研志:農学部2回生 <br> 高本悠介:農学部2回生 <br> チェ ヒョンチョル:農学部2回生 <br> 加藤傑:理学部2回生 <br> 下坂天洋:工学部2回生 <br> 寺坂真子:医学部1回生 <br> 田尻健:農学部1回生 <br> 平野義貴:農学部1回生 <br> 楊木萌:農学部1回生 <br> 上野賢也:理学部1回生 <br> 加納初穂:理学部1回生 <br> 壇辻さやか:理学部1回生 <br> 中川寛司:理学部1回生<br> 新稲亮:理学部1回生 <br> 吉田光昭:理学部1回生 <br> </div> </div>

<div class="kyoto-history-block" id="kyoto-history-2011"> <h1>2011 Project</h1> <table class="kyoto-history-table"> <tr><td>2011年度のテーマは「食虫大腸菌」。1,2回生を中心とする新チームで、栄養不足になると光を発して虫をおびき寄せ、捕えて、消化する、そんな「もっと生き物っぽい」新種の大腸菌の開発を目指しました。 今年初のアジア予選は惜しくも敗退、メダルは銀にとどまりました。 We'll back 2012!! </td> <td></td></tr></table> <h1>Member Names</h1> <div class="kyoto-history-names"> <b>橋谷文貴</b>:理学部2回 <br> 志甫谷渉:理学部4回 <br> 山本拓弥:理学部4回 <br> 前田勇樹:理学部4回 <br> 村山知:薬学部4回 <br> 梶田憲:工学部工業化学科3回 <br> 川田哲也:理学部3回 <br> 胡迪超:工学部情報科3回 <br> 原大貴:工学部工業化学科3回 <br> 杉浦佑:理学部2回 <br> 森仁志:農学部2回 <br> 岡田卓也:医学部2回 <br> 木田龍祐:農学部2回 <br> 草場哲:理学部2回 <br> 寺田将也:薬学部2回 <br> 廣瀬達也:理学部2回 <br> 下坂天洋:工学部工業化学科1回 <br> 延山知弘:理学部1回 <br> 加藤傑:理学部1回 <br> 泉早苗:薬学部1回 <br> 小松馨:医学部1回 <br> 佐藤茜:薬学部1回 <br> 奥村研志:農学部1回 <br> </div> </div>

<div class="kyoto-history-block" id="kyoto-history-2010"> <h1>2010 Project</h1> <table class="kyoto-history-table"> <tr><td>2010年度のプロジェクトは"The Fantastic Lysisbox"です。バイオハザードの対策を考える中から細胞を溶かすことに注目しました。これはバイオハザードの防止だけでなく、製薬やさらに身近な例としてはバイオアロマなどにも応用できる優れたデバイスです。今年度の大会は11/5~11/8にかけて行われ、金賞を受賞しました。</td> <td><img src="http://openwetware.org/images/7/72/KyotoMember2010-1.jpg"></td></tr></table>

</div>

<div class="kyoto-history-block" id="kyoto-history-2009"> <h1>2009 Project</h1> <table class="kyoto-history-table"> <tr><td>「今年こそは」と意気込んだ2009年は、さらにユニークなプロジェクトを2つ(Time Bomb とCells in cells)立ち上げ、主に夏休みの期間を利用して遂行し、銀賞(silver award)を受賞しました。</td> <td><img src="http://openwetware.org/images/e/e4/KyotoMember2009.jpg"></td></tr></table> </div>

<div class="kyoto-history-block" id="kyoto-history-2008"> <h1>2008 Project</h1> <table class="kyoto-history-table"> <tr><td>iGEM Kyotoは2008年度に結成しました。メンバーは様々な専攻の学部学生を主体とし、加えて修士院生とアドバイザーから構成されています。 テーマ(Raise the Titanic!)の独創性は群を抜いていましたが、残念ながら入賞を逃しました。 </td> <td><img src="http://openwetware.org/images/e/e0/KyotoMember2008.jpg"></td></tr></table> </div>

</div> </html> <html> <style>

/******************デフォルトデザイン変更・横幅設定*****************/

  1. sidebar-main, #contentSub, #footer{
   display:none;

} p{

   margin:0px;
   line-height:2em;
   background-image:url(image);

} table{

   font-size:16px;

}

  1. globalWrapper{
   -webkit-text-size-adjust:100%;

} body{

   background-color:#ffffff;
   font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;

}

  1. column-content{
   min-width:1024px;
   width:100%;
   margin-left:auto;
   margin-right:auto;
   margin-bottom:0px;
   float:none;
   border:0px;
   position:relative;

}

  1. column-one{
   position:relative;
   min-width:1024px;
   width:100%;
   margin-left:auto;
   margin-right:auto;
   float:none;
   padding:0px;
   z-index:2;

}

  1. content, #bodyContent{
   min-width:1024px;
   margin-left:0px;
   margin-right:0px;
   border:0px;
   margin:0px;
   padding:0px;
   line-height:2em;
   font-size:16px;

} a{

   color:#ffc148;

} /*******メニューバー変更*******/

  1. p-cactions, #p-personal, #p-cactions .pBody, #p-personal .pBody{
   position:static;
   padding-left:0px;
   padding-right:0px;
   border:0px;

}

  1. p-cactions{
   float:left;
   width:45%;

}

  1. p-personal{
   float:right;
   width:55%;

}

  1. p-cactions ul, #p-personal ul{
   width:100%;
   height:20px;
   position:static;
   padding:0px;
   margin:0px;
   background-color:#cccccc;

}

  1. p-cactions ul{
   float:left;
   text-align:right;

}

  1. p-personal ul{
   float:right;
   text-align:left;

}

  1. p-cactions ul li, #p-personal ul li, #p-cactions li a, #p-personal li a, #p-cactions li a:hover, #p-cactions li.selected a, #p-cactions .new a, #p-personal li a:hover{
   position:static;
   padding-top:0px !important;
   padding-bottom:0px !important;
   margin:0px;
   border:0px;
   line-height:normal;
   font-size:12px;
   font-weight:normal;
   background-color:#cccccc;
   color:#ffffff;

} li#pt-userpage, li#pt-anonuserpage, li#pt-login{

   background-image:none;

}

  1. p-cactions ul li, #p-personal ul li{
   padding-left:5px;
   padding-right:5px;

} .firstHeading{

   display:none;

} a, a:hover{

   text-decoration:none;

}


/******************コンテンツ設定*****************/ /*******HEADER*******/

  1. kyoto-header-line{
   position:fixed;
   width:100%;
   z-index:1;
   border-bottom:1px solid #ffffff;
   background-color:#1e1e20;

}

  1. kyoto-header-wrapper{
   position:relative;
   width:960px;
   left:50%;
   margin-left:-480px;

}

  1. kyoto-header-home-wrapper, #kyoto-header-contact-wrapper{
   position:relative;
   width:15%;
   height:78px;
   float:left;

}

  1. kyoto-header-about-wrapper, #kyoto-header-history-wrapper, #kyoto-header-events-wrapper, #kyoto-header-team-wrapper, #kyoto-header-finance-wrapper{
   position:relative;
   width:14%;
   height:78px;
   float:left;

}

  1. kyoto-header-home, #kyoto-header-about, #kyoto-header-contact, #kyoto-header-history, #kyoto-header-events, #kyoto-header-team, #kyoto-header-finance{
   position:absolute;
   top:0;
   bottom:0;
   left:0;
   right:0;
   margin:auto;    

}

  1. kyoto-header-home{
   width:62px;
   height:26px;

}

  1. kyoto-header-about{
   width:65px;
   height:26px;

}

  1. kyoto-header-history{
   width:77px;
   height:26px;

}

  1. kyoto-header-events{
   width:72px;
   height:26px;

}

  1. kyoto-header-team{
   width:58px;
   height:25px;

}

  1. kyoto-header-finance{
   width:82px;
   height:26px;

}

  1. kyoto-header-contact{
   width:85px;
   height:26px;

}

  1. kyoto-header-contact a{
   background:none !important;

} /*******FOOTER*******/

  1. kyoto-footer-line{
   position:relative;
   background-color:#1e1e20;
   height:190px;

}

  1. kyoto-footer-wrapper{
   width:960px;
   margin-left:auto;
   margin-right:auto;

} .kyoto-footer{

   position:relative;
   float:left;
   width:320px;
   height:190px;

}

  1. kyoto-footer-mail, #kyoto-footer-twitter{
   background:transparent !important;

} .kyoto-footer img{

   position:absolute;
   margin:auto;
   top:0;
   bottom:0;
   left:0;
   right:0;

} /******************コンテンツ設定*****************/

  1. kyoto-wrapper{
   position:relative;
   width:960px;
   margin-left:auto;
   margin-right:auto;
   padding-top:100px;

} .kyoto-chapter{

   margin-left:auto;
   margin-right:auto;
   padding-top:20px;
   padding-bottom:40px;
   text-align:center;

} .kyoto-title{

   margin-left:auto;
   margin-right:auto;
   padding-bottom:20px;
   text-align:center;

}

  1. kyoto-yearselect{
   background-color:transparent;
   margin-bottom:55px;

}

  1. kyoto-yearselect td{
   padding:0 10px 0 10px;

}

  1. kyoto-yearselect td a{
   color:#ffffff;
   font-size:30px;

}

  1. kyoto-yearselect td a:hover{
   color:#aaaaaa;

}

/*******TOP*******/

  1. kyoto-top-background{
   position:fixed;
   width:100%;
   height:100%;
   background-image:url(http://openwetware.org/images/f/ff/Kyoto-top-background.jpg);
   background-size:cover;

}

  1. kyoto-background-color{
   position:fixed;
   width:100%;
   height:100%;
   background-size:cover;
   background-color:#333333;
   opacity:0.8;

}

  1. kyoto-top-wrapper{
   position:relative;
   width:1024px;
   margin-left:auto;
   margin-right:auto;

}

  1. kyoto-top-formula-wrapper{
   padding:330px 0 0 0;

}

  1. kyoto-top-formula{
   text-align:center;

}

  1. kyoto-top-sentence-wrapper{
   padding:41px 0 130px 0;

}

  1. kyoto-top-sentence{
   text-align:center;

} /*******ABOUT*******/

  1. kyoto-about-background{
   position:fixed;
   width:100%;
   height:100%;
   background-image:url(http://openwetware.org/images/a/a4/Kyoto-about-background.jpg);
   background-size:cover;

} .kyoto-about-text{

   padding-bottom:70px;
   color:#ffffff;

}

  1. kyoto-about-jamboree{
   padding:54px 50px 54px 50px;
   margin-bottom:30px;
   width:860px;
   background:rgba(250,250,250,0.3);

}

  1. kyoto-about-jamboree img{
   width:100%;

} /*******HISTORY*******/

  1. kyoto-history-background{
   position:fixed;
   width:100%;
   height:100%;
   background-image:url(http://openwetware.org/images/6/6a/Kyoto-history-background.jpg);
   background-size:cover;

}

  1. kyoto-history-link{
   padding-bottom:30px;
   text-align:center;
   color:#ffffff;

} .kyoto-history-year{

   font-size:50px;
   color:#ffffff;
   padding-bottom:10px;
   border-bottom:1px solid #ffffff;
   margin-bottom:55px;

} .kyoto-history-table{

   background-color:transparent;
   margin-bottom:55px;

} .kyoto-history-table td{

   margin-bottom:55px;
   vertical-align:top;

} .kyoto-history-text{

   width:450px;
   padding:0 30px 0 0;
   color:#ffffff;

} .kyoto-history-photo{

   padding:0 30px 0 30px;

} .kyoto-history-photo img{

   width:420px;

} /*******EVENTS*******/

  1. kyoto-events-background{
   position:fixed;
   width:100%;
   height:100%;
   background-image:url(http://openwetware.org/images/0/03/Kyoto-events-background.jpg);
   background-size:cover;

}

  1. kyoto-events-content{
   border-left:1px solid #ffffff;
   margin-top:10px;

} .kyoto-events-table{

   width:959px;
   border:0px;
   background:transparent;
   color:#ffffff

} .kyoto-events-table td{

   padding:10px;
   vertical-align:top;

} .kyoto-events-date{

   width:150px;
   border:0px;
   text-align:center;

}

  1. kyoto-events-content img{
   height:230px;
   padding-left:5px;
   padding-right:5px;

} .kyoto-events-photo{

   max-width:763px;
   overflow-x:auto;
   white-space:nowrap;

}

  1. kyoto-events-2016, #kyoto-events-2015, #kyoto-events-2014, #kyoto-events-2013, #kyoto-events-2012, #kyoto-events-2011, #kyoto-events-2010{
   display:none;

} /*******GAME*******/

  1. kyoto-game-background{
   position:absolute;
   background-color:#000;
   opacity:0.7;
   display:none;
   width:100%;
   height:100%;
   top:0;
   z-index:2;

}

  1. kyoto-game-center{
   position:fixed;
   width:0;
   height:0;
   left:50%;
   top:0;
   display:none;
   z-index:3;

}

  1. kyoto-game-wrapper{
   position:relative;
   margin-left:-480px;
   width:960px;

}

  1. wrapper{
   position:relative;
   height:498px;
   margin:80px 30px 0 30px;
   border:1px solid #000;
   background-color:#ffffff;

} .image{ position:absolute;

   width:100px;
   height:80px;

}

  1. image0{
   top:10px;
   left:55px;

}

  1. image1{
   top:110px;
   left:55px;

}

  1. image2{
   top:210px;
   left:55px;

}

  1. image3{
   top:310px;
   left:55px;

}

  1. databox{

width:225px;

   border-left:1px solid #000;
   float:right;

} .data{ width:225px;

   height:83px;
   text-align:center;

display: table-cell; vertical-align: middle;

   font-size:60px;

}

  1. databox img{
   vertical-align:bottom;

} .menu{ position:absolute;

   width:100px;
   height:80px;

}

  1. menu1{
   top:410px;
   left:55px;

}

  1. menu2{
   top:410px;
   left:210px;

}

  1. menu3{
   top:410px;
   left:365px;

}

  1. menu4{
   top:410px;
   left:520px;

} .area{ position:absolute;

   width:898px;
   height:498px;
   font-size:60px;
   text-align:center;

}

  1. gamestart{
   display:inline;
   background-color:#ffffff;

}

  1. gamestart div{

width:100%;

   height:500px;

line-height:500px; }

  1. gameover{
   display:none;
   background-color:#ffffff;

}

  1. gameover div{

width:100%;

   height:250px;

line-height:250px; } .play{

   position:absolute;
   width:898px;
   font-size:30px;
   bottom:0;
   text-align:center;
   margin:0 0 15px 0;

}

/*******TEAM*******/

  1. kyoto-team-background{
   position:fixed;
   width:100%;
   height:100%;
   background-image:url(http://openwetware.org/images/4/4e/Kyoto-team-background.jpg);
   background-size:cover;

}

  1. kyoto-team-member-wrapper, #kyoto-team-instructor-wrapper, #kyoto-team-adviser-wrapper{
   margin:0px 0px 55px 0px;

} .kyoto-team-table{

   width:960px;
   border-collapse:collapse;
   margin:0px 0px 55px 0px;
   background:transparent;

} .kyoto-team-table td{

   vertical-align:top;
   color:#ffffff;

} .kyoto-team-table-photo{

   width:300px;
   padding-right:60px

} .kyoto-team-table-photo img{

   width:300px;

} .kyoto-team-profile{

   width:600px;

} .kyoto-team-profile h3{

   padding:0;
   margin:0;
   border-bottom:1px solid #ffffff;
   font-size:20px;
   color:#ffffff;

} .kyoto-team-supporter{

   margin:30px 10px 20px 0px;
   padding:0;
   border:0;
   line-height:1.5em;
   border-bottom:1px solid #000;
   width:50%;

} .kyoto-team-advisor{

   margin:30px 10px 20px 0px;
   padding:0;
   border:0;
   line-height:1.5em;
   border-bottom:1px solid #000;
   width:50%;

} .kyoto-team-member{

   color:#ffffff;

}

  1. kyoto-team-2016, #kyoto-team-2015, #kyoto-team-2014, #kyoto-team-2013, #kyoto-team-2012, #kyoto-team-2011, #kyoto-team-2010{
   display:none;

} /*******FINANCE*******/

  1. kyoto-finance-background{
   position:fixed;
   width:100%;
   height:100%;
   background-image:url(http://openwetware.org/images/d/de/Kyoto-finance-background.jpg);
   background-size:cover;

} .kyoto-finance-desc{

   padding-bottom:55px;
   color:#ffffff;

}

  1. kyoto-finance-chart{
   padding:30px 0 30px 0;
   text-align:center;
   margin-bottom:55px;
   background:rgba(250,250,250,0.3);

}

</style> </html> <html> <div id="kyoto-footer-line"> <div id="kyoto-footer-wrapper">

   <div class="kyoto-footer">
       <a id="kyoto-footer-mail" href="mailto:igem.kyoto@gmail.com"><img src="http://openwetware.org/images/4/4b/Kyoto-footer-mail2.png"></a>
   </div>
   <div class="kyoto-footer">
       <a id="kyoto-footer-twitter" href="https://twitter.com/iGEMkyoto" target="_blank"><img src="http://openwetware.org/images/d/d1/Kyoto-footer-twitter.png"></a>
   </div>
   <div class="kyoto-footer">
       <a href="http://www.facebook.com/IgemKyoto" target="_blank"><img src="http://openwetware.org/images/4/46/Kyoto-footer-facebook.png"></a>
   </div>

</div> </div> </html> <html> <style type="text/css"> <!--

  1. kyoto-header-back{
   background-color:#c3d8f5;

} --> </style> </html>