@charset "UTF-8";


/*************************
お菓子用ＣＳＳ
**************************/
#shopList{
width:700px;
margin:0 auto;
padding:0;
}

#shopList:after {
font-size:1px;
content: ".";
display: block;
clear: both;
height: 0;
}

#shopList h3{
width:680px;
height:110px;
margin:0 auto;
padding:0 0 15px 0;
background-image:url(../../img/shop/img_main.jpg);
background-repeat:no-repeat;
background-position:top;
overflow:hidden;
text-indent:-9999px;
}

/*************************
店舗からのお知らせ
**************************/
#shopList .shopinfoBox{
width:700px;
margin:0 auto;
padding:0 0 25px 0;
}

#shopList .shopinfoBox:after {
font-size:1px;
content: ".";
display: block;
clear: both;
height: 0;
}

#shopList .shopinfoBox p.ttlshopinfo{
width:680px;
height:40px;
margin:0 auto;
padding:0;
background-image:url(../../img/shop/ttl_shopinfo.png);
background-repeat:no-repeat;
background-position:top;
text-align:left;
overflow:hidden;
text-indent:-9999px;
}

#shopList .shopinfoBox .shopinfoList{
width:660px;
margin:0 auto;
padding:10px;
background-image:url(../../img/shop/bg_whitecontents.png);
background-repeat:repeat;
}

#shopList .shopinfoBox .shopinfoList:after {
font-size:1px;
content: ".";
display: block;
clear: both;
height: 0;
}


#shopList .shopinfoBox .shopinfoList dl{
width:660px;
margin:0 auto;
padding:8px 0 8px 0;
border-bottom:1px dotted #CCCCCC;
overflow:hidden;
}

#shopList .shopinfoBox .shopinfoList dl:after {
font-size:1px;
content: ".";
display: block;
clear: both;
height: 0;
}


#shopList .shopinfoBox .shopinfoList dl dt{
display:block;
width:90px;
margin:0;
padding:0;
float:left;
text-align:left;
}


#shopList .shopinfoBox .shopinfoList dl dd.shopinfoTxt{
display:block;
width:450px;
margin:0 auto;
padding:0;
text-align:left;
float:left;
}

#shopList .shopinfoBox .shopinfoList dl dd.shopinfoTxt a{
padding:0 0 0 20px;
background-image:url(../../img/common/bg_common_arrow2.png);
background-position: left;
background-repeat:no-repeat;
}


#shopList .shopinfoBox .shopinfoList dl dd.shopinfoBtn{
display:block;
float:left;
width:120px;
height:18px;
margin:0 auto;
padding:0;
overflow:hidden;
}

#shopList .shopinfoBox .shopinfoList dl dd.shopinfoBtn a,#shopList .shopinfoBox .shopinfoList dl dd.shopinfoBtn a:visited{
display:block;
width:120px;
height:18px;
overflow:hidden;
background-image:url(../../img/shop/btn_shop_goinfo.png);
background-repeat:no-repeat;
background-position:top;
text-indent:-9999px;
padding:0;
}

#shopList .shopinfoBox .shopinfoList dl dd.shopinfoBtn a:hover{background-position:bottom;}



/*************************
店リスト一段
**************************/
#shopList .shopListBox{
width:700px;
margin:0 auto;
padding:0 0 25px 0;
}

/*各見出し*/
#shopList .shopListBox .ttlshoplistTuruoka{
width:680px;
height:40px;
margin:0 auto;
padding:0;
background-image:url(../../img/shop/ttl_shop_turuoka.png);
background-repeat:no-repeat;
background-position:top;
text-align:left;
overflow:hidden;
text-indent:-9999px;
}

#shopList .shopListBox .ttlshoplistSakata{
width:680px;
height:40px;
margin:0 auto;
padding:0;
background-image:url(../../img/shop/ttl_shop_sakata.png);
background-repeat:no-repeat;
background-position:top;
text-align:left;
overflow:hidden;
text-indent:-9999px;
}

