@charset "UTF-8";

/*--- common ---*/
@import url(/cmn/css/common.css);

/*============================================================================
style_cookpad style
============================================================================*/
#cookpad .inner{
overflow:hidden;
width:890px;
}

/*main-title*/
#cookpad #main-title{
margin-bottom:10px;
}

/*main-img*/
#cookpad #main-img{
background:url(../img/img_main_inner.jpg) 0 0 repeat-y;
float:left;
width:662px;
}

#cookpad #main-img p{
background:url(../img/img_main_bottom.jpg) 0 100% no-repeat;
line-height:1.5;
margin-top:-40px;
padding:0 20px 5px 20px;
}

#cookpad #main-img{
background:url(../img/img_main_inner.jpg) 0 0 repeat-y;
width:662px;
}

/*cookpad-bnr1*/
#cookpad #cookpad-bnr1{
background-color:#CCC;
height:242px;
float:right;
width:211px;
}


/*area-link*/
#cookpad #area-link{
height:146px;
float:left;
width:430px;
}
/*#cookpad #area-link{
background:url(../img/inner_arealink.gif) 0 0 repeat-y;
float:left;
width:430px;
}

#cookpad #area-link h2{
height:90px;
width:430px;
}

#cookpad #area-link ul{
background:url(../img/bottom_arealink.gif) 0 100% no-repeat;
padding-bottom:10px;
padding-left:18px;
}

#cookpad #area-link ul li{
margin-bottom:6px;
}

#cookpad #area-link ul li span{
background:url(../img/arrow_01.gif) 0 50% no-repeat;
margin-right:10px;
padding-left:12px;
}*/


/*cookpad-bnr2*/
#cookpad #cookpad-bnr2{
height:146px;
float:right;
width:430px;
}
/*#cookpad #cookpad-bnr2{
background:url(../img/inner_cookpad.gif) 0 0 repeat-y;
float:right;
width:430px;
}

#cookpad #cookpad-bnr2 h2{
height:105px;
width:430px;
}

#cookpad #cookpad-bnr2 p{
padding:0 40px;
}

#cookpad #cookpad-bnr2 p.cookpad-link{
padding:20px 40px 24px 40px;
background:url(../img/bottom_cookpad.gif) 0 100% no-repeat;
}*/

/*area-info*/
#cookpad #area-info{
margin-bottom:30px;
}

#cookpad #area-info h2{
float:left;
height:44px;
margin-right:10px;
width:434px;
}

#cookpad #area-info p{
color:#633E37;
padding-top:20px;
}

#cookpad #area-info ul{
clear:both;
overflow:hidden;
padding:15px 20px  25px 20px;
zoom:1;
}

#cookpad #area-info ul li{
white-space:nowrap;
float:left;
}

/*area common*/
#cookpad #area-info .areabox{
background:url(../img/area_inner.gif) 0 0 repeat-y;
width:890px;
}

#cookpad #area-info .areabox p{
color:#333;
}

#cookpad #area-info .areabox .inner{
background:url(../img/area_bottom.gif) 0 100% no-repeat;
overflow:hidden;
padding-bottom:15px;
position:relative;
width:890px;
}

#cookpad #area-info .areabox h3{
left:8px;
position:absolute;
top:7px;
z-index:20;
}

#cookpad #area-info .areabox .food{
height:200px;
width:241px;
z-index:19;
}

#cookpad #area-info .areabox .food h4{
height:48px;
width:241px;
}

#cookpad #area-info .areabox .food .foodimg{
height:149px;
margin-left:15px;
width:214px;
}

#cookpad #area-info .areabox dl.recommend{
float:left;
margin-top:-200px;
padding-left:241px;
width:324px;
}

#cookpad #area-info .areabox dl.recommend dt{
height:48px;
}

#cookpad #area-info .areabox dl.recommend dd{
padding:0 115px 0 16px;
}

#cookpad #area-info .areabox dl.recipe{
float:right;
margin-top:-200px;
width:324px;
}

#cookpad #area-info .areabox dl.recipe dt{
height:48px;
}

#cookpad #area-info .areabox dl.recipe dd{
padding:0 20px 0 120px;
}

#cookpad #area-info .areabox dl.producer{
clear:both;
height:181px;
left:471px;
position:absolute;
top:18px;
width:183px;
}

#cookpad #area-info .areabox dl.producer dt{
bottom:0;
height:22px;
left:0;
position:absolute;
width:183px;
}

#cookpad #area-info .areabox dl.producer dd{
height:159px;
left:0;
position:absolute;
top:0;
width:183px;
}

#cookpad #area-info .page-top{
background-image:none;
width:890px;
}

/*area0401*/
#cookpad #area-info #area_sendai .food{
height:222px;
}

#cookpad #area-info #area_sendai h4{
height:73px;
}

#cookpad #area-info #area_sendai dl.recommend{
margin-top:-222px;
width:216px;
}

#cookpad #area-info #area_sendai dl.recommend dt{
height:73px;
}

#cookpad #area-info #area_sendai dl.recommend dd{
padding:0 25px 0 16px;
}


#cookpad #area-info #area_sendai dl.recipe{
margin-top:-222px;
width:432px;
}

#cookpad #area-info #area_sendai dl.recipe dt{
height:170px;
}

#cookpad #area-info #area_sendai dl.recipe dd{
padding:0 20px 0 0;
}

#cookpad #area-info #area_sendai dl.producer{
height:120px;
left:457px;
top:20px;
width:368px;
}

#cookpad #area-info #area_sendai dl.producer dt{
left:231px;
}

#cookpad #area-info #area_sendai dl.producer dd{
height:120px;
width:231px;
}


/*area1303*/
#cookpad #area-info #area1303 dl.recommend dd{
padding:0 130px 0 16px;
}
#cookpad #area-info #area1303 dl.producer{
height:174px;
left:451px;
position:absolute;
top:24px;
width:215px;
}

/*area1401*/
#cookpad #area-info #area1401 dl.recommend dd{
padding:0 115px 0 16px;
}
#cookpad #area-info #area1401 dl.producer{
height:171px;
left:465px;
top:20px;
width:197px;
}


/*area2301*/
#cookpad #area-info #area_nagoya .inner{
padding-bottom:30px;
}
#cookpad #area-info #area_nagoya dl.producer{
height:198px;
left:494px;
top:16px;
width:144px;
}

#cookpad #area-info #area_nagoya dl.producer dt{
height:22px;
width:144px;
}

#cookpad #area-info #area_nagoya dl.producer dd{
height:176px;
margin-left:5px;
width:133px;
}

/*area2702*/
#cookpad #area-info #area2702 dl.recommend dd{
padding:0 115px 0 16px;
}
#cookpad #area-info #area2702 dl.producer{
height:178px;
left:465px;
top:20px;
width:197px;
}