/* Organellome.css 
   copyright(C) Tomoki Miwa 2006 

   Last modified 2006/01/30 */

a:link {
  color: blue;
  text-decoration: none;
}

a.b:link {
  color: blue;
  text-decoration: none;
}

a:visited {
	color: green;
  text-decoration: none;
}

a:hover {
	color: red;
}

a:active {
	color: green;
}

body { 
 }

body.dark { 
  color: #335;
  background-color: #777;
  font-family: serif;
  font-size: 12px;
  width: 480px;
  margin: 5px 10px;
 }

h1 { 
  background-color: #FFF;
  border-bottom: 1px solid #AAA;
  border-right: 1px solid #AAA;
  font-family: sans-serif;
  font-size: 18px;
  text-shadow: #AAAAAA 5px 5px 4px;
  padding: 0px 5px 10px 5px;
}

h1.alert { 
  background-color: #F99;
  border-bottom: 1px solid #AAA;
  font-family: sans-serif;
  font-size: 24px;
  text-align: center;
  text-shadow: none;
  padding: 5px;
  width: 490px;
}

h2 { 
  background-color: #FFF;
  border-bottom: 1px solid #AAA;
  border-right: 1px solid #AAA;
  font-family: sans-serif;
  font-size: 16px;
  padding: 0px 5px 5px 5px;
  margin-top: 20px;
  width: 490px;
}

h2.findTitle { 
  background-color: #F5F5F5;
  border-bottom: 0px solid #AAA;
  border-right: 0px solid #AAA;
  font-family: sans-serif;
  font-size: 16px;
  text-align: left;
  padding: 5px 5px 5px 5px;
  margin: 20px 0px 10px 0px;
  width: 490px;
}

h3 {
  font-size: 14px;
  text-decoration: underline;
 }

h3.findTitle {
  font-size: 14px;
  font-family: sans-serif;
  text-decoration: none;
  margin: 10px 0px 5px 10px;
  text-align: left;
 }

h3.debugwindow { 
  font-size: 12px;
  font-family: monospace;
  background-color: #F99;
  text-decoration: none;
  padding: 3px;
 }

li { 
  font-family: sans-serif;
  font-size: 14px;
  margin-top: 5px;
 }

table { 
  width: 500px;
  margin-bottom: 10px;
 }

table.list { 
  width: 600px;
 }

table.small { 
  width: 300px;
  font-size: 12px;
 }

th {  }

th.fieldnameSpan { 
  font-family: sans-serif;
  font-size: 11px;
  background-color: #DDE;
  border-bottom: 1px solid #AAA;
  border-right: 1px solid #AAA;
  padding: 2px 5px;
 }
th.fieldname { 
  width: 170px;
  font-family: sans-serif;
  font-size: 11px;
  background-color: #DDE;
  border-bottom: 1px solid #AAA;
  border-right: 1px solid #AAA;
  padding: 2px 5px;
  text-align: left;
 }

th.fieldname50 { 
  width: 50px;
  font-family: sans-serif;
  font-size: 11px;
  background-color: #DDE;
  border-bottom: 1px solid #AAA;
  border-right: 1px solid #AAA;
  padding: 2px 5px;
  text-align: left;
 }

th.fieldname450 { 
  width: 450px;
  font-family: sans-serif;
  font-size: 11px;
  background-color: #DDE;
  border-bottom: 1px solid #AAA;
  border-right: 1px solid #AAA;
  padding: 2px 5px;
  text-align: left;
 }

th.fieldname310 { 
  width: 310px;
  font-family: sans-serif;
  font-size: 11px;
  background-color: #DDE;
  border-bottom: 1px solid #AAA;
  border-right: 1px solid #AAA;
  padding: 2px 5px;
  text-align: left;
 }

th.fieldname30 { 
  width: 30px;
  font-family: sans-serif;
  font-size: 11px;
  background-color: #DDE;
  border-bottom: 1px solid #AAA;
  border-right: 1px solid #AAA;
  padding: 2px 5px;
  text-align: left;
 }

th.fieldnameAlert { 
  width: 170px;
  font-family: sans-serif;
  font-size: 11px;
  background-color: #FAA;
  border-bottom: 1px solid #AAA;
  border-right: 1px solid #AAA;
  padding: 2px 5px;
  text-align: left;
 }

td{  }

td.fieldvalue { 
/*  width: 150px; */
  font-size: 12px;
  border-bottom: 1px solid #AAA;
  border-right: 1px solid #AAA;
  padding: 2px 5px;
 }

