/* =================================================================== all reset =================================================================== */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; line-height:100%; vertical-align: bottom; } table { border-collapse: collapse; border-spacing: 0;} fieldset,img { border: 0;} address,caption,cite,code,dfn,em,strong,th,var,optgroup { font-style: inherit; font-weight: inherit;} del,ins { text-decoration: none;} caption,th { text-align: left; font-weight: normal;} li { list-style: none;} q:before, q:after { content: ''; } abbr,acronym { border: 0; font-variant: normal;} sup { vertical-align: baseline;} sub { vertical-align: baseline;} /* because legend doesn't inherit in IE */ legend { color: #000;} input,button,textarea,select,optgroup,option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit;} /* @purpose To enable resizing for IE */ /* @branch For IE6-Win, IE7-Win */ input,button,textarea,select { *font-size: 100%;} /* =================================================================== clear style =================================================================== */ .clear { clear:both;} .clearfix:after { content: ""; display: block; height: 0; clear: both; visibility: hidden;} .clearfix {display: inline-block;} * html .clearfix { height: 1%;} .clearfix { display: block;} /* End hide from IE-mac */ *:first-child+html .clearfix { zoom: 1;} /* =================================================================== base style =================================================================== */ html { overflow-y:scroll;} body { font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif; font-size: 12px; line-height: 140%; background: #fff; color: #555; white-space: normal; } /* =================================================================== link style =================================================================== */ a { text-decoration:none; color: #8EC31F;} a:hover { text-decoration:underline; color:#B3B3B3;} /* =================================================================== layout style =================================================================== */ #container { width: 960px; margin: 0 auto;} /* =================================================================== header style =================================================================== */ #header { height: 120px; position:relative;} #header h1#siteTitle { top: 20px; position: absolute;} #header h1#siteTitle a { display: block; width: 470px; height: 40px; background: url(https://file001.shop-pro.jp/PA01114/458/shared/img/logo.gif) no-repeat left top; text-indent: -9999px;} #header ul#navi { top: 80px; position: absolute;} #header ul#navi li { position: absolute;} #header ul#navi li a { display: block; width: 160px; height: 40px; background-image: url(https://file001.shop-pro.jp/PA01114/458/shared/img/navi.gif); background-repeat: no-repeat; text-indent: -9999px;} #header ul#navi li#naviHome { left: 0; } #header ul#navi li#naviHome a { background-position: 0 0; } #header ul#navi li#naviHome a:hover { background-position: 0 -40px; } #header ul#navi li#naviHome a.active { background-position: 0 -40px; } #header ul#navi li#naviCompany { left: 160px; } #header ul#navi li#naviCompany a { background-position: -160px 0; } #header ul#navi li#naviCompany a:hover { background-position: -160px -40px; } #header ul#navi li#naviCompany a.active { background-position: -160px -40px; } #header ul#navi li#naviStore { left: 320px; } #header ul#navi li#naviStore a { background-position: -320px 0; } #header ul#navi li#naviStore a:hover { background-position: -320px -40px; } #header ul#navi li#naviStore a.active { background-position: -320px -40px; } #header ul#navi li#naviBlog { left: 480px; } #header ul#navi li#naviBlog a { background-position: -480px 0; } #header ul#navi li#naviBlog a:hover { background-position: -480px -40px; } #header ul#navi li#naviBlog a.active { background-position: -480px -40px; } #header ul#navi li#naviSchool { left: 640px; } #header ul#navi li#naviSchool a { background-position: -640px 0; } #header ul#navi li#naviSchool a:hover { background-position: -640px -40px; } #header ul#navi li#naviSchool a.active { background-position: -640px -40px; } #header ul#navi li#naviShopping { left: 800px; } #header ul#navi li#naviShopping a { background-position: -800px 0; } #header ul#navi li#naviShopping a:hover { background-position: -800px -40px; } #header ul#navi li#naviShopping a.active { background-position: -800px -40px; } #header ul#subNavi { position: absolute; top: 28px; left: 595px; width: 365px; float: right;} #header ul#subNavi li { position: absolute; padding:1px 0 1px 20px; background: url(https://file001.shop-pro.jp/PA01114/458/shared/img/icon_arrow.gif) no-repeat left center;} #header ul#subNavi li a { font-size: 10px; color: #666;} #header ul#subNavi li a:hover { text-decoration: underline;} #header ul#subNavi li#naviOACenter { top: 0; left: 0;} #header ul#subNavi li#naviSitemap { top: 0; left: 95px;} #header ul#subNavi li#naviLink { top: 0; left: 200px;} #header ul#subNavi li#naviContact { top: 0; left: 285px;} /* =================================================================== pankuzu style =================================================================== */ #pankuzu { padding: 10px 0 15px 0;} #pankuzu #pageList li:first-child { padding: 0; background: none;} #pankuzu #pageList li { font-size: 10px; display: inline; padding:0 0 0 15px; background: url(https://file001.shop-pro.jp/PA01114/458/shared/img/pankuzu_delimiter.gif) no-repeat left 2px;} #pankuzu #pageList li a { color: #666;} #pankuzu #pageList li a:hover { color: #666; text-decoration: underline;} #pankuzu #pageList li br { width: 30px !important; display:none;} /* =================================================================== top style =================================================================== */ #visual { margin: 30px 0 25px 0; width: 960px; height: 380px; background: url(https://file001.shop-pro.jp/PA01114/458/shared/img/bg.jpg) no-repeat left top; position:relative;} #visual .linebox { margin:94px 0; width:960px; height:192px; overflow:hidden; position: absolute;} #visual .linebox img { margin:0; padding:0; vertical-align:bottom; text-align:left;} /* left style ----------------------------------------------------------- */ #top #contentLeft { float: left; width: 410px;} #top #contentLeft h3#topicsTitle { width: 410px; height: 30px; background: url(https://file001.shop-pro.jp/PA01114/458/shared/img/title_topics.gif) no-repeat left top; text-indent: -9999px;} #top #contentLeft dl#topicsList { width: 410px;} #top #contentLeft dl#topicsList dt { width: 80px; clear: both; float: left; padding-top: 10px; font-size: 12px; line-height: 140%;} #top #contentLeft dl#topicsList dd { width: 310px; float: left; background: url(https://file001.shop-pro.jp/PA01114/458/shared/img/icon_arrow.gif) no-repeat left 10px; padding: 10px 0 0 20px; font-size: 12px; line-height: 140%;} #top #contentLeft dl#topicsList dd a { color:#666;} #top #contentLeft dl#topicsList dd a:hover { text-decoration: underline;} #top #contentLeft h3#blogInfoTitle { margin-top: 30px; clear: both; width: 410px; height: 30px; background: url(https://img07.shop-pro.jp/PA01114/458/etc/sns_blog.gif?cmsp_timestamp=20210126094417) no-repeat left top; text-indent: -9999px;} #top #contentLeft dl#blogInfoList { width: 455px;} #top #contentLeft dl#blogInfoList dt { width: 80px; clear: both; float: left; padding-top: 10px; font-size: 12px; line-height: 140%;} #top #contentLeft dl#blogInfoList dd { float: left; width: 355px; background: url(https://file001.shop-pro.jp/PA01114/458/shared/img/icon_arrow.gif) no-repeat left 10px; padding: 10px 0 0 20px; font-size: 12px; line-height: 140%;} #top #contentLeft dl#blogInfoList dd a { color:#666;} #top #contentLeft dl#blogInfoList dd a:hover { text-decoration: underline;} .sns{ display: flex; flex-wrap:nowrap; } .sns li { width: calc(100%/3);/*←画像を横に4つ並べる場合*/ padding:0 8px;/*←画像の左右に5pxの余白を入れる場合*/ box-sizing:border-box; } .sns li img { max-width:100%; /*画像のはみだしを防ぐ*/ height: auto; /*画像の縦横比を維持 */ border:solid 0px #ccc; /*←画像を1pxのグレーの枠線で囲む指定の場合*/ } #top #contentLeft #storeListArea { margin-top: 50px;} #top #contentLeft #storeListArea h3 { font-size: 14px; line-height: 120%; padding-left: 50px; text-align: left;} #top #contentLeft #storeListArea #storeList { margin-top: 12px; padding-left: 50px; width: 330px; height: 92px; position: relative;} #top #contentLeft #storeListArea #storeList li { position: absolute; top: 0;} #top #contentLeft #storeListArea #storeList li a { display: block; width: 132px; height: 92px; text-indent: -9999px;} #top #contentLeft #storeListArea #storeList li#storeShimizu { left: 0;} #top #contentLeft #storeListArea #storeList li#storeShizuoka { left: 139px;} #top #contentLeft #storeListArea #storeList li#storeShimizu a { background: url(https://file001.shop-pro.jp/PA01114/458/shared/img/b_shimizu.gif) no-repeat left top;} #top #contentLeft #storeListArea #storeList li#storeShizuoka a { background: url(https://file001.shop-pro.jp/PA01114/458/shared/img/b_shizuoka.gif) no-repeat left top;} #top #contentLeft #storeListArea #storeList li#storeShimizu a:hover { background: url(https://file001.shop-pro.jp/PA01114/458/shared/img/b_shimizu_ov.gif) no-repeat left top;} #top #contentLeft #storeListArea #storeList li#storeShizuoka a:hover { background: url(https://file001.shop-pro.jp/PA01114/458/shared/img/b_shizuoka_ov.gif) no-repeat left top;} /* right style ----------------------------------------------------------- */ #top #contentRight { float: right; width: 490px; padding-right: 20px;} #top #contentRight h3 { height: 21px; background: url(https://file001.shop-pro.jp/PA01114/458/shared/img/top_h3back.jpg) no-repeat left top; padding-top:6px; font-size:13px; font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3"; text-align:center; color:#fff;} #top #contentRight h3 a { color:#B3AC2D;} #top #contentRight #recommendListArea { padding:15px 0 0 35px; background:#eaeaea;} #top #contentRight #recommendListArea .productItem { width: 200px; margin-right:20px; float:left; min-height:220px; text-align:center;} #top #contentRight #recommendListArea .productItem img { border: solid 1px #C8C8C8;} #top #contentRight #recommendListArea .productItem .itemNm { margin-top: 8px; color: #8EC31F; font-size:13px; line-height:140%;} #top #contentRight #recommendListArea .productItem .itemNm a, .productitemlistarea .itemlistfield .itemNm a:visited { color: #8EC31F;} #top #contentRight #recommendListArea .productItem .itemNm a:hover { color: #B3B3B3;} /* =================================================================== content style =================================================================== */ #content {} /* shopping style ----------------------------------------------------------- */ /* shopping left style */ #shopping #contentLeft { float: left; width: 165px;} #shopping #contentLeft h3.logoYotsuba { margin-bottom:15px; -moz-box-shadow: 2px 2px 2px #bbb; -webkit-box-shadow: 2px 2px 2px #bbb; box-shadow: 2px 2px 2px #bbb;} #shopping #contentLeft h3.logoYotsuba a { width:165px; height: 115px; display:block; text-indent: -9999px; padding:0; background: url(https://file001.shop-pro.jp/PA01114/458/shared/img/logo_yotsuba.png) no-repeat left top;} #shopping #contentLeft p.lnaviTitle { padding: 8px 10px 7px 10px; color: #646464; background: url(https://file001.shop-pro.jp/PA01114/458/shared/img/back_lnaviTitle.gif) repeat-y left top; text-align:center; font-size:13px;} #shopping #contentLeft p.lnaviTitle02 { padding: 8px 10px 7px 10px; color: #fff; background: url(https://file001.shop-pro.jp/PA01114/458/shared/img/back_lnaviTitle02.gif) repeat-y left top; text-align:center; font-size:13px;} #shopping #contentLeft p.cartTitle { font-size:13px; padding: 0 0 15px 0;} #shopping #contentLeft p.cartTitle a { padding: 9px 10px 9px 60px; color: #fff; background: url(https://file001.shop-pro.jp/PA01114/458/shared/img/back_cart.gif) no-repeat left center; display:block;} #shopping #contentLeft p.cartTitle a:hover { text-decoration:none; background: url(https://file001.shop-pro.jp/PA01114/458/shared/img/back_cart_ov.gif) no-repeat left center;} #shopping #contentLeft p.lnaviItemAll { padding: 3px 0 3px 17px; margin-top: 6px; background: url(https://file001.shop-pro.jp/PA01114/458/shared/img/icon_lnavi_cat.gif) no-repeat 0 center; color: #8EC31F;} #shopping #contentLeft p.lnaviItemAll a, #shopping #contentLeft p.lnaviItemAll a:visited { color: #8EC31F;} #shopping #contentLeft ul.catList { margin-bottom: 30px;} #shopping #contentLeft ul.catList li { padding: 3px 0 3px 17px; background: url(https://file001.shop-pro.jp/PA01114/458/shared/img/icon_lnavi_cat.gif) no-repeat 0 center; color: #8EC31F;} #shopping #contentLeft ul.catList li a, #shopping #contentLeft ul.catList li a:visited { color: #8EC31F;} #shopping #contentLeft ul.catList02 { margin: 6px 0 30px 0;} #shopping #contentLeft ul.catList02 li { padding: 3px 0 3px 17px; background: url(https://file001.shop-pro.jp/PA01114/458/shared/img/icon_lnavi_cat02.gif) no-repeat 0 center;} #shopping #contentLeft ul.catList02 li a { color: #666;} #shopping #contentLeft .searchArea { margin-top: 10px; margin-bottom: 30px;} #shopping #contentLeft .searchArea select { margin-bottom: 10px;} /* shopping right style */ #shopping #contentRight { float: right; width: 765px;} #shopping #contentRight .contentWidth { width: 765px;} #shopping #contentRight .contentWidth h2#titleShopping { height: 280px; background: url(https://file001.shop-pro.jp/PA01114/458/shared/img/h2_shopping.jpg) no-repeat left top; text-indent: -9999px;} #shopping #contentRight .contentWidth p.hitNum { margin-top: 10px; margin-bottom:25px;} /* shopping list style */ #shopping #contentRight .contentWidth .productitemlistarea { margin-bottom: 5px; width: 765px;} #shopping #contentRight .contentWidth .productitemlistarea .itemlistfield { width: 235px; margin-right:20px; float:left; min-height:300px; text-align:center;} #shopping #contentRight .contentWidth .productitemlistarea .itemlistfield img { border: solid 1px #C8C8C8;} #shopping #contentRight .contentWidth .productitemlistarea .itemlistfield .itemNm { margin-top: 12px; color: #8EC31F; font-size:13px;} #shopping #contentRight .contentWidth .productitemlistarea .itemlistfield .itemNm a, .productitemlistarea .itemlistfield .itemNm a:visited { color: #8EC31F;} #shopping #contentRight .contentWidth .productitemlistarea .itemlistfield .itemNm a:hover { color: #B3B3B3;} #shopping #contentRight .contentWidth .productitemlistarea .itemlistfield .itemPrice { margin-top: 7px;} #shopping #contentRight .contentWidth .productitemlistarea .itemlistfield .itemPrice .regular_price_all { color: #666; text-decoration: line-through;} #shopping #contentRight .contentWidth .productitemlistarea .itemlistfield .itemPrice .price_all { color: #666; font-size:13px;} #shopping #contentRight .contentWidth .productitemlistarea .itemlistfield .itemPrice .discount_rate_all { color: #FF0000;} /* shopping detail style */ #shopping #contentRight .contentWidth #productDetailArea { text-align: left;} #shopping #contentRight .contentWidth #productDetail { margin:0;} /* shopping detailleft style */ #shopping #contentRight .contentWidth #productDetail #photoMainArea { width: 402px; float: left;} #shopping #contentRight .contentWidth #productDetail #photoMainArea #photoMain { text-align: left;} #shopping #contentRight .contentWidth #productDetail #photoMainArea #photoMain img { border: solid 1px #C8C8C8;} #shopping #contentRight .contentWidth #productDetail #photoMainArea .thumbList { margin-top: 3px;} #shopping #contentRight .contentWidth #productDetail #photoMainArea .thumbList li { display: inline; float: left; margin-left: 3px;} #shopping #contentRight .contentWidth #productDetail #photoMainArea .thumbList li.first { margin-left: 0;} #shopping #contentRight .contentWidth #productDetail #photoMainArea .thumbList li img { border: solid 1px #C8C8C8; cursor: pointer;} #shopping #contentRight .contentWidth #productDetail #photoMainArea #productSpec { padding: 30px;} #shopping #contentRight .contentWidth #productDetail #photoMainArea #productSpec table{ border-collapse: collapse; width: 100%; font-size: 14px; border-top: dotted 1px #C8C8C8; } #shopping #contentRight .contentWidth #productDetail #photoMainArea #productSpec th { width: 180px; border-bottom: dotted 1px #C8C8C8; padding:12px 0 11px 18px; vertical-align: middle;} #shopping #contentRight .contentWidth #productDetail #photoMainArea #productSpec td { border-bottom: dotted 1px #C8C8C8; padding:12px 18px 11px 0; vertical-align: middle;} #shopping #contentRight .contentWidth #productDetail #photoMainArea #productSpec td table { border-top: none;} #shopping #contentRight .contentWidth #productDetail #photoMainArea #productSpec td table td { border-bottom: none; padding:0 5px 0 0; font-size:12px;} #shopping #contentRight .contentWidth #productDetail #photoMainArea #productSpec p { border-bottom: dotted 1px #C8C8C8; padding:12px 0 11px 18px; vertical-align: middle; font-size: 14px;} #shopping #contentRight .contentWidth #productDetail #photoMainArea #productSpec p strong { width:210px; margin:0 0 0 113px; padding:7px 0; background:#f00; color:#fff; text-align:center; font-weight:bold; display:block;} #shopping #contentRight .contentWidth #productDetail #photoMainArea #productSpec p a { color:#666;} #shopping #contentRight .contentWidth #productDetail #photoMainArea #productSpec p.right { text-align:right;} #shopping #contentRight .contentWidth #productDetail #photoMainArea #productSpec p span { margin-right:0; float:left; margin-right:10px;} #shopping #contentRight .contentWidth #productDetail #photoMainArea #productSpec p span#twitter { width:97px;} #shopping #contentRight .contentWidth #productDetail #photoMainArea #productSpec p span#facebook_like { width:80px; } .twitter-share-button { width: 97px!important;} /* shopping detailright style */ #shopping #contentRight .contentWidth #productDetail #aboutArea { width: 330px; float: right; margin-right:10px;} #shopping #contentRight .contentWidth #productDetail #aboutArea h3 { font-size: 18px; line-height: 140%; color: #8EC31F; font-weight:normal;} #shopping #contentRight .contentWidth #productDetail #aboutArea h4 { font-size: 14px; line-height: 140%; font-weight:bold; margin-bottom: 2px;} #shopping #contentRight .contentWidth #productDetail #aboutArea ul { margin-bottom: 8px;} #shopping #contentRight .contentWidth #productDetail #aboutArea ul li { font-size: 14px; line-height: 140%;} #shopping #contentRight .contentWidth #productDetail #aboutArea p { font-size: 13px; line-height: 156%; margin-top:20px; margin-bottom: 20px;} #shopping #contentRight .contentWidth #productDetail #productContact { padding:60px 50px 20px 30px;} #shopping #contentRight .contentWidth #productDetail #productContact .leftbox { width:320px; float:left;} #shopping #contentRight .contentWidth #productDetail #productContact .rightbox { width:320px; float:right;} #shopping #contentRight .contentWidth #productDetail #productContact .box { padding:0 0 15px 0;} #shopping #contentRight .contentWidth #productDetail #productContact h4 { font-size: 13px; line-height: 140%; margin-bottom: 8px;} #shopping #contentRight .contentWidth #productDetail #productContact h5 { font-size: 12px; line-height: 140%; font-weight:bold; margin-bottom: 4px;} #shopping #contentRight .contentWidth #productDetail #productContact p { font-size: 12px; line-height: 150%; margin-bottom: 15px;} /* =================================================================== conmapy style =================================================================== */ #conmapy #contentLeft { float: left; width: 165px;} #conmapy #contentRight { float: right; width: 765px;} /* ローカルナビ */ #conmapy #lnavi { border-bottom: solid 1px #666;} #conmapy #lnavi dt { border-top: solid 1px #666; border-bottom: solid 1px #666; padding: 5px 0 5px 30px; background: #fff url(https://file001.shop-pro.jp/PA01114/458/shared/images/icon_arrow.gif) no-repeat 3px center; color: #666;} #conmapy .naviDetailList li a { padding: 5px 0 5px 25px; display: block; color: #666;} #conmapy .naviDetailList li a:hover { background-color: #8EC31F; color: #fff;} #conmapy .naviDetailList li a.active { background-color: #8EC31F; color: #fff;} #conmapy #contentRight .contentWidth { width: 745px;} /* ご挨拶 */ #conmapy #contentRight h2 { margin: 0 20px 35px 0; padding-left: 25px; background: url(https://file001.shop-pro.jp/PA01114/458/shared/images/h2_bg.jpg) repeat-x left top;} #conmapy #contentRight h3#copyGreeting { width: 280px; height: 60px; background: url(https://file001.shop-pro.jp/PA01114/458/company/images/copy_greeting.gif) no-repeat left top; text-indent: -9999px;} #conmapy #contentRight p#greetingText { margin-top: 20px; text-align: justify; line-height: 180%; color:#333;} #conmapy #contentRight p#presidentName { margin: 30px 0 65px 0; background: url(https://file001.shop-pro.jp/PA01114/458/company/images/president_name.gif) no-repeat right top; text-indent: -9999px; height: 60px;} #conmapy #contentRight #outlineTbl { width: 100%;} #conmapy #contentRight #outlineTbl th, #conmapy #contentRight #outlineTbl td { padding: 10px; border: solid 1px #333; vertical-align: top; line-height: 140%; color:#333;} #conmapy #contentRight #outlineTbl th { text-align: center;} #conmapy #contentRight #outlineTbl td p { line-height: 140%;} #conmapy #contentRight #outlineTbl td a { color:#333;} #conmapy #contentRight #outlineTbl td a:hover { text-decoration: underline;} /* ご挨拶 */ #conmapy #contentRight #historyTbl {　width: 100%;} #conmapy #contentRight #historyTbl th, #conmapy #contentRight #historyTbl td { padding: 10px; border-top: solid 1px #333; border-bottom: solid 1px #333; vertical-align: top; color:#333;} #conmapy #contentRight #historyTbl th { width: 140px; background-color: #E6E6E6;} #conmapy #contentRight #historyTbl td p { line-height: 140%;} #conmapy #contentRight #historyTbl td.historyPhoto { width: 280px; font-size: 10px; line-height: inherit; vertical-align: bottom; text-align: right;} /* リクルート */ #conmapy #copyRecruit { width: 370px; height: 55px; background: url(https://file001.shop-pro.jp/PA01114/458/company/images/copy_recruit.gif) no-repeat left top; text-indent: -9999px;} #conmapy #recruitContactMail { margin-top: 10px;} #conmapy #recruitContactMail a { padding: 3px 0 3px 20px; background: url(https://file001.shop-pro.jp/PA01114/458/shared/images/icon_arrow.gif) no-repeat left center;} #conmapy #recruitContactMail a:hover { text-decoration: underline;} /* =================================================================== store style =================================================================== */ #store #contentLeft { float: left; width: 165px;} #store #contentRight { float: right; width: 765px;} /* ローカルナビ */ #store #contentLeft #lnavi { border-bottom: solid 1px #666;} #store #contentLeft #lnavi dt { border-top: solid 1px #666; padding: 5px 0 5px 30px; background: #fff url(https://file001.shop-pro.jp/PA01114/458/shared/images/icon_arrow_open.gif) no-repeat 3px center; color: #666; cursor: pointer;} #store #contentLeft #lnavi dd { background-color: #fff;} #store #contentLeft #lnavi dd .naviDetailList li a { display: block; padding: 5px 0 5px 25px; color: #666;} #store #contentLeft #lnavi dd .naviDetailList li a:hover { background-color: #8EC31F; color: #fff;} #store #contentLeft #lnavi dd .naviDetailList li a.active { background-color: #8EC31F; color: #fff;} /* ローカルナビアクティブ時 */ #store #contentLeft #lnavi dt.active { background: #8EC31F url(https://file001.shop-pro.jp/PA01114/458/shared/images/icon_arrow2_open.gif) no-repeat 3px center; color: #fff;} #store #contentLeft #lnavi dd.active { background-color: #8EC31F;} #store #contentLeft #lnavi dd.active .naviDetailList li a { color: #fff;} #store #contentLeft #lnavi dd.active .naviDetailList li a:hover { background-color: #7BAA18; color: #fff;} #store #contentLeft #lnavi dd.active .naviDetailList li a.active { background-color: #7BAA18; color: #fff;} #store #contentLeft #lnavi dt.activeClose { background-image: url(https://file001.shop-pro.jp/PA01114/458/shared/images/icon_arrow2.gif);} #store #contentLeft #lnavi dt.close { background-image: url(https://file001.shop-pro.jp/PA01114/458/shared/images/icon_arrow.gif);} #store #contentLeft #staffBlog { border-bottom: solid 1px #666;} #store #contentLeft #staffBlog a { display: block; padding: 5px 0 5px 30px; color: #666; background: url(https://file001.shop-pro.jp/PA01114/458/shared/images/icon_arrow.gif) no-repeat 3px center;} #store #contentRight .contentWidth { width: 745px;} #store #contentRight h2 { margin-bottom: 30px;} #store #contentRight h2#titleStore { height: 71px; background: url(https://file001.shop-pro.jp/PA01114/458/store/images/h2_store.gif) no-repeat left top; text-indent: -9999px;} /* 店舗情報 */ #store #contentRight #storeList { border-bottom: solid 1px #333;} #store #contentRight #storeList li { border-top: solid 1px #333; padding: 10px 0 10px 25px; background: url(https://file001.shop-pro.jp/PA01114/458/shared/images/icon_arrow.gif) no-repeat left center; position: relative; height: 60px;} #store #contentRight #storeList li a { text-indent: -9999px;} #store #contentRight #storeList #storeShimizu a { display: block; width: 395px; height: 60px; background: url(https://file001.shop-pro.jp/PA01114/458/store/images/store_shimizu.gif) no-repeat left center;} #store #contentRight #storeList #storeShizuoka a { display: block; width: 395px; height: 60px; background: url(https://file001.shop-pro.jp/PA01114/458/store/images/store_shizuoka.gif) no-repeat left center;} #store #contentRight #storeList #storeFuji a { display: block; width: 395px; height: 60px; background: url(https://file001.shop-pro.jp/PA01114/458/store/images/store_fuji.gif) no-repeat left center;} #store #contentRight #storeList li p { position: absolute; top: 15px; left: 430px; width: 315px;} #store #contentRight #storeList li#storeFuji p { top: 8px;} /* 店舗詳細共通 */ #store #contentRight h3#sotreOutline { background: url(https://file001.shop-pro.jp/PA01114/458/store/images/store_outline.gif) no-repeat left top; text-indent: -9999px; height: 25px; margin-bottom: 10px;} #store #contentRight #outlineArea { float: left; width: 560px;} #store #contentRight table#outlineTbl { width: 100%;} #store #contentRight table#outlineTbl th, #outlineTbl td { padding: 10px; border: solid 1px #000; vertical-align: top;} #store #contentRight table#outlineTbl th { text-align: center;} #store #contentRight table#outlineTbl td p.addIcon { margin-top: 10px; padding-left: 20px; background: url(https://file001.shop-pro.jp/PA01114/458/shared/images/icon_arrow.gif) no-repeat left center;} #store #contentRight table#outlineTbl td p.addIcon a { color: #666;} #store #contentRight #storePhotoArea { float: right; width: 150px;} /* 各店タイトル */ #store #contentRight h2#titleShimizu { height: 71px; background: url(https://file001.shop-pro.jp/PA01114/458/store/shimizu/images/h2_shimizu.gif) no-repeat left top; text-indent: -9999px;} #store h2#titleShizuoka { height: 71px; background: url(https://file001.shop-pro.jp/PA01114/458/store/shizuoka/images/h2_shizuoka.gif) no-repeat left top; text-indent: -9999px;} #store h2#titleFuji { height: 71px; background: url(https://file001.shop-pro.jp/PA01114/458/store/fuji/images/h2_fuji.gif) no-repeat left top; text-indent: -9999px;} /* フロアガイド */ #store #contentRight h3#sotreFloor { background: url(https://file001.shop-pro.jp/PA01114/458/store/images/store_floor.gif) no-repeat left top; text-indent: -9999px; height: 25px;} #store #contentRight ol#floorList li { margin-top: 20px;} #store #contentRight ol#floorList li .iconBox { float: left; width: 50px; height: 45px;} #store #contentRight ol#floorList li .iconBox .floorIcon { width: 45px; height: 45px; background-repeat: no-repeat; text-indent: -9999px;} #store #contentRight ol#floorList li .iconBox .icon1F {background-image: url(https://file001.shop-pro.jp/PA01114/458/store/images/floor_1f.gif);} #store #contentRight ol#floorList li .iconBox .icon2F {background-image: url(https://file001.shop-pro.jp/PA01114/458/store/images/floor_2f.gif);} #store #contentRight ol#floorList li .iconBox .icon3F {background-image: url(https://file001.shop-pro.jp/PA01114/458/store/images/floor_3f.gif);} #store #contentRight ol#floorList li .iconBox .icon4F { background-image: url(https://file001.shop-pro.jp/PA01114/458/store/images/floor_4f.gif);} #store #contentRight ol#floorList li .textBox { float: right; width: 690px; padding-bottom: 15px; background: url(https://file001.shop-pro.jp/PA01114/458/store/images/floor_list_bg.gif) no-repeat right bottom;} #store #contentRight ol#floorList li .textBox h5 { color: #8EC31F; font-size: 16px; line-height: 120%; margin-bottom: 5px;} #store #contentRight #floorThumbArea { padding-top: 30px; _padding-top: 15px;} #store #contentRight #floorThumbArea .floorThumb { float: left; width: 172px; border-top: solid 3px #8EC31F;} #store #contentRight #floorThumbArea .floorThumbSpace { margin-left: 19px;} #store #contentRight #floorThumbArea .floorThumb table.thumbTbl { width: 172px;} #store #contentRight #floorThumbArea .floorThumb table.thumbTbl td.thumbPhoto { width: 172px; height: 150px; vertical-align: top;} #store #contentRight #floorThumbArea .floorThumb table.thumbTbl td.thumbFloorNo { width: 35px; vertical-align: top; text-align: left;} #store #contentRight #floorThumbArea .floorThumb table.thumbTbl td.thumbFlooName { width: 137px; vertical-align: middle; color: #8EC31F; font-size: 10px; line-height: 140%;} /* 富士店のみ */ #store #contentRight #message { width: 745px; height: 380px; margin-bottom: 20px;} #store #contentRight #copyFuji { width: 705px; height: 75px; background: url(https://file001.shop-pro.jp/PA01114/458/store/fuji/images/copy_fuji.gif) no-repeat left top; text-indent: -9999px; margin-bottom: 20px;} #store #contentRight #memberRegist { margin-bottom: 20px;} /* =================================================================== praivcy style =================================================================== */ .commentlistbox { padding:25px 0 0 0;} .commentlistbox h3 { font-size: 18px; line-height: 140%; color: #8EC31F; margin-bottom: 10px;} .commentlistbox h4 { font-size: 16px; line-height: 140%; font-weight:bold; margin-bottom: 7px;} .commentlistbox table{ border-collapse: collapse; width: 100%; border-top: dotted 1px #C8C8C8; margin-bottom:25px;} .commentlistbox th { width: 220px; border-bottom: dotted 1px #C8C8C8; padding:12px 0 11px 12px; vertical-align: middle; font-size: 13px; line-height: 140%;} .commentlistbox td { border-bottom: dotted 1px #C8C8C8; padding:12px 12px 11px 0; vertical-align: middle; font-size: 13px; line-height: 140%;} .commentlistbox .privacybox {} .commentlistbox .privacybox h3 { font-size: 18px; line-height: 140%; color: #8EC31F; margin-bottom: 10px;} .commentlistbox .privacybox h4 { font-size: 15px; line-height: 140%; font-weight:bold; margin-bottom: 3px;} .commentlistbox .privacybox p { font-size: 13px; line-height: 140%;} /* =================================================================== other style =================================================================== */ #other #contentLeft { float: left; width: 430px;} #other #contentRight { width: 480px; float: right;} #other #title { padding-left: 25px; background: url(https://file001.shop-pro.jp/PA01114/458/shared/images/h2_bg.jpg) repeat-x left bottom; margin-bottom: 35px;} /* sitemap */ #other .sitemapList li { padding-left: 22px; background: url(https://file001.shop-pro.jp/PA01114/458/images/icon_sitemap.gif) no-repeat left top; margin-bottom: 10px; padding-bottom: 2px; border-bottom: dotted 1px #999;} #other .sitemapList li a:hover { background-color: #8EC31F; color: #fff;} #other .sitemapList li ul { margin-top: 5px; margin-left: 15px;} #other .sitemapList li ul li { background-image: none; margin-bottom: 5px; padding-left: 0; list-style: disc; color: #999; padding-bottom: 0; border-bottom: none;} /* link */ #other .linkList li { padding-left: 22px; background: url(https://file001.shop-pro.jp/PA01114/458/shared/images/icon_arrow.gif) no-repeat left top; margin-bottom: 10px; padding-bottom: 2px; border-bottom: dotted 1px #999;} #other .linkList li a:hover { background-color: #8EC31F; color: #fff;} #other .linkList li p { margin-top: 3px; margin-bottom: 3px; color: #666;} /* =================================================================== footer style =================================================================== */ #footer { margin-top: 20px; border-top: solid 15px #8EC31F; background-color: #FFFCDB; padding: 8px 15px 10px 15px; } #footer p:first-child { margin-bottom:18px;} #footer p { margin-bottom:7px;} #footer p a { color:#666;} #footer #copyright { font-size: 10px;} /* =================================================================== box contral style =================================================================== */ table {width:100%;} /* float style ----------------------------------------------------------- */ .float_left { float:left;} .float_right { float:right;} /* ボックスに影・角丸をつける ----------------------------------------------------------- */ .shadow { -moz-box-shadow: 1px 1px 1px #bbb; -webkit-box-shadow: 1px 1px 1px #bbb; box-shadow: 1px 1px 1px #bbb;} .circle { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;} /* margin style ----------------------------------------------------------- */ .m_auto { margin-right: auto; margin-left: auto;} .top5px { margin-top:5px;} .top10px { margin-top:10px;} .top15px { margin-top:15px;} .top20px { margin-top:20px;} .top25px { margin-top:25px;} .top30px { margin-top:30px;} .top35px { margin-top:35px;} .top40px { margin-top:40px;} .top50px { margin-top:50px;} .right05px { margin-right:5px;} .right10px { margin-right:10px;} .right12px { margin-right:12px;} .right15px { margin-right:15px;} .right20px { margin-right:20px;} .right30px { margin-right:30px;} .right40px { margin-right:40px;} .right50px { margin-right:50px;} .bottom05px { margin-bottom:5px;} .bottom10px { margin-bottom:10px;} .bottom15px { margin-bottom:15px;} .bottom20px { margin-bottom:20px;} .bottom25px { margin-bottom:25px;} .bottom30px { margin-bottom:30px;} .bottom35px { margin-bottom:35px;} .bottom40px { margin-bottom:40px;} .bottom50px { margin-bottom:50px;} .left05px { margin-left:5px;} .left05px { margin-left:10px;} .left15px { margin-left:15px;} .left20px { margin-left:20px;} .left30px { margin-left:30px;} .left40px { margin-left:40px;} .left50px { margin-left:50px;} /* padding style ----------------------------------------------------------- */ .top_p05px { padding-top:5px;} .top_p10px { padding-top:10px;} .top_p15px { padding-top:15px;} .top_p20px { padding-top:20px;} .top_p25px { padding-top:25px;} .top_p30px { padding-top:30px;} .top_p35px { padding-top:35px;} .top_p40px { padding-top:40px;} .top_p50px { padding-top:50px;} .right_p05px { padding-right:5px;} .right_p10px { padding-right:10px;} .right_p15px { padding-right:15px;} .right_p20px { padding-right:20px;} .right_p30px { padding-right:30px;} .right_p40px { padding-right:40px;} .right_p50px { padding-right:50px;} .bottom_p05px { padding-bottom:5px;} .bottom_p10px { padding-bottom:10px;} .bottom_p15px { padding-bottom:15px;} .bottom_p20px { padding-bottom:20px;} .bottom_p25px { padding-bottom:25px;} .bottom_p30px { padding-bottom:30px;} .bottom_p35px { padding-bottom:35px;} .bottom_p40px { padding-bottom:40px;} .bottom_p50px { padding-bottom:50px;} .left_p05px { padding-left:5px;} .left_p05px { padding-left:10px;} .left_p15px { padding-left:15px;} .left_p20px { padding-left:20px;} .left_p30px { padding-left:30px;} .left_p40px { padding-left:40px;} .left_p50px { padding-left:50px;}