@charset "UTF-8";
/* CSS Document */

#mainBnner{
   background:url(../img/topBackGround.jpg) repeat-y;
   padding:2px 0 9px 20px;
   }
#topBanner{
   width:540px;
   float:left;
   display:inline;
   margin-right:10px;
   }  
#eventBanner{
   width:260px;
   float:left;
   display:inline;
   }    
   
/*--------------------------------------------------*/   
/*--------------スクロールニュース-----------------*/
/*--------------------------------------------------*/ 


#scrollNewsWrapper{
   background:url(../img/scrollBackGround.jpg) repeat-y;
   }	
#scrollImg{
    width:118px;
	float:left;
	display:inline;
	background-color:#47210d;
	margin-left:4px;
	padding:1px 0;
	}	
#scrollNews{
   width:726px;
   float:left;
   display:inline;
   padding:4px 0 0 0;
   margin:0px;
  
   }
#scrollNews marquee{    
    color:#fff;
	
   }
marquee a{
     color:#b09d60;
	 text-decoration:underline;
	 } 
body:first-of-type marquee a{
     color:#b09d60;
	 text-decoration:underline;
	 } 
marquee a:hover{
     color:#ecc996;
	 text-decoration:none;
	 } 
body:first-of-type marquee a:hover{
     color:#ecc996;
	 text-decoration:none;
	 } 
 
/*--------------------------------------------------*/ 	 
/*------------グローバルナビゲーション---------------*/	
/*--------------------------------------------------*/  
#g_navi {
	height:45px;
	background:url(../img/globalNavi_top.jpg) no-repeat;
}

#g_navi li{
	display:inline;
	list-style-type:none;
}
#g_navi li a {
	height:45px;
	display:block;
	float:left;
	text-indent:-9999px;
	text-decoration:none;
	overflow:hidden;
}
/*------off*/
#g_navi li.g_navi01 a{
	background:url(../img/globalNavi_top.jpg) no-repeat 0px 0px;
	width:147px;
}
#g_navi li.g_navi02 a{
	background:url(../img/globalNavi_top.jpg) no-repeat -147px 0px;
	width:146px;
}
#g_navi li.g_navi03 a{
	background:url(../img/globalNavi_top.jpg) no-repeat -293px 0px;
	width:141px;
}
#g_navi li.g_navi04 a{
	background:url(../img/globalNavi_top.jpg) no-repeat -434px 0px;
	width:141px;
}
#g_navi li.g_navi05 a{
	background:url(../img/globalNavi_top.jpg) no-repeat -575px 0px;
	width:141px;
}
#g_navi li.g_navi06 a{
	background:url(../img/globalNavi_top.jpg) no-repeat -716px 0px;
	width:141px;
}

/*------hover*/
#g_navi li.g_navi01 a:hover{
	background:url(../img/globalNavi_top.jpg) no-repeat 0px -90px;
	overflow:hidden;
}
#g_navi li.g_navi02 a:hover{
	background:url(../img/globalNavi_top.jpg) no-repeat -147px -90px;
	overflow:hidden;
}
#g_navi li.g_navi03 a:hover{
	background:url(../img/globalNavi_top.jpg) no-repeat -293px -90px;
	overflow:hidden;
}
#g_navi li.g_navi04 a:hover{
	background:url(../img/globalNavi_top.jpg) no-repeat -434px -90px;
	overflow:hidden;
}
#g_navi li.g_navi05 a:hover{
	background:url(../img/globalNavi_top.jpg) no-repeat -575px -90px;
	overflow:hidden;
}
#g_navi li.g_navi06 a:hover{
	background:url(../img/globalNavi_top.jpg) no-repeat -716px -90px;
	overflow:hidden;
}

/*------on*/
#g_navi li.g_navi01_on a{
	background:url(../img/globalNavi_top.jpg) no-repeat 0px -45px;
	width:147px;
}
#g_navi li.g_navi02_on a{
	background:url(../img/globalNavi_top.jpg) no-repeat -147px -45px;
	width:146px;
}
#g_navi li.g_navi03_on a{
	background:url(../img/globalNavi_top.jpg) no-repeat -293px -45px;
	width:141px;
}
#g_navi li.g_navi04_on a{
	background:url(../img/globalNavi_top.jpg) no-repeat -434px -45px;
	width:141px;
}
#g_navi li.g_navi05_on a{
	background:url(../img/globalNavi_top.jpg) no-repeat -575px -45px;
	width:141px;
}
#g_navi li.g_navi06_on a{
	background:url(../img/globalNavi_top.jpg) no-repeat -716px -45px;
	width:141px;
}