td.fieldvalueI { 
/*  width: 150px; */
  font-size: 12px;
  border-bottom: 1px solid #AAA;
  border-right: 1px solid #AAA;
  padding: 2px 5px;
  text-align: center;
 }

td.fieldvalueI2 { 
  width: 50px;
  font-size: 12px;
  border-bottom: 1px solid #AAA;
  border-right: 1px solid #AAA;
  padding: 2px 5px;
  text-align: center;
 }

td.fieldvalue100n { 
  width: 100px;
  font-size: 12px;
  padding: 2px 5px;
  text-align: center;
 }

td.fieldvalue2 { 
  width: 400px;
  font-size: 12px;
  border-bottom: 1px solid #AAA;
  border-right: 1px solid #AAA;
  padding: 2px 5px;
 }

td.fieldvalueGreen { 
  font-size: 12px;
  border-bottom: 1px solid #AAA;
  border-right: 1px solid #AAA;
  padding: 2px 5px;
  background-color: green;
  color: white;
 }
td.fieldvalueRed { 
  font-size: 12px;
  border-bottom: 1px solid #AAA;
  border-right: 1px solid #AAA;
  padding: 2px 5px;
  background-color: red;
  color: white;
 }
td.fieldvalueBlue { 
  font-size: 12px;
  border-bottom: 1px solid #AAA;
  border-right: 1px solid #AAA;
  padding: 2px 5px;
  background-color: blue;
  color: white;
 }
td.fieldvalueYellow { 
  font-size: 12px;
  border-bottom: 1px solid #AAA;
  border-right: 1px solid #AAA;
  padding: 2px 5px;
  background-color: yellow;
  color: black;
 }
td.fieldvalueWhite { 
  font-size: 12px;
  border-bottom: 1px solid #AAA;
  border-right: 1px solid #AAA;
  padding: 2px 5px;
  background-color: white;
  color: black;
 }
td.fieldvalueBlack { 
  font-size: 12px;
  border-bottom: 1px solid #AAA;
  border-right: 1px solid #AAA;
  padding: 2px 5px;
  background-color: black;
  color: white;
 }
td.fieldvalueBright { 
  font-size: 12px;
  border-bottom: 1px solid #AAA;
  border-right: 1px solid #AAA;
  padding: 2px 5px;
  background-color: white;
  color: black;
 }

td.fieldvalueAlert { 
  font-size: 12px;
  border-bottom: 1px solid #AAA;
  border-right: 1px solid #AAA;
  padding: 2px 5px;
  background-color: #FDD;
 }

td.navi { 
  background-color: #FFF;
  text-align: center;
  font-size: 10px;
  padding: 5px;
  margin: 0px 0px 5px 0px;
  border-bottom: 1px solid #AAA;  
  border-left: 1px solid #AAA;  
 }

td.white { 
  background-color: #FFF;
  text-align: left;
  font-size: 12px;
  padding: 5px;
  border: 0px;
  font-family: sans-serif;
  text-decoration: underline;
 }


img { 
  width: 90px;
 }


img.original { 
  width: auto;
 }

img.listdata { 
  width: 80px;
  height: 80px;
  vertical-align: middle;
  text-align: center;
  border: 1px solid;
}

img.listdata-movie { 
  width: 100px;
  height: 100px;
  vertical-align: middle;
  text-align: center;
  border: 0px solid;
}

img.icon { 
  width: 12px;
  border: 0px;
 }

img.logo { 
  margin-right: 5px;
  vertical-align: middle;
  border: 0px;
 }

img.normal { 
  width: 300px;
 }

img.picture { 
  width: 300px;
  border: 0px solid;
 }

img.picture-s { 
  width: 150px;
  border: 1px solid;
 }

img.small { 
  width: 150px;
 }

img.listicon { 
  width: 50px;
  height: 30px;
  vertical-align: middle;
 }

/* 20070831 delete lightwindow
div { 
  margin: 5px;
  width: 490px;
 }
*/


div.body { 
  width: 480px;
}

div.top { 
  margin: 5px;
  width: 490px;
 }


div.note { 
  font-size: 12px;
  border-top: 1px solid #AAA;
  border-bottom: 1px solid #AAA;
  text-align: justify;
 }

div.publist { 
  background-color: #FFF;
  border-bottom: 0px solid #AAA;
  border-right: 0px solid #AAA;
 }

div.header { 
  background-color: #F3F3F3;
  text-align: center;
  font-size: 10px;
  padding: 5px;
  margin: 10px 0px 5px 0px;
  border-bottom: 1px solid #AAA;
  width: 490px;
 }
