body 	{
	margin: 0;
	font-size: 1.1em;
	font-family: 'Lato';
	/*
	font-family: 'Source Code Pro', monospace;
	font-family: 'Bruno Ace', cursive;
	*/
	line-height: 1.3;  
	left: 50%;
	overflow-x: hidden;
	overflow-y: auto;
	}  
html>/**/body {
	*font-size: small;
	*font: x-small;
}
* + html body {  
	font-family: "Lato","Source Code Pro";  
}  

a:link, a:visited {
	text-decoration: none;
	color: black;
	font-weight: bold;
}
a:hover {
	/*background-color: #EB8686;*/
	/*color: #bbb;*/
	color: #eee;
	background-color: #0F84A7;
}

:focus {
	outline: none;
}

.mailAddress<.textContent {
	white-space: nowrap;
}
.mailAddress>img {
	position: relative;
	display: inline;
        margin: 0;
	top:5px;
}


.infoIcon {
	display: inline-block;
	margin: 0;
}

#contents {
	margin-left: 50px;
	width: 90%;
}

#refTop {
	font-size: 23px;
}

#ellipsis {
	width: 40px;
	height: 40px;
	text-align: center;
}
#ellipsis  {
	display: flex;
}
#ellipsis > img {
	margin: 0 auto;
}

#titleLogo {
	margin-top: 60px;
}
#titleLogo > h1 {
	font-family: 'Kalam', cursive;
	font-size: 50px;
	
}
#fullTitleLogo {
	font-family: 'Alkatra', cursive;
}

.subTitle {
	font-size: 2.0em;
	position: relative;
	padding: 0.25em 0;
}
.subTitle:after {
	margin-top: 5px;
	content: "";
	display: block;
	height: 4px;
	background: -webkit-linear-gradient(to right, #073B4C, transparent);
	background: linear-gradient(to right, #073B4C, transparent);
}

/* ## Header ## */
#top_header {
	padding: 0px;
	margin: 0px;
}
#top_header_title {
	width: 100%;
	display: flex;
	height: 40px;
	margin: 0px ;
	padding: 20px 10px 5px 10px;
	color: #000;
	background-color: #073B4C;
	font-weight: bold;
	/*font-size: 2.5em;*/
	/*line-height: 0px;*/
	position: sticky;
	top: 0;
	z-index: 20;
}
#header_title_logo {
	font-size: 2.5em;
	width: 200px;
	position: relative;
	/*top: 13px;*/
	top: -10px;
	font-family: 'Kalam', cursive;
}
#header_title_logo > a {
	color: white;
	text-decoration: none;
	height: 50px;
	display: flex;
}
#header_title_logo > a:hover {
	color: #ccc;
}

/* Header menu */
#dropdown_lists {
	width: 200px;
	text-align: left;
	/*padding-bottom: 50px;*/
	
}

#tagmenu {
	position: relative;
	/*top: 10px;*/
	height: 40px;
	display: flex;
}
.tagmenu {
	width: 600px;
	margin-top:10px;
}
.tagmenu a {
	color: #fff;
	font-size: 18px;
	display: inline-block;
//	width: 100px;
	height: 20px;
	margin-left: 10px;
	margin-right: 10px;
	padding-left: 5px;
	padding-right: 5px;
}
.tagmenu a:hover {
	color: #bbb;
}
.tagmenu > li {
	display: inline-block;
	position: relative;
	//text-align: center;
	list-style-type: none;
}
.tagmenu > li > ul {
	display: none;
//	height: 80px;
}
.tagmenu > li ul li{
	height: 30px;
}
.tagmenu > li ul li a{
	/*text-align: left;*/
	margin-top: 10px;
	width: auto;
}
.tagmenu > li:hover ul {
//	width: 90px;
	height: auto;
	display:block;
	position:absolute;
	padding:0;
	margin:0;
	//padding-top: 20px;
	//margin-top: 10px;
	//padding-left: 5px;
	//top:10px;
	//left:10px;
	list-style-type:none;
	background-color: #073B4C;
}

.menu-s {
}

.menu-s>a {
	//width: 200px;
}