.menuSetsumei{
   font-size:11px;
   }
   
#eventBanner a img{
    border:none;
	} 
	

/*--------------------------------------------------*/ 
/*---------------メインコンテンツ-----------------*/ 
/*--------------------------------------------------*/ 
#Container{
    background:url(../img/globalBackGround.jpg) repeat-y;
	padding:10px 20px;
	}
	
/*----------------ニュースエリア--------------------*/ 	
#topZeroArea{
     margin-bottom:5px;
	 }
#NewsArea{
    width:815px;
	float:left;
	display:inline;
	padding-right:10px;
	padding-bottom:5px;
	margin-bottom:5px;
	}
#NewsTitle{
     width:815px;
	 border-bottom:1px solid #47210d;
	 margin-bottom:5px;
	}			    
#titleNews{
   background:url(../img/title_topNew.gif) no-repeat;	  
      width:152px;
	  height:16px;
	  text-indent:-9999px;
	  display:block;
	  float:left;
	  }
#newsRss{ 
      width:300px;
	  float:right;
	  display:inline;
	  }		  
.newsBack{
      width:70px;
	  float:right;
	 display:inline;
	 font-size:11px;
	  }	
.newsBackRss{
      width:190px;
	  float:right;
	  display:inline;
	   font-size:11px;
	  }	
.newsBack a,
.newsBackRss a{
       font-size:11px;
	   }	
.newsBack a img,
.newsBackRss a img,
.newsBack a:hover img,
.newsBackRss a:hover img{	
      border:none;
	  }	        
.newsBack img,
.newsBackRss img{
      border:none;
	  }	    	    	

.newsBox{
    border-bottom:1px dotted #47210d;
	margin-bottom:3px;
	padding-bottom:4px;
	}	
body:first-of-type .newsBox{
    border-bottom:1px dotted #47210d;
	margin-bottom:3px;
	padding-bottom:4px;
	}	
.newsDate{
    width:72px;
	float:left;
	display:inline;
    font-weight:bold;
	font-size:11px;
	color:#810017;
	margin-right:6px;
	background:url(../img/arrow_news.gif) no-repeat 0 4px;
	padding-left:8px;
	}
body:first-of-type .newsDate{
    width:72px;
	float:left;
	display:inline;
    font-weight:bold;
	font-size:11px;
	color:#810017;
	margin-right:6px;
	background:url(../img/arrow_news.gif) no-repeat 0 4px;
	padding-left:8px;
	}
*+html body	.newsDate{
    width:68px;
    margin-right:4px;
	}
.newsTxt{
    width:729px;
	float:left;
	display:inline;
	}			
	
/*----------------今月のトッピングエリア--------------------*/ 	
#topZerorow{ 
    margin-bottom:10px;
	}
#newToppingArea{
      width:530px;
	  float:left;
	  display:inline;
	  padding:0 10px 5px 0;
	  margin-right:10px;
	  border-right:1px dotted #47210d;
	  }	
#titleToppingArea{
    width:530px;
	border-bottom:1px solid #47210d;
	margin-bottom:10px;
	}	
body:first-of-type #titleToppingArea{	
        margin-bottom:10px;
		}		  		
#titleTopping{
    background:url(../img/title_topCoppe.gif) no-repeat;
	width:300px;
	height:16px;
	text-indent:-9999px;
	display:block;
	}
	
	
#toppingImg{
    width:122px;
	float:left;
	display:block;
	overflow:hidden;
	margin-right:10px;
	}
#toppingInfo{	
	width:398px;
	float:right;
	display:block;
	}
#toppingInfo h3{
    background:url(../img/topping-top-standerd.gif) no-repeat;
	width:210px;
	height:25px;
	display:block;
	text-indent:-9999px;
	margin:3px 0;
	}	

/*----------------お得情報--------------------*/ 	
#profitArea{
    width:265px;
    float:left;
    display:inline;
    padding-bottom:5px;
	  }
#titleProfit{
    width:265px;
	border-bottom:1px solid #47210d;
	margin-bottom:5px;
	}	
body:first-of-type #titleProfit{	
        margin-bottom:10px;
		}	
