@charset "utf-8";

/*--------------------------------------------
*
*	Top
*	
*--------------------------------------------*/
#header { background:transparent; }
form { margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; padding-top:0px; padding-bottom:0px; padding-right:0px; padding-left:0px;}
/* 01 main layout	--------------------------------------------------------*/
body {text-align:center; background-image:#fafaf7 url(../common/image/body_bg.jpg)  center top repeat-x;}
#topMain { background-image:none;width:800px;}
#contents { background-image:none; width:622px;  }

#topBox a { color:#7F4D17; text-decoration:underline; }
#topBox a:hover { color:#f60; text-decoration:underline;}

/* 02 flash			--------------------------------------------------------*/


#topFlash {	float:right; width:622px; }


/* 03 top menu		--------------------------------------------------------*/
#topMenu { float:left; width:150px; margin-left:15px; margin-top:50px; display:inline; }
#topMenu ul { list-style:none; margin:0px; padding:0px; }
#topMenu ul li { list-style:none; margin-top:0px; margin-bottom:5px; margin-left:0px; margin-right:0px; padding:0px; }

/* 04 top contents		--------------------------------------------------------*/
#topContents { width:575px; float:left; text-align:right;}
#topContents h2 { text-align:left;}
.topContentsBox { width:575px; text-align:left; background: url(../image/top_contents_box_bg1.png) right 10px no-repeat; margin-bottom:6px; }
.topContentsBoxInner { background: url(../image/top_contents_box_bg2.png) right bottom no-repeat;  padding-left:20px; padding-right:5px; padding-bottom:19px; padding-top:0px;}
.topContentsBoxInner .lead { margin-top:5px; margin-bottom:10px;}

.box1 { width:150px; float:left; text-align:center; line-height:1.2; /*margin-top:10px;*/}
.box2 { width:355px; float:right;}

#topBnr { padding-top:23px; }
/* 05 top news		--------------------------------------------------------*/

#newsTitle {}
#news {background: url(../image/top_contents_box_bg1.png) right 28px no-repeat;}
#news .topContentsBoxInner {padding-top:15px;}
#news .newsListScroll { overflow:auto; height:175px;}

#news table {}
#news table tr {}
#news table th ,
#news table td { vertical-align:top; }
#news table th { vertical-align:top; font-family: verdana, Helvetica, Arial, sans-serif;}
#news table td { padding-left:5px; padding-bottom:10px; }

/* 06 top recipe		--------------------------------------------------------*/

#recipeTitle {}
#recipe .topContentsBoxInner { padding-right:15px; }

#recipe .box2 {}
.recipeImage { border:#dcdcdc solid 1px; width:100%; padding-top:4px; padding-bottom:4px; margin-bottom:5px;}
.recipeButton { margin-top:8px;}

#recipe form.recipeSearch {}
#recipe form.recipeSearch select { margin-bottom:3px; width:90%;}
#recipe form.recipeSearch .searchRecipeButton { width:90%; text-align:right;}

.recipeKeywordTitle { margin-top:10px; height:11px; overflow:hidden;}
.recipeKeywordTitle img { vertical-align:top;}

.recipeKeyWordBox { background:#fff url(../image/top_recipe_keyword_bg.png) left top no-repeat; width:355px; padding-top:10px; padding-bottom:10px; margin-top:4px;}
.recipeKeyWordBoxInner { line-height:1.2; margin-left:12px; margin-right:12px; height:115px; overflow:auto;} 

#recipe .tagRank1 { font-size:200%;}
#recipe .tagRank2 { font-size:160%;}
#recipe .tagRank3 { font-size:140%;}
#recipe .tagRank4 { font-size:120%;}
#recipe .tagRank5 { font-size:100%;}
#recipe .tagRank6 { font-size:80%;}

/* 06 top event		--------------------------------------------------------*/

#event {}
#event .box2 { width:365px; }

#event .eventListScroll { overflow:auto; height:95px; margin-bottom:11px;}

#event .eventListScroll table {}
#event .eventListScroll table tr {}
#event .eventListScroll table th ,
#event .eventListScroll table td { vertical-align:top; }
#event .eventListScroll table th { vertical-align:top; font-family: verdana, Helvetica, Arial, sans-serif;}
#event .eventListScroll table td { padding-left:5px; padding-bottom:10px; }


#event .eventButtons { list-style:none; margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; padding-top:0px; padding-bottom:0px; padding-left:0px; padding-right:0px;}
#event .eventButtons li{ float:left; list-style:none; margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; padding-top:0px; padding-bottom:0px; padding-left:0px; padding-right:0px;}
#event .eventButtons li.eventButton1 { margin-right:15px;}
#event .eventButtons li.eventButton2 {}

#event .calendarTable { text-align:center; border-top:#F5EADC solid 2px; border-bottom:#F5EADC solid 1px; border-left:#F5EADC solid 1px; border-right:#F5EADC solid 2px; width:100%;}
#event .calendarTable th,
#event .calendarTable td { text-align:center; font-family:Verdana, Geneva, sans-serif; border-bottom:#F5EADC solid 1px; border-left:#F5EADC solid 1px; padding:0px; font-size:80%; line-height:1.1;}
#event .calendarTable th { color:#fff; background:#7F4D17;}
#event .calendarTable td {}
#event .calendarTable td span {display:block; padding-top:3px; padding-bottom:3px;}
#event .calendarTable td.today { background-color:#ff9a2e; color:#fff;}
#event .calendarTable td .saturday { background-color:#fcde9a;}
#event .calendarTable td .holiday { background-color:#fcde9a;}

#event .calendarTable td a { color:#ff5400; }
#event .calendarTable td a:hover {color:#930;}

#event .calendarNavi { margin-top:4px; line-height:1.01; font-family:Arial,Verdana, sans-serif;}
#event .calendarNavi img { vertical-align:middle;}
#event .calendarNavi .calendarYear { color:#ff9a2e;}
#event .calendarNavi .calendarMonth { color:#ff5400; font-size:140%;}


/* 07 top yomimono	--------------------------------------------------------*/
#yomimono .topContentsBoxInner { padding-right:15px;}
#yomimono .box1 { width:166px; margin-top:5px; }
#yomimono .tushinImage { width:165px; overflow:hidden;}
#yomimono .tushinButton { margin-top:0px;}

#yomimono .box2 { margin-top:-8px;}
#yomimono .closeup { width:170px; float:left; background:#E0ECC2 url(../image/top_yomimono_closeup_bg.png) left bottom no-repeat; padding-bottom:10px; /*margin-top:-13px;*/ color:#7f4d17;}
#yomimono .closeup .closeupScroll { height:138px; margin-right:5px; margin-left:15px; overflow:auto;}
#yomimono .closeup ul { margin:0px; padding:0px; list-style:none; }
#yomimono .closeup ul li { margin-top:0px; margin-bottom:5px; line-height:1.2; padding-left:1.45em; text-indent:-1.45em; }

#yomimono .yomimonoButtons { margin:0px; padding:13px 0px 0px 0px; float:right; width:170px;}
#yomimono .yomimonoButtons ul {margin:0px; padding:0px; list-style:none;}
#yomimono .yomimonoButtons li { padding-top:10px;}
#yomimono .yomimonoButtons {}


/* 08 top column	--------------------------------------------------------*/
#column {}
#column .topContentsBoxInner { padding-right:0px;}
#column .topContentsBoxInner .lead { margin-bottom:0px;}

#column .box3 { width:170px; float:left; padding-right:15px; margin-top:14px;}
*html body #column .box3 { width:185px; }
#column h3 { text-align:right; border-bottom:#F5EADC solid 3px; padding-bottom:4px; padding-top:0px; margin-bottom:7px; font-size:10px; line-height:10px;}
#column h3 img { vertical-align:top;}
#column .blogBox { margin-top:5px;}
#column .blogImage { width:50px; float:left;}
#column .blogInner { width:110px; float:right;}
#column .blogInner p { font-size:85%; margin-top:2px;}

#column #columnFood { padding-top: 16px;}
#column #columnOL { padding-top: 16px;}


/* 05 top special	--------------------------------------------------------*/

#special { width:205px; float:right; margin-top:23px; text-align:left;}

#special ul { list-style:none; margin:0px 0px 20px 0px; padding:0px;}
#special ul li {  margin-top:10px; margin-bottom:0px; padding:0px; margin-right:0px;}
#special p { margin-top:0px; margin-bottom:0px; }
#special ul li.topicSelection { margin-top:3px; }
#special ul li.topicCatalog { margin-top:3px; }
#special ul li.topicItems { margin-top:10px; }
#special ul li.topicHomekitchen { margin-top:3px; }
#special ul li.topicHomekitchenTokushu{ margin-top:0px; }
#special ul li.topicMemberShop { margin-top:10px;}
#special ul li.topicShun { margin-top:10px;}
#special ul li.topicBentou {margin-top:10px;}
#special ul li.topicRecruit { margin-top:10px;}
#special ul li.topicCampain { margin-top:10px; }
#special ul li.topicMobile {margin-top:10px;}


/*ホームキッチン*/
#special .topicHomekitchen { font-size:87%; line-height:1.4;}
/*#special .topicHomekitchenTokushu{ background: url(../common/image/topic_bg_bottom.png) left bottom no-repeat; padding-bottom:5px;}
#special .tokushu { width:200px; text-align:center; background:url(../common/image/topic_bg_top.png) left top no-repeat; padding-top:5px;}091102手動へ変更*/
#special .topicHomekitchenTokushu{}
#special .tokushu { width:200px; text-align:center;}
#special .topicHomekitchenRanking {background:url(../common/image/topic_bg_top.png) left top no-repeat; padding-top:5px; width:205px;}
#special .homeRank { background:url(../common/image/topic_homekichen_rank_bg.png) left bottom no-repeat; padding-bottom:10px;}
#special .homeRank dt {}
#special .homeRank dd {background:url(../common/image/topic_homekichen_rank_bg1.png) left top no-repeat; padding-left:10px; padding-right:25px; padding-top:5px; min-height:1px; height:auto !important; height:1px;}
#special .homeRank .rankImage { float:left; width:40px;}
#special .homeRank p { float:right; width:114px;}
#special .homeRank .price { color:#ff5400; font-family:Verdana,Arial, Helvetica, sans-serif; line-height:1.5;}

/*ネットde注文*/
#special .topicMemberShop {}

/*週間シュン*/
#special .topicShun {width:200px; height:150px; overflow:hidden;background:url(../common/image/topic_shun_bg.png) no-repeat right top;}
#special .topicShun .shunMain { float:left; width:100px;}
#special .topicShun .shunImage { float:left; width:90px; padding-top:15px;}
#special .topicShun .shunImage img { border:#DCD2C6 solid 3px;}