/* Common styles */
body {
  background: url(./img/bg.png);
  text-align: center; /* IEŒü‚¯ */
  margin: 0px;
}

.base {
  background: #ffffff;
  border-left: 1px black solid;
  border-right: 1px black solid;
  width: 770px;
  margin: 0px auto;
  padding: 10px 10px 0px 10px;;
  text-align: left; /* IEŒü‚¯ */
  font-size: small;
  line-height: 150%;
}

a:link {
  text-decoration:none;
}

a:visited {
  text-decoration:none;
}

a:hover {
  text-decoration:underline;
}

img {
  border: 0;
}

/* company name */
.company_name {
  color: #FF6600;
  font-size: large;
  font-weight: bold;
  margin: 0.5em 0;
}

.company_address {
  margin-left: 1em;
  font-size: small;
  text-indent: -1em;
  margin-bottom: 0.5em;
}

.company_address:first-letter {
  color: #ff9900;
}

/* Navigator (left-side) */
.navi_l {
  float: left;
  width: 200px;
}

.navi_l .top_icon_area {
  text-align: center;
  line-height: 150px;
}

.navi_l .top_icon_area .top_icon {
  vertical-align: middle;
}

.navi_l .title {
  text-align: center;
  margin-top: 0.5em;
}

.navi_l .content {
  margin: 0 auto;
  width: 190px;
}

.pnavi_item {
  margin-bottom: 5px;
  width: 180px;
  border: 1px solid #ff9900;
  padding: 5px;
}

.pnavi_item :link {
  color: black;
}

.pnavi_item :visited {
  color: black;
}

.pnavi_illust {
  margin-bottom: 5px;
  width: 180px;
  border: 1px solid #ff9900;
  padding: 5px;
  text-align: center;
}

/* Contents (right-side) */
.content_r {
  float: right;
  width: 550px;
}

.content_r > * {
  margin-left: 1em;
}

.content_r .abstract_box {
  border: 1px solid black;
  padding: 5px;
  margin-left: 0;
}

.content_r h1 {
  font-size: large;
  margin: 0;
  padding: 0.5em 0;
}

.content_r h2 {
  clear: both;
  margin: 1em 0;
  border-color: #FF6600;
  border-style: solid;
  border-width: 1px 0 3px 0;
  line-height: 200%;
  padding-left: 40px;
  font-size: large;
  color: #663300;
}

.content_r h3 {
  margin-left: 1.5em;
  text-indent: -1em;
  margin-bottom: 0;
  font-size: medium;
}

.content_r > h3:first-letter {
  color: #339900;
}

.content_r .abstract_box p {
  margin: 0;
  padding: 0;
}

/* Header styles */
.header {
}

.header .menu {
  margin: 10px auto;
  text-align: center;
}

/* Footer styles */
.footer {
  clear: both;
}

.footer .menu {
  font-size: small;
  text-align: center;
  line-height: 200%
}

.footer .menu :link {
  color: black;
}

.footer .menu :visited {
  color: black;
}

.footer .desc {
  text-align: center;
  background: #33ccff;
  color: white;
  font-size: small;
  line-height: 300%;
}

.footer .desc :link {
  color: white;
}

.footer .desc :visited {
  color: white;
}

/* styles for button style */
img.btn_normal {
  position: relative;
  top: 0px;
  left: 0px;
}

img.btn_hover {
  position: relative;
  top: -1px;
  left: -1px;
}

img.btn_clicked {
  position: relative;
  top: 1px;
  left: 1px;
}

/* utility */
.nowrap {
  white-space: nowrap;
}

.float {
  float: right;
}

.clear {
  clear: right;
  height: 0px;
}

.center {
  text-align: center;
}

.vtop {
  vertical-align: top;
}