@charset "UTF-8";

#top-left {
	position:relative; float:left; width:700px; height:auto; }

#top-right {
	position:relative; float:left; width:260px; height:auto; }


.top_image {
	position:relative; width:700px; height:439px; float:left;
	text-indent:-9999px; margin-bottom:40px;
	background:url(../../image/top/top_image01.png); }
	
.top_contents { position:relative; float:left; width:700px; height:auto; }
.top_concept { position:relative; float:left; width:408px; height:300px; }
.concept-image {
	position:relative; float:left; width:408px; height:106px;
	background:url(../../image/top/top_image02.png) no-repeat;
	text-indent:-9999px;
}
.concept-text {
	position:relative; float:left; width:403px; /*420px*/ height:300px; padding-left:5px;
}
.top_news { position:relative; float:left; width:292px; height:300px; }
.news-image {
	position:relative; float:left; width:292px; height:40px;
	background:url(../../image/top/news_head.png) no-repeat;
	text-indent:-9999px;
}
.news-box {
	position:relative; float:left; width:230px; height:230px;
	overflow:auto;
	margin:4px 0 0 21px;
}

.news-box ul { margin:0; padding:0; }
.news-box li { list-style:none; margin-bottom:6px; }

.news-bottom { position:relative; float:left; width:292px; height:12px; margin-top:6px; }


.vl-box { position:relative; width:260px; height:auto; }
	
.vl-box ul { margin:0; padding:0; }
.vl-box li { list-style:none; float:left; }

.vl01 { position:relative; float:left; width:260px; height:137px; background:url(../../image/top/vl_01.png); text-indent:-9999px;  }
.vl_item { position:relative; float:left; width:260px; height:126px; background:url(../../image/top/vl_item.png); text-indent:-9999px;  }
.vl_menu { position:relative; float:left; width:260px; height:126px; background:url(../../image/top/vl_menu.png); text-indent:-9999px;  }
.vl02 { position:relative; float:left; width:260px; height:87px; background:url(../../image/top/vl_02.png); text-indent:-9999px;  }
.vl03 { position:relative; float:left; width:260px; height:153px; background:url(../../image/top/vl_03.png); text-indent:-9999px;  }
.vl03 a { display:block; width:200px; height:44px; position:relative; top:99px; left:30px; }
.vl04 { position:relative; float:left; width:260px; height:155px; background:url(../../image/top/vl_04.png); text-indent:-9999px;  }
.vl04 a { display:block; width:200px; height:44px; position:relative; top:99px; left:30px; }
.vl05 { position:relative; float:left; width:260px; height:156px; background:url(../../image/top/vl_05.png); text-indent:-9999px;  }
.vl05 a { display:block; width:200px; height:44px; position:relative; top:99px; left:30px; }
.vl06 { position:relative; float:left; width:260px; height:164px; background:url(../../image/top/vl_06.png); text-indent:-9999px;  }
.vl06 a { display:block; width:200px; height:44px; position:relative; top:99px; left:30px; }
.vl07 { position:relative; float:left; width:260px; height:108px; background:url(../../image/top/vl_07.png); text-indent:-9999px;  }
.vl07 a { display:block; width:217px; height:70px; position:relative; top:20px; left:19px; }
.vl08 { position:relative; float:left; width:260px; height:107px; background:url(../../image/top/vl_08.png); text-indent:-9999px;  }
.vl09 { position:relative; float:left; width:220px; height:1000px; background:url(../../image/top/vl_09.png); padding:10px 20px 10px 20px; }

/* KIRARI banner　2018.04.17 */
.kirari_b { margin-bottom: 20px; }
.kirari_b a:hover { opacity: 0.8; }


/* 店舗内観図 */
.roolover_body { position:relative; width:700px; height:590px; float:left; background:url(../../image/top/shop_roolover/roolover_base.png) left no-repeat;
	margin-top:70px;
	margin-bottom: 120px;
}

.roolover_body ul { margin:0; padding:0; }
.roolover_body li { list-style:none; text-indent:-9999px; }

.roolover_01 a { position:relative; top:8px; left:273px; display:block; width:147px; height:62px; }
.roolover_01 a:hover { position:relative; top:0; left:0; width:700px; height:590px; background:url(../../image/top/shop_roolover/roolover_01.png); }

.roolover_02 a { position:relative; top:110px; left:200px; display:block; width:100px; height:100px; }
.roolover_02 a:hover { position:relative; top:0; left:0;  width:700px; height:590px; background:url(../../image/top/shop_roolover/roolover_01.png); }


/* 動画追加 */
#top_mv {
	height: 500px;
}
#top_mv div {
	width: 640px;
	height: 360px;
	background: #5c8146;
	padding: 5px;
}
.mv_title {
	margin-bottom: 5px;
}