@charset "utf-8";

/* **************************************************

  html, body
  
************************************************** */

body { min-width: 970px; }
body.full-width { min-width: 1100px; }


/* **************************************************

  common

************************************************** */
#globalnav a { outline:none; text-decoration:none; }
#globalnav a:link,
#globalnav a:visited { color: #000; }
#globalnav a:hover,
#globalnav a:active { color: #e60012; }
#header a img { border: none; }
#header img { vertical-align:bottom; border:none; outline:none; box-shadow:0 0 0 #000; -ms-interpolation-mode:bicubic; }


.visible-sm { display: none !important; }

/* **************************************************

  header
  
************************************************** */
#header {
  width:100%;
  height:100px;
  color: #bbbaba;
  background: #fff;
  font-size:13px;
  line-height:1.5;
}
#header .header-upper {
  text-align: left;
  width: 970px;
  margin: 0px auto;
  padding-top: 45px;
  position: relative;
}
#header .header-logo {
  background: #e60012;
  display: table;
  width: 153px;
  height: 100px;
  z-index: 11;
  position: absolute;
  top: 0px;
  left: 0px;
}
#header .header-logo a {
  display: table-cell;
  vertical-align: middle;
}
#header .header-logo img {
  width: 100%;
  height: auto;
}
#header .header-lower { background: #333; }
#header .header-content {
  text-align: left;
  width: 970px;
  margin: 0px auto;
  overflow: hidden;
  zoom: 1;
}


/* ==================================================
  search
================================================== */
#header .search {
  float: left;
  width: 125px;
  margin-left: 163px;
  padding-top: 3px;
}
#header .search .search-inner { position: relative; }
#header .search input[type="text"] {
  line-height: 34px;
  color: #fff;
  background: #333;
  box-sizing: border-box;
  width: 100%;
  height: 34px;
  padding-right: 20px;
  border: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  border-bottom: solid 1px #a3a2a2;
  -webkit-appearance: none;
}
#header .search input[type="submit"] {
  background: url(../images/apio_ico.png) no-repeat 0px -80px;
  text-indent: -9999px;
  width: 16px;
  height: 16px;
  border: none;
  overflow: hidden;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  cursor: pointer;
  position: absolute;
  z-index: 1;
  top: 8px;
  right: 0px;
  -webkit-appearance: none;
}


/* ==================================================
  company
================================================== */
#header .company {
  display: table;
  float: left;
  margin: 3px 0px 0px 12px;
}
#header .company a {
  display: table-cell;
  vertical-align: bottom;
  height: 33px;
  font-size: 107.6923076923077%;
  color: #a3a2a2;
  text-decoration: none;
  border-bottom: 1px solid #a3a2a2;
}
#header .company a:hover {
  color: #f90;
  border-color: #f90;
}


/* ==================================================
  rakuten
================================================== */
#header .rakuten { float: right; }


/* ==================================================
  tel-area
================================================== */
#header .tel-area {
  display: table;
  float: right;
  width: 462px;
  margin-right: 14px;
  overflow: hidden;
  zoom: 1;
}
#header .tel-area dl {
  padding-top: 8px;
  overflow: hidden;
  zoom: 1;
}
#header .tel-area dl.tel { float: left; }
#header .tel-area dl.contact { float: right; }
#header .tel-area dt { font-size: 69.230%; }
#header .tel-area dd {
  font-size: 0px;
  margin-top: 5px;
}


/* ==================================================
  full-width
================================================== */
body.full-width #header .header-logo {
  width: 200px;
  height: 200px;
}
body.full-width #header .header-upper,
body.full-width #header .header-content { width: 100%; }
body.full-width #header .header-logo { left: 40px; } 
body.full-width #header .company { margin-left: 15px; }
body.full-width #header .search {
  width: 200px;
  margin-left: 256px;
}

@media screen and (max-width:1248px) {
body.full-width #header .search {
  width: 125px;
  margin-left: 250px;
}
body.full-width #header .company { margin-left: 12px; }
}


