* { margin:0; padding:0; }

body {
 margin:0;
 padding: 0 0 0 30px;
 font: normal small/150% "ＭＳ Ｐゴシック", Osaka, Arial;
 color: #333;
 text-align:left;
 background: #f3f3f3 url(images/bg.gif) repeat-y left;
}

img { border:none; }
img.imgL { float:left; margin:0px 10px 10px 0; }
img.imgR { float:right; margin:0px 0 10px 10px; }

a,
a:link,
a:visited { color: #936; text-decoration:none; }
a:active,
a:hover { color:#f33; text-decoration:underline; }

h2 { margin:0; padding:0; height:50px; line-height:150%; }
h3 { clear:both; margin: 0 0 5px; padding: 0 0 5px; font-size:medium; color:#c60; border-bottom: 1px solid #ccc; }
h4 { clear:both; margin:0; padding: 0 0 5px; font-size:small; color:#d5a744; }

p { margin: 0; padding: 0 0 15px 15px; }
blockquote { margin-bottom:10px; padding:10px; border:1px solid #ccc; }
#goTop { clear:both; margin:0; padding: 20px 0 5px; font-size:x-small; font-weight:bold; text-align:center; }

ul { margin: 0 5px 5px 20px; padding: 10px; }
ul li { padding-bottom: 5px; line-height:120%; }
ol { margin: 0 5px 5px 30px; padding: 10px; }
ol li { padding-bottom: 5px; line-height:120%; }

dl { margin:0; padding: 0 10px; }
dt { padding: 0; font-weight:bold; }
dd { padding: 0 0 10px 15px; line-height:120%; }

table { margin:0; width:570px; line-height:120%; border-collapse:collapse; border-bottom:1px solid #999; border-right:1px solid #999; }
th { padding:5px; vertical-align:top; border-top:1px solid #999; border-left:1px solid #999; background:#efefef; }
td { padding:5px; vertical-align:top; border-top:1px solid #999; border-left:1px solid #999; }

.c { text-align:center; }
.L { text-align:left;}
.R { text-align:right;}
.red { color:#f00; }
.green { color:#399; }
.txtL { font-size:large; }
.txtS { font-size:x-small; color:#999; font-weight:normal; }
.extended { clear:both; margin:0; padding: 0 0 25px; font-size:x-small; font-weight:bold; text-align:right; }
.clear { clear:both; margin:0; padding:0; font: normal 0/0% Arial; }

/* -- container ------------------------------------------------------------------------------ */

#container { margin:0; padding:0; text-align:left; width:870px; background:#471922; }
#wrapper { clear:both; margin:0; padding: 20px 10px 0 20px; background:#fff; }

/* -- header ------------------------------------------------------------------------------ */

#header { padding: 5px 0; background:#fff; }
#header h1 { margin:0px 20px; padding:0; font-size:10px; color:#999; line-height:110%; font-weight:normal; }
#header img { margin-top:20px; }

#headMenu { padding: 10px 20px; background: url(images/bg_headNavi.gif); }
#headMenu ul { margin:0; padding:0; list-style:none; text-align:left; }
#headMenu ul li { margin:0; padding:0; display:inline; }

#headMenu ul li a { display:block; float:left; width:180px; height:30px; }

#headMenu ul li a#hitem { background:url(images/navi_hrad.gif) 0px 0px; }
#headMenu ul li a#hitem:hover { background:url(images/navi_hrad.gif) 0px -30px; }
#headMenu ul li a#htaste { background:url(images/navi_hrad.gif) -180px 0px; }
#headMenu ul li a#htaste:hover { background:url(images/navi_hrad.gif) -180px -30px; }
#headMenu ul li a#hstore { background:url(images/navi_hrad.gif) -360px 0px; }
#headMenu ul li a#hstore:hover { background:url(images/navi_hrad.gif) -360px -30px; }
#headMenu ul li a#hshop { background:url(images/navi_hrad.gif) -540px 0px; }
#headMenu ul li a#hshop:hover { background:url(images/navi_hrad.gif) -540px -30px; }


/* -- main ------------------------------------------------------------------------------ */

#main { float:left; width:600px; }

#mainWide { margin:0; }
#mainWide table#feeList { margin: 10px 15px 25px; width:780px; }
#mainWide table#feeList th { padding:3px; text-align:center; }
#mainWide table#feeList td { padding:3px; text-align:center; white-space: nowrap; }

.conts { clear:both; padding: 0 15px 10px; }
.contsBoxL { float:left; padding-right:20px; width:390px; border-right:1px solid #ccc; }
.contsBoxR { float:right; width:390px; }

/* -- topPage --------------- */

.topPage { color:#fff; }
.topPage div#container { background:#471922; }
.topPage div#wrapper { background:#471922; }

#topImg { margin:0; padding: 0 10px 0 0; background:#fff; }
#topImg p { margin:0; padding:0; }
.pics { float:left; width:620px; height:380px; } 
.pics img { width:620; height:380px; top:0; left:0; } 

#naviTopL { margin: 35px 0 20px; padding: 0 0 60px; background: url(images/bg_top.jpg) no-repeat bottom right; }
#naviTopL ul { margin:0; padding:0; list-style:none; }
#naviTopL ul li { padding:0; line-height:150%; }

#naviTopL ul li span { display:block; margin: 0 0 10px 50px; padding:0; }
#naviTopL ul li a { display:block; margin:0; padding:0; width:200px; height:30px; }

#naviTopL ul li a#tlitem { background:url(images/navi_top.gif) 0px 0px; }
#naviTopL ul li a#tlitem:hover { background:url(images/navi_top.gif) -200px 0px; }
#naviTopL ul li a#tltaste { background:url(images/navi_top.gif) 0px -30px; }
#naviTopL ul li a#tltaste:hover { background:url(images/navi_top.gif) -200px -30px; }
#naviTopL ul li a#tlstore { background:url(images/navi_top.gif) 0px -60px; }
#naviTopL ul li a#tlstore:hover { background:url(images/navi_top.gif) -200px -60px; }
#naviTopL ul li a#tlshop { background:url(images/navi_top.gif) 0px -90px; }
#naviTopL ul li a#tlshop:hover { background:url(images/navi_top.gif) -200px -90px; }

#naviTopR { float:right; margin-top:35px; width:210px; }

#naviTopBtn ul { margin:0; padding:0; list-style:none; }
#naviTopBtn ul li { margin:0; padding:0; display:inline; }

#naviTopBtn ul li a { display:block; margin:0; padding:0; }

#naviTopBtn ul li a#trshop { width:210px; height:55px; background:url(images/navi_topR.gif) 0px 0px; }
#naviTopBtn ul li a#trshop:hover { background:url(images/navi_topR.gif) -210px 0px; }
#naviTopBtn ul li a#tritem { width:210px; height:50px; background:url(images/navi_topR.gif) 0px -55px; }
#naviTopBtn ul li a#tritem:hover { background:url(images/navi_topR.gif) -210px -55px; }
#naviTopBtn ul li a#trgoods { width:210px; height:55px; background:url(images/navi_topR.gif) 0px -105px; }
#naviTopBtn ul li a#trgoods:hover { background:url(images/navi_topR.gif) -210px -105px; }
#naviTopBtn ul li a#trtoshi { width:210px; height:65px; background:url(images/navi_topR.gif) 0px -160px; }
#naviTopBtn ul li a#trtoshi:hover { background:url(images/navi_topR.gif) -210px -160px; }
#naviTopBtn ul li a#trfudo { width:210px; height:65px; background:url(images/navi_topR.gif) 0px -225px; }
#naviTopBtn ul li a#trfudo:hover { background:url(images/navi_topR.gif) -210px -225px; }

/* -- blog news ------------*/

#blogNews { margin: 25px auto 10px; width:200px; }
#blogNews h3 { margin:0;  border-bottom:none; }
#blogNews p { margin: 0 0 10px; padding:0; }
#blogNews ul { margin: 0 0 5px 0; padding:0; list-style:none; height:220px; overflow:auto; }
#blogNews ul li { margin-bottom: 3px; padding-bottom: 2px; font-size:10px; line-height:120%; border-bottom:1px solid #906; }
#blogNews a,
#blogNews a:link,
#blogNews a:visited { color: #ffc; font-size:small; line-height:120%; text-decoration:none; }
#blogNews a:active,
#blogNews a:hover { color:#f33; text-decoration:underline; }

/* -- popup map photo ------- */

#storeList { padding-left:530px; }
#storeList ol { font-size:medium; font-weight:bold; }

#facebox { position:absolute; width:100%; top:0; left:0; z-index:100; text-align:left; }
#facebox .tl,
#facebox .tr,
#facebox .bl,
#facebox .br { height: 10px; width: 10px; overflow: hidden; padding: 0; }
#facebox .b { background:url(js/facebox/b.png); }
#facebox .tl { background:url(js/facebox/tl.png); }
#facebox .tr { background:url(js/facebox/tr.png); }
#facebox .bl { background:url(js/facebox/bl.png); }
#facebox .br { background:url(/facebox/br.png); }
#facebox .popup { position: relative; }
#facebox table { margin: auto; width:auto; border:none; }
#facebox table td { padding:0; vertical-align:top; border:none; }
#facebox .body { padding: 10px; background: #fff; width:500px; }
#facebox .loading { text-align: center; }
#facebox .image { text-align: center; }
#facebox .footer { border-top: 1px solid #ddd; padding-top: 5px; margin-top: 10px; text-align: right; }

/* -- ikedaya box ------- */

#ikeBox { display:none; }
#facebox table.ikeMenu { margin: 0 0 10px 0; width:600px; border-collapse:collapse; border-bottom:1px solid #999; border-right:1px solid #999; }
#facebox table.ikeMenu th { padding:3px; text-align:left; color:#399; border-top:1px solid #999; border-left:1px solid #999; background:#efefef; }
#facebox table.ikeMenu td { padding: 3px 3px 3px 10px; border-top:1px solid #999; border-left:1px solid #999; }
#facebox table.ikeMenu td.ikePrice { white-space:nowrap; text-align:right; }

table#ikeReco { margin: 0 0 10px 0; width:390px; }
table#ikeReco th { color:#399; }
table#ikeReco td { padding: 5px 5px 5px 10px; }
table#ikeReco td.ikePrice { white-space:nowrap; text-align:right; }

#ikeRank { padding-bottom:5px; color:#399; }
#ikeRank p { margin:0; padding:0; text-align:right; color:#999; line-height:110%; }
#ikeRank p a { color:#999; }

/* -- item box ------- */

.itemBoxL { float:left; width:220px; }
.itemBoxL img { margin-bottom:10px; }
.itemBoxR { float:right; width:345px; text-align:right; }
img.itemImg { margin-bottom:35px; }

/* -- goods box ------- */
.contsGs { clear:both; padding: 0 15px; line-height:120%; }
.contsGs p { margin:0; padding:0; }
.contsGs img { margin-bottom:10px; }

.goodsBoxL { float:left; width:250px; margin-bottom:10px; padding-bottom:10px; }
.goodsBoxR { float:right; width:250px; margin-bottom:10px; padding-bottom:10px; }

/* -- taste box ------- */

.tasteBox { float:left; padding:10px; font-size:12px; line-height:130%; width:200px; border:1px solid #ccc; }
.tasteBox img { margin-bottom:5px; border:1px solid #333; }
.tasteBoxArw { float:left; margin:0; padding:0; width:60px; }
.tasteBoxLast { float:left; padding:10px; line-height:120%; width:480px; border:1px solid #ccc; }

/* -- cart ----------------------------------------------------------------------------- */

#cart { float:right; margin-top:50px; width:210px; z-index:1 }
#cart p { margin:0; padding:0; }
#cart blockquote { margin: 10px 0; padding:10px; width:180px; line-height:120%; background:#fee; }

/* -- foot ------------------------------------------------------------------------------ */

#footer { clear:both; margin:0; padding: 30px 0 10px 0; font-size:12px; line-height:120%; color:#fff; text-align:center; background:#471922; }

#footer p { clear:both; margin:0; padding: 10px 0; }
#footer ul { margin:0; padding:0; list-style:none; text-align:center; }
#footer ul li { margin:0; padding:0; display:inline; }
#footer ul li a,
#footer ul li a:link,
#footer ul li a:visited { padding: 0 3px; color: #ba9ba1; text-decoration:none; }
#footer ul li a:active,
#footer ul li a:hover { color:#f33; text-decoration:underline; }

#footNavi { clear:both; margin:0; padding: 10px 0 0 135px; background:#471922 url(images/bg_footNavi.gif); }
#footNavi ul { margin:0; padding:0; list-style:none; }
#footNavi ul li { margin:0; padding:0; display:inline; }

#footNavi ul li a { display:block; float:left; width:200px; height:80px; text-decoration:none; }

#footNavi ul li a#fshop { background:url(images/navi_footBtn.gif) 0px 0px; }
#footNavi ul li a#fshop:hover { background:url(images/navi_footBtn.gif) 0px -80px; }
#footNavi ul li a#ftoshi { background:url(images/navi_footBtn.gif) -200px 0px; }
#footNavi ul li a#ftoshi:hover { background:url(images/navi_footBtn.gif) -200px -80px; }
#footNavi ul li a#ffudo { background:url(images/navi_footBtn.gif) -400px 0px; }
#footNavi ul li a#ffudo:hover { background:url(images/navi_footBtn.gif) -400px -80px; }