*  { margin: 0; padding: 0 ; font-family: "ＭＳ Ｐゴシック" ;}
body  { background-image: url("../img/system/backgroundimg.gif"); background-repeat: repeat-x; text-align: center ; background-color: #C7F2FF}
#wrapper  { background-color: #ccc; background-image: url("../img/system/wrapperbar.gif"); margin-right: auto; margin-left: auto; width: 780px }
#header   { text-align: left; width: 780px; height: 50px }
.logo      { margin-top: 5px; margin-left: 10px; width: 350px; float: left }
.logo p   { font-size: 12px; font-weight: bold }
.logo h1   { font-size: 20px; font-weight: bold }
.navi    { text-align: right; margin-top: 25px; margin-right: 5px; margin-bottom: 5px; float: right }
#header ul  { text-decoration: none; list-style-type: none }
#header li   { font-size: 12px; display: inline; margin-right: 2px; margin-left: 2px }
#topimg  { background-image: url("../img/system/topimg.jpg"); background-repeat: no-repeat; margin-right: 5px; margin-left: 5px; width: 770px; height: 200px }

#main   { margin-top: 10px; margin-right: 5px; margin-left: 5px; width: 770px }
.blueline    { width: 200px }
/*sidebar st*/
#sidebar-box {width:160px; text-align: left; width: 160px; float: left ;}
#sidebar       { text-align: left; width: 160px; float: left ; margin: 0 0 10px 5px; padding: 1px; border: solid 1px #ccc; }
#sidebar img { vertical-align: text-bottom; margin: 0 0 2px; }
#sidebar ul  { font-size: 12px; line-height: 1.5; text-align: left; list-style-image: none; width: 155px; float: left ; margin-bottom: 10px; padding-left: 5px; list-style-type: none; }
#sidebar li { background-image: url(../img/menu/button.gif); background-repeat: no-repeat; background-position: 0 0.7em; padding-top: 5px; list-style-position: outside; padding-left: 15px ; display: block; }
#sidebar li a  { color: #0067c5; text-decoration: none;}
#sidebar li a:hover  { color: #003580; text-decoration: underline;}
#sub-sidebar { text-align: left; width: 160px; float: left ; margin: 0 0 30px 5px; padding: 1px; }
#sub-sidebar img { vertical-align:text-bottom; margin: 1px 0; }
.text-pos ul { width: 550px; margin-top: 10px; margin-left: 10px; padding-left: 15px; list-style-type: square; }
/*content st*/
#content .img-pos{ margin-left: 45px; }
#content         { font-size: small; line-height: 150%; background-color: #fff; text-align: left; letter-spacing: 1px; float: right; padding-right: 5px; padding-left: 5px; width: 585px }
#content h2    { color: #039; margin-bottom: 5px; padding-top: 10px; padding-bottom: 5px; width: 580px; border-bottom: 2px solid #06f }
#content h3      { color: #063; text-indent: 10px; margin-top: 20px; margin-bottom: 10px; padding-top: 5px; padding-bottom: 4px; width: 580px; height: 20px; border-style: solid; border-width: 1px 1px 1px 5px; border-color: #030 }
#content p    { margin-bottom: 10px; margin-left: 10px ; font-size : 14px;}
#content h4 { font-size: small; vertical-align: middle; margin-bottom: 10px; margin-left: 10px; width: 570px; margin-top: 15px; border-bottom: 1px dotted #008fdc; }
#content h4 img { margin-right: 5px; }

/*content search*/
#content #search table { font-size: 14px; background-color: #eee; border: solid 1px #00259e; }
#content #search td.color {font-weight: bold; background-color: #afc5e6; text-align: center; vertical-align: middle; padding: 5px; border: solid 1px #073290; }
#content #search td.mono { background-color: #eee; padding: 5px; border: solid 1px #073290; }
#content #search #non-search { border-color: transparent; border-style: none; }
#content #search .select { width: 100px; }
#content #search .textarea { width: 390px; }
#content #search .button {background-color: #ccc; width: 150px; margin-right: 5px; margin-left: 5px; border: solid 1px #00259e;}

/*content activity*/
#content #activity { font-size: 14px; line-height: 150%; margin-left: 20px; }
#content #activity td{ padding: 5px; }

/*content table st*/
#content #graph { font-size: small; margin-left: 30px; padding: 5px; border: solid 1px #999; }
#content #graph .title { background-color: #ccc; vertical-align: top; padding: 5px; border: solid 1px #999; }
#content #graph .title-w { vertical-align: top; padding: 5px; border: solid 1px #999; }
#content #graph .tops { vertical-align: top; padding: 5px; border-top: 1px solid #999; border-right: 1px solid #999; border-bottom: 1px solid #999; }
#content #graph .iline-top { vertical-align: top; padding: 5px; border-top: 1px solid #999; border-right: 1px solid #999; border-bottom: 1px dotted #999; }
#content #graph .iline-mid { vertical-align: top; padding: 5px; border-right: 1px solid #999; border-bottom: 1px dotted #999; }
#content #graph .iline-bot { vertical-align: top; padding: 5px; border-right: 1px solid #999; border-bottom: 1px solid #999; }

#content .graph { font-size: small; margin-left: 30px; padding: 5px; border: solid 1px #999; }
#content .graph .title { background-color: #ccc; vertical-align: top; padding: 5px; border: solid 1px #999; }
#content .graph .title-w { vertical-align: top; padding: 5px; border: solid 1px #999; }
#content .graph .tops { vertical-align: top; padding: 5px; border-top: 1px solid #999; border-right: 1px solid #999; border-bottom: 1px solid #999; }
#content .graph .iline-top { vertical-align: top; padding: 5px; border-top: 1px solid #999; border-right: 1px solid #999; border-bottom: 1px dotted #999; }
#content .graph .iline-mid { vertical-align: top; padding: 5px; border-right: 1px solid #999; border-bottom: 1px dotted #999; }
#content .graph .iline-bot { vertical-align: top; padding: 5px; border-right: 1px solid #999; border-bottom: 1px solid #999; }
/*content join*/
#content #join  { margin-left: 10px }
#content #join td  { font-size: 13px; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; vertical-align: top; border-bottom: 1px dotted #004ebb }
#content #join .input-text  { width: 400px; vertical-align: top; border: solid 1px #00259e }
#content #join .input-text2 { width: 200px; vertical-align: top; border: solid 1px #00259e }
#content #join .text-area { vertical-align: top; width: 400px; height: 250px; border: solid 1px #00259e; }
#content #join .button { background-color: #ccc; width: 150px; margin-right: 5px; margin-left: 5px; border: solid 1px #00259e; }
#content #join .reset { background-color: #ccc; width: 50px; margin-right: 5px; margin-left: 5px; border: solid 1px #00259e; }
#content #join small { font-size: 10px }

/*l-content*/
#l-content { font-size: small; line-height: 150%; background-color: #fff; text-align: left; letter-spacing: 1px; width: 95%; margin-top: 20px; margin-bottom: 20px; padding-right: 5px; padding-left: 5px; }
#l-content h2 { color: #039; width: 90%; margin-right: 5%; margin-bottom: 5px; margin-left: 5%; padding-top: 30px; border-bottom: 2px solid #06f     }
#l-content #mainview { width: 98%; margin-left: 1%; }
#l-content table { width: 100%; border: solid 1px #073290; }
#l-content td { font-size: 12px; line-height: 120%; border: solid 1px #073290; }
#l-content #search table { font-size: 12px; background-color: #eee; border: solid 1px #666; }
#l-content #search td.color1 { color: #333; font-weight: bold; background-color: #ccc; text-align: center; vertical-align: middle; width: 13%; padding: 2px; border: solid 1px #666; }
#l-content #search td.color2 { color: #333; font-weight: bold; background-color: #ccc; text-align: center; vertical-align: middle; width: 35%; padding: 2px; border: solid 1px #666; }
#l-content #search td.color3 { color: #333; font-weight: bold; background-color: #ccc; text-align: center; vertical-align: middle; width: 17%; padding: 2px; border: solid 1px #666; }
#l-content #search td.color4 { color: #333; font-weight: bold; background-color: #ccc; text-align: center; vertical-align: middle; width: 13%; padding: 2px; border: solid 1px #666; }
#l-content #search td.color5 { color: #333; font-weight: bold; background-color: #ccc; text-align: center; vertical-align: middle; width: 15%; padding: 2px; border: solid 1px #666; }
#l-content #search td.color6 { color: #333; font-weight: bold; background-color: #ccc; text-align: center; vertical-align: middle; width: 7%; padding: 2px; border: solid 1px #666; }
#l-content #search td.mono { background-color: #eee; text-align: left; padding: 5px 10px; border: solid 1px #666; }
#l-content #search tr.gene td.mono { background-color: #ccffcc; text-align: left; padding: 5px 10px; border: solid 1px #666; }
#l-content #search tr.expe td.mono { background-color: #c4d3f6; text-align: left; padding: 5px 10px; border: solid 1px #666; }
#l-content #search #non-search { border-color: transparent; border-style: none; }
#l-content #search .select { width: 100px; }
#l-content #search .textarea { width: 390px; }
#l-content #search .button {background-color: #ccc; width: 150px; margin-right: 5px; margin-left: 5px; border: solid 1px #00259e;}
#l-content .pos-center { background-color: transparent; text-align: center; margin: 20px auto; }
#l-content .pos-center a:hover { background-color: transparent; }

#l-content span.gene_box{color:#ccffcc;}
#l-content span.expe_box{color:#c4d3f6;}


/*content document st*/
#content #document { font-size: x-small; padding: 5px; border: solid 1px #999; }
#content #document a{ color: #36c; font-weight: normal; text-decoration: none; }
#content #document a:hover{ color: #036; font-weight: normal; text-decoration: underline; }
#content #document .title { background-color: #ccc; vertical-align: top; padding: 5px; border: solid 1px #999; }
#content #document .title-w { vertical-align: top; padding: 5px; border: solid 1px #999; }
#content #document .tops { background-color: #ccc; vertical-align: top; padding: 5px 1px 5px 5px; border-top: 1px solid #999; border-right: 1px solid #999; border-bottom: 1px solid #999; }
#content #document .tops-w { background-color: #fff; vertical-align: top; padding: 5px 1px 5px 5px; border-top: 1px solid #999; border-right: 1px solid #999; border-bottom: 1px solid #999; }
#content .document { font-size: x-small; padding: 5px; border: solid 1px #999; }
#content .document a{ color: #36c; font-weight: normal; text-decoration: none; }
#content .document a:hover{ color: #036; font-weight: normal; text-decoration: underline; }
#content .document .title { background-color: #ccc; vertical-align: top; padding: 5px; border: solid 1px #999; }
#content .document .title-w { vertical-align: top; padding: 5px; border: solid 1px #999; }
#content .document .tops { background-color: #ccc; vertical-align: top; padding: 5px 1px 5px 5px; border-top: 1px solid #999; border-right: 1px solid #999; border-bottom: 1px solid #999; }
#content .document .tops-w { background-color: #fff; vertical-align: top; padding: 5px 1px 5px 5px; border-top: 1px solid #999; border-right: 1px solid #999; border-bottom: 1px solid #999; }
/*content form st*/
#content #form { margin-left: 10px; }
#content #form td { vertical-align: top; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; border-bottom: 1px dotted #004ebb; }
#content #form .input-text { vertical-align: top; width: 400px; border: solid 1px #00259e; }
#content #form .text-area { vertical-align: top; width: 400px; height: 250px; border: solid 1px #00259e; }
#content #form .button { background-color: #ccc; width: 150px; margin-right: 5px; margin-left: 5px; border: solid 1px #00259e; }
#content #form .reset { background-color: #ccc; width: 50px; margin-right: 5px; margin-left: 5px; border: solid 1px #00259e; }
#content .box { font-size: medium; line-height: 1.5; background-color: #cff; text-align: left; width: 490px; list-style-image: none; float: left ; margin-bottom: 20px; margin-left: 20px; padding: 15px; list-style-type: decimal; }
#content .box_2 { font-size: x-small; line-height: 1.5; background-color: #9cf; text-align: left; width: 490px; list-style-image: none; float: left ; margin-bottom: 20px; margin-left: 20px; padding: 15px; list-style-type: decimal; }
/*content sitemap*/
#content .mapbox { width: 280px; float: left; margin-left: 5px; display: inline; }
#content .mapbox .large-list { font-size: 16px; line-height: 1.5; text-align: left; list-style-image: none; width: 275px; float: left ; margin-bottom: 10px; padding-left: 5px; list-style-type: none; }
#content .mapbox .large-list li { font-weight: bold; background-image: url(../img/system/large-list.gif); background-repeat: no-repeat; background-position: 0 0.3em; padding-top: 2px; padding-left: 20px; list-style-position: outside; display: block; }
#content .mapbox .large-list li a  { color: #039; text-decoration: none; }
#content .mapbox .large-list li a:hover  { color: #036; text-decoration: underline;}
#content .mapbox .small-list { font-size: 14px; font-weight: normal; line-height: 1.5; text-align: left; list-style-image: none; width: 265px; float: left ; margin-bottom: 10px; padding-left: 5px; list-style-type: none; }
#content .mapbox .small-list li { background-image: url(../img/menu/button.gif); background-repeat: no-repeat; background-position: 0 0.4em; list-style-position: outside; padding-left: 15px ;display: block;}
#content .mapbox .small-list li a  { color: #0067c5; font-weight: normal; text-decoration: none; }
#content .mapbox .small-list li a:hover  { color: #003580; font-weight: normal; text-decoration: underline; }
/*content news st*/
#content #news    { font-size: small; margin-left: 10px }
#content #news td  { padding-top: 4px; padding-bottom: 3px; vertical-align: top; border-bottom: 1px dotted #030 }
/*center pos st*/
#content .pos-center { background-color: transparent; text-align: center; margin: 20px auto; }
#content .pos-center a:hover { background-color: transparent; }
.iconsmargin  { margin-top: 25px; margin-bottom: 10px ; margin-left: 30px; }
/*content process list st*/
#content #process { font-size: 14px; line-height: 1.5; background-color: #ddd; text-align: left; width: 550px; list-style-image: none; float: left ; margin-bottom: 20px; margin-left: 13px; padding-left: 30px; list-style-type: decimal; }
#content #process li { margin-top: 10px; margin-bottom: 10px; margin-left: 1px; }
#content #process-s { font-size: 14px; line-height: 1.5; text-align: left; width: 510px; list-style-image: none; float: left ; padding-left: 25px; list-style-type: decimal; }
#content #process-s li { margin-top: 10px; margin-bottom: 10px; margin-left: 1px; }
/*term list st*/
#content .term { font-size: 14px; line-height: 1.5; background-color: #ddd; text-align: left; width: 550px; list-style-image: none; float: left ; margin-bottom: 15px; margin-left: 13px; padding: 5px 15px 15px; list-style-type: decimal; }
#content .term dt { font-weight: bold; padding-top: 10px; padding-bottom: 10px; }
#content .term dd { margin-left: 14px; }

/*second menu*/
#second-menu { font-size: 13px; line-height: 150%;}
#second-menu a { color: #242899; text-decoration: none; }
#second-menu a:hover { color: #242899; text-decoration: underline; }

/*footer st*/
#footer    { font-size: 12px; background-image: url(../img/system/footer.gif); margin-top: 10px; width: 780px; height: 50px; clear: both }

/*other st*/
.navi a  { color: #242899; text-decoration: none }
.navi a:hover  { color: #242899; text-decoration: underline; }
.barimg { margin-top: 10px; margin-bottom: 10px; }
#img-kakudai { color: #00259e; font-size: 12px; }
#get-reader { font-size: 12px; margin-left: 10px; }