@charset "utf-8";

.main{
	-webkit-text-size-adjust: 100%;
	position: relative;
	width: 750px;
	margin: 0 auto;	
	background: url(/foods/oden/recipe/images/recipe_bg_01.gif) no-repeat 0 0 #000;
	overflow: hidden;
}

.main .img01{
	position: absolute;
	top: 20px;
	left: 12px;
}
.main .img02{
	position: absolute;
	top: -50px;
	left:450px;
	z-index: 3;
}

.main .odenContents{
	padding: 102px 0 0 210px;
}
.main .odenContents .title{
	margin-bottom: 5px;
}

.main .odenContents .column{
	overflow: hidden;
	padding:0 10px 5px 0;
}
.main .odenContents .column ul{
	margin-bottom:3px;
	}
.main .odenContents .column:first-of-type{
	height:110px;
	}
.main .odenContents .column .columnLeft{
	float:left;
	width: 420px;
	overflow: hidden;
}
.main .odenContents .column .columnLeft li img:hover{
		opacity:0.7;
}
.main .odenContents .column ul li{
	float: left;
	text-align: center;
	margin-right: 18px;
	width:85px;
}
.main .odenContents .column ul li:last-child{
	margin-right: 0;
}
.main .odenContents .column ul li p.photo{
	background-color:#FC0;
}
.main .odenContents .column ul li p.photo a{
	margin-top:0;
	}
.main .odenContents .column ul li p.name{
	color: #fff;
	font-size: 9.5px;
	margin-top: 3px;
}
.main .odenContents .column ul li p.name:hover p.photo{
	opacity:0.1;
	}
.main .odenContents .column .btn{
	float:right;
	width: 110px;
	text-align:center
}
.main .odenContents .column .btn .img{
	height:110px;
	margin-bottom:3px
	}
.main .odenContents .column .btn .text{
	color:#fff;
	font-size:10px;
	text-align:left;
	margin-bottom:8px;
	}
.main .odenContents .column .btn img:hover{
	padding-top:3px;
	}
.main .img03{
	position: absolute;
	top: 25px;
	left:193px;
	z-index: 2;
}
.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;
}


.main ul.menu{
	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.menu li{
	float: right;
	margin:0 0 0 12px;
}
.main ul.menu 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;
}