@charset "utf-8";

ul,li,dl,dt,dd { list-style:none;}
img { border:none;}

/*------------------------------------------------------------------------------
	タブ画像
-------------------------------------------------------------------------------*/

#navi_top { clear:both; width:920px; margin:0; padding:10px 0 10px 0;}
#navi_top:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}

#navi_top ul { clear:both; width:920px; height:40px; margin:0; padding:0;}
#navi_top li { float:left; margin:0; padding:0; text-indent:-10000px;}
#navi_top li a { height:40px; margin:0; padding:0; display:block; overflow:hidden; color:#333;
 background:url("../navi_tab_sweet.gif") no-repeat left top;}

/* link */
#navi_top li.nav01 a { width:185px; background-position:0 0;}
#navi_top li.nav02 a { width:185px; background-position:-185px 0;}
#navi_top li.nav03 a { width:185px; background-position:-370px 0;}
#navi_top li.nav04 a { width:185px; background-position:-555px 0;}
#navi_top li.nav05 a { width:180px; background-position:-740px 0;}
#navi_top li.nav06 a { width:190px; background:url("navi_manner_baby.gif") no-repeat left top;}

/* hover */
#navi_top li.nav01 a:hover { background-position:0 -45px;}
#navi_top li.nav02 a:hover { background-position:-185px -45px;}
#navi_top li.nav03 a:hover { background-position:-370px -45px;}
#navi_top li.nav04 a:hover { background-position:-555px -45px;}
#navi_top li.nav05 a:hover { background-position:-740px -45px;}
#navi_top li.nav06 a:hover { background-position:0 -45px;}

/* active */
#navi_top li.nav01 a.active { background-position:0 -45px;}
#navi_top li.nav02 a.active { background-position:-185px -45px;}
#navi_top li.nav03 a.active { background-position:-370px -45px;}
#navi_top li.nav04 a.active { background-position:-555px -45px;}
#navi_top li.nav05 a.active { background-position:-740px -45px;}
#navi_top li.nav06 a.active { background-position:0 -45px;}

/* 表示するタブの前に「/* 」をつけて下さい */

/* #navi_top li.nav01 { display:none;} /* スタッフのおすすめ */
/* #navi_top li.nav02 { display:none;} /* 価格で選ぶ */
#navi_top li.nav03 { display:none;} /* シーンで選ぶ */
/* #navi_top li.nav04 { display:none;} /* スイーツ別で選ぶ */
#navi_top li.nav05 { display:none;} /* 人気ランキング */
/* #navi_top li.nav06 { display:none;} /* 出産内祝いマナー */

/* ----ナビボタン（価格で選ぶ）---------- */

#navi_price { clear:both; width:920px; margin:0; padding:0;}
#navi_price:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}

#navi_price ul { clear:both; width:920px; height:35x; margin:0; padding:0;}
#navi_price li { float:left; margin:0; padding:0; text-indent:-10000px;}
#navi_price li a { width:131px; height:35px; margin:0 0 5px 0; padding:0; display:block; overflow:hidden; color:#333;
 background:url("../navi_price.gif") no-repeat left top;}

/* link */
#navi_price li.nav1_1 a { background-position:0 0;}
#navi_price li.nav1_2 a { background-position:-131px 0;}
#navi_price li.nav1_3 a { background-position:-262px 0;}
#navi_price li.nav1_4 a { background-position:-393px 0;}
#navi_price li.nav1_5 a { background-position:-524px 0;}
#navi_price li.nav1_6 a { background-position:-655px 0;}
#navi_price li.nav1_7 a { width:134px; background-position:-786px 0;}
#navi_price li.nav1_8 a { background-position:0 -45px;}
#navi_price li.nav1_9 a { background-position:-131px -45px;}
#navi_price li.nav1_10 a { background-position:-262px -45px;}

