@charset "utf-8";
/* ==================================
header
================================== */
#headerInner{
}

#headerInner #headerLogo{
	position:absolute;
	margin-left:-8px;
	width: 210px;
	height: 100px;
	z-index: 1030;
}
#headerInner #headerLogo img{
	width: 213px;
}

#headerInner #subNav{
	margin-left:-5px;
}

#index_mainContents{
	background-color: #f4f3f1;
	padding-bottom: 90px;
	height:700px;
}

/** slider
===================================*/
#mainPh{
	position:relative;
}

.slide_all{
	text-align:center;
	margin:0 auto;
}

#mainPh .bxslider {
	margin:0 auto;
}

/** tab
===================================*/
#tab{
	position: relative;
	overflow:hidden;
	width: 1000px;
	margin: -98px auto 0;
}
#tab li{
	float:left;
	width:237px;
	margin-right: 13px;
}
#tab .rollover{
	width: 235px;
	height: 75px;
}
#tab .last{
	margin-left: 0px;
}

#tablespace{
	height:10px;
}

/** bnArea
===================================*/
#bnArea{
	overflow:hidden;
	width: 990px;
	margin:25px auto 30px auto;
}
#bnArea li{
	float:left;
	margin-right: 15px;
	margin-bottom: 15px;
}
#bnArea .opRollover{
	width: 480px;
	height: 115px;
}
#bnArea .last{
	float:left;
	width:242px;
	margin-right: 0;
}


/** News Topics
===================================*/
#newstopic{
	width: 990px;
	margin:25px auto 0 auto;
	padding-right:10px;
}

#newstopic h2 a{
	float:left;
	position:relative;
	left:908px;
	top:-30px; 
}

#newstopic h2 img{
	width: 990px;
	height: 40px;
}

#newstopic .clear{
	clear: both;  
}


#newstopic dl{
	margin-top: 20px; 
	padding-bottom: 50px; 
	border-bottom-width : 1px;
  	border-bottom-style: solid;
  	border-bottom-color : #dfdfdf;
}


#newstopic dt{
	float:left;
	position:relative;
	left:0px;
	margin-left:24px;
}

#newstopic dd{
	float:left;
	position:relative;
	margin-left:20px;
	}
	


	/* 免震偽装に関するお知らせ */
	

.heading02-topnews{
	margin:25px auto 0 auto;
	padding:10px;
	background-color:#f4f3f1;
	font-size: 120%;
	line-height: 1.6;
	width:975px;
	height :60px;
}


#news{
	 float : left;
    padding-top : 10px;
     padding-left : 20px;
  padding-right : 10px;
}

.newsLsit01{
	  float : left;
  line-height : 1;
  padding-left : 20px;
  padding-right : 10px;
}

.newsLsit01 dt{
  width : 10em;
  padding-top : 8px;
  padding-bottom : 10px;
	font-weight:bold;
}

.newsLsit01 dd{
  padding-bottom : 5px;
}

.newsLsit01 dd .typeLink{
	vertical-align:middle;
	margin-left: 5px;
}

/* 免震偽装に関するお知らせ
===================================*/




/** お知らせ
===================================*/

#oshirase{
	padding-right:10px;
	width: 990px;
	margin:25px auto 0 auto;
}

#oshirase h2 a{
	float:left;
	position:relative;
	left:908px;
	top:-30px; 
}

#oshirase .clear{
	clear: both; 
}

#oshirase ul li img{
	float:left;
	margin-left:20px;
	margin-bottom:20px;
}

#oshirase ul li .oshirase-right{
	float:left;
	margin-left:10px;
}

#oshirase .opRollover{
	width: 460px;
	height: 185px;
//	height: 185px;
}

#oshirase .ht .opRollover{
	height: 185px;
}

#oshirase h2 img{
	width: 990px;
	height: 40px;
}



/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;
	margin: 0 auto 60px;
	padding: 0;
	*zoom: 1;
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
}

/** THEME150203
===================================*/

.bx-wrapper .bx-viewport {
	left: -5px;
	background: #fff;
	
	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    	-ms-transform: translatez(0);
    	-o-transform: translatez(0);
    	transform: translatez(0);
}

/*.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
}*/

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(../../images/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}


.bxslider li a {
    background-position: 50% 0%;
    background-repeat: no-repeat;
    display: block;
    height: 450px;
    overflow: hidden;
    text-indent: -9999em;
    width: 100%;
}
.bx-wrapper {
    position: relative;
}


 .bxslider li:nth-child(1) a {
    background-image: url(../../images/index_sl_01.jpg);
}


 .bxslider li:nth-child(2) a {
    background-image: url(../../images/index_sl_02.jpg);
}


.bxslider li:nth-child(3) a {
    background-image: url(../../images/index_sl_taxi.jpg);
    text-align:center;
    margin:0 auto;
}

.bxslider li:nth-child(4) a {
    background-image: url(../../images/index_sl_cabindamper.jpg);
    text-align:center;
    margin:0 auto;
}



#mainPh .bx-controls{
	display:block;
	position: relative;
	z-index: 999;
}
#mainPh .bx-controls .bx-pager{
	position:absolute;
	top: -60px;
	right: 50%;
	margin-right:-55px;
}
#mainPh .bx-controls .bx-pager-item{
	display: inline-block;
	background:url(../images/bx_pager.png) 0 0 no-repeat;
	margin: 0 7px;
	z-index: 1000;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden
}
#mainPh .bx-controls .bx-pager-item a {
	display: block;
	height: 8px;
	width: 9px;
}
#mainPh .bx-controls .bx-pager-item a.active {
	background:url(../../images/bx_pager_on.png) 0 0 no-repeat;
}

.bx-wrapper .bx-controls-direction{
	position:absolute;
	background-color:#FFF;
	left:50%;
	margin-left:-15px;
}
.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: -300px;
	margin-top: -16px;
	outline: 0;
	width: 43px;
	height: 62px;
	text-indent: -9999px;
	z-index: 9999;
}
.bx-wrapper .bx-controls-direction a.bx-prev{
	background:url(../../images/bx_prev.png) 0 0 no-repeat;
	margin-left:-550px;
}
.bx-wrapper .bx-controls-direction a.bx-next{
	background:url(../../images/bx_next.png) 0 0 no-repeat;
	margin-left:550px;
}
.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* clear fix
=========================================*/
.navi:after,
#footer .social:after,
#mainContentsWap:after,
#footerBottom:after,
#headerInner #subNav #subNav01:after,
#headerInner #subNav #subNav01 ul:after,
#headerInner #subNav:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}