Difference between revisions of "IGEM:Kyoto/about"

From OpenWetWare
Jump to: navigation, search
(iGEMとは?)
 
(12 intermediate revisions by 4 users not shown)
Line 1: Line 1:
{{:IGEM:Kyoto/header}}
+
{{IGEM_Kyoto/css}}
==iGEMとは?==
+
{{IGEM_Kyoto/header}}
[[Image:IGEMBasicLogo.png|left|240px|iGEM Logo]]
+
<html>
[[Image:KyotoExperiment.jpg|right|230px|実験風景]]
+
<div id="kyoto-about-background">
 +
</div>
  
'''iGEM(アイジェム:the international Genetically Engineered Machine competition)'''は学部学生を主体とした合成生物学の世界大会です。マサチューセッツ工科大学内の生物工学分野における学部学生教育の一環として始まりました。その規模は年々拡大し、現在では世界各国から100チーム以上が参加するまでになりました。
+
<div id="kyoto-background-color">
 +
</div>
  
iGEMは学部学生の大会ではありますが、そのレベルは高く、特にfainalist(決勝進出チーム)はあと少しで論文を書けるレベルと評する方もいます。
+
<div id="kyoto-wrapper">
 +
    <div class="kyoto-chapter">
 +
        <img src="http://openwetware.org/images/2/27/Kyoto-about-text.png">
 +
    </div>
 +
    <div class="kyoto-about-text">
 +
私たちは合成生物学の世界大会iGEM(アイジェム:the international Genetically Engineered Machine competition)に向けて活動している京大チームです。iGEMは学部学生を主体とした大会で、その規模は年々拡大し、現在では世界各国のおよそ350大学が参加するまでになりました。<!-- <=2016の参加チーム数-->
 +
    </div>
 +
    <div id="kyoto-about-jamboree">
 +
        <img src="http://openwetware.org/images/d/dc/Kyoto-jamboree2014light.jpg">
 +
    </div>
 +
    <div class="kyoto-title">
 +
        <img src="http://openwetware.org/images/c/cf/Kyoto-about-workflow.png">
 +
    </div>
 +
    <div class="kyoto-about-text">
 +
参加する学生チームは自分たちで立てたテーマに従って、各々の実験スペースで実験を行います。大会までには実験以外にも多くの段階があります。
 +
    </div>
 +
    <div class="kyoto-title">
 +
        <img src="http://openwetware.org/images/5/53/Kyoto-about-discussion.png">
 +
    </div>
 +
    <div class="kyoto-about-text">
 +
iGEM本部からのテーマに関する規定は構築した遺伝子を生きた細胞の中で機能させることのみです。独創性のあるアイデアを持ち寄って、必要な実験、遺伝子や予想できるデータなど、得てきたことをプレゼンで発表します。
 +
    </div>
 +
    <div class="kyoto-title">
 +
        <img src="http://openwetware.org/images/5/50/Kyoto-about-experiment.png">
 +
    </div>
 +
    <div class="kyoto-about-text">
 +
実験では既存の遺伝子パーツおよび自分たちでデザインした新規遺伝子パーツを用いて生体システムを考案、設計、そして構築し、生きた細胞内で機能させます。基本的なDNAワーク、最先端の実験手法、モデリングなど学部学生ではまず得ることができない「生きた経験」を得ることができます。
 +
    </div>
 +
    <div class="kyoto-title">
 +
        <img src="http://openwetware.org/images/1/1b/Kyoto-about-wiki.png">
 +
    </div>
 +
    <div class="kyoto-about-text">
 +
iGEMではプロジェクト全体を包括的に説明するWebページを各チーム作成します。実験方法、データなどはすべて審査対象となっているWikiに掲載します。ゼロの状態からWebサイトを立ち上げるのでWebデザインおよびコーディングに関する経験を得ることができます。
 +
    </div>
 +
    <div class="kyoto-title">
 +
        <img src="http://openwetware.org/images/8/8a/Kyoto-about-P_%26_P.png">
 +
    </div>
 +
    <div class="kyoto-about-text">
 +
