@charset "UTF-8";

* { margin: 0px; padding: 0px; }
* HTML, BODY { height: 100%; overflow-y: auto; } /*IE6*/
*+HTML, BODY { height: 100%; overflow-y: auto; } /*IE7*/

BODY {
  overflow-y: scroll;
  background: #FFF;
  font-family: Meiryo, "メイリオ", Osaka, Verdana, sans-serif;
  font-size: 10pt;
  line-height: 200%;
  color: #666;
  }

A:link    { color: #666; text-decoration: underline; }
A:visited { color: #999; text-decoration: underline; }
A:active  { color: #666; text-decoration: none; }
A:hover   { color: #999; text-decoration: none; }

H2 {
  color: #069;
  font-size: 18px;
  height: 18px;
  margin-left: 25px;
  margin-bottom: 25px;
  }

H2.about,
H2.business,
H2.profile,
H2.recruit,
H2.access {
  height: 18px;
  width: 172px;
  text-indent: -9999px;
  }

H2.about    { background: url('../images/title_about.png') no-repeat; }
H2.business { background: url('../images/title_business.png') no-repeat; }
H2.profile  { background: url('../images/title_profile.png') no-repeat; }
H2.recruit  { background: url('../images/title_recruit.png') no-repeat; }
H2.access   { background: url('../images/title_access.png') no-repeat; }

H3 {
  font-size: 14pt;
  color: #069;
  margin-left: 220px;
  margin-bottom: 20px;
  }

H4 {
  font-size: 12pt;
  color: #069;
  margin-left: 220px;
  margin-bottom: 20px;
  }

P {
  text-indent: 0em;
  }

#container TD.border {
  padding: 0px 20px;
  border-left: 1px solid #CCC;
  border-right: 1px solid #CCC;
  }

.list {
  font-size: 10pt;
  line-height: 200%;
  margin-bottom: 50px;
  }

  .list TH {
    text-align: right;
    font-weight: normal;
    width: 200px;
    padding-right: 20px;
    padding-bottom: 15px;
    }

  .list TD {
    text-align: justify;
    width: 380px;
    padding-bottom: 15px;
    }

DL {
  margin-bottom: 40px;
  }

  DT {
    color: #069;
    font-size: 11pt;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 200%;
    margin-left: 220px;
    width: 380px;
    }

  .supp {
    color: #666;
    font-size: 10pt;
    font-weight: normal;
    padding-left: 10px;
    }

  DD {
    text-align: justify;
    line-height: 200%;
    margin-left: 220px;
    width: 380px;
    margin-bottom: 20px;
    }

LI.num_i {
  margin-left: 30px;
  }

#header {
  background: url('../images/tk_logo.png') no-repeat right bottom;
  height: 60px;
  padding-bottom: 10px;
  border-bottom: 1px solid #CCC;
  margin-bottom: 11px;
  }

.menu {
  float: left;
  margin-top: 30px;
  }

  .menu LI {
    float: left;
    list-style: none;
    font-size: 0px;
    }

    LI.home A,
    LI.about A,
    LI.business A,
    LI.profile A,
    LI.recruit A,
    LI.access A {
      height: 30px;
      }

    LI.home A {
      background: url('../images/menu_home.png') no-repeat;
      display: block;
      width: 37px;
      }

    LI.about A {
      background: url('../images/menu_about.png') no-repeat;
      display: block;
      width: 60px;
      }

    LI.business A {
      background: url('../images/menu_business.png') no-repeat;
      display: block;
      width: 108px;
      }

    LI.profile A {
      background: url('../images/menu_profile.png') no-repeat;
      display: block;
      width: 48px;
      }

    LI.recruit A {
      background: url('../images/menu_recruit.png') no-repeat;
      display: block;
      width: 48px;
      }

    LI.access A {
      background: url('../images/menu_access.png') no-repeat;
      display: block;
      width: 45px;
      }

    .menu A.active,
    LI.home A:hover,
    LI.about A:hover,
    LI.business A:hover,
    LI.profile A:hover,
    LI.recruit A:hover,
    LI.access A:hover {
      height: 30px;
      background-position: 0px -30px;
      }

    LI.sep {
      background: url('../images/menu_sep.png') no-repeat;
      height: 30px;
      width: 17px;
      }

#selector {
  float: right;
  }

  #selector LI {
    float: left;
    list-style: none;
    font-size: 0px;
    }

  LI.font_s A {
    background: url('../images/font_s.png') no-repeat;
    display: block;
    height: 14px;
    width: 14px;
    margin-right: 10px;
    }

  LI.font_m A {
    background: url('../images/font_m.png') no-repeat 0px -18px;
    display: block;
    height: 18px;
    width: 18px;
    margin-right: 10px;
    }

  LI.font_l A {
    background: url('../images/font_l.png') no-repeat;
    display: block;
    height: 22px;
    width: 22px;
    }

#contents {
  font-size: 10pt;
  margin-top: 20px;
  margin-bottom: 60px;
  }

#map {
  width: 380px;
  height: 380px;
  margin-left: 220px;
  margin-bottom: 30px;
  }

  .qr {
    color: #999;
    font-size: 7pt;
    text-align: center;
    }

.privacy {
  background: url('../images/p_mark.png') no-repeat left center;
  margin-left: 220px;
  padding-left: 80px;
  margin-bottom: 30px;
  }

  .privacy_body {
    line-height: 200%;
    text-align: justify;
    width: 300px;
    }

#footer {
  height: 70px;
  text-align: left;
  font-size: 8pt;
  }

.copyright {
  margin: 10px 0px;
  padding: 10px 0px;
  font-size: 8pt;
  text-align: left;
  border-top: 1px solid #CCC;
  }