*{
/*  -moz-boz-sizing: border-box;
  -webkit-box-sizing: border-box;*/
  box-sizing: border-box;
}

html {
  font-size: 100%;
}

body {
  max-width: 64em;
  width: 100%;
  margin: 0 auto;
  font: 0.4em 'Times New Roman', 'Times', 'Georgia', serif;
  background: url(../img/bg.gif) repeat-x;
  color: #666;
}

a {
  text-decoration: none;
  color: #b20f0f;
}

p {
  line-height: 130%;
}
  p.signature {
        font-style: italic;
        color: #333;
        font-weight: bolder;
  }

h2 {
  color: #b20f0f;
  font-size: 2em;
}

h3 {
  color: #b20f0f;
  font-size: 1.5em;
}

.description {
  opacity: 0.7;
  background-color: #fff;
  width: 54%;
  padding: 0.5em 0.8em;
}

.line {
  clear: both;
  /* border-bottom: 0.01em solid #ddd; */
  margin: 0 0 1em;
}

.language {
  background: url(../img/redbg.gif) repeat-x;
  text-align: center;
  padding: 0.5em 0.5em;
  margin: 0em 2em 1em;
}
  .language a {
    font-size: 1.8em;
    color: #fff;
  }

blockquote {
  background-color:#eee;
  padding: 0.5em 0.5em 0.5em 1em;
  position: relative;
}
blockquote:before {
  font-size: 400%;
  line-height: 1em;
  color: #000;
  position: absolute;
}
  blockquote .right {
    text-align: right;
  }


#menu {
}
  #menu .menu {
    float: left;
    width: 33%;
    padding: 0em 1em;
  }
  #menu .menujp {
    float: left;
    width: 50%;
  }
  #menu p {
    text-align: center;
  }
    #menu p a {
      color: #808080;
      font-size: 2em;
    }
      #menu p a:hover, #menu p a:focus {
        color: #000;
        border-bottom: 0.1em solid #ddd;
      }
  #menu p.current a {
    color: #000;
    font-size: 2em;
    border-bottom: 0.1em solid #ddd;
  }

#header {
}
  #header .label {
    float: left;
    background: url(../img/redbg.gif) repeat-x;
    padding: 2em 2em 0em;
    margin: -1em 2em 0.5em;
  }
    #header .label p a {
      font-size: 1.5em;
      text-shadow: 0.1em 0.1em 0.1em #7e0e0e;
      color: #fff;
    }
  #header .button {
    position: relative;
    float: right;
  }
  #header .fb-like {
    margin: 0em 2em;
  }

#footer {
  clear: both;
  font-size: .84em;
  border-top: 0.01em solid #ddd;
  margin: 1em 2em 0em 2em;
}

#top {
  margin: 0em 2em 0em;
} 
  #top .logo img {
    float: left;
    width: 100%;
  }
  #top .button {
    float: left;
    width: 50%;
  }
    #top .button .language {
      margin: 0em 2em 2em;
    }

#logo {
  display: table;
}
  #logo .cell {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 50%;
  }
    #logo img {
      float: left;
      width: 100%;
    }
    #logo p {
      padding: 0em 2em;
      font-size: 1.8em;
      text-align: center;
      color: #000;
    }

#news {
  margin: -1.5em 1em 2em;
}
  #news h3 {
    background: #808080;
    color: #fff;
    font-size: 0.8em;
    padding: 0.5em;
    float: left;
  }
  #news p {
    margin: 0.6em 2em 1em 1em;
    clear: both;
}

#overview {
  background: url(../img/overview.jpg) top no-repeat;
  padding: 0.8em 0em 0.8em 1em;
  border-bottom: 0.01em solid #ddd;
  margin: 9em 1em 2em 1em;
  background-size: 100% auto;
/*  -moz-background-size: 100% auto;
  -webkit-background-size: 100% auto;*/
}
  #overview p {
    color: #000;
    font-size: 1em;
    margin: 0.4em 0em;
  }
    #overview p.signature {
      font-style: italic;
      color: #333;
      font-weight: bolder;
    }

#information {
  padding: 0em 1em;
}

#recruiting {
  padding: 0em 1em;
}
  #recruiting img {
    width: 100%;
    padding: 0em 1em 0em 0em;
  }
  #recruiting p {
    padding: 0em 1em 0em 0em;
  }
  #recruiting .table {
    display: table;
    width: 100%;
	border: 10px;
  }
  #recruiting .head {
    display: table-cell;
    float: left;
    width: 30%;
  }
    #recruiting .head p {
      color: #b20f0f;
      font-weight: bold;
    }
  #recruiting .cell {
    display: table-cell;
    float: left;
    width: 70%;
	height: 50px;
  }
  #recruiting .cell-intro {
    display: table-cell;
    float: left;
    width: 70%;
	height:200px;
  }
  #recruiting input, button, textarea, select {
	  margin: 0;
	  padding: 0;
	  background: none;
	  border: none;
	  border-radius: 0;
	  outline: none;
	  /* -webkit-appearance: none;
	  -moz-appearance: none;
	  appearance: none;
	  */
  }
  #recruiting .cell input, textarea {
	  border: 1px solid #aaa;
	  padding: 0.5em;
	  display: table-cell;
 }
   
  #recruiting label .fa .fa-chevron-down {
	  color: #ddd;
	  font-size: 50%;
  }
  
  #recruiting label:after {
	  content: "\f078"
	  /* font-family: FontAwesome; */
  }
  
  #recruiting input.confirm {
	  width: 3em;
	  height: 2em;
	  font-size: 1.2em;
	  color: #b20f0f;
  }

  #recruiting div.center {
	  text-align: center;
  }

