@charset "UTF-8";
/**
 * *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-*
 *
 *  大広産業機械株式会社
 *
 * *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-*
**/

@font-face {
  font-family: NotoSans-Medium;
  src: url('fonts/NotoSans-Medium-subset.eot');
  src: url('fonts/NotoSans-Medium-subset.woff') format("woff"),
       url('fonts/NotoSans-Medium-subset.ttf') format("truetype");
}

@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,700);
@import url(https://fonts.googleapis.com/css?family=Montserrat:400);

/* ---------------------------------------------------------------------------
//  all
--------------------------------------------------------------------------- */
body {
  font-size: 15px;
  color: #222;
  line-height: 1.6;
}

a { transition: .2s; }
a:hover { opacity: 0.7; }

.inner {
  width: 980px;
  margin: 0 auto;
}
/* ---------------------------------------------------------------------------
//  header
--------------------------------------------------------------------------- */
header {
  padding: 10px 0 20px;
}
header .logo {
  float: left;
}
header .tel {
  width: 291px;
  margin: 0 0 10px auto;
}
header .logo a:hover { opacity: 1; }


/* ---------------------------------------------------------------------------
//  nav
--------------------------------------------------------------------------- */
nav {
  float: right;
  height: 34px;
  margin-top: 15px;
}
nav ul {
  width: 529px;
}
nav ul li {
  display: inline-block;
}
nav ul li a {
  display: block;
  height: 34px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  font-size: 0;
}

nav ul li:nth-child(1) a	{ background: url(../img/nav-home.png) left top no-repeat; width: 105px; }
nav ul li:nth-child(2) a	{ background: url(../img/nav-company.png) left top no-repeat; width: 113px; }
nav ul li:nth-child(3) a	{ background: url(../img/nav-business.png) left top no-repeat; width: 118px; }
nav ul li:nth-child(4) a	{ background: url(../img/nav-product.png) left top no-repeat; width: 116px; }
nav ul li:nth-child(5) a	{ background: url(../img/nav-access.png) left top no-repeat; width: 77px; }

nav ul li:nth-child(1) a:hover	{ background: url(../img/nav-home-a.png) left top no-repeat; width: 105px; }
nav ul li:nth-child(2) a:hover	{ background: url(../img/nav-company-a.png) left top no-repeat; width: 113px; }
nav ul li:nth-child(3) a:hover	{ background: url(../img/nav-business-a.png) left top no-repeat; width: 118px; }
nav ul li:nth-child(4) a:hover	{ background: url(../img/nav-product-a.png) left top no-repeat; width: 116px; }
nav ul li:nth-child(5) a:hover	{ background: url(../img/nav-access-a.png) left top no-repeat; width: 77px; }

nav ul li.active:nth-child(1) a	{ background: url(../img/nav-home-a.png) left top no-repeat; width: 105px; }
nav ul li.active:nth-child(2) a	{ background: url(../img/nav-company-a.png) left top no-repeat; width: 113px; }
nav ul li.active:nth-child(3) a	{ background: url(../img/nav-business-a.png) left top no-repeat; width: 118px; }
nav ul li.active:nth-child(4) a	{ background: url(../img/nav-product-a.png) left top no-repeat; width: 116px; }
nav ul li.active:nth-child(5) a	{ background: url(../img/nav-access-a.png) left top no-repeat; width: 77px; }

/* ---------------------------------------------------------------------------
//  footer
--------------------------------------------------------------------------- */
footer {
  background: #000;
  padding: 30px 0 20px;
}

footer .foot-info {
  float: left;
}
footer .foot-info p.add {
  color: #FFF;
  font-size: 13px;
  margin-top: 8px;
}
footer .foot-info p.tel {
  color: #FFF;
  font-family: 'Open Sans', sans-serif;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.2;
}
footer .foot-info p.fax {
  color: #FFF;
  font-family: 'Open Sans', sans-serif;
  font-size: 18px;
  font-weight: 700;
}
footer .foot-info p.tel span,
footer .foot-info p.fax span {
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
}

footer .foot-menu {
  float: right;
  margin-top: 20px;
}
footer .foot-menu p {
  font-family: 'Open Sans', sans-serif;
  font-size: 28px;
  font-weight: 700;
  color: #FFF;
}
footer .foot-menu ul li {
  line-height: 1;
  vertical-align: top;
}
footer .foot-menu ul li a {
  font-size: 13px;
  color: #FFF;
}
footer .foot-menu > ul > li {
  display: inline-block;
  background: url(../img/icon01.png) left 4px no-repeat;
  text-indent: 12px;
  margin-left: 30px;
}
footer .foot-menu > ul > li:first-child { margin-left: 0; }
footer .foot-menu > ul > li > ul > li {
  display: block;
  background: url(../img/icon02.png) left 4px no-repeat;
  margin-top: 10px;
}

footer p.copy {
  color: #AFAFAF;
  font-size: 13px;
  text-align: right;
}