@charset "UTF-8";
/* common
----------------------------------------------*/
body {
    min-width: 1040px;

}

#indexHeader,
#contents,
#footerInner {
    margin: 0 auto;
    width: 940px;
}

#indexHeader {
    padding: 20px 0 15px;
}

#logoHeader {
    display: inline;
    float: left;
    width: 232px;
}

#logoHeader p {
    margin: 0 0 15px;
}

#navWrap {
    display: inline;
    float: right;
    width: 621px;
}

#nav li {
    float: left;
    margin: 0 0 17px 15px;
}

#navBases {
    float: right;
}

#navBases li {
    float: left;
}

#navBasesLast {
    margin: 20px 4px 0 0;
}



/* main
----------------------------------------------*/
#mainWrap {
    background: url(../../images/index/bg_main.gif) no-repeat center ;
    height: 580px;
		position: relative;
		overflow: hidden;
}

#mainTab {
		margin:0 auto -180px auto ;
		width:100%;
		padding:30px 0;
		overflow:hidden;
		clear:both;
		position:relative;
		top:-180px;
		z-index:99999;
}
.over{
	   background: #eaeaeb;


}

.tabWrap {
    margin: 0 auto;
    padding: 0 0 0 3px;
    width: 949px;
    overflow: hidden;
}

#tabCar {
    background: url(../../images/index/bg_main_car.png) no-repeat;
    float: left;
    height: 286px;
    width: 754px;
}

#carSearch {
    margin: 67px 0 0 25px;
    float: left;
}

#carSearch li {
    margin: 0 0 10px 9px;
}

.tabTt {
    margin: 0 0 13px !important;
}

#carBtn {
    margin: 60px 0 0;
    float: left;
}

#carBtn ul {
    margin: 0 0 49px 15px;
	overflow:hidden;
	clear:both
}

#carBtn ul li {
    float: left;
    margin: 0 10px 20px 0;
    width: 110px;
	text-align:center
}
#carBtn ul li img{
	max-width:92px;
}
#tabPartsBtn2 {
    float: right;
    width: 192px;
}

#tabParts {
    background: url(../../images/index/bg_main_parts.png) no-repeat;
    float: right;
    height: 286px;
    width: 755px;
}

#partsBtnWrap {
    margin: 0 0 0 20px;
}

#partsBtn01 {
    float: left;
    margin: 59px 0 49px 4px;
}

#partsTt {
    float: left;
    margin: 67px 0 0;
    width: 114px;
}

#partsTt li:nth-child(2){
	margin-left:9px;
}

#partsBtn01 li {
    float: left;
    margin: 0 10px 20px 0;
		text-align:center;
		width: 110px;
}

#partsBtn01 ul li img{
	max-width:92px;
}

#partsBtn01 .tabTt {
    margin: 7px 12px 0 0 !important;
}

#partsBtn02 li {
    float: left;
    margin: 0 9px 0 0;
		text-align:center;
		width: 110px;
}
#partsBtn02 ul li img{
	max-width:92px;
}


#otherParts {
    margin: 0 0 0 4px !important;
}

#tabCarBtn {
    float: left;
    width: 192px;
}

.tabBtn {
    cursor: pointer;
}

.disnon {
    display: none;
}
/* contents
----------------------------------------------*/
#contentsWrap {
    background: #eaeaeb;
    margin: 0 0 30px;
    min-width: 1040px;
}

#contents {
    padding: 20px 0 0;
}

#contentsNav {
    float: right;
    width: 652px;
}

#contentsNav li {
    float: left;
    height: 148px;
    margin: 0 0 15px 15px;
}

#sideWrap {
    float: left;
}

#fbBox {
    margin: 0 0 15px;
}

#newsWrap {
    background: url(../../images/index/bg_news.gif) no-repeat;
    height: 148px;
    margin: 0 0 15px;
    width: 288px;
}
#newsWrap.u_parts{
  background: none!important;
  border:1px solid #005AAB!important;
  width: 284px!important;
  margin: 0;
  padding: 0;
}

