@import url(https://fonts.googleapis.com/css?family=Lora:700);
@import url(https://fonts.googleapis.com/css?family=Open+Sans);
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

BODY{
background-image: url("images/img_01/img_01_??.jpg");
background-repeat: repeat;
background-position: 50% 50%;
background-attachment:fixed;
background-size: auto;
}

#page{
  margin: 0;
  padding: 0;
  font-family:  'Open Sans', "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
  -webkit-font-smoothing: antialiased;
  color: #090e2;
}

#pagehead{
  top:0;
  background-color: #020307;
  opacity: ;
  height:70px;
  position: fixed;;
  z-index: 100;
  float:right;
  width:100%;
}
#header-right{
  float:right;
  padding:0px 60px;
}
#header-right ul li {
  list-style: none;
  float: left;
  padding: 7px 15px;
}
#header-right ul li a {
  font-size: 14px;
  color: #f5f5f5;
  text-decoration: none;
}

#pagebody{
  padding-top: 60px ;
}
#catchcopy{
}
#catchcopy_title{
  position: absolute;
}
#top{
  position: relative;
}
#top p{
  position: absolute;
  top: 150px;
  left: 450px;
  font-size: 25px;
}
#img_top{
  width:101%;

}


.pagebodysub{
  padding: 0px 60px;
}
/*
.pagebodysub h2{
  font-size: 16px;
  line-height: 1.375;
  padding: 5px;
  margin-top: 0;
  border-bottom: 1px solid #CCCCCC
}
*/
.pagebodysub h1{
  font-size: 40px;
  font-weight: ;
  margin-bottom: 0;
  padding-top: 100px;
  text-align: center;
}
.pagebodysub h1 a{
  text-decoration: none;
  color:inherit;
}
.pagebodysub h3{
  font-size: 14px;
  font-weight: lighter;
  margin-top: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
}
.pagebodysub h3 a{
  text-decoration: none;
  color:inherit;
}
#news_list article{
  padding-left: 10px;
}
#news_list article p{
 font-size: 16px;
 font-weight: lighter;
 text-align: left;
 line-height: 2.5;
}
#news_list article a{
 text-decoration: none;
 color: black;
}
.pagebodysub .research:after{
  content: "";
  clear: both;
  display: block;
}
.pagebodysub .research article{
  width: 46%;
  float: left;
  margin-left: 8%;
  margin-top: -20px;
}
#research_list{
  margin-top: -310px;
  padding-top: 310px;
}
#research_list article h2{
  font-size: 18px;
  font-weight: lighter;
  margin-bottom: 8px;
  border-bottom: 1px solid #CCCCCC
}
#research_list article p{
  font-size: 14px;
  font-weight: lighter;
  text-align: left;
}
#research_list article:first-child{
  margin-left: 0px;
}
.pagebodysub .achievement:after{
  content: "";
  clear: both;
  display: block;
}
.pagebodysub .publications article{
  width: 30%;
  float: left;
  margin-left: 5%;
  margin-bottom: 50px;
}
#chemcomm_list article:nth-child(3n+1){
  margin-left: 0px;
  clear: both;
}
#chemcomm_list article p{
  margin-top: 0;
  text-align: left;
  font-size: 8px;
  line-height: 1.5;
}
#chemcomm_list article a{
 text-decoration: none;
 color: black;
}
#chemcomm_list article:first-child{
  margin-left: 0px;
}
#chemcomm_list article{
  width: 30%;
  float: left;
  margin-left: 5%;
  position: relative;
  z-index: 2
}
#img_member{
   padding-top: 100px;
}
#member{
  position: relative;
}
#member p{
  position: absolute;
  left: 10%;
  top: 88%;
  background-color: #020307;
  opacity: 0.9;
  color: white;
  padding: 3% 8%;
  line-height: 1.2;
  text-align: center;
}
#member p a{
  text-decoration: none;
  color: inherit;
}
#album_list article{
  width: 30%;
  float: left;
  margin-left: 5%;
}

#album_list article p{
  margin-top: 0px;
}
#album_list article:nth-child(3n){
  margin-left: 0px;
  clear: both;
}
.album_date{
  text-align: center;
  margin-bottom: 0px;
  line-height: 1.8;
}
.album_title{
  text-align: center;
  margin-top: 0;
  margin-bottom: 50px;
}
#pagefoot{
  text-align: center;
}
#pagefoot_ue{
  clear: both;
  background-color: #f5f5f5;
  color:#090e27;

  padding: 1px 10px;
  font-family: 'Century Gothic', 'Open Sans', "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
  line-height: 1.9;
}
#pagefoot h1{
  font-size: 40px;
  margin-bottom: 0;
  padding: 0;
}
#pagefoot h2{
  font-size: 14px;
  margin-top: -10px;
  margin-bottom: 50px
  padding: 0;
}
#pagefoot p{
  font-size: 15px;
  padding-bottom: 30px;
}
#copyright{
    text-align: center;
    padding: 0;
    margin: 0;
}
#copyright small{
  font-size: 12px;
  line-height: 1;
}
.maintable1 table{
  width: 100%;
}

