@charset "utf-8";

.main{
-webkit-text-size-adjust: 100%;
position: relative;
width: 750px;
height:530px;
margin: 0 auto;
background:url(/foods/oden/images/index.jpg)
}

.img01{
position:absolute;
top:22px;
left:19px
}
.img02{
position:absolute;
top:82px;
left:462px
}

.main .main_list{
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 .main_list li{
float: right;
margin:0 0 0 12px;
}
.main .main_list li span{
display: none;
}

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

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

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

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

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

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

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

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

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

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

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

/*====================
.top_cont
====================*/
.top_cont{
position: absolute;
bottom: 20px;
left: 182px;
width: 260px;
}
/*.recipe_wrap{
margin-bottom: 20px;
}*/
.recipe_wrap .recipe_ttl{
background: #c9122b;
color: #fff;
font-weight: bold;
font-size: 14px;
text-align: center;
padding: 9px 0 8px;
border-radius: 10px 10px 0 0;
}
.recipe_wrap .recipe_cont{
display: flex;
padding: 15px 20px;
background: rgba(255,255,255,0.5);
border-radius: 0 0 10px 10px;
}
.recipe_wrap .recipe_cont li a{
display: block;
margin-right: 10px;
}
.recipe_wrap .recipe_cont li a:hover{
opacity: 0.7;
}
.recipe_wrap .recipe_cont li a:nth-child(2){
margin-right: 0;
}
.recipe_wrap .recipe_cont li a figure{
margin: 0 0 5px 0;
}
.recipe_wrap .recipe_cont li a p{
font-size: 13px;
font-weight: bold;
color: #231916;
padding-left: 25px;
background: url(/foods/oden/images/top_ico.png) no-repeat top left;
}
.movie_wrap .movie_ttl{
background: #fff100;
color: #231916;
font-weight: bold;
font-size: 14px;
text-align: center;
padding: 9px 0 8px;
border-radius: 10px 10px 0 0;
}
.movie_wrap .thum{
background: #fff;
}
.movie_wrap .thum a:hover{
opacity: 0.7;
}