#profit{
    background:url(../img/title_topInfo.gif) no-repeat;
     /* background:url(../img/title_topReco.gif) no-repeat;  お得情報*/
	  /*background:url(../img/title_topProfit.gif) no-repeat; 店長イチオシ*/
      width:211px;
	  height:16px;
	  text-indent:-9999px;
	  display:block;
	  }	
#profitInfo{
      margin-bottom:5px;
	  }	  	  
		
	    	  

	
/*----------------新商品エリア--------------------*/ 
#topFirstrow{
    margin-bottom:10px;
	}	
#newItemArea{
    width:530px;
	float:left;
	display:inline;
	border-right:1px dotted #47210d;
	padding-right:10px;
	padding-bottom:5px;
	margin-right:10px;
	}
*html body #newItemArea{
    width:530px;
	float:left;
	display:inline;
	border-right:1px dotted #47210d;
	padding-right:0px;
	margin-right:10px;
	}		
#titleNewItem{
    width:530px;
	border-bottom:1px solid #47210d;
	margin-bottom:5px;
	}		
#newItem{
    background:url(../img/title_topNewItem.gif) no-repeat;
	width:300px;
	height:16px;
	text-indent:-9999px;
	float:left;
	display:block;
	}	
#newItemBack{
     float:right;
	 font-size:11px;
	 display:inline;
	 }
#newItemBack img{
      border:none;
	  }	 
	 
#newItemBoxWrapper{
     width:540px;
	 } 
.newItemBoxL{
      margin:5px 0 ;
	  float:left;
	  width:275px;
	  }
body:first-of-type .newItemBoxL{
       margin-top:10px;
	   }	  	 	 
.newItemBoxR{
      margin:5px 0 ;
	  float:left;
	  width:265px;
	  }	
body:first-of-type .newItemBoxR{
      margin-top:10px;
	  }	   
.newItemBoxL{
      margin-right:0px;
	  }	  	
.newImg a img{
      width:82px;
	  float:left;
	  display:inline;
	  border:1px solid #47210d; 
	  margin-right:6px;
	  }
.newImg a:hover img{	
       border:1px solid #b09d60; 
	   }  
.newItemInfo{
      width:172px;
	  float:left;
	  display:inline;
	  }	
*html body .newItemInfo,
*+html body .newItemInfo{
      width:160px;
	  float:left;
	  display:inline;
	  }		  
	  
.newItemInfo h4 a{
      font-size:12px;
	  }	  
.newItemInfo p{
     font-size:11px;
	 margin-top:4px;
	 }	
.nextBtn{
      width:77px;
	  height:17px;
	  margin:4px 0 0 0;
	  text-indent:-9999px;
	  }	 
body:first-of-type .nextBtn{
     margin-top:4px;
	 }

	
    
.nextBtn a{
      width:77px;
	  height:17px;
	  background:url(../img/btn_next.gif) no-repeat;
	  display:block;
	  text-indent:-9999px;
	  }	 	    
.nextBtn a:hover{
  	  background:url(../img/btn_next.gif) 0px -17px;
	  }	
	  
	  
/*--------------------バナーエリア-------------------------*/ 
#originalArea{
      width:265px;
	  float:left;
	  display:inline;
	  padding-bottom:5px;
	  }
#titleOriginal{
    width:265px;
	border-bottom:1px solid #47210d;
	margin-bottom:5px;
	}	
body:first-of-type #titleOriginal{	
        margin-bottom:10px;
		}		  
#original{
      background:url(../img/title_topOriginal.gif) no-repeat;	  
      width:211px;
	  height:16px;
	  text-indent:-9999px;
	  display:block;
	  }
.#originalArea a p{
      font-size:10px;
	  }
.originalBanner2{
      margin-top:10px;
	  }	   
body:first-of-type .originalBanner2{
      margin-top:5px;
	  }		  
#originalArea img{
      margin-bottom:10px;
	  }	 
.originalCaption{
       font-size:10px;
	   line-height:0.3;
	   }
body:first-of-type .originalCaption{
      font-size:10px;
	  margin-top:-5px;
	  }	   
a .originalCaption{
       text-decoration:underline;
	   }
a:hover .originalCaption{
       text-decoration:none;
	   color:#b09d60;
	   }	   	

	  
/*----------------------新着情報--------------------------------*/	   
#whatsNewArea{
      width:255px;
	  float:left;
	  display:inline;
	  padding:0 10px 5px 0;
	  margin-right:10px;
	  border-right:1px dotted #47210d;
	  }
	  
