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

/*文字サイズ*/
a#standard{ background:url(../images/size_m_on.gif) 0 0 no-repeat; width:25px; height:25px; display:block;}
a#small{ background:url(../images/size_s_on.gif) 0 0 no-repeat; width:25px; height:25px; display:block;}
a#large{ background:url(../images/size_l_on.gif) 0 0 no-repeat; width:25px; height:25px; display:block;}

/*Gナビアクティブ処理*/
li.navi01{ background:url(../images/navi01_off.jpg) 0 0 no-repeat;}
li.navi01 a:hover{ background:url(../images/navi01_on.jpg) 0 0 no-repeat;}
.cat_home .navi01{ background:url(../images/navi01_bg.gif) 0 0 no-repeat; }
.cat_home .navi01 a{ display:block; overflow:hidden; width:150px; height:39px;}

li.navi02{ background:url(../images/navi02_off.jpg) 0 0 no-repeat;}
li.navi02 a:hover{ background:url(../images/navi02_on.jpg) 0 0 no-repeat;}
.cat_products .navi02{background:url(../images/navi02_bg.gif) 0 0 no-repeat; }
.cat_products  .navi02 a{ display:block; overflow:hidden; width:157px; height:39px;}

li.navi03{ background:url(../images/navi03_off.jpg) 0 0 no-repeat;}
li.navi03 a:hover{ background:url(../images/navi03_on.jpg) 0 0 no-repeat;}
.cat_group .navi03{background:url(../images/navi03_bg.gif) 0 0 no-repeat;}
.cat_group .navi03 a{ display:block; overflow:hidden; width:157px; height:39px;}

li.navi04{ background:url(../images/navi04_off.jpg) 0 0 no-repeat;}
li.navi04 a:hover{ background:url(../images/navi04_on.jpg) 0 0 no-repeat;}
.cat_company .navi04{background:url(../images/navi04_bg.gif) 0 0 no-repeat;}
.cat_company .navi04 a{ display:block; overflow:hidden; width:157px; height:39px;}

li.navi05{ background:url(../images/navi05_off.jpg) 0 0 no-repeat;}
li.navi05 a:hover{ background:url(../images/navi05_on.jpg) 0 0 no-repeat;}
.cat_recipi .navi05{background:url(../images/navi05_bg.gif) 0 0 no-repeat;}
.cat_recipi .navi05 a{ display:block; overflow:hidden; width:157px; height:39px;}

li.navi06{ background:url(../images/navi06_off.jpg) 0 0 no-repeat;}
li.navi06 a:hover{ background:url(../images/navi06_on.jpg) 0 0 no-repeat;}
.cat_contact .navi06{background:url(../images/navi06_bg.gif) 0 0 no-repeat;}
.cat_contact .navi06 a{ display:block; overflow:hidden; width:157px; height:39px;}

