/* CSS Document */
@charset "utf-8";

a:link   { text-decoration:none }
a:visited{ text-decoration:none; color:#145391 }
a:active { text-decoration:none }
a:hover  { text-decoration:underline; color:#FF6600 }
a        { text-decoration:none }

.jsub { font-size:16px} /*sub title size*/

.jjjj { font-size:14px } /*large size*/
.jjj  { font-size:12px } /*mid size*/
.jj   { font-size:10px } /*small size*/

.eee { font-size:12px;font-family:"Arial", "Helvetica", "sans-serif"} /*mid size for english*/

td { font-size:12px } /*mid size for table*/
th { font-size:12px } /*mid size for table*/

body {
	font-family: "Hiragino Kaku Gothic Pro W3", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "MS P Gothic", "‚l‚r ‚oƒSƒVƒbƒN", Osaka, sans-serif;
	background-color:#CCCCCC;
	margin: 0px;
}

ul  {
	margin:0px;
	padding:0px;
}

.bgWhite{
	background-color: #ffffff;
}

/* header */
.box {
	clear:both;
    border-top:solid 4px #5E5E5E;
}

.box1 {
	height:10px;
	width: 812px;
}
.blue {
	color: #00CCFF}
.white {
	color: #FFFFFF;
	padding-top:10px;
}
.green {
	color: #33FF66
}
.logo_white {
	color: #FFFFFF; 
	padding-top: 10px; 
	font-size: 14px; 
}
	
.orange {
	color: #FF9900}
.pink {
	color: #FF3399}
form.quickSearch {
	margin:0px 0px 0px 0px;
}


/* navigation */
.navigation{
	color: #ffffff;
	font-weight:bold;
	font-size:13px;
}
.tab1on a:link,
.tab2on a:link,
.tab3on a:link,
.tab4on a:link,
.tab5on a:link,
.tab6on a:link,
.tab7on a:link
        {
         color:#ffffff;
         text-decoration:none;
         display:block;
         margin-top:5px;
        }

.tab1on a:visited,
.tab2on a:visited,
.tab3on a:visited,
.tab4on a:visited,
.tab5on a:visited,
.tab6on a:visited,
.tab7on a:visited
        {
         color:#ffffff;
         text-decoration:none;
         display:block;
         margin-top:5px
        }

.tab1on a:hover,
.tab2on a:hover,
.tab3on a:hover,
.tab4on a:hover,
.tab5on a:hover,
.tab6on a:hover,
.tab7on a:hover
        {
         color:#ffffff;
         text-decoration:none;	
         display:block;
         margin-top:5px
        }

.tab1off a:link,
.tab2off a:link,
.tab3off a:link,
.tab4off a:link,
.tab5off a:link,
.tab6off a:link,
.tab7off a:link
        {
         color:#ffffff;
         text-decoration:underline;
         display:block;
         margin-top:5px
        }

.tab1off a:visited,
.tab2off a:visited,
.tab3off a:visited,
.tab4off a:visited,
.tab5off a:visited,
.tab6off a:visited,
.tab7off a:visited
        {
         color:#ffffff;
         text-decoration:underline;
         display:block;
         margin-top:5px
        }

.tab1off a:hover,
.tab2off a:hover,
.tab3off a:hover,
.tab4off a:hover,
.tab5off a:hover,
.tab6off a:hover,
.tab7off a:hover
        {
         color:#ffd236;
         text-decoration:underline;
         display:block;
         margin-top:5px
        }

.tab1on  {
	background-color:#5E5E5E;
}
.tab1off {
	background-color:#999999;
}
.tab2on  {
	background-color:#5E5E5E;
}
.tab2off {
	background-color:#999999;
}
.tab3on  {
	background-color:#5E5E5E;
}
.tab3off {
	background-color:#999999;
}
.tab4on  {
	background-color:#5E5E5E;
}
.tab4off {
	background-color:#999999;
}
.tab5on  {
	background-color:#5E5E5E;
}
.tab5off {
	background-color:#999999;
}
.tab6on  {
	background-color:#5E5E5E;
}
.tab6off {
	background-color:#999999;
}
.tab7on  {
	background-color:#5E5E5E;
}
.tab7off {
	background-color:#999999;
}
.tab1on,.tab1off,.tab2on,.tab2off,.tab3on,.tab3off,.tab4on,.tab4off,.tab5on,.tab5off,.tab6on,.tab6off,.tab7on,.tab7off
        {
        display:block;
        width:110px;
        height:23px;
        float:left;
        margin-right:5px;
        text-align:center;
        background-image:url(../icons/tab1-1.gif);
        background-repeat:no-repeat;
        background-position:center top;
}
.box	{
        clear:both;
        border-top:solid 4px #5E5E5E;
        }

.title_gene {
	color: #003366; font-weight: bold; 
	font-size: 15px; 
}

.title_strain {
	color: #7D4500; 
	font-weight: bold; 
	font-size: 15px; 
	font-weight: bold;
}

/* navigation */
.navigation li  {
	float:left;
	display:block;
}


/* content */
#content {
	margin: 0px;
}
.bgGrayLine {
	background-color:#adadad;
}
.bgGray {
	background-color:#dbdbdb;
}
.bgLightGray {
	background-color:#F5F5F5;
}

bgGene {
	background-color:#E0EDFC;
}

bgStrain {
	background-color:#FFB120;
}
#ananas {
	text-align: center;
	position:relative;
	right: 30px;
}
.ananas {
	font-style:italic; 
	color:#FFF; 
	font-weight: bold; 
	background-color:#3399ff; 
	padding:3px 6px;
	font-size: 1.1em;
}
.fontLargeBold {
	font-size: 1.2em; 
	font-weight: bold;
}
.fontSmallRed {
	font-size: 0.9em; 
	color: #F00;
}

/* topic_path */
#topic_path {
	margin-top: 2px;
	margin-left: 6px;
}

/* Genome Viewer */
#genome_viewer ul {
	margin-left: 1.0em;
}
#genome_viewer ul li {
	margin-bottom: 0.5em;
	list-style-type: none;
}
#genome_viewer .pagetop {
	margin: 2px 0px;
	text-align: right;
	width: 770px;
	
}