/* Footer */
#footer {
	width: 100%;
	height: 50px;
	margin: 20px 0px 0px 0px;
	padding: 10px 10px 0px 10px;
	color: #fff;
	background-color: #073B4C;
	text-align: center;
	font-size: 0.8em;
	line-height: 150%;
	font-family: 'Lato', cursive;
}
#footer #title{
	font-family: 'Kalam', cursive;
}
#footer span{
	font-size: 13px;
}
#footer a img {
	margin: 0 0 -20px 0;
}
#footer a:link {
	color: white;
}
#footer a:visited {
	color: white;
}



#top_menu_table{
	border: solid 1px #073B4C;
	background-color: #073B4C;
	color: #ffffff;
	width: 100%;
	height 10px;
}
#top_menu_table th a{
	font-size: 13px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}


/* #### TOP PAGE #### */
#mainContent {
}

#bunnerLinks{
	text-align: left;
	width: 800px;
	margin-top: 40px;
}
.bunnerLink {
	border: none;
	padding: 0 40px;
}
.bunnerLink > a > img{
	width: 150px;
	margin-right: 10px;
}

#references, #collaboration, #systemRequirements, #contactUs {
	text-align: left;
	width: 800px;
	margin-top: 30px;
}
.textContent {
}


/* TableSorter tables : entry list page */
table.tablesorter {
	font-family:arial;
	background-color: #CDCDCD;
	margin:10px 0pt 15px;
	font-size: 14px;
	width: 100%;
	text-align: left;
}
table.tablesorter a:link {
	text-decoration: none;
	color: black;
}
table.tablesorter a:visit {
	text-decoration: none;
	color: black;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	/*background-color: #e6EEEE;*/
	background-color: #073B4C;
	border: 1px solid #000;
	color: #FFF;
	font-size: 14px;
	padding: 4px;
}
table.tablesorter thead tr .header {
	background-image: url(../bg.png);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter tbody td {
	color: #000;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
}
table.tablesorter tbody tr.odd td {
	background-color:#F0F0F6;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(../asc.png);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(../desc.png);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #8dbdd8;
}







img#commButton{
		padding: 0px;
		margin: 0px;
		position: relative;
		top: 3px;
		display:inline-block;
		_display: inline;
		z-index: 1;
}


a#nameLine {
	white-space: normal;
}


/* Blast Page */
div#honbun{
		margin: 0px 20px 0px 20px;
}



#data_title {
	margin-top: 30px;
	padding: 0px 10px;
}

/* Detail Page */
#iid {
	display: block;
	font-size: 35px;
	margin-bottom: 10px;
}
.generalTitle {
	display:inline-block;
	font-size : 25px;
	width : 150px;
	margin-top: 5px;
	border-right: 4px solid #073B4C;
	vertical-align: top;
}
.generalItem {
	display: inline-block;
	font-size : 30px;
	margin-left: 10px;
	line-height: 1.2em;
	width: 85%;
	white-space: normal;
}

td#title {
 	border: 0px none;
}
td#mainrigth {
	padding:10px;
}
td#mainleft {
 	width: 25%;
	padding: 0px;
	border: none;
	vertical-align: top;
}

table.center_contents {
	margin-top: 40px;
	margin-bottom: 20px;
	white-space: nowrap;
	line-height: 40%;
	border: none;
}
table.center_contents > td {
	border: none;
}


#searchLink, #xmlLink{
		cursor:pointer;
}


div#headerItem {
	margin-top:5px;
	margin-left:20px;
	margin-right: 20px;
	white-space: nowrap;
	text-align:right;
	width: 100%;

}
form#searchForm {
}
form#topSearchForm {
	font-size: 13px;
	display: inline-block;
	position: relative;
	text-align:left;
	bottom: 5px;
	top: 0px;
}
form#searchForm > select {
	text-align: center;
	width: auto;
	height: 25px;
}
form#searchForm > input {
	margin-left: 5px;
	height: 20px;
	width: 300px;
}
form#topSearchForm > input {
	font-size: 18px;
	width: 810px;
	height: 40px;
}

button#searchSubmit {
	height:  25px;
	width: 25px;
	margin-left: 2px;
}
button#topSearchSubmit {
	height: 45px;
	width: 45px;
	margin-left: 2px;
	font-size: 20px;
	position: relative;
	top: 1px;
}


#searchFormDialog{	
}

#downloadDialog{	
}


/* IID List Page */
#resultArea{
}

