/*-- トップページ --*/



/* ---------------------------------------------
	SLIDER
--------------------------------------------- */



#slider{
	width:100%;
	height:307px;
	margin:0 auto;
	text-align:center;
}

#slider p.under_line{
	width:100%;
	height:6px;
	background:url(../images/header_line.gif) repeat-x;
	margin-top:25px;
}
/*
#slider div.slider {
	position: relative;
	width: 1000px;
	height: 307px;
	overflow: hidden;
	margin-bottom: 3px;
	z-index: -1;
}

#slider div.slider ul {
		position: absolute;
		top: 0;
		left: 40px;
		width: 9999px;
}

#slider div.slider ul li {
			position: absolute;
			top: 0;
		}
*/

/* ---------------------------------------------
	CONTENTS_WRAP  
--------------------------------------------- */

/*-- SHOP_INFORMATION --*/

#shop_info{
	width:650px;
	height:auto;
	clear:both;
	overflow:hidden;
/*	margin-bottom:25px;*/
}

/*#shop_info div.shop_info{
	width:646px;
	height:51px;
}*/

#shop_info h4.title1{
	background:url(../images/menu_title1.gif) no-repeat;
	text-indent:-9999px;
	width:646px;
	height:51px;
}

#shop_info h5 {
    border-bottom: 1px dotted #000;
    text-align: left;
    clear: both;
    font-size: 14px;
    padding: 16px 0 5px;
}


#shop_info ul{
	width:646px;
	list-style:none;
	margin-top:13px;

}

#shop_info ul li{
	margin-right:8px;
	margin-left:0;
	width:210px;
	height:168px;
	float:left;
	line-height:0;
	list-style:none;
}

#shop_info ul li.last{
	margin:0px;
	width:210px;
	height:168px;
	float:left;
	line-height:0;
}

#shop_info ul.count{
	clear: both;
	height: 60px;

}

#shop_info ul.count li {
    height: 60px;
    font-size: 28px;
    font-weight: bold;
    line-height: 70px;
}

#shop_info ul.count li span {
    position: absolute;
    font-size: 24px;
    font-weight: bold;
    top: 36px;
}

#shop_info ul.count li.last {
    height: 60px;
}

#shop_info ul.count li.count_hachi {
    background: url(../images/area_btn1.jpg) top left no-repeat;
    text-indent: 2rem;
    color : #512d1f;
}
#shop_info ul.count li.count_toko {
    background: url(../images/area_btn2.jpg) top left no-repeat;
    text-indent: 2rem;
    color : #08388d;
}
#shop_info ul.count li.count_tachi {
    background: url(../images/area_btn3.jpg) top left no-repeat;
    text-indent: 2rem;
    color : #8c0000;
}

/*-- SHOP_INFORMATION2 --*/

#shop_info2{
	width:650px;
	height:auto;
	clear:both;
	overflow:hidden;
	margin-bottom:25px;
	text-align:left;
}

#shop_info2 h5 {
    border-bottom: 1px dotted #000;
    text-align: left;
    clear: both;
    font-size: 14px;
    padding: 20px 0 5px;
}

#shop_info2 p {
    padding: 10px 0;
}

.bnrSlider_Wrap{
  width: 100%;
  max-width: 986px;
  margin: 40px auto 25px 0;
}
.bnrSlider_Wrap ul {
	width: 100%;
	height: 125px;
	list-style: none;
	line-height: 0;
	position: relative;
}
.bnrSlider_Wrap ul li{
	position: absolute;
	inset: 0;
	opacity: 0;
	z-index: 0;
	/*animation: slideShow 15s linear infinite 0s; バナー2枚時 */
	animation: slideShow 18s linear infinite 0s;
}
.bnrSlider_Wrap ul li:nth-child(2){
  /*animation-delay: 5s; バナー2枚時 */
  animation-delay: 6s;
}
.bnrSlider_Wrap ul li:nth-child(3){
  animation-delay: 12s;
}
.bnrSlider_Wrap ul li img{
  width: 100%;
  height: auto;
}


/* フェードスライダー */
@keyframes slideShow {
    0% {
        opacity: 0;
        animation-timing-function: ease-in;
    }
    8% {
        opacity: 1;
        animation-timing-function: ease-out;
    }
    20% {
        opacity: 1;
    }
    40%,
    100% {
        opacity: 0;
    }
}
/*  バナー2枚時
@keyframes slideShow {
	0%{
		opacity: 0;
		animation-timing-function: ease-in;
	}
	8%{
		opacity: 1;
		animation-timing-function: ease-out;
	}
	30%{
		opacity: 1;
	}
	50%,
	100%{
		opacity: 0;
		animation-timing-function: ease-in;
	}
}
*/