@charset "utf-8";

/***** Common *****/

p,hr,h1,h2,h3,h4,h5,h6,ul,ol,li,table,tr,td,form,dl {
	margin: 0;
	padding: 0;
}

img {
	margin: 0;
	border: 0;
}

br {
	margin: 0;
	padding: 0;
}

hr {
	display: none;
}

table {
	border-spacing: 50px 10px;
}

body {
	background-color: #AAA;
}

a:link{text-decoration:none;color:#2222cc;}
a:hover{text-decoration:underline;color:#000000;}
a:visited{text-decoration:none;color:#2222cc;}

.container {
	position: relative;
	width:1000px;
	margin:0px auto;
	font-family:sans-serif;
	background-color: white;
	border : solid 7px #b3b3b3 ;
	border-top : solid 7px #717171 ;
	border-bottom : solid 7px #e0e0e0 ;
}

#header {
	width:1000px;
	height:105px;
	margin:0px auto;
	background-image:url(../image/header.png);
	background-repeat:no-repeat;
	background-size:contain;
}

#menu-container {
	width:1000px;
	height:40px;
        padding:5px 10px 5px 30px;
	column-fill:auto;
	font-size:24px;
        font-weight:bold;
}

#menu-item1 {
	width:100px;
	height:40px;
        padding:5px 10px 5px 30px;
	position:relative;
	top:0px;
	left:0px;
	font-size:24px;
        font-weight:bold;
}
#menu-item2 {
	width:100px;
	height:40px;
        padding:5px 10px 5px 30px;
	position:relative;
	top:-50px;
	left:200px;
	font-size:24px;
        font-weight:bold;
}
#menu-item3 {
	width:100px;
	height:40px;
        padding:5px 10px 5px 30px;
	position:relative;
	top:-100px;
	left:400px;
	font-size:24px;
        font-weight:bold;
}
#menu-item4 {
	width:100px;
	height:40px;
        padding:5px 10px 5px 30px;
	position:relative;
	top:-150px;
	left:600px;
	font-size:24px;
        font-weight:bold;
}

#image-container {
	width:720px;
	height:204px;
	margin:3px auto;
	background-image:url(../image/banner.png);
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center;
}

#background {
	width:1000px;
	margin:0px auto;
	border:1px solid #cccccc;
}

#separater {
	width:980px;
	height:20px;
	margin:0px auto;
	padding:5px 10px 5px 10px;
	background-color:#0097A1;
	color:#ffffff;
	font-size:16px;
	text-align:left;
        font-weight:bolder;
}

#textblock {
	width:960px;
	padding:0px 10px 0px 30px;
	font-size:18px;
}

#topnews {
	width:960px;
	padding:0px 10px 0px 30px;
	font-size:14px;
}
#newsdate {
	width:100px;
	font-size:14px;
}

#news {
	width:880px;
	margin:0px 10px 0px 70px;
	font-size:14px;
}

#back {
	font-size:12px;
	text-align:right;
}

#footer {
	width:1000px;
	height:93px;
	margin:0px auto;
	background-image:url(../image/footer.png);
	background-repeat:no-repeat;
	background-size:contain;
	font-size:12px;
}

/*---- organism page ----*/
.top {
margin: 10px;
	display: flex;
}
.topright {
	margin: 0px 10px 0px 0px;
	width: 30%;
	float: right;
}
.topleft {
	margin: 0px;
	width: 70%;
	float: left;
}

div .contents_liner {
        display: flex;
        font-size: 1.5em;
}

.liner_header {
	margin: 0px 10px 0px 0px;
}

#image {
	vertical-align: middle;
	display: inline;
}
#image img {
	width: 250px;
}

#taxonomy {
	margin: 0px 0px 0px 10px;
	font-size: 0.9em;
	width: 80%;
}

#habitat {
	margin: 10px 0px 0px 0px;
}

#taxonomy_id {
	margin: 10px 0px 0px 0px;
}

#genome {
	margin: 10px 0px 0px 0px;
	font-size: 1.5em;
	display: flex;
}
#genome a {
	margin: 0px 0px 0px 5px;
}

#luminant_title {
	margin: 10px 0px 0px 10px;
	font-size: 1.5em;
}
.table_luminant {
	margin: 0px 0px 0px 10px;
	font-size: 1.2em;
}
.table_luminant .table_th {
	width: 30%;
}
.table_luminant .table_tr {
	display: flex;
	width: 90%;
}
.table_luminant .table_td {
	text-align: center;
	width: 30%;
}
.detail {
	margin: 20px 0px 0px 10px;
}
.detail .detail_title {
	font-size: 1.5em;
}
.reference {
	margin: 20px 0px 0px 10px;
}
.reference .reference_title {
	font-size: 1.5em;
}

#sequence {
	position:absolute;
	top:140px;
	left:20px;
	font-size: 11pt;
	font-style: normal;
	font-family: monospace;
}

#ntseq {
	margin: 10px 0px 0px 10px;
	display: block;
}
#ntseq>.seq_contents {
	font-size: 0.7em;
	font-style: normal;
	font-family: monospace;
}

#aaseq {
	margin: 10px 0px 0px 10px;
	display: block;
}
#aaseq>.seq_contents {
	font-size: 0.7em;
	font-style: normal;
	font-family: monospace;
}

.contents_table {
	font-size: 1.5em;
	margin: 20px 0px 0px 0px;
}
.table_contents {
	margin: 0px 0px 0px 40px;
	font-size: 0.8em;
}

#molmilViewer {
	display: block;
	border: 1px solid #ddd;
}
#molmil_image {
	margin: 0px 0px 0px -60px;
	vertical-align: middle;
	display: inline;
}


#smiles {
	margin: 0px 0px 0px 20px;
	font-size: 0.8em;
}
#luciferase_title {
	font-size: 1.1em;
	margin: 0px 0px 0px 30px;
}
.table_luciferase {
	margin: 5px 0px 0px 200px;
	display: box;
	width: 90%;
}

.active_site {
	color: red;
}