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

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

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

a:hover {
    color: red;
}

a:active {
    color: yellow;
}

body {
  background-color: #104510;
}

div#body { 
  font-family: sans-serif;
  width: 1000px;
  height: 900px;
  border: solid 0px #999;
  margin: 5px;
  position: absolute;
  -webkit-border-radius: 3px;
  text-shadow: 1px 1px 0px #000;
 }

div#title { 
  font-family: sans-serif;
  font-size: 18px;
  text-align: center;
  vertical-align: middle;
  width: 990px;
  height: 55px;
  border: solid 0px #999;
  margin: 0px;
  position: absolute;
  left: 5px;
  top: 5px;
/*  background-color: #FFFFFF; */
  color: #FFFFFF;
 }

p.title {
    margin: 5px;
    line-height: 100%;
    font-weight: 800;
}

p.comment {
    font-size: 12px;
    margin-left: 20px;
}

h1.title {
    font-family: sans-serif;
    font-size: 24px;
    text-align: center;
    vertical-align: middle;
    margin: 5px;
    line-height: 100%;
    font-weight: 500;
    color: #FFFFFF;
}    

div.contact-txt {
    font-family: sans-serif;
    font-size: 14px;
    text-align: center;
    vertical-align: middle;
    margin: 20px;
    line-height: 150%;
    font-weight: 500;
    color: #FFFFFF;
}

div#text-contents {
    font-family: sans-serif;
    text-align: justify;
    vertical-align: middle;
    width: 990px;
    height: 150px;
    border: solid 0px #999;
    margin: 0px;
    position: absolute;
    left: 5px;
    top: 70px;
/*    background-color: #FFFFFF; */
    color: #FFFFFF;
}

p.text-contents {
    font-size: 14px;
    margin: 10px;
    line-height: 150%;
}

p.text-contents-2 {
    font-family: serif;
    font-size: 14px;
    margin: 20px;
    line-height: 180%;
}

p.text-contents-2r {
    font-family: serif;
    font-size: 14px;
    margin: 20px;
    line-height: 180%;
    text-align: right;
}


p.text-contents-clearR {
    font-size: 14px;
    margin: 10px;
    line-height: 250%;
    clear: right;
}

p.text-contents-clearL {
    font-size: 14px;
    margin: 10px;
    line-height: 250%;
    clear: left;
}

div#plant-cell {
    font-family: sans-serif;
    width: 990px;
    height: 650px;
    border: solid 0px #999;
    position: absolute;
    left: 5px;
    top: 250px;
/*    background-color: #FFFFFF; */
}

div#footer {
    font-family: sans-serif;
    font-size: 14px;
    margin: 40px 10px 10px 30px;
    line-height: 150%;
    color: #FFF;
    border: solid 0px #999;
    position: absolute;
    left: 5px;
    top: 875px;
/*    background-color: #FFFFFF; */
}

div.footer-r {
    font-family: serif;
    font-size: 14px;
    margin: 30px 10px 50px 30px;
    line-height: 150%;
    color: #FFF;
    border: solid 0px #999;
}

div.navi {
    font-family: sans-serif;
    font-size: 12px;
    margin: 20px 20px 40px 20px;
    line-height: 150%;
}

img.plant-cell {
    margin: 5px;
    border: solid 0px #999;
    position: absolute;
    left: 0px;
    top: 0px;
}

div#tubulin,div#peroxisome,div#nucleus,div#mitochondria,div#er,div#cytosol,div#chloroplast,div#actin,div#vacuole,div#golgi {
    position: absolute;
    left: 540px;
    top: 240px;
    border: solid 0px #888;
}

img.em-left {
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
    border: solid 0px #999;
}

img.em-left2 {
    float: left;
    margin-right: 20px;
    margin-bottom: 10px;
    border: solid 0px #999;
}

img.em-right {
    float: right;
    margin-left: 20px;
    margin-bottom: 20px;
}

img.organelles {
    width: 450px;
}