th#ID	{
	width: 3%;
}
th#uniprot{
	width: 3%;
}
th#gene{
	width: 3%;
}
th#name	{
	width: 15%;
}
th#organism{
	width: 5%;
}
th#length{
	width: 2%;
}
th#pros	{
	width: 2%;
}
th#droplet{
	width: 2%;
}
th#pairnetwork{
	width: 2%;
}
th#diagram{
	width: 2%;
}

th#id{
	width: 2%;
}

th#complex{
	width: 6%;
}
td#complex{
	white-space: normal;
}

th#list_title{
	width: 20%;
}
td#list_title{
	white-space: normal;
}
td#ID a:hover{
	color: #eee;
	background-color: #0F84A7;
}
td#uniprot a:hover{
	color: #eee;
	background-color: #0F84A7;
}


#capture{
	margin: 10px 0px 6px 0px;
	}
.endSeq {
	display: inline-block;
	 _display: inline;
}




div#content {
	width :800px;
}


div#helpMessage	{
		overflow: auto;
}  


div#prosComment	{
		overflow: auto;
}  



span#idName {
	font-size: 30px;
}
span#idOrganism {
	font-size: 30px;
}
span#accession{
	font-size: 0.8em;
}


div#itemArea{
	margin-left: 50px;
	margin-right: 50px;
	white-space: nowrap;
}
/* Detail : ProS data area */
#bararea,#generalArea,#conditionInfomation {
	width: 100%;
	padding: 10px;
	margin-top: 30px;
}

#bararea {
	  width: 90.8%;
	  margin-top: 30px;
	margin-left:60px;
	margin-right:50px;
	border: 1px solid #000;
	padding: 20px;
	border-radius: 10px;	/* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */  
}



#bararea{
}
.topButton {
	margin-left: 10px;
	margin-right: 10px;
}
#topButton,#LLPSButton,#fastaDownload,#xmlDownload,#rdfDownload,#fastaButton,#network {
	display: inline-block;
	margin-top: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #073B4C;
	text-decoration: none;
	color: #fff;
	font-size: 22px;
	width: 150px;

	cursor: pointer;
	text-align: center;

	-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
	box-shadow: 0 3px 5px rgba(0, 0, 0, .3);

	border-radius: 0.5rem;
}
#topButton:hover,#LLPSButton:hover,#fastaDownload:hover,#xmlDownload:hover,#rdfDownload:hover,#fastaButton:hover,#network:hover,.condLink:hover {
	/*background-color: #EB8686;*/
	/*color: #bbb;*/
	color: #eee;
	background-color: #0F84A7;
}

span.seqButton,span.seqProsButton,span.eviButton,span.complexButton,span.disButton,span.seqPhosphoserineButton,span.seqAcetylationButton,span.seqMetylationButton,span.seqGlycoFeatureButton,span.condLink,button#atleast,button#majority,button#pros {
	cursor:pointer;
	margin: 0px 5px 0px 0px;
	padding: 1px 4px 1px 4px;
	background-color: #073B4C;
	text-decoration: none;
	color: #fff;
	-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
	box-shadow: 0 3px 5px rgba(0, 0, 0, .3);

	border-radius: 0.5rem;
}
span.seqButton:hover,span.seqProsButton:hover,span.eviButton:hover,span.complexButton:hover,span.disButton:hover,span.seqPhosphoserineButton:hover,span.seqAcetylationButton:hover,span.seqMetylationButton:hover,span.seqGlycoFeatureButton:hover,button#atleast:hover,button#majority:hover,button#pros:hover {
	/*background-color: #EB8686;*/
	/*color: #bbb;*/
	color: #eee;
	background-color: #0F84A7;
}
span.complexButton{
	margin: 0px 5px 0px 2px;
}


canvas {
	margin: 2px 1px 1px 1px;
}

div#idealLine, div#idealLineSub {
	border-bottom: 1px #333333 dashed;
	margin: 0px 0px 0px 0px;
	padding: 1px;
}

div#idealLineSub{
	background-color:#f0f0f0;
	background-color:#f0f0f0;
}

div#sumFeatureLine{
	border-bottom: 1px #333333 dashed;
	margin: 0px 0px 0px 0px;
	padding: 1px;
}

div#sumStructureLine#sumGlycosyrationLine, div#sumInteractionLine, div#sumPhosphoserineLine, div#sumDisorderLine, div#sumProsLine, div#sumAcetylFeatureLine, div#sumMethylFeatureLine{
	border-bottom: 1px #333333 dashed;
	margin: 0px 0px 0px 0px;
	padding: 1px;
}