#wahatsNewTitle{
     width:255px;
	 border-bottom:1px solid #47210d;
	 margin-bottom:10px;
	}			    
#titleNew{
   background:url(../img/title_topNew.gif) no-repeat;	  
      width:152px;
	  height:16px;
	  text-indent:-9999px;
	  display:block;
	  float:left;
	  }  
#whatBack{
      width:38px;
	  float:right;
	  display:inline;
	  }	   
#whatBack img{
      border:none;
	  }	    
dt{
    font-weight:bold;
	font-size:11px;
	color:#810017;
	}	
dd{
    border-bottom:1px dotted #47210d;
	margin-bottom:5px;
	padding-bottom:5px;
	}
body:first-of-type	dd{
    padding-bottom:5px;
	margin-bottom:5px;
	} 	
	
  
/*--------------------------メニュー------------------------------*/	

#topSecondrow{
   margin-bottom:10px;
   }


#menuArea{
      width:255px;
	  float:left;
	  display:inline;
	  padding:0 10px 5px 0;
	  margin-right:10px;
	  border-right:1px dotted #47210d;
	  }	
#menuTitle{
     width:255px;
	 border-bottom:1px solid #47210d;
	 margin-bottom:10px;
	}			    
#titleMenu{
   background:url(../img/title_topMenu.gif) no-repeat;	  
      width:211px;
	  height:16px;
	  text-indent:-9999px;
	  display:block;
	  } 
.menuBox{
      margin-bottom:10px;
	  }	 
body:first-of-type .menuBox{
      margin-bottom:10px;
	  }	   
.menuImg{
      float:left;
	  display:inline;
	  margin-right:6px;
	  border:none;
	  }	
body:first-of-type .menuImg{
      margin-right:6px;
	  }	  
.menuInfo{
      float:left;
	  width:165px;
	  display:inline;
	  }	
.menuInfo h3 a{
      font-size:12px;
	  }	  
.menuInfo p{
      margin-top:4px;
	  }	   
.menuInfo a img{
      border:none;
	  }	 

#menuNewArea{
      border-top:1px dotted #47210d;
	  padding-top:5px;
	  margin-top:5px;
	  }	   
.menuNewImg{
      width:54px;
	  float:left;
	  margin-right:8px;
	  margin-top:4px;
	  }	  
.tooltip-word{
      font-size:10px;
	  padding:4px 2px 0 6px;
	  line-height:1.1;
	  }	  
.tooltip-word strong{
      font-size:10px;
	  }	  

/*------------------------ツイッター----------------------------------*/	
#TwitterTitle{
     width:255px;
	 border-bottom:1px solid #47210d;
	 margin-bottom:10px;
	 position:relative;
	}			
#titleTwitter{
   background:url(../img/title_topTwitter.gif) no-repeat;	  
      width:211px;
	  height:16px;
	  text-indent:-9999px;
	  display:block;
	  
	  } 
	  
#titleTwitter-rss{
      position:absolute;
	  top:0px;
	  left:190px;
	  }
#titleTwitter-rss a img{
      border:none;
	  }	 
#titleTwitter-rss a{
     font-size:10px;
	 }	   	  
	  
/*------------------------お店情報----------------------------------*/	  
#shopArea{
      width:255px;
	  float:left;
	  display:inline;
	  padding:0 10px 5px 0;
	  margin-right:10px;
	  border-right:1px dotted #47210d;
	  }	
#shopTitle{
     width:255px;
	 border-bottom:1px solid #47210d;
	 margin-bottom:9px;
	}			    
#titleShop{
   background:url(../img/title_topShop.gif) no-repeat;	  
      width:211px;
	  height:16px;
	  text-indent:-9999px;
	  display:block;
	  } 
#shopArea h3{	  
      margin:4px 0 2px 0;
	  }
#shopArea h3 a{
     
	   font-size:13px;
	   }
#shopLink{
       margin-top:4px;
	   }	   
#shopLinkL{
       float:left;
	   width:120px;
	   display:inline;
	   margin-right:10px;
	   }	
#shopLinkR{
       float:left;
	   width:120px;
	   display:inline;
	   }
.shopCaption{
       font-size:10px;
	   margin-top:2px;
	   }	
body:first-of-type .shopCaption{
       font-size:10px;
	   margin-top:2px;
	   }	   
a .shopCaption{
       text-decoration:underline;
	   }
