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

/* 全体 */
* { margin: 0; padding: 0; }
html { background-color:#ccc; text-align:center; background-image:url("/imgs/bg_main.jpg"); background-repeat:repeat background-position:top left; height:100%; }
body { margin: 0; padding: 0; font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; letter-spacing: 0.02em; font-size:1.2em; behavior:url("/common/css/csshover3.htc"); height:100%; }

/* IE6*/
* html body { font-size:1.25em; }

/*IE7*/
:first-child+html body (font-size:1.25em;)

h1, h2, h3, h4, h5, h6,p, pre, blockquote,ul, ol, dl, address { margin: 0; padding: 0; }
hr { clear:both; border:0; height: 8px; background-image:url("../imgs/hr_border.gif"); background-repeat:no-repeat; background-position:top left; }

/*リンク関連*/
a { color: #000; text-decoration: none; }
a:visited { color:#000; }
a:hover { color: #ff6600; text-decoration: none; }
a.white { color: #fff; text-decoration: none; }
a.white:visited { color:#fff; }
a.white:hover { color: #fff; text-decoration: underline; }

img { border:none; }
a.imglink:hover { text-decoration: none; background:none; }
a.effect:hover img { opacity:0.7;filter: alpha(opacity=70);-ms-filter: "alpha( opacity=80 )"; background: #fff; }

/*全体レイアウト関連*/
#wrapper { position:relative; height:100%; min-height:100%; width:950px; margin:0px auto; background-color:#FFF; }
body > #wrapper { height:auto; }
#allblock { height:auto; padding-bottom:135px;}
#allblock1 { height:840px; padding-bottom:135px;}
#index_main { position:relative; height:720px; width:950px; }
#content { width:950px; margin:10px 0 0 0; text-align:left; background-color:#FFF; }
/*content内の回り込みを解除*/
div#content:after { visibility: hidden; content : ""; display : block; height : 0; clear : both; }
#content1 { width:930px; margin:0 0 0 20px; text-align:left; background-color:#FFF; }
/*content内の回り込みを解除*/
div#content1:after { visibility: hidden; content : ""; display : block; height : 0; clear : both; }

/*商品詳細ウインドウ*/
#wrapper2 { width:620px; margin:0 auto; background-color:#FFF; }
#header2 { width:598px; height:66px; margin:0 auto; padding:11px; background-color:#FEDE89; }
#content2 { width:580px; margin:10px 20px; text-align:left; background-color:#FFF; }
.tenpo { width:498px; border:solid 1px #630; margin:15px auto; clear:both; }
/*.tenpo内の回り込みを解除*/
div.tenpo:after { visibility: hidden; content : ""; display : block; height : 0; clear : both; }
.tenpoleft { float:left; width:120px; padding:10px; background-color:#630; color:#FFF; font-size:0.75em; line-height:1.3; text-align:center; }
.tenporight { float:right; width:338px; padding:10px; font-size:0.75em; line-height:1.3; }

/*ヘッダー*/
#header { position:absolute; top:0; left:0; width:928px; height:66px; margin:0 auto; padding:11px; background-color:#FEDE89;  }
/*header内の回り込みを解除*/
div#header:after { visibility: hidden; content : ""; display : block; height : 0; clear : both; }
#header1 { width:928px; height:66px; margin:0 auto; padding:11px; background-color:#FEDE89; }
/*header内の回り込みを解除*/
div#header1:after { visibility: hidden; content : ""; display : block; height : 0; clear : both; }
ul.gnavi { list-style:none; float:right; width:774px; }
ul.gnavi li { float:left; margin-right:2px; }

/*index*/
.recommend { position:absolute; top:250px; left:0; }
.carousel { position:absolute; bottom:0; left:0; width:928px; height:100px; margin:0; padding:11px; background-image:url("/imgs/bg_carousel.png"); background-repeat:no-repeat; text-align:center; }
ul#slider1 { width:870px; height:100px; margin:0 auto; }
.bx-wrapper { margin:0 auto; }
 ul#slider1 li { width:150px; height:90px; margin:3px; }
 ul#slider1 li div.border { width:132px; height:90px; border:solid 1px #f96; background-color:#fff; }
.bx-next { float:right; margin:-60px -30px -30px -30px; *margin:-60px -30px 90px 90px; }
.bx-prev { float:left; margin:-60px -30px 0 -30px; *margin:-60px -60px -60px -30px; }

/*index_main*/
.top_concept { width:435px; float:left; margin-right:15px; }
.news { width:359px; float:left; margin-right:15px; }
.qrcode { width:96px; float:left; }
ul.topnews { list-style:none; text-align:left; margin:0; clear:both; }
ul.topnews li { font-size:0.6em; line-height:1.3; text-align:left; margin:0 0 5px 0; padding:0 0 0 1.2em; background-image:url("/imgs/icon_topnews.gif"); background-repeat:no-repeat; background-position:top left; }

/*本文ブロック*/
.main { position:absolute; left:0; width:920px; margin:15px; text-align:left; background: #fff; }
/*.main 内の回り込みを解除*/
div.main :after { visibility: hidden; content : ""; display : block; height : 0; clear : both; }
.main1 { width:930px; margin:0; text-align:left; background: #fff; }
/*.main 内の回り込みを解除*/
div.main1 :after { visibility: hidden; content : ""; display : block; height : 0; clear : both; }

/*フッター*/
#footer { position:absolute; width:950px; height:115px; margin:0; padding:0; text-align:left; bottom: 0; left:0; }
#footer2 { width:600px; height:20px; margin:15px 0; padding:10px; text-align:center; background-color:#FEDE89; }
.footerlink { background-color:#FEECBB; width:910px; height:60px; padding:10px 20px; }
/*.footerlink内の回り込みを解除*/
div.footerlink:after { visibility: hidden; content : ""; display : block; height : 0; clear : both; }
.copyright { background-color:#FEDE89; width:930px; height:15px; padding:10px; text-align:right; clear:both; }
.copyright1 { background-color:#FEDE89; width:950px; height:35px; padding:0; clear:both; }
.ft_logo_r { width:100px; float:left; }
.ft_add { width:399px; float:left; font-size:10px; line-height:1.8em;}
.ft_menu { width:389px; float:left; border-left:solid 1px #C33; padding-left:20px; }
.ft_menu ul { list-style:none; }
.ft_menu ul li { float:left; font-size:10px; line-height:60px; margin-right:20px; }
.ft_logo_l { width:129px; float:left; text-align:right; border-left:solid 1px #C33; }


/*左ブロック*/
.sidebar { width:230px; padding-top:120px; float:left; text-align:left;}

/*左ブロックタイトル画像*/
.pagetitle { width:120px; margin:20px auto; }

/*レフトバーリスト*/
.left_list { width:150px; margin:0 0 0 20px;font-size:0.9em; }
.left_list dt { font-size:0.75em; height:20px; line-height:22px; padding-left:0.5em; text-align:left; margin:10px 0 5px 0; width:158px; border:1px solid #eee; }
.left_list dd ul { list-style:none; margin:0 0 0.5em 0.5em; pardding:0; display:block; }
.left_list dd ul li { font-size:0.7em; line-height:1.4; padding-left:1.3em; *padding-left:1.3em; margin-bottom:0.5em; text-align:left; background-image:url(../imgs/arrow2.gif); background-repeat:no-repeat; background-position:top 15px; *background-position:top left; }

/*メイン左ブロック*/
.mainleft { float:left; width:180px; margin:0 20px 0 0; }

/*左ブロック店舗リスト*/
.subtitle { width:145px; height:30px; font-size:12px; line-height:32px; padding-left:35px; background-image:url("/imgs/bg_subtitle.gif"); background-repeat:no-repeat; background-position:top left; color:#FFF; margin-bottom:5px; }
.subtitle1 { width:175px; height:30px; font-size:12px; line-height:32px; padding-left:35px; background-image:url("/imgs/bg_subtitle2.gif"); background-repeat:no-repeat; background-position:top left; color:#FFF; margin-bottom:5px; }
ul.shoplist { list-style:none; margin:10px 0 10px 10px; padding:0; text-align:left; }
ul.shoplist li { font-size:0.68em; line-height:1.3; margin:0 0 5px 0; background-image:url("/imgs/arrow1.gif"); background-repeat:no-repeat; background-position:2px left; padding-left:1em; }
.storeitem { border-left:solid 4px #fc0; height:30px; font-size:14px; line-height:30px; padding-left:10px; margin-bottom:10px; }
.storeitem1 { border-left:solid 4px #fc0; font-size:14px; line-height:1.3; padding:3px 0 3px 10px; margin-bottom:10px; }
.btn_detail { width:98px; margin:0 0 10px 82px;}
.btn_detail2 { width:98px; margin:0 0 10px 112px;}
.storethumb { border:solid 1px #630; }
.pagenum { width:700px; text-align:right; font-size:0.6em; line-height:1.3; }
.current_page{ margin-right:2px; }
.link_page { margin-right:2px; }
.allergen { border:1px solid #630; padding:10px 10px 10px 25px; width:143px; margin-bottom:15px; font-size:0.65em; line-height:1.3; background-image:url("/imgs/arrow2.gif"); background-repeat:no-repeat; background-position:5px 7px; }

/*メニューブロック*/
.itemblock { width:162px; height:220px; margin:0 20px 20px 0; float:left; }
.itemthumb { width:144px; height:140px; padding:10px 9px 0 9px; background-image:url("/imgs/bg_menu1.gif"); background-repeat:no-repeat; background-position:top left; }
.itemname { font-size:0.65em; line-height:1.3; margin-top:5px; }
.itemprice { font-size:0.65em; line-height:1.3; }
ul.sellshop { list-style:none; }
ul.sellshop li { float:left; margin-right:3px;  }
             
/*メニューページボタン*/
ul.menubtn { list-style:none; margin-left:30px; }
ul.menubtn li { float:left; margin-right:20px; }
.lead { font-size:0.85em; line-height:1.5; margin:20px 0; }
ul.catebtn { list-style:none; }
ul.catebtn li { float:left; margin-right:10px; }
             
/*メイン右ブロック*/
.mainright { float:right; width:730px; }
.shopblock { margin-bottom:20px; clear:both; }
/*.shopblock 内の回り込みを解除*/
div.shopblock :after { visibility: hidden; content : ""; display : block; height : 0; clear : both; }
.shopspec1 { float:left; width:280px; margin:0 20px 0 0; }
.shopspec2 { float:right; width:410px; margin:0 20px 0 0; }
.shopphoto { margin:0 0 15px 0; }
dl.shopdetail { margin: 0 0 15px 0; padding:0; clear:both; }
dl.shopdetail dt { float:left; width:5em; margin:0 0 10px 0; font-size:0.7em; font-weight:bold; line-height:1.3; text-align:left; }
dl.shopdetail dd { padding:0 0 0 6em; font-size:0.7em; line-height:1.3; margin:0 0 10px 0; }
dl.saiyodetail { margin: 15px 0 15px 0; padding:0; clear:both; }
dl.saiyodetail dt { float:left; width:5em; margin:0 0 10px 0; font-size:0.7em; font-weight:bold; line-height:1.3; text-align:left; }
dl.saiyodetail dd { padding:0 0 0 6em; font-size:0.7em; line-height:1.3; margin:0 0 10px 0; }
.menubtn { clear:both; }

/*商品詳細用*/
.rightbody { width:480px; float:left; margin-right:20px; }
.rightshop { width:210px; float:right; margin-right:20px; }
             
/*商品ページ*/
.itemphoto { width:480px; text-align:center; height:300px; }
.itemphoto2 { width:580px; text-align:center; height:230px; clear:both; }
.itembody { width:466px; border-left:solid 4px #630; font-size:0.7em; line-height:1.3; padding-left:10px; margin:15px 0;}
.itembody2 { width:486px; border-left:solid 4px #630; font-size:0.7em; line-height:1.5; padding-left:10px; margin:15px auto; clear:both; }
.howto { width:480px; }
.howto img { float:left; margin-right:20px; width:280px; }
.howto p { float:right; font-size:0.6.5em; line-height:1.5; width:180px; }
            
/*ドリンク告知*/
.drink { width:618px; padding:20px 20px 20px 68px; border:solid 1px #630; background-image:url("/imgs/icon_drink.jpg"); background-repeat:no-repeat; background-position:top left; }
.drink h4 { font-size:0.75em; line-height:1.3; color:#630; font-weight:normal; }

/*文字関連*/
h1 { width:146px; height:68px; padding:0; margin:0; float:left; }
h1.menu2 { width:146px; height:68px; padding:0; margin:0; float:left; }
h2 { margin:0 0 10px 0; font-size:1.2em; line-height:1.3; text-align:left; float:left;}
h2.shop { margin:0; text-align:left; width:930px; height:148px; }
h2.shop2 { margin:0 0 15px 0; text-align:left; width:580px; height:110px; }
h3 { margin:0 0 0 10px; font-size:0.8em; line-height:35px; font-weight:normal; text-align:left; color:#fff; float:left; }
h3.shop { margin:0 20px 15px 0; font-size:0.85em; line-height:37px; font-weight:normal; text-align:left; background-image:url("/imgs/h2_bg.gif"); background-repeat:no-repeat; background-position:top left; padding-left:40px; width:670px; clear:both; }
h3.menudetail { margin:0 0 15px 0; font-size:0.85em; line-height:37px; font-weight:normal; text-align:left; background-image:url("/imgs/h2_bg.gif"); background-repeat:no-repeat; background-position:top left; padding-left:40px; width:440px; clear:both; }
h3.menudetail2 { margin:0 0 15px 0; font-size:0.85em; line-height:37px; font-weight:normal; text-align:left; background-image:url("../../imgs/h3_bg1.gif"); background-repeat:no-repeat; background-position:top left; padding-left:40px; width:540px; clear:both; }
h3.top { width:359px; margin:0 0 5px 0; }
h3.news { margin:10px 0; font-size:1.2em; line-height:1.3; text-align:left; color:#0068B3; letter-spacing:0.2em;  clear:both; }
h3.index { margin:0 0 5px 0; clear:both; }
h4.newstitle { width:690px; border-left:solid 4px #fc0; font-size:0.85em; line-height:1.3; padding:4px 0 4px 10px; margin-bottom:10px; }
h5 { font-size:0.75em; line-height:1.3; font-weight:normal; margin:10px;}
h6 { font-size:0.85em; line-height:1.3; margin:10px 0 5px 0; }

#red { color:#F00; }
.red { color:#F00; }
#blue { color:#09f; }
.white { color:#fff; }
.purple { color:#9A64FC; }
.small { font-size:0.6em; line-height:1.3; color:#333; margin-top:-10px; }
.normal { font-size:0.80em; line-height:1.3; color:#333; margin-top:-20px; }
.box { background-color:#f5f5f5; border:solid 1px #3399cc; padding:10px; font-size:0.7em; line-height:1.3; margin:0 0 15px 0; }
.rightbox { width:710px; text-align:right; font-size:0.7em; line-height:1.3; }
      
/*本文基本文字サイズ*/
p { font-size:0.68em; line-height:1.5; margin:10px 0 5px 0; }
p.loose { font-size:0.7em; line-height:1.7; margin:0 0 5px 0; }
p.loose2 { font-size:0.7em; line-height:1.7; margin:0 20px 20px 10px; }
p.narrow { font-size:0.65em; line-height:1.5; margin-bottom:20px; width:600px; margin:0 auto; }

/*トピックパス*/
.tpath { width:880px; margin:0 0 20px 0; padding:0; font-size:0.6em; line-height:1.3; text-align:left; }

/*ボトムレイアウト*/
.mainimg { clear:both; width:340px; float:left; margin-bottom:15px; }
.subimg1 { float:left; margin:0 0 10px 10px; width:170px; height:300px; }
.subimg2 { float:left; margin:0 0 10px 10px; width:170px; height:170px;}
.spec { float:left; font-size:0.65em; line-height:1.5; color:#fff; margin-left:10px;}
.kaisetsu { clear:both; font-size:0.75em; line-height:1.5; color:#fff; margin-bottom:15px;}


/*会社概要*/
dl.company { margin: 0 0 15px; padding: 0 10px 10px; border: 5px #EEEEEE solid; }
dl.company dt { float:left; width:10em; padding:10px 0; font-size:0.7em; font-weight:bold; text-indent:1em; line-height:1.5; }
dl.company dd { padding:10px 0 10px 7em; font-size:0.7em; line-height:1.5; border-bottom:1px #CCCCCC solid; }

/*タブ*/
.maparea { width:700px; text-align:center; background-color:#FFF; margin:10px auto; }
ul.map { list-style:none; width:660px; height:26px; margin:10px auto 0 auto;}
ul.map li { float: left; margin:0 2px 0 0; height:26px;}
#map_block{ width: 660px; height:360px; margin:0 auto; padding:20px; overflow: hidden; background: #fff; position: relative; clear:both; }
.page{ width: 660px; height:400px; overflow: hidden; position: relative; }
		
/*サイトマップ*/
ul.sitemap {
margin:0;
padding-left:2em;
list-style:none;
}

ul.sitemap li {
font-size:0.85em;
line-height:2;
background-image: url("../imgs/tree_lst_dotted.gif");
background-repeat: no-repeat!important;
list-style: none!important;
padding-left:1.4em;
}

ul.sitemap li li {
font-size:1em;
line-height:2;
background-image: url("../imgs/tree_lst_dotted.gif");
background-repeat: no-repeat!important;
list-style: none!important;
padding-left:1.4em;
}

ul.sitemap li li {
font-size:1em;
line-height:2;
background-image: url("../imgs/tree_lst_dotted.gif");
background-repeat: no-repeat!important;
list-style: none!important;
padding-left:1.4em;
}


ul.sitemap li.tree_end {
font-size:0.85em;
line-height:2;
background-image: url("../imgs/tree_end_dotted.gif");
list-style: none;
padding-left:1.4em;
}

ul.sitemap li li.tree_end {
font-size:1em;
line-height:2;
background-image: url("../imgs/tree_end_dotted.gif");
list-style: none;
padding-left:1.4em;
}


/*フォーム*/
table.form {
width:450px;
margin:15px auto;
}

table.form td {
font-size:12px;
line-height:1.6;
padding:10px;
border: 1px #ccc solid;
text-align:left;
background-color:#f5f5f5;
}

table.form th {
font-size:12px;
line-height:1.6;
font-weight:normal;
padding:10px;
border: 1px #ccc solid;
text-align:left;
background-color:#f0fff0;
width:6em;
}

table.form {
border-collapse:separate;
border-spacing:2px;
margin-top:15px;
width:450px;
}

table.form textarea {
font-size:12px;
line-height:1.6;
}

p.form {
width:450px;
margin:10px auto;
}

​​