@charset "utf-8";
/*=============================================*/
/*                   home                      */
/*=============================================*/
.txt_default {
	font-size: 16px;
	line-height: 30px;
	color: #ffffff
}
#lead {
	background: url(../img/special/lead_bg.png) no-repeat center top;
	min-height: 875px;margin: -154px 0 0 0;
}
#lead .txt_01 {
	padding: 71px 0 0 356px
}
#shop {
	position: relative;
}
#shop .ln01 {
	position: absolute;
	top: -15px;
}
#shop .ln02 {
	position: absolute;
	top: 360px;
}
#shop_bg {
	background: url(../img/special/shop_bg.png) no-repeat center 10px;
	height: 395px;
}
#shop_bg ul {
	padding: 66px 0 0 0
}
#shop_bg ul li {
	float: left;
	margin-right: 35px;
}
#shop_bg ul li.last {
	margin-right: 0px;
}
#reco {
	background: url(../img/special/reco_bg.png) no-repeat center top;
	min-height: 1498px;
}
#reco h2 {
	position: absolute;
	top: 0px;
	left: 463px;
}
#reco h3 {
	position: absolute;
	top: 559px;
	left: 454px;
}
#reco h4 {
	position: absolute;
	top: 931px;
	left: -20px;
}
#reco .p_01 {
	    position: absolute;
    top: 712px;
    left: 480px;
}
#reco .p_02 {
    position: absolute;
    top: 1285px;
    left: 29px;
    width: 440px;
}
#spice_rp {
	background: url(../img/special/spice_rp.png) repeat-x center top;
	min-height: 730px
}
#spice_bg {
	background: url(../img/special/spice_bg.png) no-repeat center 14px;
	min-height: 716px
}
#spice h2 {
	position: absolute;
	top: 39px;
	left: 568px;
}
#spice .img_01 {
	position: absolute;
	top: -3px;
	left: -44px;
}
#spice .img_02 {
	position: absolute;
	top: 437px;
	left: 568px;
}
#spice .p_01 {
    position: absolute;
    top: 273px;
    left: 585px;
}
#spice .p_02 {
	    position: absolute;
    top: 550px;
    left: 45px;
    width: 520px;
}
#yaki {
	background: url(../img/special/yaki_bg.png) no-repeat center top;
	min-height: 793px;
}
#yaki .dg-container {
	height: 650px;
	min-width: 1100px;
	overflow: hidden;
	position: relative;
	width: 100%;
}
#yaki .dg-center {
	z-index: 1000;
}
#yaki .dg-wrapper {
	height: 650px;
	margin: 0 auto;
	perspective: 700px;
	position: relative;
	transform-style: preserve-3d;
	width: 1000px;
}
#yaki .dg-wrapper a {
	display: block;
	height: 650px;
	left: 0;
	position: absolute;
	top: 0;
	width: 1000px;
}
#yaki .dg-wrapper a.dg-transition {
	transition: all 0.5s ease-in-out 0s;
}
#yaki .dg-wrapper a img {
	display: block;
	padding: 0;
}
#yaki .dg-wrapper a div {
	bottom: -55px;
	color: #333;
	display: none;
	font-size: 16px;
	font-style: italic;
	line-height: 50px;
	position: absolute;
	text-align: center;
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5);
	width: 100%;
}
#yaki .dg-wrapper a.dg-center div {
	display: block;
}
#yaki .dg-container div#nav {
	height: 82px;
	margin: -355px auto auto;
	position: relative;
	width: 1000px;
	z-index: 99900;
}
#yaki .dg-container div#nav span {
	background: rgba(0, 0, 0, 0) url("../img/index/arrows.png") no-repeat scroll left top;
	cursor: pointer;
	float: left;
	height: 82px;
	opacity: 1;
	text-indent: -9000px;
	width: 82px;
}
#yaki .dg-container div#nav span.dg-next {
	background-position: right top;
	position: absolute;
	right: -33px;
	top: 0;
}
#yaki .dg-container div#nav span.dg-prev {
	left: -33px;
	position: absolute;
	top: 0;
}
#yaki .accordian {
	height: 515px;
	margin: 0 auto;
	overflow: hidden;
	width: 1000px;
	padding: 161px 0 0 0
}
#yaki .accordian ul {
	width: 2000px;
}
#yaki .accordian li {
	display: block;
	float: left;
	position: relative;
	transition: all 0.8s ease 0s;
	width: 94px;
}
#yaki .accordian ul li:hover {
	width: 900px;
}
#yaki .accordian li img {
	display: block;
}
#yaki h2 {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99
}
#yaki h3 {
	position: absolute;
	top: 220px;
	left: -110px;
	z-index: 99
}
#yaki .accordian .li_01 span {
	color: #ffffff;
	font-size: 17px;
	left: 364px;
	line-height: 30px;
	position: absolute;
	top: 404px;
	width: 500px;
}
#yaki .accordian .li_02 span {
	color: #ffffff;
	font-size: 17px;
	left: 329px;
	line-height: 30px;
	position: absolute;
	top: 404px;
	width: 500px;
}