/* **************************************************

  globalnav
  
************************************************** */
#globalnav {
  background: #fff;
  min-width: 970px;
  width: 100%;
  height: 45px;
  position: absolute;
  top: 0px;
  left: 0px;
  font-size:13px;
  line-height:1.5;
}
#globalnav .globalnav-content {
  width: 970px;
  margin: 0px auto;
  position: relative;
}
#globalnav .globalnav-list {
  position: absolute;
  top: 0px;
  right: 0px;
  overflow: hidden;
  zoom: 1;
}
#globalnav .globalnav-list li {
  line-height: 45px;
  float: left;
  margin-left: 10px;
}
#globalnav .globalnav-list li:first-child { margin-left: 0px; }
#globalnav .globalnav-list li a {
	font-size: 107.692%;
	font-weight: bold;
	text-decoration: none;
}
#globalnav .globalnav-list li.active a {
	color:#e60012;
}
#globalnav .globalnav-list li a .ico {
  background: url(../images/apio_ico.png) no-repeat 0px 0px;
  display: inline-block;
  vertical-align: middle;
  height: 18px;
  width: 18px;
  margin-right: 4px;
  overflow: hidden;
  position: relative;
  top: -1px;
}
#globalnav .globalnav-list li.apiotv a .ico      { background-position:   0px 0px; }
#globalnav .globalnav-list li.jimnylife a .ico   { background-position: -18px 0px; }
#globalnav .globalnav-list li.event a .ico       { background-position: -36px 0px; }
#globalnav .globalnav-list li.completecar a .ico { background-position: -54px 0px; }
#globalnav .globalnav-list li.parts a .ico       { background-position: -72px 0px; }
#globalnav .globalnav-list li.proshop a .ico     { background-position: -90px 0px; }
#globalnav .globalnav-list li.recruit a .ico     { background-position: -107px 0px; }

#globalnav .globalnav-list li.company { display: none; }


/* ==================================================
  full-width
================================================== */
body.full-width #globalnav .globalnav-content { width: 100%; }
body.full-width #globalnav .globalnav-list { right: 25px; }

#globalnav { display: block !important; }




/* **************************************************

  footer
  
************************************************** */
#footer {
  color: #999;
  background: #fff;
  width: 970px;
  margin: 0px auto;
  padding-top: 150px;
  text-align:left;
}
#footer .footer-inner {
  background: #333;
  text-align: left;
  padding: 25px 38px 20px;
}
#footer a { color: #fff; }


/* ==================================================
  footer-link-area
================================================== */
#footer .pagetop {
  background: url(../images/footer_bg.png) repeat-x 50% 0px;
  height: 49px;
}
#footer .pagetop .jimny-area {
  width: 970px;
  height: 49px;
  margin: 0px 0px 0px auto;
  position: relative;
}
#footer .pagetop .jimny {
  background: url(../images/footer_jimny.png) no-repeat 0px 0px;
  width: 160px;
  height: 44px;
  z-index: 1;
  position: absolute;
  top: 10px;
  right: 10%;
  cursor: pointer;
}
#footer .pagetop #jimny { width: 160px !important; }
#footer .pagetop .jimny a {
  display: block;
  text-indent: -9999px;
  height: 44px;
  overflow: hidden;
}
#footer .pagetop .jimny img { display: none; }



/* ==================================================
  footer-link-area
================================================== */
#footer .footer-link-area {
  font-size: 92.307%;
  line-height: 1.6;
  overflow: hidden;
  zoom: 1;
}
#footer .footer-link-area dl {
  float: left;
  margin-left: 25px;
}
#footer .footer-link-area dl:first-child { margin-left: 0px; }
#footer .footer-link-area dl a:hover { color: #f90 !important; }
#footer .footer-link-area dt {
  font-weight: bold;
  margin-bottom: 3px;
}
#footer .footer-link-area dt a {
  color: #ccc;
  text-decoration: none;
}
#footer .footer-link-area dd a {
  color: #999;
  text-decoration: none;
}
#footer .footer-link-area dt:nth-child(n+1){padding-top: 5px;}

/* ==================================================
  footer-copy-area
================================================== */
#footer .footer-copy-area {
  font-size: 76.923%;
  margin-top: 35px;
}


/* ==================================================
  full-width
================================================== */
body.full-width #footer {
  width: 100%;
  padding-top: 60px;
}