:root {
	--theme: rgba(80, 137, 163,1) /*#cccc00*/;
	--themeLight: rgba(89,153,182,1) /*rgba(222,140,140,1)*/;
	--themeDark: rgba(22, 38, 45,1)/**/;
}

*{
border-style:none;
border-width:0px;
text-decoration:none;
/*font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Arial";
font-family:"Helvetica","Arial","Hiragino Maru Gothic Pro","TakaoGothic","Meiryo";*/
/*font-family: "Century Gothic", Arial, Helvetica, sans-serif;*/
font-family: "Segoe UI", Arial, Helvetica, sans-serif;
}

.japanese {
	display:none;
}

.english {
	display:inline;
}

.flag {
	vertical-align: middle;
	margin-right:5px;
	box-shadow: 2px 2px 8px grey;
}

.langBox { margin: 0pt 0px 20px 20px; }
.langName { font-size: 9pt; color: black; text-decoration: none; margin-right: 4px; }
.langName a { color: black; text-decoration: none; }



.text1{
    /*display:block;*/
    width:auto;
    margin:15px 5px 20px 5px;
    font-size:16px;
    color:gray;
    border-style:none;
    border-width:0px;
	overflow: auto;
	/*padding-left: 30px;*/
	line-height: 28px;
}

.text1 ul { color: black; }

a {
	color: var(--theme);
	/*color:orange;*/
	/*text-decoration:underline;*/
}

a:hover{
	/*background-color:#66ccff;
	color:#cc0000;*/
	color: var(--themeDark);
	/*background-color: skyblue;*/
	text-decoration:underline;
}

img{
    border-width:0px;
    border-style:none;
}

body{
    float:center;
    font-family:"Helvetica","Arial","Hiragino Maru Gothic Pro","TakaoGothic","Meiryo";
    width:100%;
    height:100%;
    margin:0px;
    padding:0px;
    background-color:#fff;
}


.nav-item1, .nav-item2, .nav-item3, .nav-item4 {
	color: #666666;
	display: block;
	float: left;
	width: 45%;
	height: 120px;
	margin-left: 0.5%;
	margin-right: 0.5%;
	margin-bottom: 1%;
	padding: 2%;
	/*border-color: black;
	border-width: 5px;*/
	background: rgb(230,230,230);
	background: linear-gradient(90deg, rgba(220,220,220,1) 0%, rgba(200,200,200,1) 66%);
	overflow: hidden;
}

.nav-item {
	float: right;
	color: #666666;
	display: block;
	width: 42%;
	height: 5%;
	margin-right: 1%;
	margin-bottom: 1%;
	padding: 2%;
	/*border-color: black;
	border-width: 5px;*/
	background: rgb(230,230,230);
	background: linear-gradient(90deg, rgba(220,220,220,1) 0%, rgba(200,200,200,1) 66%);
}

.nav-item:hover {
	background: #bbbbbb;
	/*background: linear-gradient(90deg, rgba(220,220,220,1) 0%, rgba(182,89,117,1) 66%);*/
}

.nav-item1:hover, .nav-item2:hover, .nav-item3:hover, .nav-item4:hover {
    text-decoration: none; background: pink; }
	
.nav-item1:hover, .hypernuclear {
	background: rgb(220,220,220);
	background: linear-gradient(90deg, rgba(220,220,220,1) 0%, rgba(182,89,117,1) 66%);
}
	
.nav-item2:hover, .hadronic {
	background: rgb(220,220,220);
	background: linear-gradient(90deg, rgba(220,220,220,1) 0%, rgba(173,182,89,1) 66%);
}

.nav-item3:hover, .nuclear {
	background: rgb(220,220,220);
	background: linear-gradient(90deg, rgba(220,220,220,1) 0%, rgba(253,157,105,1) 66%);
}

.nav-item4:hover, .coldatoms {
	background: rgb(220,220,220);
	background: linear-gradient(90deg, rgba(220,220,220,1) 0%, rgba(89,113,182,1) 66%);
}




#header{
    float:center;
	position: fixed;
	z-index: 1;
	top: 0;
	left: 50%;
	transform: translate(-50%, 0);

    margin: auto;
    width: 100%;
    background-color: #fff;
	background: rgb(220,220,220);
	/*background: linear-gradient(90deg, rgba(220,220,220,1) 0%, rgba(222,140,140,1) 66%);*/
	background: linear-gradient(90deg, rgba(220,220,220,1) 0%, var(--themeLight) 66%);
	
    /*background-repeat:none;*/
  /*-moz-box-shadow: 0px 0px 8px #gray;
  -webkit-box-shadow: 0px 0px 8px #gray;*/
    padding-top:20px;
	text-align: center;
    vertical-align:middle;
}

.labName { 
	/*height: 50px;*/
	margin: 0px 0px 10px 0px;
	font-family: "Candara", Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-colo": red;
}

