@charset "utf-8";

/* ===================== shop common css ===================== */

/* header current */
#header dl dd.shop a {
background-position: -685px -72px;
}

#main dl.breadCrumb {
margin-bottom: 18px;
}


/* shop / index.html
--------------------------------------------------------- */
/* ----- japanMap ----- */
#contents #main .japanMap {
position: relative;
height: 640px;
background: url(../img/support/shop/bg_japan-map.gif) no-repeat 0 126px;
}

/* p */
#contents #main .japanMap p {
margin: 36px 0 0 0;
color: #64A2D;
}
#contents #main .japanMap p.contact {
position: absolute;
bottom: 0;
margin: 0 0 0 230px;
}

/* h1 */
#contents #main .japanMap h1 {
border-bottom: 1px solid #EDED69;
}

/* h2 */
#contents #main .japanMap h2 {
margin: 0;
border-bottom: 1px solid #C0C0BE;
}
#contents #main .japanMap h2 a:hover {
display: block;
}
#contents #main .japanMap h2 a:hover img {
visibility: hidden;
}

#contents #main .japanMap h2.hokkaido {
border: none;
}
#contents #main .japanMap h2.hokkaido a {
position: absolute;
display: block;
top: 201px;
left: 610px;
width: 58px;
height: 0;
padding: 30px 0 0 0;
font-size: 0;
background: url(../img/support/shop/h2_hokkaido.gif) no-repeat left top;
overflow: hidden;
border: none;
}
#contents #main .japanMap h2.hokkaido a:hover {
background: url(../img/support/shop/h2_hokkaido.gif) no-repeat 0 -30px;
}
#contents #main .japanMap .tohoku h2 a {
display: block;
width: 114px;
height: 0;
padding: 30px 0 0 0;
font-size: 0;
background: url(../img/support/shop/h2_tohoku.gif) no-repeat left top;
overflow: hidden;
}
#contents #main .japanMap .tohoku h2 a:hover {
background: url(../img/support/shop/h2_tohoku.gif) no-repeat 0 -30px;
}
#contents #main .japanMap .kanto h2 a {
display: block;
width: 160px;
height: 0;
padding: 30px 0 0 0;
font-size: 0;
background: url(../img/support/shop/h2_kanto.gif) no-repeat left top;
overflow: hidden;
}
#contents #main .japanMap .kanto h2 a:hover {
background: url(../img/support/shop/h2_kanto.gif) no-repeat 0 -30px;
}
#contents #main .japanMap .chubu h2 a {
display: block;
width: 150px;
height: 0;
padding: 30px 0 0 0;
font-size: 0;
background: url(../img/support/shop/h2_chubu.gif) no-repeat left top;
overflow: hidden;
}
#contents #main .japanMap .chubu h2 a:hover {
background: url(../img/support/shop/h2_chubu.gif) no-repeat 0 -30px;
}
#contents #main .japanMap .chugoku h2 a {
display: block;
width: 112px;
height: 0;
padding: 30px 0 0 0;
font-size: 0;
background: url(../img/support/shop/h2_chugoku.gif) no-repeat left top;
overflow: hidden;
}
#contents #main .japanMap .chugoku h2 a:hover {
background: url(../img/support/shop/h2_chugoku.gif) no-repeat 0 -30px;
}
#contents #main .japanMap .kansai h2 a {
display: block;
width: 150px;
height: 0;
padding: 30px 0 0 0;
font-size: 0;
background: url(../img/support/shop/h2_kansai.gif) no-repeat left top;
overflow: hidden;
}
#contents #main .japanMap .kansai h2 a:hover {
background: url(../img/support/shop/h2_kansai.gif) no-repeat 0 -30px;
}
#contents #main .japanMap .shikoku h2 a {
display: block;
width: 76px;
height: 0;
padding: 30px 0 0 0;
font-size: 0;
background: url(../img/support/shop/h2_shikoku.gif) no-repeat left top;
overflow: hidden;
}
#contents #main .japanMap .shikoku h2 a:hover {
background: url(../img/support/shop/h2_shikoku.gif) no-repeat 0 -30px;
}
#contents #main .japanMap .kyushu h2 a {
display: block;
width: 150px;
height: 0;
padding: 30px 0 0 0;
font-size: 0;
overflow: hidden;
background: url(../img/support/shop/h2_kyushu-okinawa.gif) no-repeat left top;
}
#contents #main .japanMap .kyushu h2 a:hover {
background: url(../img/support/shop/h2_kyushu-okinawa.gif) no-repeat 0 -30px;
}

/* layout */
#contents #main .japanMap .tohoku {
position: absolute;
width: 114px;
top: 347px;
left: 516px;
}
#contents #main .japanMap .kanto {
position: absolute;
width: 160px;
top: 441px;
left: 440px;
}
#contents #main .japanMap .chubu {
position: absolute;
width: 150px;
top: 146px;
left: 300px;
}
#contents #main .japanMap .chugoku {
position: absolute;
width: 112px;
top: 164px;
left: 174px;
}
#contents #main .japanMap .kansai {
position: absolute;
width: 150px;
top: 476px;
left: 250px;
}
#contents #main .japanMap .shikoku {
position: absolute;
width: 76px;
top: 450px;
left: 136px;
}
#contents #main .japanMap .kyushu {
position: absolute;
width: 150px;
top: 186px;
left: 0;
}

/* ul */
#contents #main .japanMap ul {
overflow: hidden;
}
#contents #main .japanMap ul li {
float: left;
margin: 8px 0 0 0;
padding: 0 6px 0 6px;
border-right: 1px solid #6E573F;
}
#contents #main .japanMap ul li.no-bdr {
border: none;
}
#contents #main .japanMap ul li.okinawa {
position: absolute;
top: 154px;
left: 0;
border: none;
}
#contents #main .japanMap ul li a {
color: #CA5200;
}


/* ----- shopList ----- */
#contents #main .shopList h2 {
width: 666px;
margin: 0 0 -34px 0;
}
#contents #main .shopList h2.hokkaido {
margin: 0 0 24px 0;
}
#contents #main .shopList h3 {
width: 666px;
margin: 68px 0 30px 0;
padding: 0;
border-bottom: 1px solid #D1D1CF;
background: none;
}


#contents #main .shopList dl {
width: 666px;
margin: 20px 0 0 0;
background: url(../img/common/dot_v-line.gif) repeat-x left top;
overflow: hidden;
}
#contents #main .shopList dl dt {
height: 0px;
overflow: hidden;
}
#contents #main .shopList dl dd {
width: 666px;
padding: 16px 0 16px 0;
background: url(../img/common/dot_v-line.gif) repeat-x left bottom;
line-height: 160%;
}
#contents #main .shopList dl dd h4,
#contents #main .shopList dl dd h4 a {
color: #9A5F1E;
}

#contents #main .shopList p.top {
width: 666px;
margin: 34px 0 0 0;
text-align: right;
}
#contents #main .shopList p.top a {
padding: 0 0 0 12px;
background: url(../img/common/list_arrow_grn_top.gif) no-repeat 0 5px;
color: #D26000;
}