a:hover .shopCaption{
       text-decoration:none;
	   color:#b09d60;
	   }	
#shopAreaOther{
      margin-top:8px;
	  }	   

/*------------------------イベントカレンダー----------------------------------*/

#CalenderArea{ 
	  width:265px;
	  float:left;
	  display:inline;
	  padding-bottom:5px;
	  }
#titleCalender{
    width:265px;
	border-bottom:1px solid #47210d;
	margin-bottom:10px;
	}	
body:first-of-type #titleCalender{	
        margin-bottom:10px;
		}		  
#Calender{
      background:url(../img/title_topCalendar.gif) no-repeat;	  
      width:211px;
	  height:16px;
	  text-indent:-9999px;
	  display:block;
	  }	
#calenderCaption{
      font-size:10px;
	  color:#810017;
	  }	  
#calendarCode{
      width:195px;
	  float:left;
	  display:inline;
	  margin-right:5px;
	  }	  
#calendarInfo{
      width:65px;
	  float:left;
	  display:inline;
	  }
#calendarInfo p,	  
#calendarInfo li{
      font-size:10px;
	  
	  }	
.calInfoBorder{
       border-bottom:1px dotted #47210d;
	   padding-bottom:2px;
	   margin-bottom:2px;
	   }
.CalTeikyu{
      font-weight:bold;
	  font-size:10px;
	  color:#810017;
	  display:block;
	  }	    	   
.CalInfoEvent{
      font-weight:bold;
	  display:block;
	  font-size:11px;
	  color:#810017;
	  /*width:70px;*/
	  float:left;
	  display:inline;
	  }	
.CalEventTxt{
      width:190px;
	  float:left;
	  display:inline;
	  }		    
#calInfo-1{
       background:url(../img/calendarInfo_B.gif) no-repeat;
	   width:65px;
	   height:12xp;
	   text-indent:-9999px;
	   display:block;
	   margin-top:3px;
	   }	
#calInfo-2{
       background:url(../img/calendarInfo_A.gif) no-repeat;
	   width:65px;
	   height:12xp;
	   text-indent:-9999px;
	   display:block;
	    }	
#topEvent{
      margin-top:8px;
	  margin-bottom:4px;
	  }
.tableEvent{
       border:1px solid #4a2a12;
	   height:120px;
	   }		
#tableTh,
.tableWeek{
       background-color:#4a2a12;
	   color:#ffffff;
	   font-size:11px;
	   text-align:center;
	    }
.tableWeek td{	
       width:88px;
	   }   
body:first-of-type	.tableWeek{
       background-color:#4a2a12;
	   color:#ffffff;
	   font-size:11px;
	   text-align:center;
	   width:88px;
	   }   
.tableTxt{
      background-color:#ffffff;	
	  font-size:11px;
	  padding:5px 8px ;   
	  }
.tableEventBorder{
     	border-right:1px solid #4a2a12;
 	  }	
#event_bg1{
      background:url(../img/topTableEvent_1.gif) no-repeat right 50px;
	  background-color:#ffffff;	
	  }	
#event_bg2{
      background:url(../img/topTableEvent_2.gif) no-repeat right 50px;
	  background-color:#ffffff;	
	  }	
#event_bg3{
      background:url(../img/topTableEvent_3.gif) no-repeat right 50px;
	  background-color:#ffffff;	
	  }		  	     	  
	   		






/*------------ブックマークエリア---------------*/	 

#bookmarkArea input{
     float:left;
	 margin-right:10px;
	 display:inline;
	 }
.bookmarkBlock{
    float:left;
	margin-right:5px;
	display:inline;
	}
.bookmarkBlockS{
    float:left;
	margin-right:10px;
	margin-top:5px;
	display:inline;
	}
	
#toBookmark{
    width:120px;
	height:17px;
	
	}	
#toBookmark a{	
    width:140px;
	height:17px;
	background:url(../img/btn_Bookmark.gif) no-repeat;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	}	
#toBookmark a:hover{	
   	background:url(../img/btn_Bookmark.gif) no-repeat 0 -17px;
	}		 		  
	 	
	
#toFriend{
    width:140px;
	height:17px;
	
	}	
#toFriend a{	
    width:140px;
	height:17px;
	background:url(../img/btn_toFriend.gif) no-repeat;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	}	
#toFriend a:hover{	
   	background:url(../img/btn_toFriend.gif) no-repeat 0 -17px;
	}