@charset "UTF-8";

/* スライドショー */
.slide {
    position:relative;
    overflow:hidden;
    padding-bottom:25px;
    margin-top:80px;
}

.slidePrev {
    position:absolute;
    cursor:pointer;
    z-index:100;
}

.slideNext {
    position:absolute;
    cursor:pointer;
    z-index:100;
}

.slidePrev img {
    position:absolute;
    width:50px !important;
    height:60px !important;
}

.slideNext img {
    position:absolute;
    width:50px !important;
    height:60px !important;
}

.slideInner {
    position:relative;
    margin:0;
    padding:0;
}
.slideInner li {
    float:left;
    margin:0;
    padding:0;
    list-style:none;
}
.slideInner li img {
    margin:0 5px;
    padding:0;
}

.filterPrev {
    position:absolute;
    left:0;
    opacity:0.5;
    filter:alpha(opacity=50);
    background-color:#fff;
}

.filterNext {
    position:absolute;
    right:0;
    opacity:0.5;
    filter:alpha(opacity=50);
    background-color:#fff;
}

.controlNav {
      position:absolute;
      float:left;
      left:50%;
      bottom:0;
}
.controlNav span {
      position:relative;
      left:-50%;
      float:left;
      margin:5px;
      -webkit-border-radius:5px;
      -moz-border-radius:5px;
      border-radius:5px;
      width:10px;
      height:10px;
      overflow:hidden;
      background:#ccc;
      text-indent:-9999px;
      vertical-align:middle;
}
.controlNav span:hover {
      background:#999;
      cursor:pointer;
}
.controlNav span.current {
      background:#f19500;
}

#shop_top h2{

	 font-size:2.4em;
}
#shop_top h4{
	font-size:1.2em;
	margin-right:25px;
}

/* 重なり 

#shop_top{
width:630px;
    float:left;
	text-align:left;
    	padding-top:15px;  
}

#car_link{
	width:350px;
    float:right;
    position: relative;
    padding-top:15px; 
}

#car_link_in {
    position: absolute;
	top:15px;
    right: 0;
}
*/

/*indexメニュー*/

#menu_img{
        display:inline;
}

#menu_img li{
    padding:40px 8px 80px;/*上､左右､下*/
	float:left;
	text-align:center;
	list-style:none;
	width:217px;
}

a:link.link01{
  display:block;
  width:216px;
    height:144px;
  background-image:url(../img/kaisyaannai-button.png);
  text-indent:-10000px;
  list-style:none;
}
a:hover.link01{
  display:block;
  width:216px;
  height:144px;
  background-image:url(../img/kaisyaannai-buttonh.png);
  text-indent:-10000px;
  list-style:none;
}

a:link.link02{
  display:block;
  width:216px;
        height:144px;
  background-image:url(../img/carcare-button.png);
  text-indent:-10000px;
  list-style:none;
}
a:hover.link02{
  display:block;
  width:216px;
        height:144px;
  background-image:url(../img/carcare-buttonh.png);
  text-indent:-10000px;
  list-style:none;
}

a:link.link03{
  display:block;
  width:216px;
        height:144px;
  background-image:url(../img/syakentenken-button.png);    
  text-indent:-10000px;
  list-style:none;
}
a:hover.link03{
  display:block;
  width:216px;
        height:144px;
  background-image:url(../img/syakentenken-buttonh.png);
  text-indent:-10000px;
  list-style:none;
}

a:link.link04{
  display:block;
  width:216px;
  height:144px;
  background-image:url(../img/staff-button.png);    
  text-indent:-10000px;
  list-style:none;
}
a:hover.link04{
  display:block;
  width:216px;
        height:144px;
  background-image:url(../img/staff-buttonh.png);
  text-indent:-10000px;
  list-style:none;
}

/*リセット*/
ul,li{
	margin:0;
	padding:0;
	list-style:none;
}
/*メニュー用スタイル*/
#topb .menu{
    margin:40px 8px 80px;/*上､左右､下*/
}
#topb .menu li{
	margin-right:22px;
	width:445px;
	float:left;
	border: #ccc 1px solid;
}

#topb .menu a{
	display:block; /*ブロック化*/
	padding: 15px; /*a要素の領域を拡大*/
	color:#666;
	text-decoration:none;
	/*④親要素絶対配置基準ボックス*/
	position:relative;
}

#topb .menu a:hover{
	background:#e7e7e7; /*ロールオーバー時の設定*/
}

#topb .menu a:after{
	/*①スマホ向け空欄をブロック*/
	content:"";
	display:block;
	
	/*②*/
	width:8px;
	height:8px;
	border-top: #db422a 2px solid;
	border-right: #db422a 2px solid;
	
	/*③回転*/
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	
	/*⑤矢印の左右位置absoluteは絶対配置*/
	position:absolute;
	right: 15px;
	
	/*⑥矢印の上下位置*/
	top:0;
	bottom:0;
	margin:auto;
}

.box_flex{
    display: flex;
    justify-content: space-between;
		vertical-align:middle;
}

.box_flex .imgbox{
	padding:0;
	margin:0;
	width:30%
}

.box_flex .txtbox{
    width: 69%;
	padding-top:8px;
}