div#phosphoserineLine, div#glycolationLine, div#disorderLine, div#prosLine, div#acetylLine, div#methylLine, div#interactionLine{
	border-bottom: 1px #333333 dashed;
	margin: 0px 0px 0px 0px;
	padding: 1px;
	background-color: #ffffee;
}

div#sumStructureLine{	border-bottom: 1px #333333 dashed;
	margin: 0px 0px 0px 0px;
	padding: 1px;
}
div#sumUnstructureLine{	border-bottom: 1px #333333 dashed;
			margin: 0px 0px 0px 0px;
			padding: 1px;
	}
div#evidenceLine{	border-bottom: 1px #333333 dashed;
			margin: 0px 0px 0px 0px;
			padding: 1px;
	}
div#evidenceLine.X-RAY{
			background-color:#fdfdea;
		}
div#evidenceLine.NMR{
			background-color:#fff3d7;
		}

div#regionLine	{	border-bottom: 1px #333333 dotted;
			margin: 0px 0px 0px 0px;
			padding: 1px;
			background-color:#ffeeee;
	}

//div#rpspfmDomainLine, div#hmmpfmDomainLine, div#rpsscpDomainLine, div#hmmscpDomainLine, div#sumKnwdomDichotLine, div#sumDisordDichotLine, div#sumNewdomDichotLine, div#disorderLine{
//			border-top: 1px #333333 dotted;
//			margin: 0px 0px 0px 0px;
//			padding: 1px;
//			background-color:#eeeeff;
//	}

//div#sumDichotLine, div#sumrpspfmDomainLine,div#sumhmmpfmDomainLine,div#sumrpsscpDomainLine,div#sumhmmscpDomainLine{
//			border-bottom: 1px #333333 dashed;
//			margin: 0px 0px 0px 0px;
//			padding: 1px;
//	}
div#totalDisorderLine{
			border-bottom: 1px #333333 dashed;
			margin: 0px 0px 0px 0px;
			padding: 1px;
}
div#sumDisordNeprocLine, div#sumKnwdomNeprocLine, div#sumNewdomNeprocLine, div#sumDisordAfLine, div#sumKnwdomAfLine{
			border-top: 1px #333333 dashed;
			margin: 0px 0px 0px 0px;
			padding: 1px;
}

div#condition table {
	width:540px;
	font-family: "Lato","Source Code Pro";  
}


canvas.evidenceCan	{	margin: 2px 1px 1px 1px;
	}

/** Entry table **/
table#searchIdealResultTable	{
		border-collapse: collapse;
		white-space:	nomal;
		table-layout: fixed;
}
#searchIdealResultTable > tbody > tr > td {	
	border: 1px #222288 solid;
	margin:	0px;
	padding:2px;
	white-space:	collapse;
	word-break:	break-all;
}
#searchIdealResultTable > td.data_head {
	width: 80px;
	background-color:	#f0f0f0;
}
#searchIdealResultTable > td.head {
	background-color:	#cccccc;
	color:			#3383bb;
	font-weight:		bold
}


td#LLPS, td#ProS, td#NETWORK, td#DIAGRAM {
		text-align: center;
}
td#LENGTH {
		text-align: right;
}


table#diagramList	{
		border-collapse: collapse;
		white-space:	nomal;
		table-layout: fixed;
}
#diagramList > tbody > tr > td {	
	white-space: nomal;
	border: 1px #222288 solid;
	margin:	0px;
	padding:2px;
}
#diagramList > td.data_head {
	width: 80px;
	background-color:	#f0f0f0;
}
#diagramList > td.head {
	background-color:	#cccccc;
	color:			#3383bb;
	font-weight:		bold
}
#diagramList > tbody > tr > td#structure {
	white-space:	normal;
}



span#orderCap, span#disorderCap, span#conflictCap, span#featureCap, span#structureCap, span#prosCap, span#scopCap, span#pfamCap, span#segCap{
	margin-left: 10px;	
}

a#orderExp, a#disorderExp, a#conflictExp, a#featureExp, a#structureExp, a#prosExp, a#scopExp, a#pfamExp, a#segExp{
	width: 10px;
	border:1px #555555 solid;
	margin: 0px 0px 0px 5px;
}
		