p.img-title {
    text-align: center;
    border: solid 0px #999;
    width: 446px;
    margin: 0px;
    padding: 2px;
    background-color: #000000;
    color: #FFFFFF;
}
p.img-exp {
    text-align: justify;
    font-size: 14px;
    line-height: 180%;
    border: solid 0px #999;
    width: 440px;
    margin: 0px;
    padding: 5px;
    background-color: #000000;
    color: #FFFFFF;
}


//


div#result { 
  width: 700px;
  height: 860px;
  border: solid 1px #999;
  overflow: hidden;
  top: 10px;
  right: 10px;
  position: absolute;
 }

div#result > div.list { 
  width: 665px;
  height: 40px;
  border: solid 1px #999;
  padding: 5px 10px;
  margin: 5px;
  font-weight: 800;
  font-size: 18pt;
  background-color: #EEE;
 }

div#dummy01 { 
  width:747px;
  height: 0px;
  border: 0px;
  padding: 0px;
  margin: 0px;
 }

div#detail { 
  width: 530px;
  height: 860px;
  border: solid 1px #999;
  position: absolute;
  top: 10px;
  left: 10px;
 }

div#labexp { 
  background-color: #EEE;
  width: 530px;
  height: 860px;
  border: solid 1px #999;
  position: absolute;
  top: 10px;
  left: 10px;
  overflow: hidden;
 }

div#manual{ 
  border : solid 1px #999;
  padding : 0px 10px;
  position : absolute;
  font-size: 48px;
  font-weight: 800;
  width: 670px;
  height: 762px;
  left: 550px;
  top: 110px;
  text-align: justify;
  background-color: white;
  overflow: hidden;

 }

div#main-menu{ 
  border : solid 0px #999;
  padding : 0px 10px;
  position : absolute;
  font-size: 48px;
  font-weight: 800;
  width: 500px;
  height: 750px;
/*
  left: 380px;
  top: 130px;
*/
  left: 10px;
  top: 10px;

  text-align: center;
 }

div#main-menu-L, div#main-menu-H, div#main-menu-E, div#main-menu-D, div#main-menu-I, div#main-menu-M{ 
  border : solid 1px #999;
  background-color: #EEE;
  margin: 10px 0px;
  text-align : justify;
  text-indent: 20px;
 }

div#select-menu { 
  border : solid 0px #999;
  padding : 0px;
  position : absolute;
  width: 240px;
  height: 43px;
  right: 10px;
  bottom : 10px;
 }

div#menu-L, div#menu-H, div#menu-E, div#menu-D, div#menu-I, div#menu-M{ 
  border : solid 1px #999;
  font-size:18pt;
  font-weight: 800;
  padding : 2px;
  background-color: #EEE;
  text-align: center;
  width: 36px;
  height: 36px;
 }

div#menu-L { 
  position: absolute;
  left: 0px;
  top: 0px;
 }
div#menu-H { 
  position: absolute;
  left: 50px;
  top: 0px;
 }
div#menu-E { 
  position: absolute;
  left: 100px;
  top: 0px;
 }

div#menu-I { 
  position: absolute;
  left: 150px;
  top: 0px;
 }

div#menu-M { 
  position: absolute;
  left: 200px;
  top: 0px;
 }

/* popupmenu */

div#popup { 
  border: solid 1px #999;
  width: 700px;
  height: 18px;
  top:874px;
  right: 10px;
  position: absolute;
  text-align: center;
  color: #EEE;
  background-color: #999;
 }

div#popup2 { 
  border: solid 1px #999;
  width: 530px;
  height: 18px;
  top:874px;
  left: 10px;
  position: absolute;
  text-align: center;
  color: #EEE;
  background-color: #999;
 }

div#popup-man { 
  border: solid 1px #999;
  width: 690px;
  height: 18px;
  top:874px;
  left: 550px;
  position: absolute;
  text-align: center;
  color: #EEE;
  background-color: #999;
 }

/* scroll-control */

div#scroll-control, div#scroll-control2, div#scroll-control-man { 
  padding : 2px;
  height: 45px;
  position: absolute;
  top: 894px;
  text-align: center;
  background-color: #EEE;
  border: solid 1px #999;
 }

div#scroll-control { 
  width: 696px;
  right: 10px;
 }

div#scroll-control2 { 
  width: 526px;
  left: 10px;
 }