#news {
    height: 124px;
    margin: 0 12px;
    padding: 9px 0;
    width: 258px;
}

#newsTt {
    border-bottom: #6f6f6f solid 1px;
    margin: 0 0 10px;
    padding: 0 3px 10px;
}

#newsTt dt {
    float: left;
}

#newsTt dd {
    float: right;
}

#newsBox {
    font-size: 12px;
    padding: 0 0 5px;
    height: 85px;
    overflow-y: scroll;
}

#newsBox dt,
#newsBox dd {
    padding: 0 5px;
}

#newsBox dt {
    color: #D51417;
    font-weight: bold;
}

#newsBox dt span {
    color: #e50012;
    font-size: 11px;
    margin: 0 0 0 5px;
}

.newsIcon {
    margin: 0 8px 0 0 !important;
}

.newsIcon img {
    vertical-align: -2px;
}

#recommendWrap {
    background: url(../../images/index/bg_recommend.gif) no-repeat;
    padding: 20px 0;
}
#recommendWrap.u_parts{
  background: none!important;
  border:1px solid #005AAB!important;
  margin: 0 0 15px;
  width: 938px;
}

#recommendWrap h2 {
    margin: 0 0 18px;
    text-align: center;
}

#recommendInner {
    margin: 0 10px;
}

#recommendInner div {
    float: left;
    margin: 0 0 0 4px;
}

.recommendBox01 {
    width: 240px;
}

#recommendInner div p {
    margin: 0 0 4px;
}

#recommendInner div a:hover {
	opacity: 0.6;
	filter: alpha(opacity=60);
}

.ph01 {
    float: left;
}

.ph02 {
    float: right;
}

.recommendImg {
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    position: relative;
}

#bnrArea li {
    float: left;
    margin: 0 12px 30px 0;
}

.bnrLast {
    margin: 0 !important;
}

/* footer
----------------------------------------------*/
#footerWrap {
    margin: 0 0 30px;
}

#footerWrap h2 {
    margin: 0 0 24px;
}

#footerInner{
  clear: both;
  overflow: hidden;
text-align: center;
}

#footerAddress {
  display: inline-block;
  margin: 0 0 50px;
}

#footerAddress ul{
  width: 940px;
}

#footerAddress li {
  width: 210px;
  float: left;
  padding: 0 15px;

  text-align: left;
  border-right: 1px solid #333;
}
#footerAddress li:first-child{
  padding: 0 15px 0 0;
}
#footerAddress li:last-child{
  padding: 0 0 0 15px;
}
#footerAddress li:last-child{
  border-right: none;
}
#footerAddress li h2{
  text-align: left!important;
}



#footerAddress li img{
  width: auto;
}


.footeraddresstitle{
  font-size: 16px;
  font-weight: bold;
}
#footerAddress li p{
  padding-bottom: 15px;
}



#footerNav {
    float: left;
}

#footerNav li {
    color: #000;
	float: left;
	border-left: none;
	margin-bottom:5px;
	padding:0;
	font-size: 11px;
	white-space: nowrap;
}

#copy {
    float: right;
    position: relative;
    width: 300px;
}

#copy span {
    position: absolute;
    bottom: 2px;
    right: 0;
    font-size: 11px;
    font-weight: bold;
}

/* fb
----------------------------------------------*/
.fb-like-box {
    margin: 22px 16px;
}

/* link
----------------------------------------------*/
a {color: #000; text-decoration:none;}
a:hover {color:#000; text-decoration:underline;}
a:focus {outline:none;}



/* スライドショー */
#slider {
    overflow:hidden;
    position:relative;
    width:100%;
}

#sliderInner {
    position:relative;
    left:50%;
    width:4200px;
    margin-left:-2100px;
}
#sliderInner li {
    width:1000px;
}

.bx-wrapper {
    margin:0 auto;
    position:relative;
}

.bx-wrapper .bx-pager {
		display:none;
    margin:0 auto;
    width:1400px;
    background:#fff;
}

/* コントローラー */
.bx-controls {
  width: 1400px;
  height: 100px;
  margin: 0 auto;
  position: 0;
  position: relative;

}

