@charset "shift_jis";
/* ------------------------------------------------
	import
------------------------------------------------ */

@import "base.css";
@import "base_clear.css";

html {
	overflow-y:scroll;
	/* 
	background: #317c0c;  
	 */
}

body {
	text-align: center;
	color:#454545;
	margin: 0px auto;
	padding: 0px;
	border-top: solid 3px #2f5031;
	/* 
	border-top: solid 3px #2c6f18;
	background:#fff url(../images/back.gif) repeat-x left bottom;
	 */
}
h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span {
	display:block;
}

h1 span {
	font-size:1.17em;
	color:#fff;
	line-height:1.1;
	background: url(../images/head1.gif) no-repeat 0 0;
	padding: 8px 0 9px 20px;
}
h2 span {
	font-size:1em;
	line-height:1.1;
	background: url(../images/head2.gif) no-repeat 0 0;
	padding: 6px 0 9px 25px;
	margin: 1.5em 0 8px 0;
}


p {
	margin: 0 0 0.5em 0;
	line-height:1.5;
}

input[type="text"],
input[type="password"],
textarea {
	padding:2px;
	border: solid 1px #999;
	background-color:#fff;
}
input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus {
	border: solid 1px #999;
	background-color:#FFFFE8;
}
#container {
	text-align: center;
	margin: 0px auto;
	width: 861px;
}

#header {
	text-align: left;
	margin: 0px auto;
	width: 861px;
	position:relative;
}
.logo {
	float:left;
	padding: 10px 0px 0px 0px;
}
.globaltop {
	position:absolute;
	top:36px;
	left:400px;
}
.headerlink {
	position:absolute;
	top:12px;
	right:0px;
	width:272px;
}

.search_text {
	width:184px;
	float:left;
	margin-top:2px;
}
.search_btn {
	float:right;
}

#wrap {
	z-index: 80;
	width: 861px;
	margin: 0px auto;
	padding: 0px 0px;
	text-align:left;
	min-height:400px;
}

*:first-child+html #wrap {
}
* html #wrap { /* for IE6 */
	height: 400px;
}


#lang-jp { float: left; margin: 0; padding: 0 10px 0 0; }
#lang-jp span { visibility:hidden; font-size: 1px; }
#lang-jp a { display:block; width: 122px; height: 31px; text-decoration:none; background: url(../images/japanese.jpg) no-repeat 0 0; margin: 0; padding: 0; }
#lang-jp a:hover { background-position: -150px 0; margin: 0; padding: 0; }
#lang-en { float: left; margin: 0; padding: 0 10px 0 0; }
#lang-en span { visibility:hidden; font-size: 1px; }
#lang-en a { display:block; width: 122px; height: 31px; text-decoration:none; background: url(../images/english.jpg) no-repeat 0 0; margin: 0; padding: 0; }
#lang-en a:hover { background-position: -150px 0; margin: 0; padding: 0; }

#footer {
	clear: both;
	padding: 0px 0px 0px 0px;
	height:102px;
	margin: 0px;
}
#copyright {
	text-align:right;
	/* 
	color:#a8d792;
	 */
	color:#666;
	font-size:12px;
	font-weight:bold;
	padding: 20px 0;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:1px;
	background: url(../images/copyright.gif) no-repeat 0 0;
}

#navi {
	width: 861px;
	margin: 10px auto 0px auto;
}
#navi li.li01 {
	float:left;
}
#navi li.li02 {
	float:right;
}

#globalNavi {
	z-index: 90;
	width: 861px;
	margin: 0px auto;
	min-height:32px;
	_height:32px;
	position:relative;
}
#globalNavi li.gnavilist {
	margin:0px;
	padding:0px;
	float:left;
	position:relative;
}


/*
#globalNavi li.li01 {top:0px;left:0px;}
#globalNavi li.li02 {top:0px;left:145px;}
#globalNavi li.li03 {top:0px;left:288px;}
#globalNavi li.li04 {top:0px;left:431px;}
#globalNavi li.li05 {top:0px;left:574px;}
#globalNavi li.li06 {top:0px;left:717px;}
 */


#contents {
	width:834px;
	margin: 10px auto;
}