/* Chromosome View, Detail View */
#chromosome_view {
	margin-top: 1.5em;
}
#chromosome_view h3, #detail_view h3 {
	color: #000;
	font-family: Arial, sans-serif;
	font-size: 1.4em;
	font-weigth: bold;
	line-height: 1.4em;
	margin: 1.5em 0.5em 0.5em 0;
	padding-left: 0.5em;
}

#detail_view table.outline{
	border: 1px solid #c5d6e9;
	width: 704px;
}
#detail_view .division{
	background-color: #ffffff;
	text-align: center;
}
#detail_view_controler {
	font-family: Arial, sans-serif;
	background: #ededed;
	border: none;
	width: 704px;
}
#detail_view_controler h2 {
	color: #cc3365;
	font-size: 16px;
	line-height: 16px;
	margin-bottom: 21px;
	margin-top: 21px;
}
#detail_view_components {
	background: #ffffff;
	border: none;
}
.detail_view_component {
	border-bottom: 2px solid #7b6666;
	border-left: 1px solid #7b6666;
	border-right: 1px solid #7b6666;
	border-top: 2px solid #7b6666;
	width: 702px;
}
.detail_view_component .detail_view_scale {
	margin-left: 1px;
	margin-right: 1px;
	width: 700px;
}
.detail_view_component .detail_view_cytolocation {
	border-left: 1px solid #d8d3d3;
	border-right: 1px solid #d8d3d3;
	width: 700px;
}
.detail_view_component img {
	display: block;
	text-align: left;
}
.detail_view_component .mapTitle_strain {
	background-image:url(../images/obj_ba_03.gif) ;
    background-repeat:repeat-x;
	border-bottom: #aebccd 1px solid;
	border-left: 1px solid #d76c6c;
	border-right: 1px solid #d76c6c;
	border-top: 1px solid #d76c6c;
	color: #000000;
	font-weight: bold;
	height: 20px;
	line-height: 20px;
	padding-left: 10px;
	text-align: left;
	width: 690px;
}
.detail_view_component .detail_view_strain {
	border-bottom: 1px solid #d3d3d3;
	border-left: 1px solid #d76c6c;
	border-right: 1px solid #d76c6c;
	width: 700px;
}
.detail_view_component .mapTitle_genome {
	background-image:url(../images/obj_ba_02.gif) ;
    background-repeat:repeat-x;
	border-left: 1px solid #6b7fd7;
	border-right: 1px solid #6b7fd7;
	border-top: 1px solid #d3d3d3;
	color: #000000;
	font-weight: bold;
	height: 20px;
	line-height: 20px;
	padding-left: 10px;
	text-align: left;
	width: 690px;
}
.detail_view_component .detail_view_genome {
	border-bottom: 1px solid #6b7fd7;
	border-left: 1px solid #6b7fd7;
	border-right: 1px solid #6b7fd7;
	width: 700px;
}
.detail_view_component .detail_view_mode {
	background: #ffffff;
	line-height: 1.7em;
	text-align: left;
	width: 702px;
}
.detail_view_component .detail_view_mode_bottom_boder {
	background: #ffffff;
	border-bottom: 1px dashed #0073dc;
	line-height: 1.7em;
	text-align: left;
	width: 702px;
}
.detail_view_component .detail_view_mode strong, .detail_view_component .detail_view_mode_bottom_boder strong {
	padding-left: 30px;
}
.detail_view_component .detail_view_mode strong.open, .detail_view_component .detail_view_mode_bottom_boder strong.open {
	background: url(../images/detailViewer_open.gif) no-repeat center left;
	cursor: pointer;
}
.detail_view_component .detail_view_mode a:hover strong.open, .detail_view_component .detail_view_mode_bottom_boder a:hover strong.open {
	background-image: url(../images/detailViewer_openHover.gif);
}
.detail_view_component .detail_view_mode strong.close, .detail_view_component .detail_view_mode_bottom_boder strong.close {
	background: url(../images/detailViewer_close.gif) no-repeat center left;
	cursor: pointer;
}
.detail_view_component .detail_view_mode a:hover strong.close, .detail_view_component .detail_view_mode_bottom_boder a:hover strong.close {
	background-image: url(../images/detailViewer_closeHover.gif);
}
#detail_view .pagetop {
	margin: 2px 5px 8px;
	text-align: right;
	height: 20px;
	
}

