@charset "utf-8";

/* ---------------------------------------------------------
Reset
--------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p,
em, img,strong, dl, dt, dd,
ol, ul, li, form, label,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, figcaption, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
/* font-size:100%; */
vertical-align:top;
background:transparent;
list-style-type:none;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-style:normal;
line-height:1.6;
word-break: break-all;
word-wrap:break-word;
}
select, input, textarea {
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
article, aside, dialog, div, figure, footer, header, hgroup, nav, section {
display: block;
}

/* ---------------------------------------------------------
Parts
--------------------------------------------------------- */

.tc        { text-align:center!important;}
.tl        { text-align:left!important;}
.tr        { text-align:right!important;}
.fl        { float:left!important;}
.fr        { float:right!important;}
.strong    { font-weight:900 !important; }
.sup       { font-size:90%; color:#999; line-height:1.5; }
.attention { color:#f00; line-height:1.5; }
.asterisk  { padding:0 0 0 1em; text-indent:-1em; }
.point     { color:#f60; font-size:110%; }
.error     { padding:2px 0; font-style:normal; }
.clear     { zoom:1; }
.clear:after { content:''; display:block; clear:both; }
.blank     { padding:0 17px 0 0; background:url(/static/images/common/ico_blank.png) right 3px no-repeat; }
.boxlink   { cursor:pointer; }

.fs10{ font-size:10px !important;}.fs11{ font-size:11px !important;}.fs12{ font-size:12px !important;}
.fs13{ font-size:13px !important;}.fs14{ font-size:14px !important;}.fs15{ font-size:15px !important;}
.fs16{ font-size:16px !important;}

.fs80p { font-size:80% !important;}.fs85p { font-size:85% !important;}.fs90p { font-size:90% !important;}
.fs100p { font-size:100% !important;}.fs110p { font-size:110% !important;}.fs120p { font-size:120% !important;}
.fs130p { font-size:130% !important;}.fs140p { font-size:140% !important;}.fs150p { font-size:150% !important;}
.fs160p { font-size:160% !important;}


.mt10{margin-top:10px !important;}.mt20{margin-top:20px !important;}.mt30{margin-top:30px !important;}
.mt40{margin-top:40px !important;}.mt50{margin-top:50px !important;}

.mt-10{margin-top:-10px !important;}.mt-20{margin-top:-20px !important;}.mt-30{margin-top:-30px !important;}
.mt-40{margin-top:-40px !important;}.mt-50{margin-top:-50px !important;}

.mb10{margin-bottom:10px !important;}.mb20{margin-bottom:20px !important;}.mb30{margin-bottom:30px !important;}
.mb40{margin-bottom:40px !important;}.mb50{margin-bottom:50px !important;}

.mb-10{margin-bottom:-10px !important;}.mb-20{margin-bottom:-20px !important;}.mb-30{margin-bottom:-30px !important;}
.mb-40{margin-bottom:-40px !important;}.mb-50{margin-bottom:-50px !important;}

.w100 { width:100px; } .w150 { width:150px; } .w200 { width:200px; } .w300 { width:300px; } .w400 { width:400px; } .w500 { width:500px; }
.w600 { width:600px; } .w700 { width:700px; } .w800 { width:800px; } .w900 { width:900px; } .w100p { width:100%; }

/* ---------------------------------------------------------
Layout
--------------------------------------------------------- */

body { text-align:center; font-size:12px; color:#444; background:#F6E5E6 url(/static/images/common/bg.png) 0 0 repeat-x; }
a { color:#7E685B; text-decoration:underline; }
a:hover { color:#ED9296; }

#container { width:100%; text-align:center; background:url(/static/images/common/bg_ico.png) center top no-repeat; zoom:1; position: relative; z-index:100; }
#container:after { content:''; display:block; clear:both; }
#wrap { width:100%; padding:0; background:url(/static/images/common/footer_bg.png) left bottom repeat-x; zoom:1; }
#wrap:after { content:''; display:block; clear:both; }

#header { width:920px; margin:0 auto; text-align:left; height:100px; position:relative; z-index:1000; }
#sitelogo { width:156px; height:45px; position:absolute; top:31px; }
#sitelogo a { display:block; width:156px; height:45px; background:url(/static/images/common/header_logo.png) 0 0 no-repeat; }
#sitelogo span { display:none; }
#shoplogo { width:395px; height:42px; position:absolute; top:32px; left:231px; background:url(/static/images/common/header_ico.png) 0 0 no-repeat; }
#shoplogo span { display:none; }
#social { width:210px; height:30px; background:#fff none 0 0 no-repeat; position:absolute; top:23px; right:0; }
#social li { float:left; height:20px; margin:5px 0 0 10px; overflow:hidden; }
#headerMenu { width:210px; position:absolute; top:58px; right:0; z-index:9999; }
#headerMenu dt { height:25px; background:url(/static/images/common/header_btn_list.png) 0 0 no-repeat; cursor:pointer; }
#headerMenu dt span { display:none; }
#headerMenu dt:hover { opacity:0.8;	filter: alpha(opacity=80); }
#headerMenu dd { display:none; background:#fff none 0 0 no-repeat; opacity:0.9;	filter: alpha(opacity=90); z-index:9999; }
#headerMenu dd a { display:block; padding:5px; border-bottom:1px dotted #ccc; line-height:15px; color:#444; text-decoration:none; }
#headerMenu dd a:hover { background:#fafafa none 0 0 no-repeat; color:#036; }

#nav { width:930px; margin:0 auto; height:70px; }
#nav li { float:left; height:50px; width:155px; }
#nav li a { display:block; height:50px; background-image:url(/static/images/common/nav.png); }
#nav li a span { display:none; }
#navHome a    { background-position:0 0; }
#navAbout a   { background-position:-155px 0; }
#navShop a    { background-position:-310px 0; }
#navPickup a  { background-position:-465px 0; }
#navBlog a    { background-position:-620px 0; }
#navRecruit a { background-position:-775px 0; }
#navHome a:hover    { background-position:0 -60px; }
#navAbout a:hover   { background-position:-155px -60px; }
#navShop a:hover    { background-position:-310px -60px; }
#navPickup a:hover  { background-position:-465px -60px; }
#navBlog a:hover    { background-position:-620px -60px; }
#navRecruit a:hover { background-position:-775px -60px; }
#navHome a.active    { background-position:0 -60px; }
#navAbout a.active   { background-position:-155px -60px; }
#navShop a.active    { background-position:-310px -60px; }
#navPickup a.active  { background-position:-465px -60px; }
#navBlog a.active    { background-position:-620px -60px; }
#navRecruit a.active { background-position:-775px -60px; }

#footer { width:920px; margin:0 auto; }
#footer .copyright { height:40px; line-height:40px; text-align:center; font-size:80%; color:#6b6153; font-weight:100; }
#footer p { height:23px; position:relative; }
#footer p a { display:block; width:100px; height:23px; line-height:21px; font-size:10px; background:url(/static/images/common/footer_pagetop.png) 0 0 no-repeat; position:absolute; top:0; right:0; color:#fff; }
#footer p a:hover { opacity:0.8; filter: alpha(opacity=80); }
#footer dl { width:100%; zoom:1; padding:10px 0; line-height:20px; }
#footer dl:after { content:''; display:block; clear:both; }
#footer dt { width:100px; float:left; line-height:20px; height:20px; }
#footer dt span { display:none; }
#footer dd { width:820px; float:right; }
#footer dd ul { height:20px; width:100%; overflow:hidden; }
#footer dd li { float:left; line-height:20px; }
#footer dd li a { color:#7E675A; }
#footer dd li a:hover { color:#675A7E; }
#footer dl#footerSitemap { padding:0 0 10px; border-bottom:1px dotted #aaa;}
#footer dl#footerLink { padding:10px 0 10px; border-bottom:1px dotted #aaa;}
#footer dl#footerShoplist { padding:10px 0 16px;}
#footer dl#footerSitemap dt { background:url(/static/images/common/footer_h_sitemap.png) center 4px no-repeat; }
#footer dl#footerLink dt { background:url(/static/images/common/footer_h_link.png) center 4px no-repeat; }
#footer dl#footerShoplist dt { background:url(/static/images/common/footer_h_list.png) center 4px no-repeat; }

/* top */

#pickupContens { width:920px; height:270px; margin:0 auto 20px; overflow:hidden; position:relative; box-shadow:0 0 5px #ddd; }
#pickupContens p { position:absolute; right:0; width:260px; height:90px; }
#pickupContens p a { display:block; height:90px; text-decoration:none; background:url(/static/images/top/catch_border.png) 0 0 no-repeat; }
#pickupContens p.box { top:0px; z-index:11; }
#pickupContens ul { width:260px; height:270px; float:right; overflow:hidden; }
/* キャッチバナー ─────────────────────────────────────────────────── */

#pickupContens ol { width:660px; height:270px; float:left; overflow:hidden; position:relative; }

/* キャッチバナー ─────────────────────────────────────────────────── */
#pickupContens ol a { /* border:1px solid #fff; */ }
#pickupContens ol a:hover { border: none; overflow: hidden; float: left;/* border:4px solid #000; */}
#pickupContens ul li { padding:0; }
#pickupContens ol a img { position:absolute; top:0; left:0; z-index:8; opacity:0.0; filter: alpha(opacity=00);}
#pickupContens ol a img.active { z-index:10; }
#pickupContens ol a img.last-active { z-index:9; }

#topbnr { width:932px; height:90px; margin:0 auto 20px; }
#topbnr li { width:220px; margin:0 7px 0 6px; float:left; position:relative; }
#topbnr li img { width:220px; height:80px; }
#topbnr li a:hover img { opacity:0.8; filter: alpha(opacity=80); }
#contents { width:920px; margin:0 auto 60px; text-align:left; zoom:1; }
#contents:after { content:''; display:block; clear:both; }
.icoNewitem { width:47px; height:79px; background:url(/static/images/top/ico_newitem.png) 0 0 no-repeat; position:absolute; top:1px; left:1px; }
.icoNewitem em { display:none; }
.icoSpecial { width:47px; height:79px; background:url(/static/images/top/ico_special.png) 0 0 no-repeat; position:absolute; top:1px; left:1px; }
.icoSpecial em { display:none; }

#top { width:600px; float:left; }
.topinfo { width:295px; float:left; padding:0 0 10px; zoom:1; background:url(/static/images/top/info_bottom.png) left bottom no-repeat; }
.topinfo:after { content:''; display:block; clear:both; }
.topinfo h2 {width:295px; height:61px; background:url(/static/images/top/info_h.png) 0 0 no-repeat; }
.topinfo h2 span { display:none; }
.topinfo .inner { width:295px; background:url(/static/images/top/info_bg.png) 0 0 repeat; zoom:1; }
.topinfo .inner:after { content:''; display:block; clear:both; }
.topinfo dl { min-height:50px; width:295px; padding:7px 0 10px; zoom:1; background:url(/static/images/top/info_bar.png) center bottom no-repeat; }
.topinfo dl:after { content:''; display:block; clear:both; }
.topinfo dl:last-child { background:none center bottom no-repeat; }
.topinfo dt { width:50px; float:left; overflow:hidden; margin:0 10px 0 15px; position:relative; }
.topinfo dt img { width:50px; }
.topinfo dd { width:205px; float:right; overflow: hidden; margin:0 15px 0 0; }
.topinfo dd p { line-height:15px; font-size:11px; color:#8C7466; }
.topinfo dd h3 { position:relative; line-height:16px; }
.topinfo dd h3 span { display:inline-block; line-height:20px; font-size:10px; font-weight:100; }
.topinfo dd h3 span:hover { text-decoration:underline; }
.icoNew { display:block; width:24px; height:24px; position:absolute; left:0; top:0; background:url(/static/images/common/ico_new.png) 0 0 no-repeat; }
.icoNew em { display:none; }

.topBlog { width:295px; float:right; padding:0 0 10px; zoom:1; background:url(/static/images/top/blog_bottom.png) left bottom no-repeat; }
.topBlog:after { content:''; display:block; clear:both; }
.topBlog h2 { width:295px; height:61px; background:url(/static/images/top/blog_h.png) 0 0 no-repeat; }
.topBlog h2 span { display:none; }
.topBlog .inner { width:295px; background:url(/static/images/top/blog_bg.png) 0 0 repeat; zoom:1; box-sizing: border-box; padding: 0 0 0 8px; }
.topBlog .inner:after { content:''; display:block; clear:both; }
.topBlog dl { min-height:50px; width:295px; padding:7px 0 10px; zoom:1; background:url(/static/images/top/blog_bar.png) center bottom no-repeat; }
.topBlog dl:after { content:''; display:block; clear:both; }
.topBlog dl:last-child { background:none center bottom no-repeat; }
.topBlog dd { overflow:hidden; margin:0 15px; }
.topBlog dd p { line-height:15px; font-size:11px; color:#8C7466; padding:0; }
.topBlog dd h3 { position:relative; line-height:16px; }
.topBlog dd h3 span { display:inline-block; line-height:20px; font-size:10px; font-weight:100; }
.topBlog dd h3 span:hover { text-decoration:underline; }
.fw-branding { display: none !important; }

#menu { width:300px; float:right; }
#menuRanking { width:300px; margin:0 0 10px; background:url(/static/images/top/ranking_bg.png) 0 0 repeat; zoom:1; }
#menuRanking:after { content:''; display:block; clear:both; }
#menuRanking h2 { height:51px; width:300px; background:url(/static/images/top/ranking_h.png) 0 0 no-repeat; }
#menuRanking h2 span { display:none; }
#menuRanking .inner { width:300px; zoom:1; }
#menuRanking .inner:after { content:''; display:block; clear:both; }
#menuRanking dl { width:300px; padding:9px 0 6px; zoom:1; border-bottom:1px solid #C9E3EB; border-top:1px solid #F2F8FA; background:url(/static/images/top/ranking_ico_arrow.png) 285px center no-repeat; }
#menuRanking dl:after { content:''; display:block; clear:both; }
#menuRanking dl.ranking01 dd { background:url(/static/images/top/ranking_ico_rank01.png) left 5px no-repeat; }
#menuRanking dl.ranking02 dd { background:url(/static/images/top/ranking_ico_rank02.png) left 5px no-repeat; }
#menuRanking dl.ranking03 dd { background:url(/static/images/top/ranking_ico_rank03.png) left 5px no-repeat; }
#menuRanking dt { width:64px; height:64px; float:left; margin:0 0 0 10px; background:url(/static/images/top/ranking_bg_img.png) 0 0 no-repeat; }
#menuRanking dd { width:200px; float:right; margin:0 20px 0 0; padding:23px 0 0; }
#menuRanking p { line-height:15px; font-size:11px; color:#8C7466; }
#menuRanking h3 { position:relative; line-height:15px; /* font-size: 13px; */ font-size:11px; }

#menuImportant { zoom:1; padding:5px; background:url(/static/images/top/important_bg.png) 0 0 repeat; margin:0 0 10px; }
#menuImportant:after { content:''; display:block; clear:both; }
#menuImportant h2 a { display:block; width:290px; height:40px; background:url(/static/images/top/important_h.png) 0 0 no-repeat; }
#menuImportant h2 a span { display:none; }
#menuImportant .inner { width:290px; zoom:1; background:#fff none 0 0 no-repeat; }
#menuImportant .inner:after { content:''; display:block; clear:both; }
#menuImportant dl { width:290px; padding:10px 0; zoom:1; background:url(/static/images/top/important_bar.png) 0 0 no-repeat; }
#menuImportant dl:after { content:''; display:block; clear:both; }
#menuImportant dt { width:60px; float:left; margin:0 0 0 10px; }
#menuImportant dd { width:210px; float:right; margin:0 10px 0 0; }

#menuBnr li { display: inline; margin:0 0 10px; float: left; background: #fff none 0 0 no-repeat; }
#menuBnr li a:hover img { opacity:0.7; filter: alpha(opacity=70); }

.page { background:#fff none 0 0 no-repeat; box-shadow:0 0 5px #e6e6e6; zoom:1; }
.page:after { content:''; display:block; clear:both; }

#main { padding:15px; }
#main p { padding:0 0 30px; }
#main h2 { padding:0 0 5px; margin:0 0 20px; font-size:140%; border-bottom:1px solid #ccc; }
#main h3 { padding:0 0 5px; margin:0 0 10px; border-bottom:1px dotted #ccc; }

/* ブログ系 */

#blog { width:920px; margin:0 auto 60px; text-align:left; zoom:1; }
#blog:after { content:''; display:block; clear:both; }
#left { width:640px; float:left; background:#fff none 0 0 no-repeat; }
#left h2 { font-size:150%; font-weight:900; color:#CF838E; padding:11px 15px 30px; line-height:1.1; background:url(/static/images/common/title_bg.png) left bottom no-repeat; }
#left h2 span { display:block; font-size:12px; color:#999; }
#left .body h2 span { display: inline; font-size: auto; color:auto;}

#left .body h1 { padding:0; }
#left .body h2 { padding:0; background:none left bottom no-repeat; }
#left .body h3 { padding:0; }
#left .body h4 { padding:0; }
#left .body h5 { padding:0; }
#left .body h6 { padding:0; }

#left .body h1 span { font-size:140% !important; padding:0; line-height: 1.2; }
#left .body h2 span { font-size:130% !important; padding:0; line-height: 1.2; }
#left .body h3 span { font-size:120% !important; padding:0; line-height: 1.2; }
#left .body h4 span { font-size:110% !important; padding:0; line-height: 1.2; }
#left .body h5 span { font-size:100% !important; padding:0; line-height: 1.2; }
#left .body h6 span { font-size:80% !important; padding:0; line-height: 1.2; }


#left img { max-width:620px; }
.body { padding:15px 10px 40px 20px; font-size:12px; line-height:1.6; }

#right { width:280px; float:right; /* うーｎ background:url(/static/images/common/right_bg.png) 0 0 repeat; */ }
.rightBnr { padding:5px 10px; text-align:center; }
.rightBnr li { text-align:center; margin:0 auto 10px; }
.rightBnr li img { width:250px; border:1px solif #fff; }
.rightBnr li a:hover img { opacity:0.8; filter: alpha(opacity=80); }

.articleList { margin:0 0 10px; }
.articleList dl { border-bottom:1px dotted #bFb7b2; padding:10px; margin:0; zoom:1; margin:-1px 0 0 ; position:relative; z-index:10; }
.articleList dl:after { content:''; display:block; clear:both; }
.articleList dl:hover { z-index:20; opacity:0.8; filter: alpha(opacity=80); }
.articleList dt { width:100px; height:100px; overflow:hidden; float:left; position:relative; }
.articleList dt img { height:100px; }
.articleList dd { width:150px; float:right; }
.articleList dd .date { line-height:15px; font-size:10px; color:#8C7466; text-shadow:0 1px 0 #fff; }
.articleList dd p { line-height:14px; font-size:11px; padding:5px 0 0; color:#999; text-shadow:0 1px 0 #fff; }
.articleList dd h3 { line-height:15px; font-size:13px; text-shadow:0 1px 0 #fff; }
.articleList .more p { padding:10px; border-bottom:1px dotted #bFb7b2; }
.articleList .more p span { display:block; width:260px; height:26px; line-height:26px; cursor:pointer; background:url(/static/images/common/btn_more.png) 0 0 no-repeat; text-align:center; color:#fff; text-decoration:none; }
.articleList .more p span:hover { opacity:0.8; filter: alpha(opacity=80); }
.articleList .more ul{ display:none; }
.articleList .more ul a { display:block; padding:8px; line-height:1.2; border-bottom:1px dotted #bFb7b2; font-size:10px; }
.articleList .more ul a em { display:block; }
.fb-comments { margin:0 0 0 10px;}

.topicpath { padding:8px 10px; border-bottom:1px dotted #ddd; margin:0 0 10px; }
.topicpath ul { line-height:15px; height:15px; }
.topicpath li { float:left; line-height:15px; height:15px; font-size:85%; }
.topicpath li a { padding:0 14px 0 0; background:url(/static/images/common/ico_topickpath.png) right center no-repeat;}

.pagenation { width:100%; padding:20px 0; text-align:center; border-top:1px dotted #E9B1BF; }
.pagenation p { text-align:center; padding:0 0 5px; }
.pagenation p strong { padding:0 0.5em; color:#F60; }
.pagenation ul { text-align:center; }
.pagenation ul li { vertical-align:top; text-align:center; display:inline-block; /display:inline; /zoom:1; /padding:0 2px; }
.pagenation ul li a { vertical-align:top; display:inline-block; /display:inline; /zoom:1; line-height:2em; padding:0 10px; border:1px solid #ccc; text-align:center; text-decoration:none; }
.pagenation ul li a:hover { border:1px solid #D59399; background:#D59399 none 0 0 no-repeat; color:#fff; }
.pagenation ul li strong { vertical-align:top; display:inline-block; /display:inline; /zoom:1; line-height:2em; padding:0 10px; border:1px solid #D59399; background:#D59399 none 0 0 no-repeat; text-align:center; color:#fff; }
.pagenation ul li span { vertical-align:top; display:inline-block; /display:inline; /zoom:1; line-height:2em; padding:0 10px; border:1px solid #ddd; background:#ddd none 0 0 no-repeat; text-align:center; color:#fff; }

#blog { width:920px; margin:0 auto 60px; text-align:left; zoom:1; background:#fff url(/static/images/common/blog_bg.png) 0 0 repeat-y; border-radius:2px; box-shadow:0 0 5px #bbb; /border:1px solid #e6e6e6; filter: progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee, direction=360, strength=2, enabled=true); }
#blog:after { content:''; display:block; clear:both; }

.title { width:920px; margin:0 auto; height:60px; background-repeat:no-repeat; background-position:center 0px; }
.title span { display:none; }
.pickupTitle { background-image:url(/static/images/common/pickup_title.png); }
.aboutTitle { background-image:url(/static/images/common/about_title.png); }
.shopTitle { background-image:url(/static/images/common/shop_title.png); }
.pickupTitle { background-image:url(/static/images/common/pickup_title.png); }
.diaryTitle { background-image:url(/static/images/common/diary_title.png); }
.recruitTitle { background-image:url(/static/images/common/recruit_title.png); }
.contactTitle { background-image:url(/static/images/common/contact_title.png); }
.rankingTitle { background-image:url(/static/images/common/ranking_title.png); }
.importantTitle { background-image:url(/static/images/common/important_title.png); }

.pagesocial { height:20px; width:100%; border-top:1px solid #EFD0DD; padding:10px 0; }
.pagesocial div { float:left; display:inline-block; /display:inline; /zoom:1; height:20px; margin:0; overflow:hidden; padding:0 0 0 5px; }

#rankingDate { background: #61381F none 0 0 no-repeat; margin: 0 0 20px; color: #fff; font-size: 16px; padding:7px; line-height: 20px; text-align:left; }
#ranking { text-align:center; padding: 0 0 20px; zoom:1; }
#ranking:after { content:''; display:block; clear:both; }
#ranking .inner { width: 870px; margin:0 auto; background: url(/static/images/common/ranking_bg.png) 0 0 repeat-y; zoom:1; }
#ranking .inner:after { content:''; display:block; clear:both; }
#ranking dl { width: 290px; float: left; text-align: left; position: relative; zoom:1; }
#ranking dl:after { content:''; display:block; clear:both; }
#ranking dt { width: 290px; height: 290px; background: url(/static/images/common/ranking_imgbg.png) 14px 19px no-repeat; text-align: center; }
#ranking dt img { width: 200px; margin:50px auto 0; }
#ranking dd { padding: 0 20px 20px; }
#ranking dd ul { position: absolute; top: 10px; left: 10px; }
#ranking dd h2 { color:#D44145; /* font-size: 18px; */ font-size:14px; line-height: 20px; margin: 0 0 10px; border: none; padding: 0;  }
#ranking dd p { font-size: 12px; line-height: 20px; color: #564E36; text-shadow:0 1px 0 #F5F4F1; }
#ranking dd strong { color: #564E36; }


#shop dl { width:450px; float: left; zoom:1; padding: 10px 0; height: 230px; }
#shop dl:after { content:''; display:block; clear:both; }
#shop dl:last-child { border-bottom: 0px solid #ddd; }
#shop dt { width:200px; height: 200px; overflow: hidden; float: left; margin:0 0 0 10px; position: relative; z-index: 10; }
#shop dt img { height:200px; border-radius: 3px;}
#shop dd { float: right; width: 240px; margin:0; padding: 5px 0 ; position: relative; z-index: 100; }
#shop h2 { width: 282px; background: url(/static/images/shop/shop_name.png) left bottom; padding: 10px 0; margin: 0 0 5px; line-height: 1.2; color: #fff; font-size: 15px; color: #564E36; position: relative; left: -40px; }
#shop h2 span { padding: 0 7px; display: block; color: #fff; line-height: 1.2; text-shadow:0 1px 1px #E78AAD; }
#shop p { line-height: 20px; padding:0 0 0 30px; background: url(/static/images/shop/shop_ico_address.png) 10px 3px no-repeat; }
#shop ol li { line-height: 20px; padding:0 0 0 30px; background: url(/static/images/shop/shop_ico_time.png) 10px 3px no-repeat; }
#shop ul li { line-height: 20px; padding:0 0 0 30px; background: url(/static/images/shop/shop_ico_tel.png) 10px 3px no-repeat; }
.btnMap { position: relative; top: 2px; display: inline-block; /display: inline; /zoom:1; width: 40px; height: 14px; font-size: 1px; line-height: 1px; background: url(/static/images/shop/shop_btn_map.png) 0 0 no-repeat;}
.btnMap:hover { background-position: 0 -20px; }
.btnMap span { display: none; }

#container .recruit { padding:10px; }
#container .recruit p { padding:20px 0; font-size:120%; }
#container .recruit table { width:100%; border-bottom:1px solid #ddd; margin:0 0 50px; }
#container .recruit th { width:150px; padding:15px 0; border-top:1px solid #ddd; vertical-align:middle; text-indent:10px; }
#container .recruit td { padding:15px 0; border-top:1px solid #ddd; }
#container .recruit .recruitInfo { margin:0 50px 50px; padding:10px; border:5px solid #F0CECE; background:#FBF2F2 none 0 0 no-repeat; }
#container .recruit .recruitInfo h2 { font-size:125%; padding:0 0 5px; margin:0; border-bottom:1px solid #F0CECE; color:#D77979; }
#container .recruit .recruitInfo p { font-size:120%; margin:0; padding:10px 0 0; }
#container .recruit .recruitInfo p em { display:inline-block; /display:inline; /zoom:1; width:4em; font-style:normal; }


/* about */

#about h2 { margin: 0 0 20px; width:100%; height: 40px; background: url(/static/images/about/h_brandlist.png) 0 0 no-repeat;}
#about h2 span { display: none;}
#about p { padding: 10px; }

/* Contact */
#contact {padding:20px; zoom:1;}
#contact:after { content:''; display:block; clear:both; }
.contactTable { width: 430px; float: left; }
.contactTable table { background:#ddd none 0 0 no-repeat; margin: 0 0 50px; width:430px; }
.contactTable th { padding:15px 7px; width:100px; background:#F8F5F5 none 0 0 no-repeat; vertical-align: middle; }
.contactTable td { padding:15px 7px; background:#fff none 0 0 no-repeat; }
.contactTable td strong { font-size:130%; line-height:1.2; }
.contactBtn { zoom:1; text-align: center; }
.contactBtn p { padding: 0 10px 10px; text-align: center; font-size: 11px; }
.contactBtn a { background: #666 none 0 0 no-repeat; color: #fff; text-decoration: none; padding: 7px 50px; border-radius: 3px; font-size: 13px; display: inline-block; /display: inline; /zoom:1;}
.contactBtn a:hover { background: #888 none 0 0 no-repeat; }
.privacy { width: 100%; clear: both; zoom:1; padding: 30px 0 0;}
.privacy h2 { padding: 0 0 10px; color: #663806; font-size: 13px; }
.privacy:after { content:''; display:block; clear:both; }
.privacy .inner { border: 5px solid #eee; line-height: 20px; height: 200px; overflow: auto; padding:10px; }


/* Mailmagazine */

.mailmagazineTitle { background-image:url(/static/images/mailmagazine/title_mailmagazine.png); }
.mmRegisterTitle { background-image:url(/static/images/mailmagazine/title_register.png); }
.mmMypageTitle { background-image:url(/static/images/mailmagazine/title_mypage.png); }
.mmRemindTitle { background-image:url(/static/images/mailmagazine/title_remind.png); }

.mailmagazine { background:#fff none 0 0 no-repeat; box-shadow: 0 0 5px #E6E6E6; padding:18px; }
.mailmagazine .inner { background:#F9F8F4 none 0 0 no-repeat; overflow:hidden; }
.mailmagazine .mmAbout { width:560px; display:inline; float:left; margin:0 0 0 20px; overflow:hidden; }
.mailmagazine .mmAbout h2 { height:34px; margin:30px 0 20px; background:url(../images/mailmagazine/txt_about.png) left center no-repeat; }
.mailmagazine .mmAbout h2 span { display:none; }
.mailmagazine .mmAbout p { line-height:14px; line-height:1.8; margin:0 0 15px; }
.mailmagazine .mmAbout ul { text-align:center; }
.mailmagazine .mmAbout li { text-align:center; margin:0 auto; }
.mailmagazine .mmAbout li a { display:block; width:302px; height:52px; margin:0 auto; background:url(../images/mailmagazine/btn_register.png) 0 0 no-repeat; }
.mailmagazine .mmAbout li a:hover { background-position:0 -60px; }
.mailmagazine .mmAbout li a:active { background-position:0 -120px; }
.mailmagazine .mmAbout li a span { display:none; }
.mailmagazine .mmLogin { width:260px; background:#fff none 0 0 no-repeat; float:right; overflow:hidden; margin:10px; }
.mailmagazine .mmLogin h2 { width:260px; height:30px; background:url(/static/images/mailmagazine/h_login.png) 0 0 no-repeat; }
.mailmagazine .mmLogin h2 span { display:none; }
.mailmagazine .mmLogin p { padding:10px 0; color:#555; line-height:150%; margin:0 15px; border-bottom:1px dotted #D7CDCA; }
.mailmagazine .mmLogin dl { padding:25px 0 0; margin:0 15px; }
.mailmagazine .mmLogin dt { height:18px; overflow:hidden; line-height:1px; font-size:10px; }
.mailmagazine .mmLogin dd { margin:0 0 5px; }
.mailmagazine .mmLogin dd input { width:228px; padding:0; background-color:#fff; border:1px solid #bbb; }
.mailmagazine .mmLogin dd input:focus { background-color:#F9F5F2; border:1px solid #bbb; }
.mailmagazine .mmLogin dt span { display:none; }
.txtAddress { background:url(/static/images/mailmagazine/txt_address.png) left center no-repeat; }
.txtPass { background:url(/static/images/mailmagazine/txt_pass.png) left center no-repeat; }
.mailmagazine .mmLogin .attention { margin:0 15px -20px; padding:10px 0 0; }
.mailmagazine .mmLogin ul { margin:0 15px 10px; zoom:1; }
.mailmagazine .mmLogin ul:after { content:''; display:block; clear:both; }
.mailmagazine .mmLogin ul li { text-align:center; margin:0 0 5px; }
.mailmagazine .mmLogin ul li label input { vertical-align: baseline; padding:0 5px 0 0; position: relative; top: 3px; left:-5px; }
.mailmagazine .mmLogin ol { margin:0 15px; padding:20px 0; border-top:1px dotted #D7CDCA; zoom:1; }
.mailmagazine .mmLogin ol:after { content:''; display:block; clear:both; }
.mailmagazine .mmLogin ol li a { padding:0 0 0 15px; background:url(../images/mailmagazine/ico_arrow.png) 3px center no-repeat; color:#DA949D; }
.mailmagazine .mmLogin ol li a:hover { color:#DA9D94; }
.btnAboutLogin { cursor:pointer; display:block; width:202px; height:42px; background:url(/static/images/mailmagazine/btn_login.png) 0 0 no-repeat; margin:0 auto; }
.btnAboutLogin:hover { background-position:0 -50px; }
.btnAboutLogin input { cursor:pointer; margin:0; padding:0; border:none; outline:none; width:202px; height:42px; opacity:0; filter: alpha(opacity=0); }

.mmProfile { background:#fff none 0 0 no-repeat; box-shadow: 0 0 5px #E6E6E6; padding:18px; }
.mmProfile .inner { width:800px; margin:0 60px; zoom:1; }
.mmProfile .inner:after { content:''; display:block; clear:both; }
.mmProfile table { width:800px; margin:0 0 20px; }
.mmProfile th { padding:10px 0; text-indent:10px; border-bottom:1px solid #e6e6e6; font-weight:100; width:200px; background:#F9F8F4 none 0 0 no-repeat; vertical-align:middle; text-shadow:0 1px 0 #fff; }
.mmProfile .must th { background:#F9F8F4 url(../images/mailmagazine/ico_must.png) 155px center no-repeat; }
.mmProfile td { padding:10px; border-bottom:1px solid #e6e6e6; vertical-align:middle; }

.mmProfile td dl { width:100%; padding:7px 0 0; overflow:hidden; }
.mmProfile td dt { width:100%; }
.mmProfile td dd { width:140px; float:left; font-size:13px; line-height:20px; }
.mmProfile td dd label input { vertical-align:baseline; padding:0 5px 0 0; }
.mmProfile td input[type="text"] { padding:0; background-color:#fff; border:1px solid #bbb; width:400px; }
.mmProfile td input[type="text"]:focus { background-color:#F9F5F2; border:1px solid #bbb; }
.mmProfile td input.year { width:4em; }

h2.mmHInfo { height:30px; background:#E9C2C6 url(../images/mailmagazine/h_mailmagazine_info.png) 5px center no-repeat; margin:0; padding:0; overflow:hidden; }
h2.mmHInfo span { display:none; }
h2.mmHUser { height:30px; background:#E9C2C6 url(../images/mailmagazine/h_user_info.png) 5px center no-repeat; margin:0; padding:0; overflow:hidden; }
h2.mmHUser span { display:none; }

.flow01 { width:514px; margin:30px auto 40px; height:42px; background:url(../images/mailmagazine/mm_sprite.png) 0 -380px no-repeat; }
.flow02 { width:514px; margin:30px auto 40px; height:42px; background:url(../images/mailmagazine/mm_sprite.png) 0 -440px no-repeat; }
.flow03 { width:514px; margin:30px auto 40px; height:42px; background:url(../images/mailmagazine/mm_sprite.png) 0 -500px no-repeat; }
.flow04 { width:514px; margin:30px auto 40px; height:42px; background:url(../images/mailmagazine/mm_sprite.png) 0 -560px no-repeat; }
.flow01 span, .flow02 span, .flow03 span, .flow04 span { display:none; }

.mmProfile .ruleArea { margin:0 auto 20px; }
.mmProfile .ruleArea h3 { height:20px; margin:0 0 5px; background:url(../images/mailmagazine/h_rule.png) left center no-repeat; }
.mmProfile .ruleArea h3 span { display:none; }
.mmProfile .ruleArea .inner { width:auto; height:15em; line-height:1.5; margin:0 auto 20px; overflow:auto; border:1px solid #e6e6e6; padding:1em; }
.mmProfile .ruleArea li { text-align:center; margin:0 0 20px; }
.mmProfile .ruleArea li label input { vertical-align:baseline; padding:0 5px 0 0; vertical-align:baseline; }

.btnArea { width:100%; vertical-align:top; margin:0 auto 20px; overflow:hidden; }
.btnArea ul { vertical-align:top; text-align:center; }
.btnArea li { width:302px; height:52px; margin:0 5px; vertical-align:top; display:inline-block; /display:inline; /zoom:1; }
.btnArea li input { cursor:pointer; width:302px; height:52px; border:none; outline:none; padding:0; margin:0; opacity:0; filter: alpha(opacity=0); }
.btnArea li a { display:block; width:302px; height:52px; background-image:url(../images/mailmagazine/mm_sprite.png); }
.btnArea li span { display:block; width:302px; height:52px; background-image:url(../images/mailmagazine/mm_sprite.png); }
.btnArea li a span { display:none; }

.btnConfirm { background-position:-320px 0; }
.btnConfirm:hover { background-position:-320px -60px; }
.btnConfirm:active { background-position:-320px -120px; }

.btnBack { background-position:-640px -381px; }
.btnBack:hover { background-position:-640px -441px; }
.btnBack:active { background-position:-640px -501px; }

.btnRegister { background-position:-640px 0; }
.btnRegister:hover { background-position:-640px -60px; }
.btnRegister:active { background-position:-640px -120px; }

.btnTop { background-position:0 -190px; }
.btnTop:hover { background-position:0 -250px; }
.btnTop:active { background-position:0 -310px; }

.btnMypage { background-position:-320px -190px; }
.btnMypage:hover { background-position:-320px -250px; }
.btnMypage:active { background-position:-320px -310px; }

.btnEdit { background-position:0 0; }
.btnEdit:hover { background-position:-0 -60px; }
.btnEdit:active { background-position:0 -120px; }

.btnLeave { background-position:-640px -190px; }
.btnLeave:hover { background-position:-640px -250px; }
.btnLeave:active { background-position:-640px -310px; }

.btnRemind { background-position:0 -640px; }
.btnRemind:hover { background-position:0 -700px; }
.btnRemind:active { background-position:0 -760px; }

.btnLogin { background-position:-320px -640px; }
.btnLogin:hover { background-position:-320px -700px; }
.btnLogin:active { background-position:-320px -760px; }

.comment { padding:30px 0; margin:0 0 30px; border-bottom:1px solid #e6e6e6; }
.comment h2 { color:#CE838D; font-size:22px; margin:0; line-height:1.4; }
.comment p { line-height:1.8; }

.leaveTxt { text-align:right; margin:-15px 0 10px; }
.leaveTxt a { padding:0 0 0 15px; background:url(../images/mailmagazine/ico_arrow.png) 4px center no-repeat; color:#DA949D; }
.leaveTxt a:hover { color:#DA9D94; }

.mypageHead { padding:10px 0; border-bottom:1px solid #e6e6e6; margin:0 0 30px; position:relative; line-height:25px; font-size:22px; color:#CE838D; }
.mypageHead a { overflow:hidden; position:absolute; right:0; top:10px; display:block; width:90px; height:24px; background:url(../images/mailmagazine/btn_logout.png) 0 0 no-repeat; }
.mypageHead a:hover { background-position:0 -30px; }
.mypageHead a span { display:none; }

#remind { background: #fff none 0 0 no-repeat; width:480px; overflow:hidden; }
#remind #contents { width:auto; }
#remind h1 { width:100%; height:30px; background:url(../images/mailmagazine/remind_title.png) 0 0 no-repeat; }
#remind h1 span { display:none; }
#remind p { padding:15px 0; }
#remind .inner { background:#F9F8F4 none 0 0 no-repeat; text-align:center; }
#remind dl { width:440px; border-top:1px solid #fff; border-bottom:1px solid #D0C8C2; overflow:hidden; margin:0 auto; text-align:left; }
#remind dt { line-height:24px; padding:10px 0; width:150px; float:left; }
#remind dd { line-height:24px; padding:10px 0; width:290px; float:right; }
#remind dd input[type="text"] { padding:0; background-color:#fff; border:1px solid #bbb; width:280px; }
#remind dd input[type="text"]:focus { background-color:#F9F5F2; border:1px solid #bbb; }
#remind ul { border-top:1px solid #fff; padding:20px 0; text-align:center; }
#remind ul .btnRemindSend { display:block; margin:0 auto; width:202px; height:42px; background:url(../images/mailmagazine/remind_send.png) 0 0 no-repeat; }
#remind ul .btnRemindSend input { cursor:pointer; width:202px; height:42px; border:none; outline:none; padding:0; margin:0; opacity:0; filter: alpha(opacity=0);  }
body#popup { background:#fff none 0 0 no-repeat; padding:10px; }


/* RENEWAL201302 */

#left .body #renewal201302 { width:600px; margin:0;}
#left .body #renewal201302 span { display:none; }
#left .body #renewal201302 h2 { height:409px; background:url(../images/blog/renewal201302_title.jpg) 0 0 no-repeat; }
#left .body #renewal201302_fukuoka { padding:0 0 20px; margin:0 0 20px; border-bottom:1px dotted #ccc; }
#left .body #renewal201302_fukuoka h3 { height:500px; background:url(../images/blog/renewal201302_fukuoka_title.jpg) 0 0 no-repeat; }
#left .body #renewal201302_fukuoka h4 { height:150px; background:url(../images/blog/renewal201302_fukuoka_brand.gif) 0 0 no-repeat; }
#left .body #renewal201302_fukuoka p { height:182px; background:url(../images/blog/renewal201302_fukuoka_chomotto.jpg) 0 0 no-repeat; position:relative; }
#left .body #renewal201302_fukuoka p a { display:block; width:140px;position:absolute; height:20px; top:127px; left:35px; }
#left .body #renewal201302_fukuoka dt { height:140px; background:url(../images/blog/renewal201302_fukuoka_present.jpg) 0 0 no-repeat; }
#left .body #renewal201302_fukuoka dd { height:640px; background:url(../images/blog/renewal201302_fukuoka_item.gif) 0 0 no-repeat; }
#left .body #renewal201302_nanba {}
#left .body #renewal201302_nanba h3 { height:460px; background:url(../images/blog/renewal201302_nanba_title.jpg) 0 0 no-repeat; }
#left .body #renewal201302_nanba h4 { height:117px; background:url(../images/blog/renewal201302_nanba_brand.gif) 0 0 no-repeat; }
#left .body #renewal201302_nanba dt { height:120px; background:url(../images/blog/renewal201302_nanba_present.jpg) 0 0 no-repeat; }
#left .body #renewal201302_nanba dd { height:700px; background:url(../images/blog/renewal201302_nanba_item.gif) 0 0 no-repeat; }

/* NEWOPEN20130627 */

#left .body #newopen20130627 { width:600px; margin:0; }
#left .body #newopen20130627 h2 { margin:0 0 10px; width:600px; height:496px ; background:url(../images/pickup/20130627_title.png) 0 0 no-repeat; }
#left .body #newopen20130627 h2 span { display:none; }

#left .body #newopen20130627 .bland { width:600px; margin:0 0 30px; }
#left .body #newopen20130627 .bland h3 { width:600px; height:60px; margin:0 0 30px; background:url(../images/pickup/20130627_bland_tit.png) 0 0 no-repeat; }
#left .body #newopen20130627 .bland h3 span { display:none; }
#left .body #newopen20130627 .bland p { text-align:center; }
#left .body #newopen20130627 .bland p img { text-align:center; margin:0 auto; }

#left .body #newopen20130627 .present { width:600px; margin:0 0 30px; }
#left .body #newopen20130627 .present h3 { width:600px; height:60px; margin:0 0 30px; background:url(../images/pickup/20130627_present_tit.png) 0 0 no-repeat; }
#left .body #newopen20130627 .present h3 span { display:none; }
#left .body #newopen20130627 .present p { text-align:center; }
#left .body #newopen20130627 .present p img { text-align:center; margin:0 auto; position:relative; left:-9px; }

#left .body #newopen20130627 .item { width:600px; margin:0 0 30px; }
#left .body #newopen20130627 .item h3 { width:600px; height:55px; margin:0; background:url(../images/pickup/20130627_item_tit.png) 0 0 no-repeat; }
#left .body #newopen20130627 .item h3 span { display:none; }
#left .body #newopen20130627 .item p { text-align:center; }
#left .body #newopen20130627 .item p img { text-align:center; margin:0 auto; }

#left .body #newopen20130627 .shop { width:600px; margin:0 0 30px; }
#left .body #newopen20130627 .shop h3 { width:600px; height:60px; margin:0 0 30px; background:url(../images/pickup/20130627_info_tit.png) 0 0 no-repeat; }
#left .body #newopen20130627 .shop h3 span { display:none; }
#left .body #newopen20130627 .shop dl { width:600px; margin:0 auto; zoom:1; }
#left .body #newopen20130627 .shop dl:after { content:''; display:block; clear:both; }
#left .body #newopen20130627 .shop dt { width:270px; float:left; }
#left .body #newopen20130627 .shop dd { overflow:hidden; }
#left .body #newopen20130627 .shop th { padding:10px 10px 10px 0; border-top:1px dotted #ddd; vertical-align:middle; color:#8A755E; white-space:nowrap; }
#left .body #newopen20130627 .shop td { padding:10px 10px 10px 0; border-top:1px dotted #ddd; vertical-align:middle; color:#555; }

/* NEWOPEN20141001 */

#left .container20141001 { width: 600px; text-align: center; }
#left .container20141001 h1 { margin: 0 0 40px; }
#left .container20141001 h2 { margin: 0 0 40px; }
#left .container20141001 p { margin: 0 0 40px; }
#left .container20141001 .kashiwaarea { border-top:4px solid #E0DDD9; padding: 40px 0 0; }
#left .container20141001 .txt { text-align: right; padding: 0 0 40px; color:#777; }

/* 20160223 */

.btn.recruit a { display: block; width: 9em; margin: 0; padding: 4px; text-decoration: none; text-align: center; background: #9B8674; border:1px solid #9B8674; color:#fff; position: relative; border-radius: 3px; box-shadow: 0 2px 0 #eee, inset 0 1px 0 rgba(255,255,255,0.2); text-shadow:0 -1px 0 rgba(0,0,0,0.25); transition: all .25s ease; }
.btn.recruit a::after { content: ""; position: absolute; top:50%; right: 8px; margin:-3px 0 0; display: block; width: 5px; height: 5px; border-top: 2px solid #fff; border-right: 2px solid #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.btn.recruit a:hover { opacity: 0.75; }