@charset "UTF-8";
/* CSS Document */
/*GINZAトップ----------------*/
#ginzaMainImage{
clear:both;
margin-bottom:20px;
background:url(images/ginza_image.jpg) no-repeat 0 0;
width:848px;
height:220px;
}


.ginzaMap{
width:580px;
text-align:left;
margin:0 0 20px 0;
float:left;
}

.ginzaMap ul{
list-style-type:none;
margin:0;
padding:0;
}

.ginzaMap li{
float:left;
margin-right:2px;
text-indent:-9999px;
}

.ginzaMap li a{
display:block;
width:130px;
height:30px;
}

.ginzaMap .tab li.cafe{
background:url(images/tab1.gif) no-repeat 0 0;
width:130px;
height:30px;
}

.ginzaMap .tab li.cafeOn, .ginzaMap .tab li.cafe a:hover{
background:url(images/tab1on.gif) no-repeat 0 0;
width:130px;
height:30px;
}


.ginzaMap .tab li.zakka{
background:url(images/tab2.gif) no-repeat 0 0;
width:130px;
height:30px;
}

.ginzaMap .tab li.zakkaOn, .ginzaMap .tab li.zakka a:hover{
background:url(images/tab2on.gif) no-repeat 0 0;
width:130px;
height:30px;
}

.ginzaMap .tab li.garally{
background:url(images/tab3.gif) no-repeat 0 0;
width:130px;
height:30px;
}

.ginzaMap .tab li.garallyOn, .ginzaMap .tab li.garally a:hover{
background:url(images/tab3on.gif) no-repeat 0 0;
width:130px;
height:30px;
}

.ginzaMap .tab li.miyage{
background:url(images/tab4.gif) no-repeat 0 0;
width:130px;
height:30px;
}

.ginzaMap .tab li.miyageOn, .ginzaMap .tab li.miyage a:hover{
background:url(images/tab4on.gif) no-repeat 0 0;
width:130px;
height:30px;
}

.ginzaMap .map{
border:1px solid #CCC;
padding:7px;
}



.shops{
float:right;
}

.shops .title{
width:240px;
background:url(images/dot_line.gif) repeat-x left bottom;
padding-bottom:5px;
margin-top:30px;
}

.shops .title h3{
background:url(images/tit_shops.gif) no-repeat 0 0;
height:15px;
margin:0;
text-indent:-9999px;
}

.shops ul{
list-style-type:none;
margin:10px 0 0 0;
padding:0;
}

.shops li{
font-size:0.8em;
line-height:155%;
margin-bottom:5px;
background:url(images/ginza_marker.gif) no-repeat 0 5px;
padding-left:17px;
text-align:left;
}

/*詳細画面----------*/
#ginza{
text-align:left;
width:700px;
margin:0 auto;
}



#ginza h3{
font-size:1.1em;
background:url(images/dot_line.gif) repeat-x left bottom;
color:#339900;
margin:20px 0 10px 0;
}

#ginza h3 img{
margin-bottom:8px;
}

#ginza p{
font-size:0.8em;
line-height:160%;
margin:0 0 5px 0;
}


.listEachShop{
margin:20px 0 15px 0;
background:url(images/dot_line.gif) repeat-x left bottom;
}

.listEachShop .thumPhoto{
width:200px;
text-align:center;
float:left;
margin:0 10px 0 0;
}

.listEachShop h4{
margin:0 0 5px 0;
}

.listEachShop .text div.catch{
color:#77A672;
margin:0 0 10px 0;
font-weight:bold;
}

.listEachShop .text{
width:470px;
float:right;
font-size:0.73em;
line-height:155%;
_font-size:0.7em;
}

*+html .listEachShop .text{
font-size:0.7em;
}

.listEachShop .listButton{
clear:both;
vertical-align:bottom;
text-align:right;
position:relative;
top:-20px;
_margin-top:-20px;
}

*+html .listEachShop .listButton{
margin-top:-20px;
}


.listEachShop .listButton img{
vertical-align:middle;
margin:0 0 0 7px;
}


.pager1, .pager2{
font-size:0.9em;
font-family:"Times New Roman", Times, serif;
color:#666666;
text-align:right;
}

.pager1{
width:100px;
margin:7px 0;
text-align:right;
float:right;
_margin:25px 0 7px 0;
}

*+html .pager1{
margin:25px 0 7px 0;
}

.pager2{
margin:10px 0 30px 0;
}

.pager1 .arrowR, .pager2 .arrowR{
vertical-align:middle;
margin-left:5px;
}

.pager1 .arrowL, .pager2 .arrowL{
vertical-align:middle;
margin-right:5px;
}