.maintable1 th{
  width: 20%;
  vertical-align: top;
}

.maintable1 td{
  width: 80%;
  vertical-align: top;
}

.maintable1{
  border-spacing: 0px 20px;
}
/*publicationsページ*/
.publications_content p{
  text-align: left;
  width: 90%;
  margin-left: 5%;
}
.publications_content h2{
  text-align: center;
  background-color: #020307;
  color: #ffffff;
  font-weight: 200;
}
.publications_content h3{
  text-align:;
}
#Inorg2022{
  margin-top: -80px;
  padding-top: 80px;
}
#ChemSci2022{
  margin-top: -80px;
  padding-top: 80px;
}
#Angew2021{
  margin-top: -80px;
  padding-top: 80px;
}
#JPhysChemLett2021{
  margin-top: -80px;
  padding-top: 80px;
}
#ChemSci2021{
  margin-top: -80px;
  padding-top: 80px;
}
#jacs2020{
  margin-top: -80px;
  padding-top: 80px;
}
#Angew2019{
  margin-top: -80px;
  padding-top: 80px;
}
#Inorg2019{
  margin-top: -80px;
  padding-top: 80px;
}
#chemcomm2019{
  margin-top: -80px;
  padding-top: 80px;
}
#chemsci2019{
  margin-top: -80px;
  padding-top: 80px;
}
#chem2016{
  margin-top: -80px;
  padding-top: 80px;
}
#chem2015{
  margin-top: -80px;
  padding-top: 80px;
}
#eur2014{
  margin-top: -80px;
  padding-top: 80px;
}
#chem2014{
  margin-top: -80px;
  padding-top: 80px;
}
#chem2013{
  margin-top: -80px;
  padding-top: 80px;
}
/*memberページ*/

#member1{
  position: relative;
}
#member1 p{
  position: absolute;
  left: 10%;
  top:65%;
  background-color: #020307;
  opacity: 0.9;
  color: white;
  padding: 3% 8%;
  line-height: 1.2;
  text-align: center;
}
#member1 p a{
  text-decoration: none;
  color: inherit;
}
#profile_upper{
}
#img_profile{
  width:30%;
  float: left;
}
#profile_main h2{
  font-size: 30px;
  margin-bottom: 0;
  border-bottom: 1px solid #CCCCCC;
  text-align: left;
}
#profile_main{
  font-size: 15px;
  width: 60%;
  float:left;
  margin-left: 10%;
  text-align: left;
}
#profile article{
  font-size: 15px;
  margin-top: 10px;
  clear: left;
  text-align: left;
}
#profile h2{
  font-size: 30px;
  margin-bottom: 0;
  border-bottom: 1px solid #CCCCCC;
  text-align: left;
}
#outline th{
  width: 100px;
  text-align: left;
}
#outline td{
  text-align: left;
}
#gakureki th{
  width: 120px;
  text-align: left;
}
#gakureki td{
  width: 600px;
  text-align: left;
}
#syokureki th{
  width: 230px;
  text-align: left;
}
#syokureki td{
  width: 700px;
  text-align: left;
}
#profile{
  font-size: 15px;
}
#profile_second h2{
  font-size: 30px;
  margin-bottom: 0;
  border-bottom: 1px solid #CCCCCC
}
#student article{
  font-size: 17px;
  margin-top: 10px;
  clear: left;
  margin-bottom: 50px;
}
/*albumページ*/
.pagebodysub .album p{
  text-align: left;
  padding-left: 50px;
}
.pagebodysub .album h2{
  padding-left: 50px;
}
.pagebodysub .album a{
  font-size: 15px;
}
#album_main article h2{
  font-size: 20px;
  font-weight: lighter;
  text-align: left;
  margin-bottom: 15px;
  margin-top: 30px;
  border-bottom: 1px solid #CCCCCC
}

.album_picture{
  width: 32%;
  float: left;
  margin-right: 2%;
  margin-top: 5px;
  margin-bottom: 30px
}

.album_picture:nth-child(3n){
  width: 32%;
  float: none;
  margin-right: 0%;
}
/*newsページ*/
.pagebodysub .news p{
  text-align: left;
}
.pagebodysub .news article{
  padding-left: 40px;1
}

#news_main article a{
  font-size: 16px;1  font-weight: lighter;
  text-align: left;1  margin-bottom: 15px;
  margin-top: 30px;
  border-bottom: 1px solid #CCCCCC
}
.news_picture{
  width: 32%;
  float: left;
  margin-right: 2%;
  margin-top: 5px;
  margin-bottom: 30px
}

.news_picture:nth-child(3n){
  width: 32%;
  float: none;
  margin-right: 0%;
}


.maintable2 th{
  font-size: 16px;
  width: 15%;
  vertical-align: top;
}

.maintable2{
  border-collapse: separate;
  border-spacing: 0px 25px;
}