@charset "utf-8";

/* ****************************************************************
   店舗検索ページの独自設定
*************************************************************** */

/* ********************************
   店舗検索トップ
******************************** */
#contents p#searchMap{
margin:0 0 17px;
}
#shopList{
position:relative;
margin-bottom:20px;
width:100%;
}
#shopList h2{
font-size:1.6em;
font-weight:bold;
padding-left:25px;
background:url(../images/ind_ico.gif) no-repeat 0% 50%;
zoom:1;
}
#shopList .bar{
padding-bottom:4px;
background:url(../images/ind_line_dot.gif) repeat-x 0% 100%;
}
#shopList .more{
position:absolute;
top:0;
left:626px;
}
#shopList ul li{
float:left;
width:218px;
margin:10px 0 0 1px;
display:inline;
line-height:1.3;
}
#shopList ul li a{
padding-left:12px;
background:url(../../common/images/arrow_pink.gif) no-repeat 0% 0%;
}


/* ********************************
   店舗検索一覧
******************************** */

#contents ul.search{
position:relative;
margin-bottom:23px;
}
#contents ul.search li{
float:left;
display:inline;
}
#contents ul.search li.metropolis{
font-size:1.4em;
font-weight:bold;
padding-left:24px;
margin-right:30px;
display:inline;
zoom:1;
background:url(/search/images/list_ico01.gif) no-repeat 0% 50%;
}
#contents ul.search li.txt{
padding:3px 0 0 0;
}
#contents ul.search li.district{
padding:3px 0 0 0;
}
* html #contents ul.search li.district{
padding:0;
}
#contents ul.search li.districtBtn{
vertical-align:middle;
}
#contents ul.search li.select{
position:absolute;
top:0;
right:4px;
}
#contents .icon{
position:relative;
width:100%;
}
#contents ul.shopExp{
position:relative;
float:right;
}
#contents ul.shopExp li,
#contents ul.shopExp2 li{
float:left;
margin-left:13px;
display:inline;
}
#contents ul.shopExp li.shop01,
#contents ul.shopExp2 li.shop01{
padding:10px 0 10px 30px;
background:url(/search/images/shop_ico01.gif) no-repeat 0% 50%;
}
#contents ul.shopExp li.shop02,
#contents ul.shopExp2 li.shop02{
padding:10px 0 10px 30px;
background:url(/search/images/shop_ico02.gif) no-repeat 0% 50%;
}
#contents ul.shopExp li.shop03,
#contents ul.shopExp2 li.shop03{
padding:10px 0 10px 30px;
background:url(/search/images/shop_ico03.gif) no-repeat 0% 50%;
}
#contents ul.shopExp li.shop04,
#contents ul.shopExp2 li.shop04{
padding:10px 0 10px 30px;
background:url(/search/images/shop_ico04.gif) no-repeat 0% 50%;
}
#contents p.explanation{
text-align:right;
margin-bottom:15px;
line-height:1.3;
}
#contents p.explanation a{
padding-left:12px;
background:url(../../common/images/arrow_pink.gif) no-repeat 0% 0%;
}
#result ul li{
padding-top:22px;
margin-bottom:20px;
background:url(../../common/images/dotline_grad.gif) repeat-x 0% 0%;
}
#result li.firstChild{
padding-top:0;
background:none;
}
#result h2{
margin-bottom:0.2em;
font-size:1.2em;
font-weight:bold;
}
#result .textArea{
width:725px;
}
#result .textArea span,
#contents .left span{
color:#37a400;
}
#contents .left p.news span{
color:#d70c18;
}
#result .textArea h2 img{
vertical-align:middle;
margin-right:5px;
}
#result .textArea .detail{
width:650px;
position:relative;
}
#result .textArea .detail p{
float:left;
display:inline;
padding-right:30px;
}
* html #result .textArea .detail p{
float:left;
display:inline;
margin-right:30px;
word-wrap:break-word;
}

#result .textArea .address p{
float:left;
display:inline;
}

#result .textArea .address p.address{
width:620px;
}
#result .textArea .address p.storedetail{
text-align:right;
}


