@charset "utf-8";

.main{
	-webkit-text-size-adjust: 100%;
	position: relative;
	width: 750px;
	height: 530px;
	margin: 0 auto;
	background-color: #000;
	overflow: hidden;
}

.main .img01{
	position: absolute;
	top: 20px;
	left: 12px;
	z-index:1;
}
.main .img02{
	position: absolute;
	top: -52px;
	left:450px;
	z-index: 3;
}
.main .img03{
	position: absolute;
	top: 25px;
	left:193px;
	z-index: 2;
}

.main .makeArea{
	width: 575px;
	height: 440px;
	background-color: #eecf13;
	border-radius:15px;
	position: absolute;
	top: 85px;
	left: 171px;
	position: relative;
}

.main .img04{
	position: absolute;
	top: 24px;
	left: 230px;
}

.main .img05{
	position: absolute;
	top: 95px;
	left: 230px;
}
.main .img06{
	position: absolute;
	top: 227px;
	left: 26px;
}

.main .img07{
	position: absolute;
	top: 256px;
	left: 10px;
}

.main .img08{
	position: absolute;
	top: 256px;
	left: 160px;
}

.main .img09{
	position: absolute;
	top: 244px;
	left: 316px;
}

/*------�i�r�Q�[�V����-----*/
.main ul{
	position: absolute;
	top: 217px;
	left: 20px;
	background: url(/foods/oden/common/images/index_bg_01.png) no-repeat 0 0;
	width: 126px;
	height: 262px;
	padding: 30px 8px 0;
	overflow: hidden;
}

.main ul li{
	float: right;
	margin:0 0 0 12px;
}
.main ul li span{
	display: none;
}

.main ul li:last-child{
	margin-left: 0;
}

.main ul li a{
	display: block;
	margin-top: 6px;
}

.main ul li a:hover{
	margin-top: 0;
}

.main ul li.nav01 a{
	background: url(/foods/oden/common/images/list_01_off.png) no-repeat 0 0;
	width: 23px;
	height: 185px;
}

.main ul li.nav01 a:hover{
	background: url(/foods/oden/common/images/list_01_on.png) no-repeat 0 0;
	height: 187px;
}

.main ul li.nav02 a{
	background: url(/foods/oden/common/images/list_02_off.png) no-repeat 0 0;
	width: 24px;
	height: 239px;
}

.main ul li.nav02 a:hover{
	background: url(/foods/oden/common/images/list_02_on.png) no-repeat 0 0;
	height: 241px;
}

.main ul li.nav03 a{
	background: url(/foods/oden/common/images/list_03_off.png) no-repeat 0 0;
	width: 23px;
	height: 161px;
}

.main ul li.nav03 a:hover{
	background: url(/foods/oden/common/images/list_03_on.png) no-repeat 0 0;
	height: 167px;
}

.main ul li.nav04 a{
	background: url(/foods/oden/common/images/list_04_off.png) no-repeat 0 0;
	width: 18px;
	height: 122px;
}

.main ul li.nav04 a:hover{
	background: url(/foods/oden/common/images/list_04_on.png) no-repeat 0 0;
	height: 128px;
}