a#orderExp{
	background-color:#118ab2;
}
a#disorderExp{
	background-color:#ef476f;
}
a#conflictExp{
	background-color:#ffd166;
}
a#featureExp{
	background-color:#555555;
}
a#structureExp{
	background-color:#8e4c93;
}
a#prosExp{
	background-color:#06d6a0;
}
a#scopExp{
	background-color:#f1dac4;
}
a#pfamExp{
	background-color:#a69cac;
}
a#segExp{
	background-color:#f58220;
}

div#preTitle{
	letter-spacing: 1.2em;
	background-color: #ffd700;
	}

img#helpIcon{
		margin: 0px 0px 0px 10px;
	}

textarea#seq{
		width:500px;
		height:250px;
	}


div#sukima{
		//border-top: 1px #000000 solid;
		height: 0.5em;
	}
div#predictionArea{
	margin-top: 1.5em;
}

#experimentArea {
}

.coSubTitle {
	font-size: 1.5em;
	width: 100%;
	max-width: 300px;
	margin-top: 10px;
	margin-bottom: 10px;
	border-bottom: solid 3px #AEC4E5;
	position: relative;
}
.coSubTitle:after {
	position: absolute;
	content: " ";
	display: block;
	border-bottom: solid 3px #073B4C;
	bottom: -3px;
	width: 20%;
}
#experimentResult, #predictionResult {
	border:1px solid #000;
	border-radius: 10px;	/* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */  
}

/*FASTA Window*/
#fastaContents {
	margin-left:10px;
	font-family: 'Roboto Mono', 'Hiragino', monospace;
}
#fastaWindow:hover{
	color: #000;
}
#fastaWindow button#atleast{
	color: #fff;
	margin-top: 10px;
}
#fastaWindow button#majority{
	color: #fff;
}
#fastaWindow button#pros{
	color: #fff;
}
#fastaWindow div#majority{
}
#fastaWindow div#majority .o{
	color: white;
	background-color: #118ab2;
}
#fastaWindow div#majority .d{
	background-color: #ef476f;
}
#fastaWindow div#majority .od{
	background-color: #ffd166;
}
#fastaWindow div#atleast{
}
#fastaWindow div#atleast .o{
	background-color: #118ab2;
	color: white;
}
#fastaWindow div#atleast .d{
	background-color: #ef476f;
}
#fastaWindow div#atleast .od{
	background-color: #ffd166;
}
#fastaWindow div#pros{
}
#fastaWindow div#pros .o{
	background-color: #06d6a0;
}
#fastaWindow div#pros .d{
	background-color: #ef476f;
}
#fastaWindow div#pros .od{
	background-color: #ffd166;
}
#seqWindow div#structure,#seqProsWindow div#memori {
	font-size: 100%; 
	word-wrap:break-word;
}
#seqWindow div#structure,#seqProsWindow div#structure {
	font-size: 100%; 
	word-wrap:break-word;
}
#seqWindow div#structure span.str{
	background-color: #ff00ff;
}
#seqProsWindow div#structure span.o{
	background-color: #06d6a0;
}
#seqWindow div#structure span.evio{
	background-color: #118ab2;
	color: white;
}
#seqWindow div#structure span.evid{
	background-color: #ef476f;
	color: white;
}
#seqWindow div#structure span.dis{
	background-color: #ff0000;
}

#seqFeatureWindow div#structure span.phos,span.act,span.gly,span.met{
	background-color: gray;
	color: white;
}


td#tag{ 	border: 0px none;}
#main{		border: 0px none;
		padding:10px; }
#main table{	white-space:nowrrap;}
#main td{	border: 0px none;
		padding:10px; }
#main b{	font-size:1.1em;}

div#centerButton {
	width: 800px;
	text-align: left;
	margin-top: -10px;
	margin-left: -25px;
}

div#idealtext {
	text-align: left;
	width: 800px;
	margin-top: 40px;
}
div#moretext{	font-size:1.0em;}
span#more {
}
span#more>img {
	width: 30px;
}
span#more>img:hover {
	background-color: #ccc;
	cursor: pointer;
}
a#ellipsis>img {
	width: 30px;
}
a#ellipsis>img:hover {
	background-color: #ccc;
	cursor: pointer;
}
div#topfooter{	font-size:1.0em;}
div#phosphoserineLine, div#glycolationLine, div#disorderLine, div#prosLine, div#acetylLine, div#methylLine{
}