.left {
	float:left;
}
.right {
	float:right;
}
.button {
	margin: 11px auto;
}
.close {
	text-align:center;
}
.pagetop {
	margin: 15px 0px 10px 0px;
	padding: 0px;
	clear: both;
}
.pagetop a{
	width: 122px;	/* pagetop.gif�̕� */
	height: 25px;	/* pagetop.gif�̍��� */
	display: block;
	float: right;
	text-indent: -5000px;
	text-decoration: none;
	background-repeat: no-repeat;
	background-image: url(../images/pagetop.gif);
}
.pagetop a.en{
	width: 122px;	/* pagetop.gif�̕� */
	height: 25px;	/* pagetop.gif�̍��� */
	display: block;
	float: right;
	text-indent: -5000px;
	text-decoration: none;
	background-repeat: no-repeat;
	background-image: url(../images/pagetop.en.gif);
}
.pict {
	float:right;
	margin: 0 0 8px 10px;
}


/* ------------------------------------------------
	sheet
------------------------------------------------ */
.sheet {
	font-size:1.17em;
	margin: 0px auto;
	line-height:1.5;
	border-top: solid 1px #999999;
}
.sheet th,
.sheet td {
	font-weight:bold;
	text-align:left;
	border-bottom: solid 1px #999999;
	border-right: solid 1px #999999;
}
.sheet thead th,
.sheet thead td {
}
.sheet thead th {
	background-color:#f3f3f3;
	border-left: solid 1px #999999;
	padding: 5px;
	text-align:center;
}
.sheet thead td {
	background-color:#f3f3f3;
	padding: 5px 2px;
	text-align:center;
}

.sheet tbody th {
	border-left: solid 1px #999999;
	padding: 5px;
	text-align:left;
}
.sheet tbody td {
	padding: 5px;
	text-align:center;
}
.sheet tbody tr .cell_check {
	text-align:center;
}
.sheet img {
	text-decoration:none;
	vertical-align:middle;
	margin: 0 2px;
}
.sheet .first-child th,
.sheet .first-child td {
	border-top: solid 1px #999999;
	border-left: solid 1px #999999;
}
.sheet tfoot th,
.sheet tfoot td {
	border: none;
}
.sheet tfoot th {
	text-align:center;
	padding: 8px 0 0 0;
}
.sheet tfoot td {
	text-align:center;
	padding: 8px 0 0 0;
}

.blank {
	background: url(../images/i_blank.gif) no-repeat 2px 2px;
	padding: 0 0 5px 20px;
}

table td.cell_text {
	text-align:left;
	font-weight:normal;
}
table td.cell_text strong {
	text-align:left;
	font-weight:bold;
	color:#5a963d;
}

/* ------------------------------------------------
	search condition
------------------------------------------------ */
.condition {
	font-size:1em;
	margin: 25px auto 15px auto;
	line-height:1.3;
	clear:both;
	border: solid 4px #ddd;
	background-color:#f3f3f3;
}
.condition th {
	text-align:right;
	width: 80px;
}
.condition td {
	text-align:left;
}
.condition th,
.condition td {
	font-weight:bold;
	padding: 5px 20px;
}
.condition .first-child td {
	padding-top:8px;
}
.condition thead td {
	padding-top: 15px;
	padding-bottom: 4px;
}
.condition tfoot td {
	padding-top: 4px;
	padding-bottom: 15px;
	text-align:center;
}
.condition .s {
	font-weight:normal;
	font-size:0.83em;
}

/* ------------------------------------------------
	search result
------------------------------------------------ */
.result {
	background-color:#f3f3f3;
	width: 861px;
	margin: 0px auto;
}
.result h2 {
	padding: 10px;
}

.result h2 strong {
	text-align:left;
	font-weight:bold;
	color:#5a963d;
}

.prof {
	margin: 10px 0;
}
.profImg {
	float:left;
	width:292px;
}
.profData {
	width:530px;
	float:right;
}
.profile {
	width:530px;
	margin:0px;
	line-height:1.57;
	border-bottom: solid 1px #999999;
	border-right: solid 1px #999999;
}
.profile th ,
.profile td {
	text-align:left;
	border-top: solid 1px #999999;
	border-left: solid 1px #999999;
	padding: 6px;
}
.profile th {
	background-color:#fbf8f2;
	width:22%;
}
.profile th span {
	background: url(../images/list.gif) no-repeat 0 2px;
	padding: 0 0 1px 20px;
	display:block;
}
.profile td {
	padding-left:15px;
}

