body, td, p, input, button, textarea, select, .c1 { font-family:Arial; font-size:9pt; color:#222222; }

img {border:0px;}

a:link, a:visited, a:active { text-decoration:none; color:#466C8A; }
a:hover { text-decoration:none; }

a.menu:link, a.menu:visited, a.menu:active { text-decoration:none; color:#313131; }
a.gray:hover { text-decoration:none; color:#808080; }
a.yellow:hover { text-decoration:none; color:#d0dd42; }
a.blue:hover { text-decoration:none; color:#00aeed; }
a.red:hover { text-decoration:none; color:#f58533; }
a.purple:hover { text-decoration:none; color:#b891dc; }

.member {font-weight:bold;color:#888888;}
.guest  {font-weight:normal;color:#888888;}

.lh { line-height: 150%; }
.jt { text-align:justify; }

.li { font-weight:bold; font-size:18px; vertical-align:-4px; color:#66AEAD; }

.ul { list-style-type:square; color:#66AEAD; }

.ed { border:1px solid #CCCCCC; } 
.tx { border:1px solid #CCCCCC; } 


div#frame {
  width:1005px;
}
div#head {
  width:100%;
  height:112px;
}
div#logo {
  width:238px;
  height:70px;
  text-align:center;
  padding-top:10px;
}
div#utility {
  left:905px;
  top:8px;
  color:#808080;
  font-size:8pt;
  position:absolute;
}
div#top-menu {
  left:237px;
  top:37px;
  width:725px;
  height:34px;
  position:absolute;
  background-image:url(/img/common/top_menu_bg.gif);
}
div#top-bg {
  left:0px;
  top:70px;
  width:962px;
  height:38px;
  position:absolute;
  background-image:url(/img/common/top_bg.gif);
}
div#body {
  width:100%;
}
div#main-bg {
  width:1005px;
  height:457px;
  position:relative;
  background-image:url(/img/common/main_image.jpg);
}
div#maincopy-flash {
  left:760px;
  top:18px;
  width:200px;
  height:170px;
  position:absolute;
}  
div#main-flash {
  left:506px;
  top:196px;
  width:458px;
  height:208px;
  position:absolute;
}
div#sub-top {
  width:1005px;
  height:160px;
  background-image:url(/img/common/sub_top.jpg);
  background-repeat:no-repeat;
}
div#left {
  width:185px;
  float:left;
}
div#left-menu {
  width:185px;
  margin-left:10px;
}
div#content {
  width:730px;
  float:left;
}
div#content-main {
  width:685px;
  margin-left:25px;
}
div#overview {
  width:685px;
  height:650px;
  position:relative;
  background-image:url(/img/catalog/03.jpg);
  background-repeat:no-repeat;
}
div#overview-text {
  left:30px;
  top:30px;
  width:625px;
  position:absolute;
}
div#about-our-bioreactor {
  width:685px;
  height:814px;
  background-image:url(/img/catalog/06.jpg);
  background-position:bottom;
  background-repeat:no-repeat;
}
div#optical-microscope {
  width:685px;
  height:250px;
  background-image:url(/img/catalog/14_01.jpg);
  background-position:right;
  background-repeat:no-repeat;
}
div#laser-scan-confocal-microscope {
  width:685px;
  height:250px;
  background-image:url(/img/catalog/14_02.jpg);
  background-position:right;
  background-repeat:no-repeat;
}
div#semiconductor-bio-sensor {
  width:380px;
  height:725px;
  background-image:url(/img/catalog/15_03.jpg);
  background-position:bottom;
  background-repeat:no-repeat;
}
div#controllers {
  width:684px;
  height:565px;
  background-image:url(/img/catalog/24.jpg);
  background-repeat:no-repeat;
  position:relative;
}
div#tail {
  width:1005px;
  height:70px;
  clear:both;
  position:relative;
  border-top:solid 2px #052d62;
}
div#copyright {
  left:364px;
  top:18px;
  color:#747474;
  font-size:9pt;
  font-weight:bold;
  position:absolute;
}
div#copyright-logo {
  left:880px;
  top:12px;
  position:absolute;
  border-left:solid 1px #d0d0cf;
}
div#floater {
  left:915px;
  top:270px;
  width:75px;
  height:130px;
  border:solid 1px #cecece;
  position:absolute;
}