div#interactionLine{
			border-bottom: 1px #333333 dashed;
			margin: 0px 0px 0px 0px;
			padding: 1px;
			background-color: #ffffee;
	}
div#disorderLine{	border-bottom: 1px #333333 dashed;
			margin: 0px 0px 0px 0px;
			padding: 1px;
}
div#prosLine{	border-bottom: 1px #333333 dashed;
			margin: 0px 0px 0px 0px;
			padding: 1px;
}
div#rpspfmDomainLine	{
			border-bottom: 1px #333333 dotted;
			margin: 0px 0px 0px 0px;
			padding: 1px;
			background-color:#eeeeff;
	}

div#hmmpfmDomainLine,div#rpsscpDomainLine	{
			border-top: 1px #333333 dotted;
			margin: 0px 0px 0px 0px;
			padding: 1px;
			//background-color:#ffeeee;
	}

div#hmmscpDomainLine	{
			border-bottom: 1px #333333 dotted;
			margin: 0px 0px 0px 0px;
			padding: 1px;
			background-color:#ffeeee;
	}

//div#sumrpspfmDomainLine,div#sumhmmpfmDomainLine,div#sumrpsscpDomainLine,div#sumhmmscpDomainLine,div#sumKnwdomDichotLine,div#sumDisordDichotLine,div#sumNewdomDichotLine{
//			border-bottom: 1px #333333 dotted;
//			margin: 0px 0px 0px 0px;
//			padding: 1px;
//			background-color:#fff;
//	}
div#predictionDisorder{
		background-color:#ffffcc;
	}
img#helpIcon{
		margin: 0px 0px 0px 10px;
	}
textarea#seq{
		width:500px;
		height:250px;
	}

div.pairName{
	text-align: center;
	vertical-align: middle;
	padding: 10px 10px 10px 10px;
	float: right;
	position: absolute;
	background-color: #ffffcc;
	border: solid 2px #333333;
	clolor: black,
	z-index: 1000;
}


/** function area **/
#functionArea{
	width: 90.8%;
	margin-top: 30px;
	margin-right:50px;
	border: 1px solid #000;
	padding: 20px;
	border-radius: 10px;	/* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */  
}
#swissprotFunction {
}
/*
.functionAreaTitle{
	  padding-left: 5px;
	  border-top-left-radius: 10px;
	  border-top-right-radius: 10px;
	  border: solid 1px #000;
	  background-color: #ddd;
}
*/
.functionIsoformTitle{
}
.functionContents{
	padding: 5px;
	margin-bottom: 5px;      
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	border: solid 1px #000;
}



#showWindow {
	display: block;
}

#exportWindow {
	display: block;
}
















div#whatsnewContents{
	width: 800px;
	padding: 0px 10px 10px 10px;
}
div#whatsnewSubtitle{
	padding: 5px 10px 0px;
	font-weight: 600;
}
div#whatsnewTitle{
	font-weight: 400;
	font-size: large;
	padding: 5px 10px 5px;
}

span.subhead{
	display: inline-block;
	width: 11em;
}

span.subdes {
	padding-left: 10px;
}

p.historyContents { 
	width: 60em;
}

#dropletDialog {
	display: block;
}


/* Network Page */
div.tooltip {   
  position: absolute;	   
  text-align: center;	   
  width: 260px;		  
  height: 14px;		 
  padding: 2px;	     
  font: 12px sans-serif;	
  background: snow;
  border: 1px;	
  border-color: darkgray;
  border-radius: 8px;	   
  pointer-events: none;	 
}


/* Diagram Page */
.diagramTitle {
	margin-top: 30px;
	margin-bottom: 5px;
	margin-left: 50px;
	word-wrap: break-word;
	white-space: normal;
}
.diagramTitle>div {
}
#diagramGeneSymbol, #diagramGeneName {
}
#diagramLegend {
	display: inline-block;
	float: right;
	margin-right: 50px;
	margin-bottom: 10px;
}
#diagramLegendTitle {
	display: block;
	font-size: 20px;
}
#diagramGuide > img {
	width: 500px;
}
#diagramButton {
	margin-left: 50px;
	display: inline;
	margin-bottom: 10px;
}
#diagramArea {
	margin-top: 30px;
}
.diagramTable {
	width: 100%;
	border-radius: 10px;
	border-spacing: 0;
	border: none;
	//border-collapse: collapse;
	margin-top: 5px;
	border-left: 1px solid #999;
	border-top: 1px solid #999;
}
.diagramTable tr>*{
	padding: 5px 10px;
	border: none;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
}
.diagramTable tr:first-child>*:first-child{
	border-radius: 10px 10px 0 0;
}
.diagramTable tr:first-child>*:last-child{
	border-radius: 10px 10px 0 0;
}
.diagramTable tr:last-child>*:first-child{
	border-radius: 0 0 0 10px;
}
.diagramTable tr:last-child>*:last-child{
	border-radius: 0 0 10px 0;
}
.diagramHead {
	background-color: #073B4C;
	color: #fff;
}
.diagramEntry {
	width: 200px;
	min-width: 100px;
	max-width: 300px;
}
.diagramTitle {
}