.profile2 {
	margin:0px;
	width:100%;
	line-height:1.57;
	border-bottom: solid 1px #999999;
	border-right: solid 1px #999999;
}
.profile2 th {
	background-color:#696969;
	color:#fff;
	width:20%;
}
.profile2 th ,
.profile2 td {
	text-align:left;
	border-top: solid 1px #999999;
	border-left: solid 1px #999999;
	padding: 6px;
}

.profile3 {
	border-bottom: solid 1px #999999;
	border-right: solid 1px #999999;
}
.profile3 th ,
.profile3 td {
	border-top: solid 1px #999999;
	border-left: solid 1px #999999;
}
.profile3 th {
	text-align: center;
	background-color:#fbf8f2;
}
.profile3 td {
}

.section p {
	margin-left:5px;
	margin-right:5px;
}

.gallery {
}
.gallery dl {
}

.gallery dl.left {
	width:410px;
	float:left;
}
.gallery dl.right {
	width:410px;
	float:right;
}
.gallery dt {
	font-size:1em;
	font-weight:bold;
	line-height:1.1;
	background: url(../images/head2_s.gif) no-repeat 0 0;
	padding:8px 0 9px 25px;
	margin: 1.5em 0 8px 0;
	display:block;
}
.gallery dd {
}
.gallery ul {
	padding-left:2px;
}
.gallery li {
	padding-right:5px;
	padding-bottom:10px;
	float:left;
}
.gallery li input.checkbox {
	margin-bottom:5px;
}
.gallery li.last-child {
	padding-right:0px;
}
.gallery li a img {
	border: solid 1px #999;
	display:block;
	width:95px;
}
.gallery li a:hover img {
	border-color: #666;
}

.gallery_edit {
}
.gallery_edit .gallery dl {
	padding-top:10px;
}
.gallery_edit .gallery ul {
	text-align:center;
	margin: 0 auto;
}
.gallery_edit .gallery li {
	text-align:center;
	margin: 0 auto;
}

/* ------------------------------------------------
	�ƌn�}
------------------------------------------------ */

.family {
	background: url(../images/family_foot.gif) no-repeat left bottom;
	padding: 0 0 11px 0;
}
.familyBody {
	border-right: solid 1px #c9c2b2;
	border-left: solid 1px #c9c2b2;
}

.tree {
}
.tree1 span,
.tree2 span ,
.tree3 span {
	width:36px;
	height:164px;
	display:block;
}
.tree1 span {
	background: url(../images/tree.gif) no-repeat center top;
}
.tree2 span {
	background: url(../images/tree2.gif) no-repeat center top;
}
.tree3 span {
	background: url(../images/tree3.gif) no-repeat center top;
}

table.odd {
	margin-left:15px;
}
table.even {
	margin-left:84px;
}
.tree td {
	vertical-align:top;
	text-align:left;
}
.tree td a {
	display:block;
	background: url(../images/family_bg.gif) no-repeat right top;
	width:108px;
	height:126px;
	vertical-align:top;
	text-align:center;
	margin:0 auto;
}

.tree th {
	vertical-align:top;
	text-align:left;
	width:auto;
}

.condition h1 {
	font-size:1.17em;
}
.jqm_title {
	margin: 5px 0;
}
.jqm_table {
	line-height:1.3;
	margin: 0 auto;
}

.jqm_table th {
	font-weight:normal;
	text-align:right;
}
.jqm_table td {
	text-align:left;
	padding:5px 7px;
}
/* ------------------------------------------------
	image
------------------------------------------------ */

.imagewrap {
	margin: 10px auto;
}
.imagetable {
	text-align:left;
	width:833px;
	margin: 0 1px;
	line-height:1.57;
	border-bottom: solid 1px #393020;
	border-left: solid 1px #393020;
	background-color:#f7f1e7;
}

.imagetable th ,
.imagetable td {
	border-top: solid 1px #393020;
	border-right: solid 1px #393020;
	padding: 6px;
}
.level1,
.level1 a:link,
.level1 a:visited {
	color:#fff;
}
.level1 a:hover {	text-decoration:none;}

