@charset "utf-8"; /* * * Usage: SHOP page layout * * Name: shop.css * */ /*--------------------------------------------------------------------- shop top layout ---------------------------------------------------------------------*/ #mapTxt {margin-bottom:50px;} /* map */ #mapJapan {background:url(../images/shop/img_map.gif) no-repeat 0 10px; margin-bottom:30px;} /* mapPoint */ #mapPoint {float:left; width:485px; height:580px; position:relative;} #mapPoint .point_box {background:url(../images/common/bg_op-w.png) repeat 0 0; border:1px dotted #c8c6be; position:absolute; padding:12px 0 4px 12px; letter-spacing:-.40em;} #mapPoint .point_box li {background:url(../images/common/ic_arrow-d_x2.gif) no-repeat 0 50%; padding-left:6px; display:inline-block; *display:inline; *zoom:1; letter-spacing:normal; margin:0 12px 4px 0;} #mapPoint .point_box h3 {margin-bottom:6px;} #mapPoint #point1 {width:133px; top:120px; left:335px;} #mapPoint #point2 {width:138px; top:284px; left:322px;} #mapPoint #point3 {width:138px; top:38px; left:92px;} #mapPoint #point4 {width:88px; top:395px; left:242px;} #mapPoint #point5 {width:150px; top:132px; left:30px;} #mapPoint #point6 {width:138px; top:247px; left:0;} #mapPoint #point7 {width:88px; top:440px; left:130px;} #mapPoint #point8 {width:106px; top:480px; left:0;} #mapPoint #point9 {top:546px; right:0; padding:12px 22px;} #mapPoint #point9 h3 {margin:0; line-height:100%;} #mapPoint #point9 a {padding:0; border:none;} /* mapInfo */ #mapInfo {float:right; width:220px;} #mapSearch {background:url(../images/common/bg_op-w.png) repeat 0 0; border:1px dotted #c8c6be; margin-bottom:35px; padding:15px 18px 18px 18px; text-align:center;} #mapSearch dt {margin-bottom:6px;} #mapSearch #s_form {margin-bottom:7px;} #mapSearch #s_form input {background:#e4e1dc; border:none; width:166px; padding:10px 7px;} #mapSearch #s_form input:hover {background:#f1f0ed;} #mapSearch #s_form input:focus {background:#f1f0ed;} #mapSearch #s_btn {background:url(../images/shop/btn_submit_on.gif) no-repeat 50% 0;} #mapSearch #s_btn input {vertical-align:bottom;} /* mapNews */ #mapNews {} #mapNews h3 {margin-bottom:15px; padding-bottom:8px; border-bottom:1px solid #797979; text-align:center;} #mapNews dl {} #mapNews dt {padding:0 6px; color:#8b8378;} #mapNews dd {padding:0 6px 14px 12px; margin-bottom:14px; border-bottom:1px solid #dfdacd; background:url(../images/common/ic_arrow-d_x2.gif) no-repeat 6px 0.7em;} /* shopOther */ #shopOther {margin-bottom:64px;} /* otherShopList */ #otherShopList {margin-bottom:20px; border-bottom:1px solid #dfdacd; /*padding-bottom:20px;*/} /* specialShop */ /* スペシャル店舗が3つある場合の左寄せ #specialShop {float:left; width:471px; height:118px; padding:12px; background:url(../images/shop/bg_special-shop.gif) no-repeat 0 0;} #specialShop h4 {margin-bottom:30px;} #specialShop li {float:left; margin-right:34px;} #specialShop .last {margin-right:0;} */ #specialShop {float:left; width:255px; height:118px; padding:12px; background:url(../images/shop/bg_special-shop.gif) no-repeat 0 0;} #specialShop h4 {margin-bottom:30px;} #specialShop ul {width:142px; margin:0 auto;} #specialShop ul li {float:left; margin-right:34px;} #specialShop .last {margin-right:0;/* padding-top:30px; */} /* categoryShop */ #categoryShop {float:right; width:398px; height:118px; padding:12px 19px 12px 19px; background:url(../images/shop/bg_category-shop.gif) no-repeat 0 0;} #categoryShop h4 {margin-bottom:18px;} #categoryShop ul {text-align:center;} /* 4つの場合　*/ #categoryShop li {float:left;margin:0 30px;} #categoryShop li:nth-of-type(3), #categoryShop li:nth-of-type(4) {margin-top:7px;} /* 5つの場合 #categoryShop li {display:inline-block; *display:inline; *zoom:1; margin-right:34px;} #categoryShop li:nth-of-type(3), #categoryShop li:nth-of-type(5) {margin-right:0;} #categoryShop li:nth-of-type(n+4) {margin-top:7px;} */ /* #categoryShop li:nth-of-type(3), #categoryShop li:nth-of-type(5), #categoryShop li:nth-of-type(7) {margin-right:0;} #categoryShop li:nth-of-type(n+4) {margin-top:18px;} */ /* 勅使なしver #categoryShop {float:right; width:398px; height:118px; padding:12px 19px 12px 19px; background:url(../images/shop/bg_category-shop.gif) no-repeat 0 0;} #categoryShop h4 {margin-bottom:30px;} #categoryShop ul {text-align:center;} #categoryShop li {display:inline-block; *display:inline; *zoom:1; margin-right:34px;} #categoryShop .last {margin-right:0;} */ /* barShop */ #barShop {float:left; width:320px; height:111px; padding:12px 19px; background:url(../images/shop/bg_half_shop.png) no-repeat 0 0; text-align:center; margin-top:20px;} #barShop h4 {margin-bottom:18px;} #barShop ul {text-align:center;} #barShop li {display:inline-block; *display:inline; *zoom:1; margin-right:34px;} #barShop li:nth-of-type(2) {margin-right:0;} /* groupShop */ #groupShop {float:right; width:320px; height:111px; padding:12px 19px; background:url(../images/shop/bg_half_shop.png) no-repeat 0 0; text-align:center; margin-top:20px;} #groupShop h4 {margin-bottom:15px;} #groupShop ul {text-align:center;} #groupShop li {display:inline-block; *display:inline; *zoom:1;} /* tameccoShop */ #tameccoShop {float:right; width:271px; height:111px; padding:12px; background:url(../images/shop/bg_group-shop.gif) no-repeat 0 0; text-align:center; margin-top:20px;} #tameccoShop h4 {margin-bottom:13px;} /*--------------------------------------------------------------------- shop detail layout ---------------------------------------------------------------------*/ #shopDetail {padding:60px 0 0 0; margin-bottom:25px;} #shopDetail h3 {font-size:200%; border-bottom:1px solid #797979; margin-bottom:44px; padding-bottom:15px; font-weight:bold;} #shopDetail h3 span {font-size:16px; padding-left:15px; color:#FF0000;} #detailContent {padding:0 0 0 35px;} #detailLeft {float:left; width:173px;} #detailLeft #shopPhoto {margin-bottom:25px; text-align:center;} #detailLeft #shopQR {text-align:center; border:1px dotted #c8c6be; background:#fefdf8; padding:18px 12px; margin-bottom:25px;} #detailLeft #shopQR h4 {margin-bottom:10px; border-bottom:1px solid #bbbbb8; padding:0 6px 10px 6px;} #shopParttimeJob {} #shopParttimeJob p {margin-bottom:15px; padding:0 4px;} #detailRight {float:right; width:490px;} #detailRight #gmap {border:1px solid #acaaa7; margin-bottom:30px;} #detailRight #shopInfo {padding-left:22px;} #detailRight #shopInfo dl {background:url(../images/common/line_dot-x2.gif) repeat-x 0 100%; padding-bottom:12px; margin-bottom:12px;} #detailRight #shopInfo dt {width:92px;} #detailRight #shopInfo dt img { padding-left:6px;} #detailRight #shopInfo dd {margin:-14px 0 0 100px;} #detailRight #shopInfo dd em {color:red;} #detailRight #shopInfo .ic {margin-right:16px;} #detailRight #shopInfo .ic img {vertical-align:middle; margin-right:10px;} #detailRight #shopInfo dd a {text-decoration:underline; color:#06C;} /*--------------------------------------------------------------------- shop list layout ---------------------------------------------------------------------*/ #shopList {margin-bottom:25px;} #shopList h3 {font-size:217%; border-bottom:1px solid #797979; margin-bottom:44px; padding-bottom:15px; font-weight:bold;} #shopList .noHit {font-size:133%; line-height:1.8;border-bottom:1px solid #797979; margin-bottom:200px; padding-bottom:15px; font-weight:bold;} #shopList .noHit a {color:#0066FF; font-size:85%;} #listInner {padding-left:35px;} #squeezeArea {border:1px dotted #c8c6be; background:#eae7dd; padding:18px 18px 10px 18px; letter-spacing:-.40em; margin-bottom:20px;} #squeezeArea h4 {margin-bottom:12px;} #squeezeArea li {display:inline-block; *display:inline; *zoom:1; letter-spacing:normal; border-right:1px solid #484848; padding-right:5px; margin-right:5px; line-height:120%; margin-bottom:8px;} #squeezeArea li.last {border-right:none; padding-right:0; margin-right:0;} #shopTable {margin-bottom:22px;} #shopTable thead {border-bottom:1px solid #797979;} #shopTable thead th {padding:0 0 9px 0;} #shopTable .shop_name {width:200px; padding-left:40px;} #shopTable .shop_address {width:305px;} #shopTable .shop_service {width:140px;} #shopTable tbody {} #shopTable tbody th {border-bottom:1px solid #dfdacd; padding:5px 5px 5px 40px;} #shopTable tbody td {border-bottom:1px solid #dfdacd; padding:5px 5px 5px 0;} #shopTable tbody .hanamaru_normal {background:url(../images/shop/ic_shop-hanamaruudon.gif) no-repeat 6px 50%;} #shopTable tbody .hanamaru_special {background:url(../images/shop/ic_shop-hanamaru-special.gif) no-repeat 6px 50%;} #shopTable tbody .umagena {background:url(../images/shop/ic_shop-umagena.gif) no-repeat 6px 50%;} #shopTable tbody .sanuki_menya {background:url(../images/shop/ic_shop-sanukimenya.gif) no-repeat 6px 50%;} #shopTable tbody .tsurusaku {background:url(../images/shop/ic_shop-tsurusaku.gif) no-repeat 6px 50%;} #shopTable tbody .chokushi {background:url(../images/shop/ic_shop-chokushi.gif) no-repeat 6px 50%;} #shopTable tbody .udon {background:url(../images/shop/ic_shop-udon.gif) no-repeat 6px 50%;} #shopTable tbody .kayabar {background:url(../images/shop/ic_shop-kayabar.gif) no-repeat 6px 50%;} #shopTable .ic_table {} #shopTable .ic_table td {padding:0; border-bottom:none; width:29px;} #pagenate {position:relative; margin-bottom:30px;} #pagenate ul {text-align:center; letter-spacing:-.40em;} #pagenate li {display:inline-block; *display:inline; *zoom:1; letter-spacing:normal; margin:0 3px;} #pagenate li a, #pagenate li .current {border:1px solid #dfdacd; padding:6px 12px; display:inline-block; vertical-align:middle;} #pagenate li .current {background:#dfdacd;} #pagenate li a:hover {background:#dfdacd; color:#000;} #pagenate li a:hover span {border-bottom:none;} #pagenate li a span {border-bottom:1px dotted #232323;} #pagenate .p_prev {background:url(../images/shop/ic_arrow-prev.gif) no-repeat 0 50%; padding:0 15px 0 20px;} #pagenate .p_next {background:url(../images/shop/ic_arrow-next.gif) no-repeat 100% 50%; padding:0 20px 0 15px;} #pagenate .p_prev a, #pagenate .p_next a {border:none; border-bottom:1px dotted #232323; padding:0;} #pagenate .p_prev a:hover, #pagenate .p_next a:hover {background:none; border-bottom:1px dotted #fcf9ed;} #pagenate #pagenateTxt {position:absolute; top:6px; right:0;} #aboutIcon {border:1px dotted #c8c6be; background:#fefdf8; padding:20px 0 8px 20px;} #aboutIcon h4 {margin-bottom:18px;} #aboutIcon ul {letter-spacing:-.40em;} #aboutIcon li {display:inline-block; *display:inline; *zoom:1; letter-spacing:normal; vertical-align:middle; padding-left:40px; line-height:30px; margin-bottom:12px;} #aboutIcon .w1 {width:95px;} #aboutIcon .w2 {width:110px;} #aboutIcon .w3 {width:100px;} #aboutIcon .w4 {width:85px;} #aboutIcon .w5 {width:65px;} #aboutIcon .ic_about_hanamaruudon {background:url(../images/shop/ic_shop-hanamaruudon.gif) no-repeat 0 50%;} #aboutIcon .ic_about_special {background:url(../images/shop/ic_shop-hanamaru-special.gif) no-repeat 0 50%; line-height:15px;} #aboutIcon .ic_about_umagena {background:url(../images/shop/ic_shop-umagena.gif) no-repeat 0 50%;} #aboutIcon .ic_about_sanuki {background:url(../images/shop/ic_shop-sanukimenya.gif) no-repeat 0 50%;} #aboutIcon .ic_about_tsurusaku {background:url(../images/shop/ic_shop-tsurusaku.gif) no-repeat 0 50%;} #aboutIcon .ic_about_chokushi {background:url(../images/shop/ic_shop-chokushi.gif) no-repeat 0 50%; line-height:15px;} #aboutIcon .ic_about_udon {background:url(../images/shop/ic_shop-udon.gif) no-repeat 0 50%;} #aboutIcon .ic_about_kayabar {background:url(../images/shop/ic_shop-kayabar.gif) no-repeat 0 50%; line-height:15px;} #aboutIcon .ic_about_oden {background:url(../images/shop/ic_oden.gif) no-repeat 0 50%;} #aboutIcon .ic_about_alcohol {background:url(../images/shop/ic_alcohol.gif) no-repeat 0 50%;} #aboutIcon .ic_about_drink {background:url(../images/shop/ic_drink.gif) no-repeat 0 50%;} #aboutIcon .ic_about_parking {background:url(../images/shop/ic_parking.gif) no-repeat 0 50%;} #aboutIcon .ic_about_takeout {background:url(../images/shop/ic_takeout.gif) no-repeat 0 50%;} .bnrSeason { text-align:center; padding:3px; border:solid 1px #ccc; margin:0 0 30px; }