/*
 * CSS for Advanced Knowledge Laboratory Inc.
 * written by Shigetaka Nakamura
 */

/* ヘッダ */
#pagehead {
  width: 719px;
}

/* リコメンド */
#recommendbox {
  position: relative;
  margin-top: 10px;
  padding: 0px;
  width: 100%;
  height: 120px;
}

#recommend {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 10;
  border-top: 1px solid #005070;
  border-left: 1px solid #005070;
  border-right: 1px solid #005070;
  border-bottom: 1px solid #005070;
  cursor: pointer;
}

#recommendshadow {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 720px;
  height: 120px;
  background-color: #000000;
  -moz-opacity: 0.2;
}

/* ビルボード */
#billboard {
  width: 710px;
  padding: 4px;
  border: 1px solid #007b7b;
  font-size: 12px;
}

/* メイン */
#maincontents {
  position: relative;
  margin-top: 10px;
  position: relative;
  text-align: left;
  width: 720px;
  height: 144px;
}

/* メニュー */
#menubar {
  position: absolute;
  background-color: #cccccc;
  width: 140px;
  top: 0px;
  height: 100%;
  border-left: 10px solid #106080;
  padding: 0px;
  margin: 0px;
/*  border: 1px solid #005070; */
}

#productmenu, #solutionmenu, #supportmenu, #infomenu {
  position: absolute;
  height: 20px;
  font-size: 12px;
  left: 0px;
  width: 120px;
  margin: 4px;
}

#productmenu {
  top: 0px;
}
#solutionmenu {
  top: 35px;
}
#supportmenu {
  top: 70px;
}
#infomenu {
  top: 105px;
}

/* トピックス */
#topicshead {
  position: absolute;
  text-align: left;
  padding-left: 4px;
  width: 551px;
  border-left: 5px solid #c04020;
  border-bottom: 1px dashed #707070;
  font-family: arial;
  font-weight: bold;
  top: 0px;
  left: 160px;
}

#topics {
  position: absolute;
  text-align: left;
  top: 20px;
  left: 160px;
}

#topiclist {
  margin-top: 5px;
  margin-left: 0px;
  padding-left: 0px;
  position: absolute;
  font-size: 12px;
  line-height: 18px;
  font-family: "Meiryo, Tahoma, MS UI Gothic";
  width: 550px;
}

/* ピックアップ */
#pickup {
  position: relative;
  text-align: left;
  width: 720px;
  height: 180px;
/*  border: 1px solid #005070; */
}

#pickuptitle {
  position: relative;
  margin-top: 10px;
  width: 710px;
  border-left: 5px solid #c04020;
  border-bottom: 1px solid #005070;
  border-right: 1px solid #005070;
  background-color: #edf4f6;
/*  color: #107991; */
  font-weight: bold;
  text-align: left;
  font-family: Arial;
  padding-left: 4px;
}

#fdpickup {
  position: absolute;
  left: 0px;
  top: 10px;
  width: 238px;
  height: 178px;
  margin: 0px;
  cursor: pointer;
}

#fdpickuptitle {
  background: url(/img/fd-mini.png) no-repeat left top;
  position: absolute;
  top: 0px;
  left: 0px;
  height: 46px;
  font-weight: normal;
  width: 228px;
  padding-top: 4px;
  padding-left: 10px;
  font-family: Tahoma, arial;
  margin: 0px;
  font-size: 18px;
  color: #205070;
}

#fdpickupbody {
  position: absolute;
  top: 50px;
  left: 0px;
  width: 218px;
  height: 108px;
  padding-right: 20px;
  font-size: 10.5px;
  margin: 0px;
}

#pxpickup {
  position: absolute;
  left: 240px;
  top: 10px;
  width: 238px;
  height: 178px;
  cursor: pointer;
}

#pxpickuptitle {
  background: url(/img/px-mini.png) no-repeat left top;
  position: absolute;
  top: 0px;
  left: 0px;
  height: 46px;
  font-weight: normal;
  width: 228px;
  padding-top: 4px;
  padding-left: 10px;
  font-family: Tahoma, arial;
  font-size: 18px;
  color: #702050;
}
#pxpickupbody {
  position: absolute;
  top: 50px;
  left: 0px;
  width: 218px;
  height: 108px;
  padding-right: 20px;
  font-size: 10.5px;
}

#simpickup {
  background: url(/img/sim-mini.png) no-repeat left top;
  position: absolute;
  right: 0px;
  top: 10px;
  width: 238px;
  height: 178px;
  padding-right: 0px;
  cursor: pointer;
}

#simpickuptitle {
  position: absolute;
  top: 0px;
  right: 0px;
  height: 46px;
  font-weight: bold;
  width: 228px;
  padding-top: 4px;
  padding-left: 10px;
  font-family: Tahoma, arial;
  font-size: 12px;
  color: #207050;
}

#simpickupbody {
  position: absolute;
  top: 50px;
  right: 0px;
  height: 108px;
  width: 218px;
  font-size: 10.5px;
  padding-right: 20px;
}

#pickupshadow {
  display: block;
  position: absolute;
  width: 240px;
  height: 180px;
  top: 14px;
  left: 0px;
  -moz-opacity: 0.2;
  opacity: 0.2;
  visibility: hidden;
  background-color: #000000;
  z-index: 5;
}

#footer {
  width: 710px;
  clear: both;
}

#floatbox {
  background-color: #106080;
  color: #ffffff;
  font-weight: bold;
  padding: 0.2em
}

#floatcontents {
  background-color: #ffffff;
  font-weight: normal;
  color: #304050;
  padding: 0.4em;
}

#chapterheader {
  width: 98%;
}