/* aboutkey.css */

#aboutkey_html #titleandbackground
{
  background-image: url(../images/titlebackground_simple.jpeg);
  height: 120px;
}

#aboutkey_html #subarea
{
  top: 214px;
}

#aboutkey_html #contents
{
  border-right-style: solid;
  border-right-color: #d030ff;
  border-right-width: 1px;
}

#aboutkey_html #contents h2
{
  padding-top: 0.5em;
}

#aboutkey_html #contents p
{
  text-indent: 1em;
  margin-top: 0.5em;
  margin-bottom: 1.5em;
  padding-left: 1em;
  padding-right: 1em;
}

#aboutkey_html #contents p.key
{
  text-indent: 0px;
  text-align: center;
  margin-left: 0px;
  margin-top: 1em;
  margin-right: 0px;
  margin-bottom: 1.5em;
  padding: 2px 0px 2px 0px;
  line-height: 1px;
  letter-spacing: 1px;
  background-color: #e8d0ff;
  border-color: #f4f0ec; /* #d030ff; */
  border-width: 1px;
  border-style: dashed none dashed none;
}

#aboutkey_html #contents p.key a
{
  display: inline-block;
  position: relative;
  z-index: 0;
  width: 160px;
  height: 55px;
  border-color: #e8d0ff; /* #d0b0ff; #f4f0ec; */
  border-style: none;
  border-width: 0px;
  overflow: hidden;
}

#aboutkey_html #contents p.key a:hover
{
  z-index: 1;
  border-style: solid;
  border-width: 1px 4px 2px 4px;
  padding: 2px;
  height: 120px;
  margin: -3px -6px -69px -6px;
}

#aboutkey_html #contents p.key a img
{
  vertical-align: text-top; /* WebKit系で親要素のマイナスマージンが無視されるのを防ぐ */
  border-style: none;
  border-width: 0px;
}

#aboutkey_html #contents p.key a:hover img
{
  border-style: solid;
  border-width: 2px;
  margin: -2px;
}

#aboutkey_html #contents p.key a:hover img.images-aboutkeyactivity_png
{
  border-color: #c080e0;
}

#aboutkey_html #contents p.key a:hover img.images-aboutkeyfeature_png
{
  border-color: #ff9090;
}

#aboutkey_html #contents p.key a:hover img.images-aboutkeyprofile_png
{
  border-color: #ffe060;
}

#aboutkey_html #contents dl
{
  padding-left: 1em;
  padding-right: 1em;
}

#aboutkey_html #contents dl.basicinfo
{
  padding-left: 1.25em;
  color: #505050;
}

#aboutkey_html #contents dl.basicinfo p
{
  margin: 0px 0px 0.25em 0.2em;
  padding: 0px;
  font-size: 100%;
}

#aboutkey_html #contents dl.basicinfo dl
{
  position: relative;
  margin-left: 1.25em;
  height: 1.25em;
  font-size: 0.9em;
}

#aboutkey_html #contents dl.basicinfo dl dt
{
  position: absolute;
  left: 0em;
}

#aboutkey_html #contents dl.basicinfo dl dd
{
  position: absolute;
  left: 4em;
}

#aboutkey_html #contents dl strong
{
  font-size: 1.2em;
}

#aboutkey_html #contents dt
{
  clear: both;
}

#aboutkey_html #contents dd
{
}

#aboutkey_html #contents dd img.images-aboutkeyactivityimage_jpeg
{
  float: left;
  width: 55%; /* max-width: 55%; */
  margin-right: -20%;
  margin-top: 1em;
  margin-bottom: 1.5em;
}

#aboutkey_html #contents dd ul.rightfloat
{
  float: right;
  width: 55%;
  padding-left: 0px;
  padding-top: 16px;
  padding-right: 1em;
  margin-left: 0px;
  margin-right: 0px;
  overflow: hidden;
}

#aboutkey_html #contents dd ul.rightfloat li
{
  background-image: none;
  margin-right: 0px;
  margin-left: 0px;
  padding-left: 20px;
  margin-bottom: 1em;
}

#aboutkey_html #contents dd ul.rightfloat li img
{
  margin-left: -20px;
}

#aboutkey_html #onlinemessage
{
  display: none;
  position: absolute;
  visibility: hidden;
}

/* end of file */