/*---------------------------------------------------------
  HISAEDA CONSULTING CSS : Tool
----------------------------------------------------------*/
/* toolList */
#contents .mainTitle {
  position: relative;
  height: 60px;
}

#contents .mainTitle p.title {
  position: absolute;
  left: 0px;
  top: -10px;
}

#contents ul.toolList li {
  position: relative;
  background: url(../images/tool/list_line.gif) repeat-x 0px 100%;
  padding: 9px 116px 10px 5px;
  list-style: none;
}

#contents ul.toolList li a.link {
  background: url(../images/tool/list_icon.gif) no-repeat 0px 0px;
  padding: 0px 0px 2px 19px;
}

#contents ul.toolList li span {
  position: absolute;
  top: 5px;
  right: 5px;
}

#contents ul.attention {
  background: #FFFCE6;
  padding: 6px 10px;
  border: 1px dotted #999999;
  margin-top: 20px;
}

#contents ul.attention li {
  font-size: 10px;
  line-height: 14px;
  background: url(../images/tool/attent_point.gif) no-repeat 0px 4px;
  padding: 2px 0px 2px 12px;
  list-style: none;
}

/* toolDetail */
#contents .toolDetail {
  padding: 0px 10px;
}

#contents .toolDetail .photoBox {
  float: left;
  border: 1px solid #CCCCCC;
  padding: 5px;
  width: 290px;
}

#contents .toolDetail .textBox {
  float: left;
  padding-right: 15px;
  width: 283px;
}

#contents .toolDetail .textBox p {
  padding-top: 12px;
}

#contents .toolDetail .textBox p.btn {
  text-align: center;
  padding-top: 25px;
}

#contents .toolDetail dl.data {
  padding-top: 12px;
}

#contents .toolDetail dl.data dt {
  color: #058E3C;
  width: 6em;
  float: left;
  padding-top: 5px;
}

#contents .toolDetail dl.data dd {
  margin-left: 6em;
  padding-top: 5px;
}