#member {
}

  #member img {
    width: 50%;
  }
  #member .cell {
    padding: 1em;
    width: 50%;
    float: left;
  }
  #member .cell h2.jp {
    margin-top: 0em;
  }
  #member p {
	line-height: 1.1em;
  }
  #member .large img {
   width: 100%;
   padding: 0em 1em;
  }
  #member .mind p {
   padding: 0em 1em 0em 1em;
  }
  #member p.post {
    margin: -0.5em 0em 0em;
    color: #b20f0f;
    font-weight: bolder;
  }

#research {
  padding: 7em 1em 0em;
}
  #research h2 {
    margin: 0.5em 0em;
  }
  #research p.signature {
    font-weight: bolder;
    font-size: 1.2em;
  }
  #research .year {
    display: table;
  }
  #research .head {
    display: table-cell;
    float: left;
    width: 10%;
  }
  #research .cell {
    display: table-cell;
    float: left;
    width: 90%;
  }

#project {
  padding: 7em 1em 1em;
}
  #project img {
    width: 50%;
  }
  #project .cell {
    float: left;
    width: 50%;
    padding-right: 1em;
    margin: -0.8em 0em 0em;
  }
  #project .large img {
    width: 100%;
  }
  #project .abstract img {
    width: 25%;
  }
  #project .abstract .cell {
    float: left;
    width: 75%;
  }

#accounting {
  padding: 7em 1em 0em;
}
  #accounting .year {
    display: table;
    width: 100%;
  }
    #accounting .year .head {
      display: table-cell;
      float: left;
      width: 36%;
    }
    #accounting .year .cell {
      display: table-cell;
      float: left;
      width: 64%;
    }
  #accounting .note {
    display: table;
    width: 100%;
  }
    #accounting .note .head {
      display: table-cell;
      float: left;
      width: 10%;
    }
    #accounting .note .cell {
      display: table-cell;
      float: left;
      width: 90%;
    }

#contact {
  padding: 7em 1em 0em;
}
  #contact p {
    padding: 0em 0em 0.5em 1em;
  }

@media screen and (orientation: landscape) {
  #menu {
    float: left;
    width: 24%;
    padding-left: 1em;
  }
    #menu .menu {
      clear: left;
    }
    #menu .menujp {
      width: 100%;
    }
    #menu p {
      text-align: left;
    }
  #logo {
    float: right;
    width: 76%;
  }
  #news {
    float: right;
    width: 76%;
    margin: -1em 0em 2em;
  }
  #top .logo img {
    width: 50%;
  }
  #top .button {
    margin: 2em 0em -1em;
  }
  #top .facebook {
    text-indent: 0.8em;
  }
  #overview {
    float: left;
    width: 75%;
    margin: 1em 0.5em 1em 0em;
  }
  #recruiting {
    float: left;
    width: 76%;
    padding: 0em 0em 1em;
  }
  #member {
    float: left;
    width: 76%;
    margin: 0em 0em 1em;
  }
  #research {
    float: left;
    width: 76%;
    padding: 0em 1em 1em;
  }
  #project {
    float: left;
    width: 76%;
    padding: 0em 1em 1em;
  }
  #accounting {
    float: left;
    width: 76%;
    padding: 0em 1em 1em;
  }
  #contact {
    float: left;
    width: 76%;
    padding: 0em 1em 1em;
  }
}

@media screen and (min-width: 37.5em) {
  body {
    max-width: 64em;
    font-size: 0.8em;
  }
  #menu p a {
    font-size: 1.5em;
  }
  #menu p.current a {
    font-size: 1.5em;
  }
  #logo p {
    font-size: 1.2em;
  }
  .language a {
    font-size: 1.5em;
  }
  #member p {
    font-size: 0.5em;
  }
  #project p {
    font-size: 0.821em;
  }
}

@media screen and (min-width: 48em) {
  body {
    max-width: 80em;
    font-size: 1.0em;
  }
  .language a {
    font-size: 1.4em;
  }
  #project p {
    font-size: 0.9em;
  }
}

@media screen and (min-width: 64em) {
  body {
    font-size: 0.7em;
  }
  #overview p {
    font-size: 1.1em;
  }
  #project p {
    font-size: 1em;
  }
}