#shopList .shopListBox .ttlshoplistKengai{
width:680px;
height:40px;
margin:0 auto;
padding:0;
background-image:url(../../img/shop/ttl_shop_kengai.png);
background-repeat:no-repeat;
background-position:top;
text-align:left;
overflow:hidden;
text-indent:-9999px;
}

#shopList .shopListBox .ttlshoplistOther{
width:680px;
height:40px;
margin:0 auto;
padding:0;
background-image:url(../../img/shop/ttl_shop_other.png);
background-repeat:no-repeat;
background-position:top;
text-align:left;
overflow:hidden;
text-indent:-9999px;
}

#shopList .shopListBox .subttlshoplist{
width:645px;
height:24px;
margin:10px auto 0 auto;
padding:3px 0 10px 35px;
text-align:left;
font-weight:bold;
font-size:18px;
line-height:1;
background-image:url(../../img/shop/subttl_shopcate.png);
background-repeat:no-repeat;
background-position:top;
color:#FFFFFF;
overflow:hidden;
}


/*リスト基本箱*/
#shopList .shopListBox .shopListOneline{
width:700px;
margin:0 auto;
padding:0;
}

#shopList .shopListBox .shopListOneline:after {
font-size:1px;
content: ".";
display: block;
clear: both;
height: 0;
}

#shopList .shopListBox .shopListOneline ul{
width:680px;
margin:0 auto;
padding:0;
}

#shopList .shopListBox .shopListOneline ul:after {
font-size:1px;
content: ".";
display: block;
clear: both;
height: 0;
}

/*************************
お店ひとつ
**************************/
#shopList .shopListBox .shopListOneline ul li{
display:block;
width:660px;
margin:0 auto 10px auto;
padding:0 10px 0 10px;
overflow:hidden;
background-image:url(../../img/shop/bg_whitecontents.png);
background-repeat:repeat;
background-position:top;
}

#shopList .shopListBox .shopListOneline ul li:after{
font-size:1px;
content: ".";
display: block;
clear: both;
height: 0;
}


#shopList .shopListBox .shopListOneline ul li dl{
width:660px;
margin:0 auto;
padding:10px 0;
overflow:hidden;
position:relative;
}

#shopList .shopListBox .shopListOneline ul li dl:after {
font-size:1px;
content: ".";
display: block;
clear: both;
height: 0;
}

#shopList .shopListBox .shopListOneline ul li dl dt{
display:block;
width:660px;
overflow:hidden;
text-align:left;
font-size:16px;
font-weight:bold;
padding:2px 0 4px 0;
border-bottom:1px solid #CCCCCC;
color:#676767;
}

#shopList .shopListBox .shopListOneline ul li dl dd.shopListOneimg{
float:left;
width:120px;
height:80px;
margin:0;
padding:10px 0 0 0;
}

#shopList .shopListBox .shopListOneline ul li dl dd.shopListOnetxt{
float:left;
width:410px;
margin:0;
padding:10px 0 0 0;
}

#shopList .shopListBox .shopListOneline ul li dl dd.shopListOnetxt dl{
width:410px;
margin:0 auto;
padding:0;
}

#shopList .shopListBox .shopListOneline ul li dl dd.shopListOnetxt dl dt{
display:block;
width:80px;
overflow:hidden;
text-align: right;
font-size:12px;
font-weight:normal;
padding:0 15px 0 0;
border-bottom:none;
color:#676767;
float:left;
}

#shopList .shopListBox .shopListOneline ul li dl dd.shopListOnetxt dl dd{
display:block;
width:315px;
float:left;
text-align:left;
padding:0 0 4px 0;
}

#shopList .shopListBox .shopListOneline ul li dl dd.shopListOnebtn{
width:120px;
height:80px;
float:right;
margin:0;
padding:0;
position:relative;
}

#shopList .shopListBox .shopListOneline ul li dl dd.shopListOnebtn a,#shopList .shopListBox .shopListOneline ul li dl dd.shopListOnebtn a:visited{
display:block;
width:120px;
height:18px;
overflow:hidden;
background-image:url(../../img/shop/btn_shop_godetail.png);
background-repeat:no-repeat;
background-position:top;
text-indent:-9999px;
padding:0;
position:absolute;
bottom:-10px;
right:0;
}

