/*一般向けページ（PHPファイル用）CSS*/
*  { margin: 0; padding: 0 ; font-family: "ＭＳ Ｐゴシック" ;}
body  { background-image: url("../img/system/backgroundimg.gif"); background-repeat: repeat-x; text-align: center }
#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  { margin-right: 5px; margin-left: 5px; width: 770px; height: 200px }
.inlineRed{ color: #e80649; }
.inlineBlue{color: #3878db}
.rightpos{ color: #09f; text-decoration: none; float: right; }

#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: 1px 0; }
#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: 20px; 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 0 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 .pagelink { font-size : 12px; text-decoration: none; margin-left: 5px; }
#content div.pagelink a { font-size : 12px; text-decoration: none; color:#0086d4;}
/*l-content*/
#l-content { font-size: small; line-height: 150%; background-color: #fff; text-align: left; letter-spacing: 1px; width: 95%; margin-top: 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 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 #s-table table { margin-left: 15px; border: solid 1px #0e2f8f; }
#content #s-table td.color { font-weight: bold; background-color: #84bbe6; text-align: center; vertical-align: middle; padding: 1px; border: solid 1px #004da1; }
#content #s-table td.mono { padding: 1px 5px; border: solid 1px #0e2f8f;}
/*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 div.inline input.button { background-color: #ccc; width: 60px; margin-right: 5px; margin-left: 5px; border: solid 1px #00259e; display: inline;}
#content #form div.inline input.button2 { background-color: #ccc; margin-right: 5px; margin-left: 5px; border: solid 1px #00259e; display: inline;}
#content #form .inline {display: inline;}
#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 search st*/
#content #search table { font-size: 14px; background-color: #eee; border: solid 1px #004da1; }
#content #search td.color {font-weight: bold; background-color: #86c0e9; text-align: center; vertical-align: middle; padding: 5px; border: solid 1px #0068b6; }#content #search td.mono { background-color: #eee; padding: 5px; border: solid 1px #0e2f8f; display: inline; }
#content #search #non-search { border-color: transparent; border-style: none; }
#content #search .select { width: 100px; }
#content #search .textarea { width: 280px; }
#content #search .button { background-color: #ccc; width: 150px; margin-right: 5px; margin-left: 5px; border: solid 1px #00259e; }
#content #search .reset { background-color: #ccc; width: 60px; margin-right: 5px; margin-left: 5px; border: solid 1px #00259e; }
#content #search .mono .inline input { float: right; display: inline; }
/*content sitemap*/
#content .mapbox { width: 185px; 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: 185px; 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: 180px; 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: 14px; margin-left: 10px }
#content #news td  { padding-top: 4px; padding-bottom: 3px; vertical-align: top; border-bottom: 1px dotted #030 }
#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 { 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; }

/*second menu*/
#second-menu { font-size: 13px; line-height: 150%;}
#second-menu a { color: #0099ff; text-decoration: none; }
#second-menu a:hover { color: #0099ff; 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: #09f; text-decoration: none }
.navi a:hover  { color: #fff; background-color: #09f }
.barimg { margin-top: 10px; margin-bottom: 10px; }