合成生物学は新規の学問領域であり、様々な側面でその是非を問う議論が行われています。iGEMでは合成生物学の政治的、経済的、社会的、法的、そして哲学的な背景に関する議論にどれだけ貢献したかも評価対象に含まれ、それがこのHuman and Practice部門で評価されます。毎年ユニークな取り組みが見られ各チームの独自色を前面に押し出せる部門でもあります。
 +
    </div>
 +
    <div class="kyoto-title">
 +
        <img src="http://openwetware.org/images/d/df/Kyoto-about-P_%26_P2.png">
 +
    </div>
 +
    <div class="kyoto-about-text">
 +
わかりやすさとインパクトを備えたものをめざして、載せるデータやデザイン、構成について推敲を重ねます。 中間発表で、先生方や前年度のメンバーから貴重なアドバイスをいただきます。
 +
    </div>
 +
    <div class="kyoto-title">
 +
        <img src="http://openwetware.org/images/4/47/Kyoto-about-jamboree.png">
 +
    </div>
 +
    <div class="kyoto-about-text">
 +
アメリカのボストンで開催されるjamboreeで英語によるプレゼンおよびポスターセッションを行います。海外チームとの交流は非常に刺激的で、中には素晴らしい成果を出しているチームもあり「世界トップレベル」を体感することができ、貴重な経験ができます。
 +
    </div>
 +
</div>
  
学生チームは自分たちでたてたテーマにしたがって、夏休みをかけて各々の実験スペースで実験を行います。実験ではBioBrickや新規パーツを用いて生体システムを考案、設計、そして構築し、生きた細胞内で機能させます。また、実験と並行して実験結果などをインターネット(wiki)経由で全世界に発信していきます。そして11月に行われるJamboree(本選)では、英語による口頭発表とポスター発表を行い、wikiの内容を踏まえた厳選な審査の結果、様々な賞が与えられます。
+
</html>
 
+
{{IGEM_Kyoto/footer}}
 
 
[[Image:Igem_kyoto_biobrick.png|300px|left|thumb|BioBrick;共通規格の制限酵素認識部位を両末端に待ち、組み合わせが容易な遺伝子パーツ。過去のプロジェクトで作られたパーツを含む様々な遺伝子のパーツが夏の初めに本部から送られてきます。]]
 
 
 
iGEMに参加することで、新たな学術分野である合成生物学の根幹に触れ、絶えず発展しつづける合成生物学の一旦を担うことができるはずです。さらには、基本的なDNAワーク、最先端の実験手法、モデリングなど学部学生ではまず得ることができない「生きた経験」を得ることができます。
 
 
 
==iGEM Jamboreeまでの道のり==
 
*11月に開催されるiGEMの大会までには色々な活動を行います。
 
<!-- **勉強会
 
*新メンバーと一緒に過去のファイナリストのプロジェクトの内容をまとめます。-->
 
 
 
 
 
 
 
'''■テーマ決定<br>'''
 
*iGEMに参加するチームはまず、各々で自由な実験テーマを設定します。iGEM本部からのテーマに関する規定は構築した遺伝子を生きた細胞内で機能させることのみです。独創性のあるアイデアを持ち寄って、必要な実験、遺伝子や予想できるデータなど、調べてきたことをプレゼンで発表します。
 
<gallery widths="240px" heights="180px">
 
Image:Igem_kyoto2010_giron2.JPG
 
</gallery>
 
 
 
 
 
'''■実験、wiki作製<br>'''
 
*夏休みが主に実験期間となります。実験方法、データなどはプロジェクトの説明と共に、審査対象となっているチームのwikiページに全て記載します。
 
<gallery widths="240px" heights="180px">
 
Image:Igem_kyoto2010_jikken1.JPG
 