/*header*/
.inner{ width:940px; margin:0 auto; padding:0;}
.inner660{ width:660px; margin:0 auto;}
.header{ border-top:2px solid #FF0000; padding-bottom:14px;}
.hnavi{ float:right;}
.hnavi li{ float:left; margin-left:5px; line-height:0;}
.logo{ width:940px; display:block; clear:both;}
h1{ float:left; width:510px; padding:4px 0 0 0; display:block;}
h1 img{ margin: 0 10px 0 0; vertical-align:top;}
.search{ width:320px; float:right; padding:28px 0 0 0; /padding:30px 0 0 0;}
.search span{ display:block; float:left;}
.search form input#text{ background:#ebebeb; border-top:1px solid #dddddd; border-bottom:1px solid #dddddd; border-left:none; border-right:none; padding:5px; height:18px; width:158px; float:left;}
.size{ width:85px; float:right; padding:17px 0 0 0; text-align:center;}
.size ul{ margin:5px 0 0 0;}
.size ul li{ float:left; margin-right:2px; line-height:0; font-size:0;}

/*Gナビ*/
.navi{ background:url(../images/navi_bg.jpg) 0 bottom repeat-x; height:39px; padding:11px 0 0 0;}
.navi ul{ width:940px;}
.navi li{ float:left; margin:0 1px 0 0; line-height:0; font-size:0;}

/*パンくず*/
.bread{ width:940px; margin: 15px auto 0; font-weight:bold; line-height:100%;}
.bread a{ font-weight:normal; color:#ff0000;}
.bread a:hover{ color:#999999;}
.wrapper{ margin:15px auto 50px; width:940px;}

/*leftナビ*/
.lnavi{float:left; width:220px;}
.lnavi02{ margin-bottom:10px;}
.lnavi .type01{ padding:10px 10px 8px; background:url(../images/l_bg.gif) 0 0; margin-bottom:0;}
.lnavi .type02{ margin:10px 0 0 0;}
.lnavi .type01 li, .lnavi .type02 li{ margin-bottom:10px; line-height:0;}

.lnavi .type03{ padding:10px 10px 8px; background:url(../images/l_bg02.gif) 0 0; margin-bottom:0;}
.lnavi .type03 li{ background:#FF0000; width:200px; line-height:0;}
.lnavi .type03 li h3{ background:url(../images/arrow05.gif) 0 50% no-repeat; padding:0 0 0 14px; color:#ffffff; margin:10px; line-height:100%; font-size:100%;}
.lnavi .type03 li h3 a{ color:#ffffff;}
.lnavi .type03 li h3 a:hover{ color:#999999;}
.lnavi .type03 li h3.sub { padding-left:24px; background:url(../images/arrow05.gif) 10px 50% no-repeat;}

.lnavi .type03 dl{ background:url(../images/dotted.gif) 0 top repeat-x #ffffff; width:198px; margin:0 1px;}
.lnavi .type03 dl dt, .lnavi .type03 dl dd, .lnavi .type03 dl dt.act, .lnavi .type03 dl dd.act{ background:url(../images/dotted.gif) 0 bottom repeat-x;}
.lnavi .type03 dl dt a{ background:url(../images/arrow01.gif) 20px 50% no-repeat; padding:7px 0 7px 30px; width:168px; display:block;}
.lnavi .type03 dl dd a{ background:url(../images/arrow01.gif) 30px 50% no-repeat; padding:7px 0 7px 40px; width:158px; display:block;}
.lnavi .type03 dl dt.act a{background:url(../images/arrow05.gif) 20px 50% no-repeat #FF0000; padding:7px 0 7px 30px; width:168px; display:block; color:#ffffff;}
.lnavi .type03 dl dt.act02 a{background:#FFD2D2; padding:7px 0 7px 30px; width:168px; display:block; color:#333333; font-weight:bold;}
.lnavi .type03 dl dt.act a:hover{background:url(../images/arrow05.gif) 20px 50% no-repeat #FF0000; padding:7px 0 7px 30px; width:168px; display:block; color:#999999;}
.lnavi .type03 dl dd.act a{ background:#FFD2D2; padding:7px 0 7px 40px; width:158px; display:block; font-weight:bold;}


.content{ width:700px; float:right;}
.section{ margin-bottom:10px; background:url(../images/bg700.gif) 0 0 repeat-y;}
.section02{ margin-bottom:10px;}

/*ボタンの配置*/
.sub{ float:right; position: relative; top:-24px; margin-bottom:-24px; right:10px}
.sub li{ float:left; margin-left:5px;}

/*フッターメニュー*/
.fnavi{ width:940px; margin:0 auto 20px; display:block;}
.fnavi ul.left li{ float:left; margin:0 15px 0 0; line-height:0; font-size:0;}
.fnavi ul.right li{ float:right; margin:0 0 0 15px; line-height:0; font-size:0;}

.footer{ background:#F3F3F3; border-top:2px solid #FF0000; padding:22px 0 20px;}
.footer dl{ float:left; margin-right:25px; border-right:1px solid #dddddd;}
.footer dl dt{ margin-bottom:10px;}
.footer dl dd{ line-height:175%; font-size:95%;}
.footer dl dd a{ padding-left:10px; background:url(../images/arrow02.gif) 0 50% no-repeat;}
#f01{ width:140px;}
#f02{ width:180px;}
#f03{ width:140px;}
#f04{ width:230px;}
#f05{ width:140px; border:none; margin-right:0;}

.copyright{ background:url(../images/copy_bg.gif) 0 0; padding:20px 0;}

/*others*/
.title{ border-bottom:1px solid #dddddd; padding:10px 0; margin-bottom:20px;}
.title h2{ float:left;}
.title span{ display:block; float:right; padding:20px 0 20px 18px; border-left:1px solid #dddddd;}

.pagetop{ text-align:right; width:700px; border-top:1px solid #dddddd; padding:10px 0 0; margin:10px 0 0 0;}
.min{ font-size:95%;}
.caution{ margin-bottom:10px;}
.caution li{ text-indent:-1em; margin:0 0 0 1em;}

/*page*/
.category{ padding:20px 0; border-bottom:1px solid #DDDDDD}
.category strong{ padding-left:10px;}
.btn_top { margin-top:10px; clear:both; text-align:right;}

.bg_dotted{ background:url(../images/bg_dotted.gif) 0 0  ; padding:10px; width:640px; margin:0 auto 10px;}
.com_info{ background:#ffffff; padding:15px;}
.com_info h3{ border-top: 1px solid #dddddd; background:#f6f6f6; padding:30px 20px; font-size:120%; font-weight:bold; margin:15px auto 0;}

.area{ margin:0 auto 10px; width:660px; background:url(../../common/images/bg660.gif) 0 0 repeat-y; border-bottom:1px solid #dddddd; padding-bottom:15px;}
.shop_data{ width:618px; margin:0 auto;}
.shop_data li{ border-bottom:1px solid #dddddd; padding:10px 0;}
.shop_info01{ width:298px; float:left;}
.shop_info02{ width:298px; float:right; border-left:1px solid #dddddd; padding-left:10px;}
.shop_name{ background:url(../../common/images/dotted.gif) 0 bottom repeat-x; padding:5px 0;}
.shop_name h4{ width:150px; display:block; float:left; border-left:2px solid #ff0000; padding:0 0 0 10px; margin:10px 0}
.shop_name span{ display:block; float:right; padding:10px 0 10px 5px; border-left:1px solid #dddddd;}
.shop_info01 ul, .shop_info02 ul{ padding:10px 0 0;}
.shop_info01 ul li, .shop_info02 ul li{ border:none; padding:0;}