/* hover&active */
#navi_price li.nav1_1 a:hover,#navi_price li.nav1_1 a.active { background-position:0 -90px;}
#navi_price li.nav1_2 a:hover,#navi_price li.nav1_2 a.active { background-position:-131px -90px;}
#navi_price li.nav1_3 a:hover,#navi_price li.nav1_3 a.active { background-position:-262px -90px;}
#navi_price li.nav1_4 a:hover,#navi_price li.nav1_4 a.active { background-position:-393px -90px;}
#navi_price li.nav1_5 a:hover,#navi_price li.nav1_5 a.active { background-position:-524px -90px;}
#navi_price li.nav1_6 a:hover,#navi_price li.nav1_6 a.active { background-position:-655px -90px;}
#navi_price li.nav1_7 a:hover,#navi_price li.nav1_7 a.active { background-position:-786px -90px;}
#navi_price li.nav1_8 a:hover,#navi_price li.nav1_8 a.active { background-position:0 -135px;}
#navi_price li.nav1_9 a:hover,#navi_price li.nav1_9 a.active { background-position:-131px -135px;}
#navi_price li.nav1_10 a:hover,#navi_price li.nav1_10 a.active { background-position:-262px -135px;}

/* 表示するタブの前に「/* 」をつけて下さい */

#navi_price li.nav1_1 { display:none;} /* 予算500円以下 */
/* #navi_price li.nav1_2 { display:none;} /* 予算1,000円 */
/* #navi_price li.nav1_3 { display:none;} /* 予算3,000円 */
/* #navi_price li.nav1_4 { display:none;} /* 予算5,000円 */
#navi_price li.nav1_5 { display:none;} /* 予算8,000円 */
#navi_price li.nav1_6 { display:none;} /* 予算10,000円 */
#navi_price li.nav1_7 { display:none;} /* 予算10,000円以上 */
#navi_price li.nav1_8 { display:none;} /* 予算20,000円 */
#navi_price li.nav1_9 { display:none;} /* 予算30,000円 */
#navi_price li.nav1_10 { display:none;} /* 予算50,000円 */


/* ----ナビボタン（品種で選ぶ）---------- */

#navi_sweet { clear:both; width:920px; margin:0; padding:0;}
#navi_sweet:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}

#navi_sweet ul { clear:both; width:920px; height:35px; margin:0; padding:0;}
#navi_sweet li { float:left; margin:0; padding:0; text-indent:-10000px;}
#navi_sweet li a { height:35px; margin:0 0 5px 0; padding:0; display:block; overflow:hidden; color:#333;
 background:url("navi_baby.gif") no-repeat left top;}

/* link */
#navi_sweet li.nav5_1 a { width:230px; background-position:0 0;}
#navi_sweet li.nav5_2 a { width:230px; background-position:-230px 0;}
#navi_sweet li.nav5_3 a { width:230px; background-position:-460px 0;}
#navi_sweet li.nav5_4 a { width:230px; background-position:-690px 0;}
#navi_sweet li.nav5_5 a { width:230px; background-position:0 -80px;}
#navi_sweet li.nav5_6 a { width:230px; background-position:-230px -80px;}
#navi_sweet li.nav5_7 a { width:225px; background-position:-460px -80px;}

/* hover&active */
#navi_sweet li.nav5_1 a:hover,#navi_sweet li.nav5_1 a.active { background-position:0 -40px;}
#navi_sweet li.nav5_2 a:hover,#navi_sweet li.nav5_2 a.active { background-position:-230px -40px;}
#navi_sweet li.nav5_3 a:hover,#navi_sweet li.nav5_3 a.active { background-position:-460px -40px;}
#navi_sweet li.nav5_4 a:hover,#navi_sweet li.nav5_4 a.active { background-position:-690px -40px;}
#navi_sweet li.nav5_5 a:hover,#navi_sweet li.nav5_5 a.active { background-position:0 -120px;}
#navi_sweet li.nav5_6 a:hover,#navi_sweet li.nav5_6 a.active { background-position:-230px -120px;}
#navi_sweet li.nav5_7 a:hover,#navi_sweet li.nav5_7 a.active { background-position:-460px -120px;}