.bx-controls-direction {
  position: relative;
  width: 100%;
}

.bx-wrapper .bx-prev {
  left: -20px;
  background:url(../../images/index/controls.png) no-repeat 0 -40px;
}

.bx-wrapper .bx-next {
  right: -20px;
  background:url(../../images/index/controls.png) no-repeat -56px -40px;
}

.bx-wrapper .bx-prev:hover {
    background-position:0 0;
}

.bx-wrapper .bx-next:hover {
    background-position:-56px 0;
}

.bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: -300px;
    outline: 0;
    width: 40px;
    height: 40px;
    text-indent: -9999px;
    z-index: 9999;
}

/* ページャー */
.bx-wrapper .bx-pager {
    padding-top:20px;
    text-align:center;
    font-size:.85em;
    font-family:Arial;
    font-weight:bold;
    color:#666;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display:inline-block;
    *zoom:1;
    *display:inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
    display:block;
    width:10px;
    height:10px;
    margin:0 5px;
    outline:0;
    text-indent:-9999px;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    border-radius:50%;;
    background:#666;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
    background:#000;
}

#sideNav {display:none;}

@media screen and (min-width:940px) {
#sideNav {
    position: fixed;
    right: 0;
    top:   0;
    z-index: 10000;
		display:block;
}
#sideNav p {
    margin: 30px 20px 0;
}
#sideNav a:hover {
    opacity: 0.9;
}
}



.fix_notice{
  position: fixed;
  left: 20px;
  bottom: 50px;
  background: #fff;
  border: 1px solid #000;
  padding: 10px;
  box-shadow: 0 0 10px #ddd;
  display: none;
}
.fix_notice p{
  font-size: 12px;
  color: red;
}


footer {
	background: #231f20;
}
#footer {
	max-width: 1200px;
	margin: 0 auto 20px auto;
	overflow: hidden;
	clear: both;
	padding: 50px 0;
}
#footer ul {
	display: flex;
	flex-wrap: wrap;
}
#footer ul li {
	width: 25%;
	float: left;
	box-sizing: border-box;
	border-right: 1px solid #000;
	border-left: 1px solid #414042;
	padding: 0 25px;
	text-align:left;
}
#footer ul li:first-child {
	border-left: none;
}
#footer ul li:last-child {
	border-right: none;
}
#footer ul li h4 img {
	height: 28px;
	width: auto !important;
	margin-right: 10px;
}
#footer ul li:nth-child(1) h4 img {
	height: 18px;
}
#footer ul li:nth-child(2) h4 img {
	height: 22px;
}
#footer ul li h5 {
	color: #FFF;
	font-size: 15px;
	margin-bottom: 5px;
}
#footer ul li p {
	font-size: 12px;
	color: #FFF;
}
#footer ul li div.place {
	margin-top: 10px;
	margin-bottom:20px;
}
#footer ul li:nth-child(4) h4:nth-child(4) {
	margin: 40px 0 0 0;
}

@media only screen and (max-width:769px) {
	.address{
		display:none;
		margin:10px 0;
	}
	#footer ul li div.place {
	margin-top: auto;
		margin-bottom:auto;
}
#footer ul li div.place {
	border-bottom:1px solid #333;
	padding:7px 0;
}
#footer ul li h4 {
	margin-top:15px;
}
#footer ul li:first-child h4 {
	margin-top:0;
}
#footer ul li h5 {
	font-size:13px;
}
#footer ul li h5:after{
	content:">";
	display:inline-block;
	float:right;
	transform:rotate(90deg);
	transition:all 0.3s ease-in-out;
}
#footer ul li h5.on:after{
	content:">";
	transform:rotate(-90deg);
	margin-right:3px;
}
#footer ul li {
	width: 100%;
	float: none;
	box-sizing: border-box;
	border-right: none !important;
	border-left: none !important;
	padding: 0 15px;
}	
#footer ul li:nth-child(4) h4:nth-child(4) {
	margin: 20px 0 0 0;
}

}