#shopList .shopListBox .shopListOneline ul li dl dd.shopListOnebtn a:hover{background-position:bottom;}

/*************************
店舗案内詳細
**************************/

#shopList .shopDetailBox{
width:700px;
margin:0 auto;
padding:0 0 25px 0;
}

#shopList .shopDetailinBox{
display:block;
width:660px;
margin:0 auto 10px auto;
padding:0 10px 20px 10px;
overflow:hidden;
background-image:url(../../img/shop/bg_whitecontents.png);
background-repeat:repeat;
background-position:top;
}


/*店*/
#shopList .shopDetailinBox ul li{
display:block;
width:660px;
margin:0 auto 10px auto;
overflow:hidden;
}

#shopList .shopDetailinBox ul li:after{
font-size:1px;
content: ".";
display: block;
clear: both;
height: 0;
}


#shopList .shopDetailinBox ul li dl{
width:660px;
margin:0 auto;
padding:10px 0;
overflow:hidden;
position:relative;
}

#shopList .shopDetailinBox ul li dl:after {
font-size:1px;
content: ".";
display: block;
clear: both;
height: 0;
}

#shopList .shopDetailinBox ul li dl dt{
display:block;
width:660px;
overflow:hidden;
text-align:left;
font-size:16px;
font-weight:bold;
padding:2px 0 4px 0;
border-bottom:1px solid #CCCCCC;
color:#676767;
}

#shopList .shopDetailinBox ul li dl dd.shopListOneimg{
float:left;
width:120px;
height:80px;
margin:0;
padding:10px 0 0 0;
}

#shopList .shopDetailinBox ul li dl dd.shopListOnetxt{
float:left;
width:410px;
margin:0;
padding:10px 0 0 0;
}

#shopList .shopDetailinBox ul li dl dd.shopListOnetxt dl{
width:410px;
margin:0 auto;
padding:0;
}

#shopList .shopDetailinBox ul li dl dd.shopListOnetxt dl dt{
display:block;
width:80px;
overflow:hidden;
text-align: right;
font-size:12px;
font-weight:normal;
padding:0 15px 0 0;
border-bottom:none;
color:#676767;
float:left;
}

#shopList .shopDetailinBox ul li dl dd.shopListOnetxt dl dd{
width:315px;
float:left;
text-align:left;
padding:0 0 4px 0;
}

#shopList .shopDetailinBox ul li dl dd.shopListOnebtn{
width:120px;
height:80px;
float:right;
margin:0;
padding:0;
position:relative;
}


/*****アクセス***/
#shopList .shopDetailinBox .shopAccess ul li{
display:block;
width:660px;
margin:0 auto 10px auto;
overflow:hidden;
}

#shopList .shopDetailinBox .shopAccess ul li:after{
font-size:1px;
content: ".";
display: block;
clear: both;
height: 0;
}


#shopList .shopDetailinBox .shopAccess ul li dl{
width:660px;
margin:0 auto;
padding:10px 0;
overflow:hidden;
}

#shopList .shopDetailinBox .shopAccess ul li dl:after {
font-size:1px;
content: ".";
display: block;
clear: both;
height: 0;
}

#shopList .shopDetailinBox .shopAccess ul li dl dt{
display:block;
width:660px;
overflow:hidden;
text-align:left;
font-size:16px;
font-weight:bold;
padding:2px 0 4px 0;
border-bottom:1px solid #CCCCCC;
color:#676767;
}

#shopList .shopDetailinBox .shopAccess ul li dl dd.shopDetailMap{
float:left;
width:420px;
height:300px;
margin:0;
padding:10px 0 0 0;
}

#shopList .shopDetailinBox .shopAccess ul li dl dd.shopDetailMap #map{
width:420px;
height:300px;
}

#shopList .shopDetailinBox ul li dl dd.shopDetailAccess{
display:block;
float:right;
width:220px;
margin:0;
padding:10px 0 0 0;
}