div.footer { 
  background-color: #F3F3F3;
  text-align: center;
  font-size: 10px;
  padding: 5px;
  margin: 10px 0px 5px 0px;
  border-top: 1px solid #AAA;  
  border-left: 1px solid #AAA;  
  width: 490px;
 }

div.functional_search { 
  border-top: 1px solid #AAA;
  margin-top: 25px;
  padding-top: 25px;
 }

div.debugwindow { 
  border: 1px solid #F00;
  margin: 5px;
  padding: 10px;
  font-size: 11px;
  font-family: monospace;
 }


/* 20070831 delete lightwindow
p { 
  text-align: justify;
  line-height: 150%;
 }
*/

p.top { 
  font-size:14px;
  text-align: justify;
  line-height: 150%;
 }

p.important { 
  font-size:14px;
  text-align: justify;
  font-family: sans-serif;
  line-height: 150%;
 }

p.exp1 { 
  font-size:12px;
  font-family: sans-serif;
  text-align: justify;
  line-height: 130%;
  margin-left: 10px;
  margin-top: 5px;
 }

p.exp1red { 
  font-size:12px;
  font-family: sans-serif;
  text-align: justify;
  color: red;
  line-height: 130%;
  margin-left: 10px;
  margin-top: 5px;
 }

p.exp1-border { 
  font-size:12px;
  font-family: sans-serif;
  text-align: justify;
  line-height: 130%;
  margin-left: 10px;
  margin-top: 5px;
  border: 1px solid #555;
  padding: 3px;
 }

p.comment { 
  font-size:12px;
  font-family: sans-serif;
  text-align: justify;
  line-height: 120%;
  margin: 0px 0px 5px 0px;
  padding: 5px;
  background-color: #FEE;
  width: 490px;
}

p.comment2 { 
  font-size:11px;
  font-family: sans-serif;
  text-align: justify;
  line-height: 110%;
  margin: 0px 0px 5px 0px;
  padding: 5px;
  border: 1px solid #AAA;
  width: 490px;
}

p.comment3 { 
  font-size:11px;
  font-family: sans-serif;
  text-align: center;
  line-height: 110%;
  margin: 0px 0px 5px 0px;
  padding: 5px;
  border: 0px solid #AAA;
  width: 490px;
}

p.comment-white { 
  font-size:14px;
  font-family: sans-serif;
  text-align: center;
  color: white;
  margin-top: 40px;
}

p.pubname { 
  font-size: 14px;
  font-family: sans-serif;
  text-decoration: underline;  
  margin-left: 0px;
  margin-bottom: 0px;
 }

p.publication { 
  line-height: 120%;
  font-size: 12px;
  margin-left: 20px;
  margin-top: 5px;
  margin-bottom: 0px;
 }

p.navi { 
  font-size: 12px;
  margin: 0px;
  text-align: right;
  font-family: sans-serif;
}

p.subnavi { 
  font-family: sans-serif;
  text-align: center;
  font-size: 12px;
  margin-left: 0px;
  padding-right: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
  width: 490px;
  background-color: #F0F0F0;
 }

p.functional_category { 
  font-family: sans-serif;
  font-size: 16px;
  margin-left: 40px;
  margin-top: 10px;
  margin-bottom: 0px;
 }

p.menulist { 
  font-family: sans-serif;
  font-size: 16px;
  margin-left: 5px;
  margin-top: 10px;
  margin-bottom: 0px;
  text-decoration: underline;
 }

p.notice { 
  font-size: 10px;
  text-align: justify;
  font-family: sans-serif;
  color: red;
  margin-top: 1px;
  margin-left: 5px;
  margin-right: 5px;
  font-weight: normal;
 }

dl {  
  margin-left: 5px;
}

dl.note { 
  margin: 5px;
  padding: 10px;
  border: 1px solid #AAA;
 }

dt {
  margin-top: 5px;
  margin-bottom:	5px;
  margin-left: 20px;
  font-family: sans-serif;
  font-size: 12px;
  text-decoration: underline;
}

dt.note { 
  margin: 5px;
  text-decoration: none;
  font-style: italic;
  font-weight: bold
 }

dd {
  margin-top:		5px;
  margin-bottom:		0px;
  font-size:		12px;
  text-align:		left;
  text-indent:		0em;
  line-height:		100%;
}

dd.note {
  margin-top:		5px;
  margin-bottom:	0px;
  margin-left: 10px;
  text-align:		justify;
  text-indent:		0em;
  line-height:		150%;
}

dd.navi { 
  margin-top: 0px;
  margin-left: 5px;
  text-align: right;
}

table.tab {
  border-spacing: 0px;
}