Image:Igem_kyoto2010_wikisaku.JPG
 
</gallery>
 
 
 
 
 
'''■"human practice"活動<br>'''
 
*遺伝子組換えについてどう考えるか?、どんな風に自分たちのプロジェクトを一般の人にわかりやすく説明したらよいか?
 
**実験だけでなく、「human practice」と呼ばれるこうした活動も大切な活動の一部です。
 
**アンケートの実施やインタビュー、ワークショップなどの教育活動というように、毎年チームによって色々な活動が行われます。
 
*2010年度はkyotoチームの提案で、日本のiGEMチームと協力して「遺伝子組換え/バイオテクノロジーに関する意識調査」、
 
*2011年度は高校生を対象に、iGEM、遺伝子組換え実験について紹介する模擬授業を行いました。
 
<!-- 詳しくは[[IGEM:Kyoto/2010/project/humanpractice|2010年度プロジェクトへ]]-->
 
 
 
 
 
'''■本番用ポスター、スライドの作成<br>'''
 
*わかりやすさとインパクトを備えたものをめざして、載せるデータやデザイン、構成について推敲を重ねます。
 
*中間発表で、先生方や前年度のメンバーから貴重なアドバイスをいただきます。
 
<gallery widths="240px" heights="180px">
 
Image:Igem_kyoto2010_giron.JPG
 
</gallery>
 
 
 
 
 
 
 
学部生からの研究体験だけでなく、運営、国際交流といったように、たくさんの貴重な経験を得られるのがiGEMの魅力です!
 
<gallery widths="240px" heights="180px">
 
Image:Jamboree_slovenia.JPG
 
Image:Jamboree_sign.JPG
 
<!-- Image:.JPG -->
 
</gallery>
 
 
 
 
 
----
 

Latest revision as of 09:04, 31 May 2017

<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> <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-header-line"> <div id="kyoto-header-wrapper">

   <div id="kyoto-header-home-wrapper">
       <div id="kyoto-header-home">
           <a href="http://openwetware.org/wiki/IGEM:Kyoto"><img src="http://openwetware.org/images/0/03/Kyoto-header-home.png"></a>
       </div>
   </div>
   <div id="kyoto-header-about-wrapper">
       <div id="kyoto-header-about">
           <a href="http://openwetware.org/wiki/IGEM:Kyoto/about"><img src="http://openwetware.org/images/9/9d/Kyoto-header-about.png"></a>
       </div>
   </div>
   <div id="kyoto-header-history-wrapper">
       <div id="kyoto-header-history">
           <a href="http://openwetware.org/wiki/IGEM:Kyoto/history"><img src="http://openwetware.org/images/2/22/Kyoto-header-history.png"></a>
       </div>
   </div>
   <div id="kyoto-header-events-wrapper">
       <div id="kyoto-header-events">
           <a href="http://openwetware.org/wiki/IGEM:Kyoto/events"><img src="http://openwetware.org/images/d/d3/Kyoto-header-events.png"></a>
       </div>
   </div>
   <div id="kyoto-header-team-wrapper">
       <div id="kyoto-header-team">
           <a href="http://openwetware.org/wiki/IGEM:Kyoto/team"><img src="http://openwetware.org/images/5/5d/Kyoto-header-team.png"></a>
       </div>
   </div>
   <div id="kyoto-header-finance-wrapper">
       <div id="kyoto-header-finance">
           <a href="http://openwetware.org/wiki/IGEM:Kyoto/finance"><img src="http://openwetware.org/images/a/a1/Kyoto-header-finance.png"></a>
       </div>
   </div>
   <div id="kyoto-header-contact-wrapper">
       <div id="kyoto-header-contact">
           <a href="mailto:igem.kyoto@gmail.com"><img src="http://openwetware.org/images/9/9c/Kyoto-header-contact.png"></a>
       </div>
   </div>

</div> </div>

</html> <html> <div id="kyoto-about-background"> </div>