.level1 {
	background-color:#9d8d6e;
	font-size:1.17em;
}
.level2 {
	background-color:#dacbb0;
	text-align:center;
}
.mark {
	display:block;
	background: url(../images/list2.gif) no-repeat 0 4px;
	padding: 0 0 2px 15px;
}


.imagetable .gallery ul {
	padding-left:4px;
}
.imagetable .gallery li {
	padding:4px 4px;
}

.image_photo {
}
.image_photo ul li p {
}
.image_movie {
}
.image_movie ul li {
	width:250px;
}
.image_movie ul li img {
	float:left;
	margin-right:5px;
}
.image_movie ul li p {
	float:right;
	width:140px;
	margin:0px;
	padding: 0px;
}

.prop_snp{
	font-size:small;
}
.fakeContainer { /* The parent container */
    padding: 0px;
    border: none;
    width: 860px; /* Required to set */
    height: 500px; /* Required to set */
    overflow: hidden; /* Required to set */
}

/* ------------------------------------------------
	�����Ҍ�TOP
------------------------------------------------ */

#researchTop {
	width:861px;
	margin: 13px 0 0 0;
	border-top: solid 1px #949494;
}
.research {
	border: solid 1px #949494;
	/* 
	position:relative;
	 */
	border-top: none;
}
.research_inner {
	margin:1px;
	background: url(../images/box_bg.gif) repeat-x 0 0;
	position:relative;
}

.research_family {
	width:429px;
	float:left;
	height:428px;
}
.research_family h2 {
	padding: 4px 0 0 5px;
}
.research_field {
	width:429px;
	float:left;
	border-left: none;
	height:428px;
}
.research_field h2 {
	padding: 4px 0 31px 5px;
}
.research_field p {
	padding: 0px 0 0px 8px;
}
.research_field p#research_field_img {
	position:absolute;
	top:70px;
	left:0px;
	padding:0px;
	margin:0px;
	text-align:left;
	background:url(../images/research_inner_bk.gif) repeat-x left top;
}
.research_field p#research_field_img img {
	position:absolute;
	display:none;
	_left:-6px;
}
.research_genome {
	clear:both;
	padding: 0px 0 0 0px;
}
.research_genome
	.research_inner {
	margin-right:0px;
	background: url(../images/box_bg2.gif) repeat-x 0 0;
	}
.research_genome h2 {
	background: url(../images/title_genome_bg.gif) no-repeat top right;
	/* 
	position:absolute;
	top:-43px;
	right:0px;
	 */
	padding: 6px 7px 4px 7px;
	border:none;
	margin: -43px 0 0 0;
	float:right;
}

.research_genome p {
	padding: 5px 0 0 8px;
}

#testimg {
	position: relative;
	margin: 0;
}
#testimg img {
	position: absolute;
	display:none;
}

/* ------------------------------------------------
	TOP
------------------------------------------------ */

#topKey {
	margin: 0 0 11px 0;
}
#topContents {
	width:860px;
	margin: 0 auto 10px auto;
}
#topResearch {
	width:564px;
	float:left;
}
#topResearch ul {
	padding: 2px 0 14px 0;
	border: solid 1px #b9b9b9;
	border-top: none;
	height:203px;
}
#topResearch li {
	float:left;
}
#topPublic {
	width:282px;
	float:right;
}
#topPublic ul {
	background: url(../images/top_contents_bg.gif) repeat-x 0 2px;
	padding:11px 0 0 11px;
	border: solid 1px #b9b9b9;
	border-top: none;
	height:208px;
}
#topPublic li {
	border-bottom:solid 1px #b9b9b9;
	margin: 0px 11px 10px 0px;
}
#topPublic li img {
	margin-bottom:10px;
}
#topPublic li.last-child {
	border-bottom:none;
	margin-bottom:0px;
}
#topContents h2 a {
	display:block;
	text-decoration:none;
	text-indent:-5000px;
	height:39px;
	padding:0px;
	margin: 0px;
	background-position: 0 0;
	background-repeat:no-repeat;
}
#topContents h2 a:hover {
	background-position: 0 -39px;
}
#topResearch h2 a {
	width:564px;
	background-image:url(../images/top_researcher_head.jpg)
}
#topPublic h2 a {
	width:282px;
	background-image:url(../images/top_public_head.jpg)
}