td.tab1 {
  text-align: center;
  font-family: sans-serif;
  font-size: 12px;
  color: white;
  border: 1px solid #404040;
  width: 160px;
  padding: 5px 0px 5px 0px;
  background-color: #33AA22;
}

td.tab2 {
  text-align: center;
  font-family: sans-serif;
  font-size: 12px;
  border: 0px;
  border-bottom: 1px solid #404040;
  width: 160px;
  padding: 5px 0px 5px 0px;
  background-color: #F0F0F0;
}

td.tab3 {
  text-align: center;
  font-family: sans-serif;
  font-size: 12px;
  border: 0px;
  border-bottom: 1px solid #404040;
  width: 160px;
  padding: 5px 0px 5px 0px;
  background-color: white;
}

td.comment { 
  font-family: sans-serif;
  font-size: 12px;
 }

em.alert { 
  color: red;
  font-style: normal;
 }

em.notice { 
  color: red;
  font-style: normal;
 }

em.noticeS { 
  color: red;
  font-style: italic;
  font-size: 9px;
 }

em.req { 
  font-size: 10px;
  color: red;
  vertical-align: super;
 }

em.titlename { 
  font-weight: bold;
 }

em.titlename_noitalic { 
  font-weight: bold;
  font-style: normal;
 }

em.m_title { 
  color: #A00;
  font-family: sans-serif;
  font-size: 16px;
  text-decoration: underline;  
 }

em.m_title_b { 
  color: #000;
  font-family: sans-serif;
  font-size: 16px;
 }

em.mt_species { 
  color: #000;
  font-family: sans-serif;
  font-size: 14px;
  font-style: normal;
 }
em.m_species { 
  color: #00A;
  font-family: sans-serif;
  font-size: 14px;
 }
em.mt_organelles { 
  color: #000;
  font-family: sans-serif;
  font-size: 14px;
  font-style: normal;
 }
em.m_organelles { 
  color: #00A;
  font-family: sans-serif;
  font-size: 14px;
 }
em.mt_organtissue { 
  color: #000;
  font-family: sans-serif;
  font-size: 14px;
  font-style: normal;
 }
em.m_organtissue { 
  color: #00A;
  font-family: sans-serif;
  font-size: 14px;
 }
em.bold_only { 
  font-style: normal;
  font-weight: bold;
 }





div#linkmenu {
  font-family: sans-serif;
  font-size: 12px;
  width: 490px;
  height: 200px;
  border: solid 1px #999;
  margin: 0px;
  padding: 5px;
  position: absolute;
  background-color: #F3F3F3;
}

div#link-ja {
    width: 120px;
    height: 200px;
    border: solid 1px #F00;
    margin: 0px;
    padding: 5px;
    position: absolute;
    top: 0px;
    left: 0px;
}

div#link-title-ja,div#link-title-en {
    text-align: center;
    background-color: #4A4;
    color: #FFF;
}

div#link-en {
    width: 120px;
    height: 200px;
    border: solid 1px #0F0;
    margin: 0px;
    padding: 5px;
    position: absolute;
    top: 0px;
    left: 132px;
}

div.linklist {
    margin: 1px;
    padding: 4px;
    border: solid 1px #00F;
}

div.submenu1 {
  font-family: monospace;
  font-size: 14px;
  text-decoration: none;  
  margin: 14px 0px 0px 0px;
  padding: 2px;
}    

div.submenu2 {
  font-family: monospace;
  font-size: 14px;
  text-decoration: none;  
  margin: 2px 10px;
  padding: 2px;
}    

img.icon14 {
    width: 10px;
    border: solid 0px #00F;
}

p.link-menu-explain {
    font-size: 12px;
    margin-top: 6px;
    margin-left: 18px;
}

div#top-title {
    font-size: 20px;
    font-family: monospace;
    border-bottom: solid 2px #BBB;   
    border-right: solid 2px #BBB;   
    padding: 15px;
    margin: 20px 100px 20px 100px;
    vertical-align: top;
    background-color: white;
}

div#book-catalog {
    font-size: 24px;
    font-family: monospace;
    border-bottom: solid 0px #BBB;   
    border-right: solid 0px #BBB;   
    padding: 20px;
    margin: 20px;
    vertical-align: top;
    width: 420px;
}

img.top-original {
    vertical-align: middle;
    width: auto;
    border: solid 0px #BBB;
}

img.top-80px {
    vertical-align: middle;
    width: 80px;
    border: solid 0px #BBB;
}

a.top-link:link {
    color: black;
}

a.top-link:visited {
    color: black;
}

a.top-link:hover {
    color: blue;
}

a.top-link:active {
    color: black;
}