div#scroll-control-man { 
  width: 685px;
  left: 550px;
 }

/* scroll button  */

div#buttonUp, div#buttonStop, div#buttonDown, div#buttonUp2, div#buttonStop2, div#buttonDown2, div#buttonUp-man, div#buttonStop-man, div#buttonDown-man { 
  font-size:24pt;
  font-weight: 100;
  padding : 1px;
  text-align: center;
  width: 25px;
  height: 25px;
  position: absolute;
  top: 1px;
  color: #999;
 }

div#buttonUp { 
  left: 283px;
 }

div#buttonStop { 
  left: 333px;
 }

div#buttonDown { 
  left: 383px;
 }

div#buttonUp2 { 
  left: 200px;
 }

div#buttonStop2 { 
  left: 250px;
 }

div#buttonDown2 { 
  left: 300px;
 }

div#buttonUp-man { 
  left: 280px;
 }

div#buttonStop-man { 
  left: 330px;
 }

div#buttonDown-man { 
  left: 380px;
 }


div#debugArea{ 
  width: 450px;
  height: 1004px;
  border: solid 1px #999;
  overflow: scroll;
  position: absolute;
  top: 8px;
  left: 1280px;
 }

em.hira{ 
  font-weight: 800;
  font-size: 12pt;
  font-style: normal;
 }

em.lab{ 
  font-weight: normal;
  font-size: 14pt;
  font-style: italic;
  margin-left: 10px;
  margin-right: 10px;
 }

em.title{ 
  font-weight: normal;
  font-size: 14pt;
  font-style: normal;
  color: #311;
  margin-left: 10px;
  margin-right: 10px;
 }

em.kakoi{ 
  border: solid 1px #999;
  background-color: #DDD;
  padding: 5px;
  font-style: normal;
 }

em.kakoi2{ 
  border: solid 1px #999;
  background-color: #999;
  color: white;
  width: 100px;
  padding: 5px;
  font-style: normal;
 }

p.name{ 
  font-weight: 800;
  font-size: 36pt;
  text-align: center;
  margin: 5px;
  border: solid 1px #999;
  background-color: #EEE;

 }

p.lab{ 
  font-weight: 800;
  font-size: 18pt;
  text-align: center;
  margin: 5px;
  border: solid 1px #999;
  background-color: #EEE;
 }

p.tel, p.room{ 
  font-weight: 800;
  font-size: 18pt;
  text-align: left;
  margin: 5px;
  padding: 0px 10px;
  border: solid 1px #999;
  background-color: #EEE;
 }

p.main-subtitle{ 
  font-size: 32px;
  text-align: left;
  text-indent: 20px;
  margin: 50px 0px 0px 0px;
  border-left: solid 20px #999;
  border-bottom: solid 1px #999;
 }

p.doctitle{ 
  border-top: solid 1px #999;
  border-bottom: solid 1px #999;
  background-color: #EEF;
  text-indent: 1em;
 }

div.doc{ 
  font-size: 18px;
  margin: 2px;
  padding: 2px;
  line-height: 190%;
  text-align: justify;
 }

dl.block{ 
  padding: 5px;
  border: solid 1px #999;
  background-color: #FAFAFA;
 }

img.detail{ 
  border: solid 1px #999;
  margin: 5px 14px;
  background-color: #EEE;
 }


div.movie-exp {
    border: solid 1px #999;
    margin: 10px;
    padding: 10px;
    height: 150px;
    line-height: 200%;
    background-color: #000;
    color:#fff;
    -webkit-border-radius: 3px;
    -webkit-box-shadow: 5px 5px 5px #222;
}

div.movie-exp2 {
    border: solid 1px #999;
    margin: 10px;
    padding: 10px;
    height: auto;
    line-height: 200%;
    background-color: #000;
    color:#fff;
    -webkit-border-radius: 3px;
    -webkit-box-shadow: 5px 5px 5px #222;
}


div#usage-exp {
    border: solid 0px #999;
    margin: 10px;
    padding: 10px;
    height: 150px;
    line-height: 200%;
    color:#fff;
    width: 300px;
    height: 90px;
    position: absolute;
    top: 400px;
    left: 600px;
}