table#top-menu {
  width:720px;
  margin-left:1px;
  margin-top:15px;
}
td.menu-item {
  text-align:center;
  font-weight:bold;
  font-size:10pt;
  font-family:Arial;
}

div.left-menu-top {
  width:185px;
  height:70px;
  border-top:solid 1px #dfdfdf;
  border-bottom:solid 1px #dfdfdf;
}
div.left-menu-top-title {
  float:right;
  width:130px;
  text-align:right;
  font-size:12pt;
  font-weight:bold;
  padding-top:13px;
  border-top:solid 2px #994D01;
}
div.left-menu-item {
  width:185px;
  height:28px;
  text-align:right;
  font-size:9pt;
  padding-right:15px;
  padding-top:5px;
  font-weight:bold;
  background-image:url(/img/common/ic_menu_off.gif);
  background-repeat:no-repeat;
  background-position:right;
  border-bottom:solid 1px #dfdfdf;
}
div.left-menu-item a:link, div.left-menu-item a:visited, div.left-menu-item a:active {
  text-decoration:none;
  color:#313131;
}
div.left-menu-item-on {
  width:185px;
  height:28px;
  text-align:right;
  font-size:9pt;
  padding-right:15px;
  padding-top:5px;
  font-weight:bold;
  background-image:url(/img/common/ic_menu_on.gif);
  background-repeat:no-repeat;
  background-position:right;
  border-bottom:solid 1px #dfdfdf;
}
div.left-menu-item-on a:link, div.left-menu-item-on a:visited, div.left-menu-item-on a:active {
  text-decoration:none;
  color:#8e5208;
}
div.bioreactor {
  width:330px;
  height:235px;
  margin-bottom:15px;
}
div.bioreactor-image {
  width:94px;
  height:94px;
  float:left;
}
div.bioreactor-title {
  width:220px;
  height:26px;
  float:left;
  font-size:14pt;
  font-weight:bold;
  color:#808080;
  margin-left:10px;
}
div.bioreactor-content {
  width:220px;
  height:72px;
  float:left;
  font-size:9pt;
  margin-left:10px;
}
div.bioreactor-spec {
  width:320px;
  clear:both;
  font-size:8pt;
  text-align:left;
  margin-left:5px;
}
div.vessel-type {
  clear:both;
}
div.vessel-image {
  width:150px;
  float:left;
}
div.vessel-table {
  width:535px;
  float:left;
}

table.border-none {
  border-spacing:0px;
  border-collapse:collapse;
}
td.top-line {
  height:4px;
  border-top:solid 2px #858588;
}
td.bottom-line {
  height:4px;
  border-bottom:solid 2px #858588;
}
td.vessel-subject {
  width:120px;
  font-size:8pt;
  padding-left:5px;
  background-color:#c7c5c5;
}
td.vessel-split {
  width:2px;
}
td.vessel-spec1 {
  width:135px;
  font-size:8pt;
  background-color:#e8e7e7;
}
td.vessel-spec2 {
  width:278px;
  font-size:8pt;
  background-color:#e8e7e7;
}

hr.bioreactor-split {
  width:320px;
  height:2px;
  background-color:#646464;
  clear:both;
}

ul.menu {
}

span.tit-main {
  font-size:22pt;
}
span.tit-sub1 {
  font-size:18pt;
}
span.tit-sub2 {
  font-size:14pt;
}
span.tit-sub3 {
  font-size:10pt;
}
span.content-txt1 {
  font-size:10pt;
}
span.content-txt2 {
  font-size:10pt;
}
span.content-txt3 {
  font-size:9pt;
}
span.blue {
  color:#0a78b4;
}
span.yellow {
  color:#cccc00;
}
span.green {
  color:#9ccc4e;
}
span.pink {
  color:#9f73a6;
}
span.orange {
  color:#ff8000;
}
span.gray {
  color:#808080;
}
span.bold {
  font-weight:bold;
}