@charset "utf-8";

/* ============================================
    common.css
    2017.05.14  by Otsuka Takashi
============================================= */

#tmp img {
  width:    100%;
  margin:   1em auto 2em auto;
}
/* =================================================
  initialize
================================================= */
body {
  letter-spacing: 0.03rem;
}
a:link, a:visited {
  color:            #ff0000;
  text-decoration:  none;
}
a:hover, a:active {
  color:            #0000ff;
  text-decoration:  underline;
}
.containerA {
  width:            960px;
  margin:           0 auto;
  position:         relative;
}

/* =================================================
  header
================================================= */
header {
  border-top:       10px solid #ff0000;
}

header section#titleRow {
  height:           110px;
}

header section#titleRow h1#logo {
  float:            left;
  margin:           0;
}

header section#titleRow h1#logo a {
  display:          block;
  width:            480px;
  height:           110px;
  background:       url('../img/logo.png') no-repeat;
  background-size:  100%;
  text-indent:      -9999px;
}

header section#titleRow div#titleRight {
  position:         relative;
  float:            right;
  width:            480px;
}

header section#titleRow div#titleRight ul#subNav1 {
  float:            left;
  margin:           28px 0 0 0;
  width:            198px;
  font-size:        1.4rem;
}

header section#titleRow div#titleRight ul#subNav1 li a:before {
  content:          "» ";
}

header section#titleRow div#titleRight ul#subNav2 {
  float:            right;
  margin:           25px 0 0 0;
}


header section#titleRow div#titleRight ul#subNav2 li a {
  display:          block;
  height:           61px;
  width:            282px;
  background:       url('../img/tel.png');
  background-size:  100%;
  text-indent:      -9999px;
}

header p#menu {
  display:          none;
}
header nav {
  height:           60px;
  border-top:       1px solid #dadada;
  border-bottom:    1px solid #dadada;
  background:       #f2f2f2;
  background:       -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 60%, #e0e0e0 100%);
  background:       -webkit-linear-gradient(top, #ffffff 0%,#f2f2f2 60%,#e0e0e0 100%);
  background:       linear-gradient(to bottom, #ffffff 0%,#f2f2f2 60%,#e0e0e0 100%);
  filter:           progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0e0e0',GradientType=0 );
}

header nav ul#gNav {
  height:           60px;
}

header nav ul#gNav li {
  float:            left;
  position:         relative;
}

header nav ul#gNav li a {
  display:          block;
  box-sizing:       border-box;
  height:           60px;
  text-align:       center;
  font-size:        1.4rem;
  line-height:      1;
  padding:          17px 50px;
  border-left:      1px solid #dadada;
}

header nav ul#gNav li:last-child a {
  border-right:      1px solid #dadada;
}

header nav ul#gNav li a span {
  display:          block;
  box-sizing:       border-box;
  text-align:       center;
  font-size:        1rem;
  font-weight:      bold;
  line-height:      1;
  padding:          6px 0 0 0;
  color:            #ff0000;
}

header nav ul#gNav li a:link, header nav ul#gNav li a:visited {
  color:            #000000;
}

header nav ul#gNav li a:hover, header nav ul#gNav li a:active {
  background:       #e0e0e0;
  text-decoration:  none;
}

header nav ul#gNav li ul {
  display:          none;
  z-index:          10;
}

header nav ul#gNav li ul li a {
  width:            170px;
  border-right:     1px solid #dadada;
  border-bottom:    1px solid #dadada;
  background:       rgba(255,255,255,0.85);
}

/* =================================================
  footer
================================================= */
footer {
  background:       #ff0000;
  font-size:        1.4rem;
  color:            #ffffff;
}

footer a:link, footer a:visited {
  color:            #ffffff;
}

footer a:hover, footer a:active {
  color:            #f15a24;
  text-decoration:  underline;
}

footer nav {
  margin:           0 40px;
}

footer nav ul {
  width:            176px;
  margin:           2em auto 3em auto;
  float:            left;
}

footer nav ul li {
  line-height:      1;
  margin:           1em auto;
}

footer nav ul li a:before {
  content:          "» ";
}

footer p {
  text-align:       center;
  margin:           1em auto 0 auto;
}

footer address {
  text-align:       center;
  margin:           0.3em auto 1em auto;
}
/* =================================================
  pagetop
================================================= */
#pageTop {
  position:         fixed;
  bottom:           50px;
  right:            50px;
}
#pageTop a {
  display:          block;
  width:            90px;
  height:           90px;
  background:       url('../img/pageTop.png') no-repeat;
  text-indent:      -9999px;
  opacity:          0.8;
}