#mobileSite{
width:232px;
height:75px;
background:url(../images/shop_mobile_bg.gif) no-repeat 0% 0%;
}

#contents .left #mobileSite p{
float:left;
padding-top:5px;
padding-right:0;
}


/* ********************************
   店舗検索詳細
******************************** */
#contents .name{
padding-top:11px;
background:url(/search/images/name_bg01.gif) repeat-y 0% 0%;
}
#contents .nameBtm{
position:relative;
padding-bottom:10px;
background:url(/search/images/name_bg02.gif) repeat-y 0% 100%;
}
#contents .name h1{
margin:0;
padding:0;
float:left;
display:inline;
margin-left:11px;
font-size:1.4em;
font-weight:bold;
}
#contents .name h1 img{
margin-right:30px;
vertical-align:middle;
}
#contents .btnBack{
float:right;
display:inline;
margin:13px 11px 0 0;
}
#contents ul.shopExp2{
width:320px;
position:relative;
line-height:1.3;
}
#contents ul.shopExp2 li{
word-break:keep-all;
}

#contents p.explanation2 a{
padding-left:12px;
background:url(../../common/images/arrow_pink.gif) no-repeat 0% 0%;
margin-left:1em;
}
#mainBg{
background:url(/search/images/shop_bg01.gif) repeat-y 0% 0%;
margin:17px 0 20px;
}
#mainBtm{
background:url(/search/images/shop_bg06.gif) no-repeat 0% 100%;
padding-bottom:12px;
}
#mainBg .sec01Top{
background:url(/search/images/shop_bg02.gif) no-repeat 0% 0%;
padding-top:25px;
position:relative;
}
#mainBg .sec01Btm{
background:url(/search/images/shop_bg03.gif) no-repeat 0% 100%;
padding:0 21px 10px;
position:relative;
}
#mainBg .sec02Top{
background:url(/search/images/shop_bg04.gif) no-repeat 0% 0%;
padding-top:23px;
}
#mainBg .sec02Btm{
background:url(/search/images/shop_bg05.gif) no-repeat 0% 100%;
padding:0 21px 29px;
}
#mainBg .sec01Btm h2{
padding:0 0 11px 0;
}
#mainBg .sec01Btm p{
margin-top:5px;
}
#contents .left{
float:left;
width:320px;
line-height:1.8em;
}
#contents .left p{
padding:0 1em;
text-indent:-1em;
margin-bottom:5px;
}
#contents div.right{
float:left;
width:342px;
}
#contents div.right div{
position:relative;
}
#contents div.right .txt{
margin:6px 0 13px 1px;
}
#contents div.right div .print{
position:absolute;
top:-5px;
left:224px;
}
#contents div.right .gmap{
margin:0 0 3px 0;
}
#contents .banArea{
position:relative;
margin-left:10px;
background:#fffae9;
}
#contents .banArea li{
float:left;
display:inline;
margin-right:10px;
}
#contents .banArea li.end{
float:left;
display:inline;
margin:0;
}

/* ********************************
   フローティング
******************************** */
#floating{
width:535px;                      
}
#floating .bgTop{
background:url(/search/images/floating_bg01.png) no-repeat 0% 0%;
padding-top:20px;
width:535px;                      
}
#floating .bgBtm{
background:url(/search/images/floating_bg02.png) no-repeat 0% 100%;
padding-bottom:20px;
width:535px;                      
}
#floating p.tit{
margin:0 0 5px 20px;
}
#floating p.close{
margin:0;
padding:0;
text-align:right;
}
#floating .sec01,
#floating .sec02,
#floating .sec03{
position:relative;
width:495px;
background:url(/search/images/floating_line_dot.gif) repeat-x 0% 100%;
padding-top:14px;
padding-bottom:15px;
margin-left:20px;
}
#floating .sec04{
position:relative;
width:495px;
padding-top:14px;
margin-left:20px;
}
#floating dl{
width:495px;
}
#floating dl dt{
margin:0;
padding:0;
width:42px;
float:left;
}
#floating dl dd{
margin:0;
padding:0;
width:430px;
float:right;
}
#floating dl dd span{
font-weight:bold;
}