/*------------------------------------------------------------------------------
	ページコンテンツ
-------------------------------------------------------------------------------*/

h2 { clear:both; width:920px; margin:0 0 10px 0; padding:0;} /* タイトルバナー画像 */
h3 { clear:both; width:920px; margin:10px 0 0 0; padding:0;} /* 見出し画像 */


/* ----品名・ブランド名のテーブル---------- */

table.brand { width:920px; margin:0; padding:0; border-spacing:20px; background:#FFF;}
table.brand td { width:420px; margin:0; padding:0; text-align:left; vertical-align:top; border:none; background:#FFF;}
table.brand td.brand_tex { width:500px; margin:0; padding:0; text-align:left; vertical-align:middle; font-size:14px; line-height:1.3; border:none; background:#FFF;}
table.brand td.brand_tex div.title { clear:both; margin:0; padding:0 0 15px 0; text-align:left; font-size:17px; font-weight:bold;} /* 商品名 */
table.brand td.brand_tex div.item-season { float:right; margin:20px 0 0 0; padding:1px 0 0 80px; text-align:left; font-size:14px;
 background:url("../newitem/fruit/icon_season.jpg") no-repeat left top;}
table.brand td.brand_tex div.price { clear:both; margin:0; padding:15px 0 0 0; text-align:right; color:#F00; font-size:16px; font-weight:bold;} /* 価格表示 */
table.brand td.brand_tex img.item-button { float:right; width:253px; height:30px; margin:7px 0 0 0; padding:0;} /* ボタン画像 */
table.brand td.brand_tex img.item-button-end { float:right; width:253px; height:30px; margin:7px 0 0 0; padding:0; filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;} /* ボタン画像（販売終了） */


/* ----商品リスト---------- */

.item-list { clear:both; width:920px; margin:0 auto; padding:0 0 15px 0; background:#FFF;}
.item-list:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}

.item-list ul { clear:both; width:900px; margin:0 auto; padding:0 10px; text-align:left; list-style:none;}
.item-list li {
 float:left; width:205px; margin:0; padding:10px 10px 15px 10px; display:block; 
 vertical-align:top; font-size:15px; line-height:1.4;}


/* ----価格表示---------- */

.item-list li div.price { clear:both; width:205px; margin:0; padding:5px 0 0 0; text-align:right; color:#C00; font-weight:bold;}


/* ----画像表示---------- */

img.item-img { width:205px; margin:0; padding:0 0 5px 0;}  /* 商品画像 */

img.item-img01 { width:205px; margin:0; padding:0;}  /* 空セル用画像（×1） */
img.item-img02 { width:430px; margin:0; padding:0;}  /* 空セル画像（×2） */
img.item-img03 { width:655px; margin:0; padding:0;}  /* 空セル用商品画像（×3） */

img.item-season { margin:8px 0 5px 0; padding:0;} /* アイコン画像 */
img.item-button { width:205px; height:30px; margin:10px 0 0 0; padding:0;} /* ボタン画像 */
img.item-button-end { width:205px; height:30px; margin:10px 0 0 0; padding:0;
 filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;} /* ボタン画像（販売終了） */


/* ----スタッフのおすすめ---------- */

#staff01,#staff02,#staff03 {
clear:both; width:695px; height:77px; padding:48px 10px 0 215px; text-align:left; 
color: #630; font-size:16px; font-weight:bold; line-height:25px;}

#staff01 { margin:5px 0 0 0; background:url(../staff_osusume01.png) no-repeat left top;}
#staff02 { margin:0; background:url(../staff_osusume02.png) no-repeat left top;}
#staff03 { margin:0; background:url(../staff_osusume03.png) no-repeat left top;}


/* ----ページトップ---------- */

#ptop { clear:both; width:915px; margin:0; padding:0 5px 30px 0; text-align:right;}