Difference between revisions of "IGEM:Kyoto/home"

From OpenWetWare
Jump to: navigation, search
m (News)
 
(48 intermediate revisions by 4 users not shown)
Line 1: Line 1:
{{:IGEM:Kyoto/header}}
+
{{IGEM_Kyoto/css}}
<div id="news">
+
{{IGEM_Kyoto/header}}
==News==
 
*新入生歓迎説明会を開催しました。
 
**日にち:12月19日
 
**集合時間:18時20分
 
**集合場所:時計台前
 
**内容:iGEM Kyotoの説明会、茶話会、夕食
 
**予想以上に来てくださった来場者のみなさまに感謝!今回逃してしまったという方も、iGEM Kyotoは毎週火曜日にミーティングを行っていますので、来てくださればいつでも説明いたします。
 
**ミーティングに参加したいとお思いの方は[[IGEM:Kyoto/contact|こちら]]までご連絡ください。
 
  
*メンバー募集中!
 
**iGEM Kyoto 2013の新メンバーを募集しています。
 
**iGEM Kyotoの活動は実験だけでなく、モデリングや広報、マネジメント、ウェブサイト作成など様々であり、いろいろな分野の人を求めています。回生、学部、専門分野は問いません。
 
**またアドバイザーとして、チームを支えて下さる院生や教官の方も募集しています。
 
**アドバイザーの役割としては、学部生メンバーの実験面でのサポートや、テーマ決定・実験計画の作成の際の指導などがあります。
 
**関心のある方はぜひご連絡下さい。
 
**[[IGEM:Kyoto/contact|メール]]でのご質問などもお気軽にどうぞ^^
 
**[[IGEM:Kyoto/contact|連絡先はこちら]]
 
