@charset "Shift_JIS";

@import "/misc/css/init.css";
@import "/misc/css/base.css";
@import "/misc/css/header.css";
@import "/misc/css/footer.css";

@import "/misc/css/design_white.css";

@import "menu.css";


#body {
  width: 650px;
  padding-left: 18px;
  float: right;
  border-left: solid 2px #F00;
}

#body .main {
}

#body .main .image {
  float: right;
  padding-left: 10px;
  padding-right: 16px;
}

#body .main h2 {
  margin-bottom: 15px;
}

#body .main p {
  padding-left: 3px;
}

/* license */

#body .license {
  clear: both;
  margin-bottom: 10px;
}

#body .license h2 {
  margin-bottom: 5px;
}

#body .license ul {
  padding-right: 15px;
}

#body .license ul li {
  display: inline;
  margin-right: 1em;
}

/* laboratory */

#body .laboratory {
  margin-bottom: 25px;
}

#body .laboratory h2 {
  margin-bottom: 5px;
}

#body .laboratory ul li {
  width: 300px;
  float: left;
  border: solid 2px #CCC;
  margin-right: 5px;
  margin-bottom: 5px;
  padding: 2px 5px;
  background: center center repeat-y;
}

#body .laboratory ul li a {
  color: #047;
}

#body .laboratory ul li.none {
  color: #333;
}

#body .laboratory ul li a,
#body .laboratory ul li span {
  display: block;
  height: 100%;
  text-decoration: none;
  background: url("/5_divisions/misc/img/arrow-grey.png") 0 .4em no-repeat;
  padding-left: 10px;
}

* html #body .laboratory ul li a,
* html #body .laboratory ul li span {
  background-image: url("/5_divisions/misc/img/arrow-grey.gif");
}


#content:after,
#body .laboratory ul:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

#content,
#body .laboratory ul {
  display: block;
  min-height: 1%;
}

* html #content,
* html #body .laboratory ul {
  height: 1%;
}