#body {
    width: 100%;
	margin: 0px;
    padding: 100px 0px 0px 0px;
    background-color:#ffffff;
   }
   
#bodyx {
    width: 100%;
	margin: 0px;
    padding: 100px 0px 0px 0px;
    background-color:#ffffff;
   }

.section{
    width:auto;
    padding:5px;
    margin: 0px 0px 0px 0px;
}

#footer{
    text-align:left;
    padding:0px 0px;
    margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
    color: #99ddff;
    font-size:18px;
    text-align:right;
    /*text-shadow: 0px 0px 5px #000000;*/
    width:100%;
    height:60px;
    background-color: var(--theme);
    background-image:url("FIG/rikenalt.svg");
	background-size: 28px;
    background-repeat:no-repeat;
    background-position: 30px 6px;
  /*-moz-box-shadow: 0px 2px 8px #gray;
  -webkit-box-shadow: 0px 2px 8px #gray;*/
}



pre{
    //display:block;
    width:auto;
    margin:10px;
    font-size:20px;
    color:gray;
    border-style:none;
    border-width:0px;
    white-space: -moz-pre-wrap; /* Mozilla */
    white-space: -pre-wrap;     /* Opera 4-6 */
    white-space: -o-pre-wrap;   /* Opera 7 */
    white-space: pre-wrap;      /* CSS3 */
    word-wrap:   break-word;    /* IE 5.5+ */
}
pre.paper{
    font-size:17px;
    color:#000;
}
pre.paper i{
    color: gray;
}



h1{
    margin:7px 0px 0px 0px;
    padding:0px 20px;
    /*height:32px;*/
    width:auto;
    font-size:22px;
    color: black; /*skyblue;*/
    border-style:solid;
    border-width:0px 0px 2px 20px;
    border-color: var(--theme); /*#cc0000;*/ /*skyblue;*/
}

h2{
//width:150px;
//_width:200px;
padding:0px 15px;
font-size: 20px;
color: #666666; /*skyblue;*/ /*#66ccff;*/
border-color: #999999; /*#cc0000;*/
border-style:solid;
border-width:0px 0px 1px 20px;
}


table.member{
    margin:20px auto;
    font-size:20px;
    color:gray;
}
table.member tr{
}

table.member td{
    width:150px;
    height:20px;   
}

table.member td.mail{
    color:black;
    text-align:left;
    width:300px;

}
table.member td.job{
    width:200px;
}
table.member td.job2{
    width:300px;
}
table.member td.name{
    text-decoration:dashed;
    width:220px
}
table.member td.univ{
    width:400px;
}


.person {
	display: block;
	width: 90%;
	height: 150px;
	float: left;
	/*border: 1px solid black;*/
	background: #dedede;
	padding: 15px;
	margin: 10px 2.5px 10px 2.5px ;
}

a .person:hover {
	background: #cccccc;
}

.person .arrow {
	margin-top: 20px;
	width: 30px;
}

.name {
	color: var(--theme) /*#cc0000*/;
	font-size: 14pt;
}

.name a {
	color: var(--theme) /*#cc0000*/;
}
.photo {
	float: right;
	height: 100%;
	background: #bbbbbb;
}

.position {
	color: #666666;
	font-size: 10pt;
}

.mail {
	color: black;
	font-size: 10pt;
}

.charimg {
	width: 10pt; height: 10pt;
	vertical-align: middle;
}


.bibliography li {
	margin-bottom: 10pt;
}

.bibliography li a {
	display: block;
}

.publicationTitle { }

.publicationAuthors { 
	color: #666666;
	font-size: 11pt;
}

.reference {
	font-size: 10pt;
	display: block;
	color: #666666;
}



.title {
	padding: 15px;
	font-size:16pt;
	font-weight: bold;
	color: #333333;
}


@media only screen and (min-width: 540px) {
	.labName {
		font-size:35px;
		margin: 0px 0px 20px 40px;
	}
	
	#header{
		text-align: left;
		float: clear;
		position: relative;
	}
	
	#body {
		padding: 0px 0px 0px 0px;
	}
	
	#bodyx {
		padding: 0px 0px 0px 0px;
	}
	
	#footer {
		height:110px;
		background-size: 55px;
	}
	
	.langBox { margin: 0pt 0px 20px 40px; }
	
	.section{
		width:auto;
		padding:20px;
		margin: 0px 0px 0px 0px;
	}
	
	.text1 {
		margin: 20px;
	}
	
	
	
	.person {
		width: 360px;
		height: 150px;
		padding: 15px;
		margin: 15px;
	}
	
	.person .arrow {
		margin-top: 70px;
	}

}

@media only screen and (min-width: 1024px) {
	
	#body {
		width:1024px;
		margin-left: auto;
		margin-right: auto;
	}
	

	#footer{
		float:center;
		margin: auto;
	}
}