﻿/* menu 공통부분 */
body{color:#57453b; font-family:돋움; font-size:9pt;}


/* Best/New/Hot */
#best{width:320px; float:left; padding-top:25px;}
#best .title{width:153px; float:left; padding-top:2px; padding-bottom:10px;}
#best .btn{width:80px; float:left; text-align:right; padding-bottom:10px;}
#best .best5{padding:3px; clear:both; height:65px; width:310px;}
#best .best5 .no {width:25px;}
#best .best5 .ice_photo {width:64px;}
#best .best5 .ice_ex {width:205px; padding:8px;} 
#best .best5 .ice_ex .name{ color:#9f5b32; padding-top:10px;}
#best .best5 .ice_ex .rate{ color:#ebae84; font-weight:bold; font-size:8pt; padding-top:5px;} 
#best .best5 .ice_ex .rate img{padding-bottom:2px;} 

#best .best5 span {float:left;}

#new{width:354px; float:left; padding:3px;}
#new .new_flavor{width:326px; height:150px; background:url(/images/menu/new_bg.jpg);background-repeat:no-repeat; padding:14px;}
#new .new_flavor .title{width:221px; float:left; padding-top:3px; padding-bottom:5px;}
#new .new_flavor .btn{width:105px; float:right; padding-bottom:5px;}
#new .new_flavor .new_img{clear:both; padding-top:7px;}
/* IE6 Hack */
* .new_img{clear:both; margin-top:-20px;}

#hot{clear:both; padding:3px;}
#hot .title{padding-top:20px;}
#hot .hot_img{padding-top:5px;float:left;padding:10px 5px 20px 5px;}



/* Gelato 리스트 */
#gelato_top{width:680px; height:217px; background:url(/images/menu/gelato_img2.jpg);background-repeat:no-repeat;}
#cake_top{width:680px; height:217px; background:url(/images/menu/gelato_img2.jpg);background-repeat:no-repeat;}
#beverage_top{width:680px; height:239px; background:url(/images/menu/beverage_img1.jpg);background-repeat:no-repeat;}
#special_top{width:680px; height:190px; background:url(/images/menu/specialita_img1.jpg);background-repeat:no-repeat;}
#waffle_top{width:680px; height:301px; background:url(/images/menu/waffle_img1.jpg);background-repeat:no-repeat;}


.main_copy{padding-top:65px;}
.list_title{padding-top:80px;}

.flavor_list{width:670px;}
.flavor_list .flavor{width:125px; padding:4px; height:120px; float:left;}
.flavor_title{padding-left:10px; padding-bottom:5px; padding-top:35px; clear:both;}

/* 히든 레이어 */
#centerLayer {position:absolute;z-index:999;width:671px; height:454px;display:none;top:520px;}

/*가격정보 - 레이어 */
#price_info{width:671px; height:454px; background:url(/images/menu/price_img.gif);background-repeat:no-repeat;display:none;}
.popup_close{ text-align:right;}


/* 메뉴 상세페이지 */
#goods_info {width:671px; height:454px;background-repeat:no-repeat;display:none;}
#goods_info .information {width:384px; top:160px; left:250px; position:relative;}
#goods_info .information .btn{ text-align:right; padding-right:13px; word-spacing:3px; }
#goods_info .information .comment{width:374px; height:28px; background:url(/images/menu/input_bg.jpg);background-repeat:no-repeat; margin-top:10px; padding:5px;}
#goods_info .information .comment input{border:1px solid #ffffff; color:#b28729; font-size:9pt; padding:2px;}
#goods_info .information .comment_area{width:310px; float:left;}
#goods_info .information .comment_btn{width:52px; float:right;}

#goods_info .information .commentment{width:374px; padding:5px; }
#goods_info .information .comment_list{height:16px; padding:2px; clear:both;} 
#goods_info .information .comment_id {width:90px; color:#7d4421; font-weight:bold;}
#goods_info .information .comment_text{width:210px;}
#goods_info .information .comment_date {width:64px; color:#a48a65; text-align:center;}
#goods_info .information span{float:left;}

#goods_info .information .comment_no{ word-spacing:3px; border-top: 1px solid #e6d7ad; padding-top:10px; text-align:center;}
#goods_info .information .comment_no img{ vertical-align:bottom; margin-top:-1px;}




/* 메뉴 상세페이지 - My coppa에 담은후 확인하는 팝업 */
#comfirm_coppa{width:288px; height:130px; border:1px solid #bd7b23; padding:15px;}
#comfirm_coppa .coppa_img{width:104px; padding-top:20px;}
#comfirm_coppa .coppa_ex{width:154px; padding:15px; color:#6c5343;}
#comfirm_coppa .coppa_ex div{ height:20px;}
#comfirm_coppa .coppa_ex div .name{font-size:10pt; color:#64300d;}
#comfirm_coppa span{float:left;}