#shopList .shopDetailinBox ul li dl dd.shopDetailAccess dl{
width:220px;
margin:0;
padding:0;
}

#shopList .shopDetailinBox ul li dl dd.shopDetailAccess dl dt{
display:block;
width:220px;
font-size:14px;
font-weight:normal;
border:none;
text-align:left;
padding:15px 0 5px 0;
margin:0;
}

#shopList .shopDetailinBox ul li dl dd.shopDetailAccess dl dd{
display:block;
width:215px;
font-size:12px;
line-height:180%;
text-align:left;
padding:0 0 0 3px;
margin:0 auto;
}


/*****店舗からのお知らせ***/
#shopList .shopDetailinBox .shopinfoBox{
width:660px;
margin:0 auto;
padding:0 0 25px 0;
}

#shopList .shopDetailinBox .shopinfoBox:after {
font-size:1px;
content: ".";
display: block;
clear: both;
height: 0;
}

#shopList .shopDetailinBox .shopinfoBox p.ttlshopinfo{
display:block;
width:660px;
height:auto;
overflow:hidden;
text-align:left;
font-size:16px;
font-weight:bold;
padding:2px 0 4px 0;
border-bottom:1px solid #CCCCCC;
color:#676767;
text-indent:0;
background-image:none;
}

#shopList .shopDetailinBox .shopinfoBox .shopinfoList{
width:660px;
margin:0 auto;
padding:0;
background-image:none;
}

#shopList .shopDetailinBox .shopinfoBox .shopinfoList:after {
font-size:1px;
content: ".";
display: block;
clear: both;
height: 0;
}


#shopList .shopDetailinBox .shopinfoBox .shopinfoList dl{
width:660px;
margin:0 auto;
padding:8px 0 8px 0;
border-bottom:1px dotted #CCCCCC;
overflow:hidden;
}

#shopList .shopDetailinBox .shopinfoBox .shopinfoList dl:after {
font-size:1px;
content: ".";
display: block;
clear: both;
height: 0;
}


#shopList .shopDetailinBox .shopinfoBox .shopinfoList dl dt{
display:block;
width:90px;
margin:0;
padding:0;
float:left;
text-align:left;
}


#shopList .shopDetailinBox .shopinfoBox .shopinfoList dl dd.shopinfoTxt{
display:block;
width:450px;
margin:0 auto;
padding:0;
text-align:left;
float:left;
}

#shopList .shopDetailinBox .shopinfoBox .shopinfoList dl dd.shopinfoTxt a{
padding:0 0 0 20px;
background-image:url(../../img/common/bg_common_arrow2.png);
background-position: left;
background-repeat:no-repeat;
}


#shopList .shopDetailinBox .shopinfoBox .shopinfoList dl dd.shopinfoBtn{
display:block;
float:left;
width:120px;
height:18px;
margin:0 auto;
padding:0;
overflow:hidden;
}

#shopList .shopDetailinBox .shopinfoBox.shopinfoList dl dd.shopinfoBtn a,#shopList .shopDetailinBox .shopinfoBox .shopinfoList dl dd.shopinfoBtn a:visited{
display:block;
width:120px;
height:18px;
overflow:hidden;
background-image:url(../../img/shop/btn_shop_goinfo.png);
background-repeat:no-repeat;
background-position:top;
text-indent:-9999px;
padding:0;
}

#shopList .shopDetailinBox .shopinfoBox .shopinfoList dl dd.shopinfoBtn a:hover{background-position:bottom;}



#shopList .shopDetailinBox .shopDetailback{
width:660px;
margin:0 auto;
padding:10px 0 0 0;
}


#shopList .shopDetailinBox .shopDetailback a,#shopList .shopDetailinBox .shopDetailback a:visited{
display:block;
width:101px;
height:15px;
overflow:hidden;
background-image:url(../../img/shop/btn_back.png);
background-repeat:no-repeat;
background-position:top;
text-indent:-9999px;
padding:0;
float:right;
}

#shopList .shopDetailinBox .shopDetailback a:hover{background-position:bottom;}