**([http://twitter.com/iGEMkyoto Twitter]もよろしくお願いします)
 
  
*iGEM World Championshipが終了しました!
+
<div id="kyoto-top-background">
**iGEM Kyoto 2012は無事MITまで進出することができました!応援してくださったみなさまのおかげです。ありがとうございました。2013年度も応援よろしくお願いします。
+
</div>
**[http://2012.igem.org/files/video/Kyoto_Championship.mp4 iGEM Kyoto 2012のプレゼンテーション動画]が公開されました!
 
  
*iGEMアジア予選が終了しました!
+
<div id="kyoto-background-color">
**我々iGEM Kyotoは予選を突破し、World Championshipに進出しました!
+
</div>
**金メダルを獲得しました!
 
 
 
*[[iGEM:Kyoto/GoldenPass|GoldenPass]]について
 
 
 
<!--*4月28日開催予定の遠足について
 
**申し訳ありませんが、こちらの事情により延期とさせていただきます。
 
**この件に関しては後日報告させていただきます。
 
  
*新入生歓迎説明会を開催します。
+
<div id="kyoto-top-wrapper">
**日にち:4月13日、27日、5月11日(それぞれ同内容)
+
    <div id="kyoto-top-formula-wrapper">
**集合時間:18時15分
+
        <div id="kyoto-top-formula">
**集合場所:時計台前
+
            <img src="http://openwetware.org/images/c/c1/Kyoto-top-formula.png">
**内容:iGEM Kyotoの説明会、茶話会、夕食
+
        </div>
**<s>嵐山までの遠足も4月28日開催予定です。こちらについての詳細は新歓説明会で…</s>
+
    </div>
**毎週火曜日ミーティングを行っています!新歓説明会だけじゃなく、ミーティングにも参加したいとお思いの方は[[IGEM:Kyoto/contact|こちら]]までご連絡ください。
+
    <div id="kyoto-top-sentence-wrapper">
 
+
        <div id="kyoto-top-sentence">
*メンバー募集中!
+
            <img src="http://www.openwetware.org/images/0/05/IGEM_hp2.png">
**iGEM Kyoto 2012の新メンバーを募集しています。
+
        </div>
**iGEM Kyotoの活動は実験だけでなく、モデリングや広報、ウェブサイト作成など様々であり、いろいろな分野の人を求めています。回生、学部、専門分野は問いません。
+
    </div>
**またアドバイザーとして、チームを支えて下さる院生や教官の方も募集しています。
 
**アドバイザーの役割としては、学部生メンバーの実験面でのサポートや、テーマ決定・実験計画の作成の際の指導などがあります。
 
**関心のある方はぜひご連絡下さい。
 
**[[IGEM:Kyoto/contact|メール]]でのご質問などもお気軽にどうぞ^^
 
**[[IGEM:Kyoto/contact|連絡先はこちら]]
 
**(Twitterもよろしくお願いします)
 
-->
 
*立て看板設置しましたo(^▽^)o
 
*わくわく理学2公開中です!
 
**http://www.sci.kyoto-u.ac.jp/wakuwaku/
 
**京都大学理学部広報媒体「わくわく理学2」の巻末特集にて、iGEM Kyotoの活動が紹介されています。
 
**動画も是非お見逃しなく!(上のURLから閲覧できます)
 
*総長賞を受賞しました!!
 
**立ち上げから3年目となった、ついに総長賞を頂くことができました!
 
**歴史を築いてこられた先輩方、支えて下さった先生方に改めて感謝申し上げます!
 
*「紅萠」記事掲載!
 
**3月末刊行の国内向け広報誌「紅萠(くれなゐもゆる)」19号にiGEM Kyotoの記事が掲載されました。
 
*京大WEB記事が公開されました!
 
**[http://www.kyoto-u.ac.jp/ja/news_data/h/h1/news7/2010/101108_2.htm ページはこちら]
 
**京都大学のホームページにて、iGEM Kyotoの活動紹介記事を載せていただきました。
 
 
</div>
 
</div>
<div id="sponsors">
 
  
==Sponsors==
 
*iGEM Kyoto2013はスポンサーを絶賛募集中です。
 
**iGEM Kyoto2013はスポンサーを必要としています。
 
**スポンサーの方の企業名、個人名、ロゴ等を大会中で着用するチームTシャツに掲載させて頂きます。
 
**また、当wikiや大会ポスターにも掲載予定です。
 
**支援してくださる方がおられましたら、是非iGEM Kyotoまでご連絡ください。
 
**[[IGEM:Kyoto/contact|連絡先はこちら]]
 
*iGEMKyoto2011はコスモバイオ株式会社からの支援をいただきました。<br/>[[Image:igem_kyoto2011_sponsor.gif|コスモバイオ株式会社]]
 
</div>
 
<!--[[Image:igem_kyoto2011_meetup_kyoto.jpg|350px|left|iGEMJapan懇親会@京大]]-->
 
<!--2010年度MIT写真[[Image:Igem_kyoto2010_mit.JPG|350px|left]]-->
 
<!--↑同じ内容[[Image:KyotoMember2010-3.jpg|left|240px|2010年度メンバー]]-->
 
  
 
<html>
 
<html>
 
<style type="text/css">
 
<style type="text/css">
 
<!--
 
<!--
#body div { float: left; margin: 10px; padding: 5px; }
+
#kyoto-header-line{
 
+
    background-color:transparent;
#body li { margin: 10px 0px; font-weight:bold; }
 
#body li li { margin: 0px 0px; font-weight:normal; }
 
 
 
#news {
 
border: 1px solid #ff9600;
 
background-color: #ffeedf;
 
width: 545px;
 
}
 
 
 
#sponsors {
 
border: 1px solid #00ff00;
 
background-color: #dfffdf;
 
width: 359px;
 
 
}
 
}
 
-->
 
-->
 
</style>
 
</style>
 +
</html>

Latest revision as of 17:25, 7 November 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> <style type="text/css"> <!--

  1. kyoto-header-line{
   background-color:transparent;

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