#genome_list form {
	margin: 0em;
}
#genome_list #genome_list_form {
	border: 1px solid #d3d3d3;
	border-collapse: collapse;
	empty-cells: show;
	margin: 0px;
	width: 100%;
}
#genome_list #genome_list_form th {
	background-color: #dcdcdc;
	line-height: 2.0em;
	padding-left: 0.5em;
	padding-right: 0.5em;
	text-align: left;
}
#genome_list #genome_list_form td {
	height: 1.6em;
	line-height: 1.6em;
	padding-left: 0.5em;
	padding-right: 0.5em;
	text-align: left;
	vertical-align: middle;
}
#genome_list #genome_list_form td input {
	font-size: 12px;
	vertical-align: middle;
}
#genome_list #genome_list_form td select {
	font-size: 12px;
	vertical-align: middle;
}

#genome_list p {
	text-indent: 1.0em;
}
#genome_list #pager {
	text-indent: 1.0em;
	width: 90%;
}
#genome_list #genome_list_table {
	border: 1px solid #d3d3d3;
	border-collapse: collapse;
	empty-cells: show;
	margin: 0px;
	width: 100%;
}
#genome_list #genome_list_table th {
	background-color: #dcdcdc;
	line-height: 2.0em;
	text-align: center;
}
#genome_list #genome_list_table .gene {
	width: 25%;
}
#genome_list #genome_list_table .ft_key {
	width: 10%;
}
#genome_list #genome_list_table .transcript {
	width: 30%;
}
#genome_list #genome_list_table .chromosome {
	width: 5%;
}
#genome_list #genome_list_table .location {
	width: 30%;
}
#genome_list #genome_list_table td {
	border: 1px solid #d3d3d3;
	line-height: 1.4em;
	padding-left: 0.5em;
	padding-right: 0.5em;
	text-align: left;
}

/* Contact Us */
#concact_us h3 {
	color: #000;
	font-family: Arial, sans-serif;
	font-size: 1.4em;
	font-weigth: bold;
	line-height: 1.4em;
	margin: 0em 0.5em 0.5em 0em;
	padding-left: 0.5em;
}


.style67 {color: #003366; font-weight: bold; font-size: 15px; }
.style69 {color: #7D4500; font-weight: bold; font-size: 15px; }
.style70 {
	color: #FFFFFF;
	font-weight: bold;
	padding-top:10px;
}
.style72 {color: #363636; font-weight: bold; }
.style73 {color: #FFFFFF; font-weight: bold; padding-top: 10px; font-size: 16px; }
.style74 {color: #000}
.style75 {color: #336699}
.style76 {color: #00CCFF}
.style78 {color: #FF3399}
.style79 {color: #FF9900}
.style80 {color: #33FF66}

/* Announcement */
table.announcement {
	border: 1px solid #ff9933;
	border-collapse: collapse;
	empty-cells: show;
	font-size: 12px;
	line-height: 1.4em;
	margin: 0px 20px 5px 20px;
}
table.announcement th {
	background-color: #ff9933;
	text-align: left;
}
table.announcement th strong {
	color: #000000;
	font-size: 14px;
	line-height: 1.6em;
	padding-left: 1.0em;
}
table.announcement td p {
	color: #ff0000;
	margin: 5px;
}