#referenceArea{
	word-wrap: break-word;
	width: 90.8%;
	margin-top: 30px;
	margin-left:60px;
	margin-right:50px;
	border: 1px solid #000;
	padding: 20px;
	border-radius: 10px;    /* CSS3草案 */
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 10px;   /* Firefox用 */
}
#pubmedId {
}
.pubmedIdTitle{
}
.pubmedIdTable {
	width: 100%;
	border-radius: 5px;
	border-spacing: 0;
	border: none;
	//border-collapse: collapse;
	margin-top: 5px;
	border-left: 1px solid #999;
	border-top: 1px solid #999;
}
.pubmedIdTable tr>*{
	padding: 5px 10px;
	border: none;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	font-size: 1.1em;
}
.pubmedIdTable tr:first-child>*:first-child{
	border-radius: 10px 0 0 0;
}
.pubmedIdTable tr:first-child>*:last-child{
	border-radius: 0 10px 0 0;
}
.pubmedIdTable tr:last-child>*:first-child{
	border-radius: 0 0 0 10px;
}
.pubmedIdTable tr:last-child>*:last-child{
	border-radius: 0 0 10px 0;
}


/* Bar area stripe */
#sumProsLine[bg="odd"] {
	background-color: #eeeeee;
}
#sumStructureLine[bg="odd"], #sumUnstructureLine[bg="odd"] {
	background-color: #eeeeee;
}
#sumPhosphoserineLine[bg="odd"] {
	background-color: #eeeeee;
}
#sumDisordDichotLine[bg="odd"] {
	background-color: #eeeeee;
}
#sumhmmscpDomainLine[bg="odd"] {
	background-color: #eeeeee;
}
#sumrpspfmDomainLine[bg="odd"] {
	background-color: #eeeeee;
}
#sumhmmpfmDomainLine[bg="odd"] {
	background-color: #eeeeee;
}
#sumrpsscpDomainLine[bg="odd"] {
	background-color: #eeeeee;
}
#sumhmmscpDomainLine[bg="odd"] {
	background-color: #eeeeee;
}
#sumKnwdomDichotLine[bg="odd"] {
	background-color: #eeeeee;
}
#sumDisordDichotLine[bg="odd"] {
	background-color: #eeeeee;
}
#sumNewdomDichotLine[bg="odd"] {
	background-color: #eeeeee;
}
#sumPhosphoserineLine[bg="odd"] {
	background-color: #eeeeee;
}

#neprocItem {
	border-top-style: none;
}

/* edge page */
#entryName {
	font-size: 30px;
	margin: 20px 0px 0px 0px;
	white-space: pre-line;
}


/* Blast page */
#blastResult {
	margin-left: 50px;
	margin-right: 50px;
	font-family: 'Roboto Mono', 'Hiragino', monospace;
}

/*Browse page*/
.listLink {
	margin-left: 50px;
	margin-top: 50px;
}

.browseButton {
	font-weight: bold;
}


.pair-name-popup {
    position: absolute; /* 絶対位置指定で他の要素に影響を与えない */
    background-color: #FFFFDD; /* 背景色 */
    border: 1px solid #999; /* 枠線 */
    padding: 5px 10px; /* 内側の余白 */
    border-radius: 5px; /* 角を丸くする */
    box-shadow: 2px 2px 5px rgba(0,0,0,0.2); /* 影 */
    z-index: 1000; /* 他の要素の上に表示 */
    display: none; /* 初期状態では非表示 */
    /*white-space: nowrap;*/ /* テキストの折り返しを防ぐ */
}