@charset "utf-8";

/* Footer Fix */
html, body {
  height: 100%;
}
* html #container {
  height: 100%;
}
#container {
  position: relative;
  min-height: 100%;
}
body > #container {
  height: auto;
}
#article {
  padding-bottom: 85px;
}
#footer {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 45px;
  width: 100%;
}

#article {
  content: "";
  display: block;
  clear: both;
}


/*** Container ***/
#container {
  padding:0 20px;
}

/*** Header ***/
#header {
position: relative;
  height: 90px;
  width: 100%;
  border: none;
}

#header .company_logo {
  position: absolute;
  bottom: 17px;
  right: 0px;
}
#header .und_logo {
  position: absolute;
  bottom: 17px;
}

#header .title {
  float: left;
  position: absolute;
  bottom: 17px;
  left: 200px;
  margin: 0;
  padding: 0;
  font-weight: bold;
}
#header .action {
  float: left;
  position: absolute;
  bottom: 17px;
  right: 10px;
  margin: 0;
  padding: 0;
}
#header .action a {
  text-decoration: none;
  font-size: 85%;
}


/*** Article ***/
#article {
  font-size: 77%;
}
#article h1 {
  margin: 10px 0;
  padding: 0 18px;
  line-height: 2;
  font-size: 123.1%;
  height: 2em;
  background: transparent url(/common/css/common_css/bg_h1.gif) no-repeat center left;
}
#article h2 {
  margin: 10px 0;
  padding: 0 18px;
  line-height: 2;
  font-size: 108%;
  background: transparent url(/common/css/common_css/bg_h3.gif) no-repeat 2px 2px;
  border: solid 1px #ccc;
}
#article h3 {
  padding: 0 18px;
  line-height: 2;
  font-size: 108%;
  background: transparent url(/common/css/common_css/bg_h3.gif) no-repeat 2px 2px;
  border-bottom: solid 1px #ccc;
}
#article p.contact {
  margin-top: 15px;
  margin-bottom: 15px;
  padding: 10px;
  border: dotted 2px #aaa;
  width: 24em;
}


a[rel ="external"] {
  padding-right: 18px;
  background: transparent url(../images/icon/icon_external.gif) no-repeat right;
}
a[href ^="mailto:"] {
  padding-right: 20px;
  background: transparent url(../images/icon/icon_mailto.gif) no-repeat right;
}


.clearfix:after {
  content: "";
  display: block;
  clear: both;
}