<div id="kyoto-background-color"> </div>

<div id="kyoto-wrapper">

   <div class="kyoto-chapter">
       <img src="http://openwetware.org/images/2/27/Kyoto-about-text.png">
   </div>
   <div class="kyoto-about-text">

私たちは合成生物学の世界大会iGEM(アイジェム:the international Genetically Engineered Machine competition)に向けて活動している京大チームです。iGEMは学部学生を主体とした大会で、その規模は年々拡大し、現在では世界各国のおよそ350大学が参加するまでになりました。<!-- <=2016の参加チーム数-->

   </div>
   <div id="kyoto-about-jamboree">
       <img src="http://openwetware.org/images/d/dc/Kyoto-jamboree2014light.jpg">
   </div>
   <div class="kyoto-title">
       <img src="http://openwetware.org/images/c/cf/Kyoto-about-workflow.png">
   </div>
   <div class="kyoto-about-text">

参加する学生チームは自分たちで立てたテーマに従って、各々の実験スペースで実験を行います。大会までには実験以外にも多くの段階があります。

   </div>
   <div class="kyoto-title">
       <img src="http://openwetware.org/images/5/53/Kyoto-about-discussion.png">
   </div>
   <div class="kyoto-about-text">

iGEM本部からのテーマに関する規定は構築した遺伝子を生きた細胞の中で機能させることのみです。独創性のあるアイデアを持ち寄って、必要な実験、遺伝子や予想できるデータなど、得てきたことをプレゼンで発表します。

   </div>
   <div class="kyoto-title">
       <img src="http://openwetware.org/images/5/50/Kyoto-about-experiment.png">
   </div>
   <div class="kyoto-about-text">

実験では既存の遺伝子パーツおよび自分たちでデザインした新規遺伝子パーツを用いて生体システムを考案、設計、そして構築し、生きた細胞内で機能させます。基本的なDNAワーク、最先端の実験手法、モデリングなど学部学生ではまず得ることができない「生きた経験」を得ることができます。

   </div>
   <div class="kyoto-title">
       <img src="http://openwetware.org/images/1/1b/Kyoto-about-wiki.png">
   </div>
   <div class="kyoto-about-text">

iGEMではプロジェクト全体を包括的に説明するWebページを各チーム作成します。実験方法、データなどはすべて審査対象となっているWikiに掲載します。ゼロの状態からWebサイトを立ち上げるのでWebデザインおよびコーディングに関する経験を得ることができます。

   </div>
   <div class="kyoto-title">
       <img src="http://openwetware.org/images/8/8a/Kyoto-about-P_%26_P.png">
   </div>
   <div class="kyoto-about-text">

合成生物学は新規の学問領域であり、様々な側面でその是非を問う議論が行われています。iGEMでは合成生物学の政治的、経済的、社会的、法的、そして哲学的な背景に関する議論にどれだけ貢献したかも評価対象に含まれ、それがこのHuman and Practice部門で評価されます。毎年ユニークな取り組みが見られ各チームの独自色を前面に押し出せる部門でもあります。

   </div>
   <div class="kyoto-title">
       <img src="http://openwetware.org/images/d/df/Kyoto-about-P_%26_P2.png">
   </div>
   <div class="kyoto-about-text">

わかりやすさとインパクトを備えたものをめざして、載せるデータやデザイン、構成について推敲を重ねます。 中間発表で、先生方や前年度のメンバーから貴重なアドバイスをいただきます。

   </div>
   <div class="kyoto-title">
       <img src="http://openwetware.org/images/4/47/Kyoto-about-jamboree.png">
   </div>
   <div class="kyoto-about-text">

アメリカのボストンで開催されるjamboreeで英語によるプレゼンおよびポスターセッションを行います。海外チームとの交流は非常に刺激的で、中には素晴らしい成果を出しているチームもあり「世界トップレベル」を体感することができ、貴重な経験ができます。

   </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>