div.cafe-list{
width:96%;
margin:auto;
}
div.cafe-list a{
display:block;
width:100%;
padding-top:0.35em;
padding-bottom:0.5em;
color:#333;
text-align:center;
font-weight:bolder;
font-size:1.1em;
letter-spacing:0.1em;  
border-style:solid;
border-width:1px;
border-color:#fff #bfa92d #bfa92d #f8f4e0;
background:#e4d88f url(../images/pref-jump.gif) repeat-x bottom;
}
div.cafe-list a span{
display:block;
font-size:0.8em;
font-weight:normal;
color:#666600;
margin-top:0.1em;
line-height:1.0em;
}
div.cafe-list a.satooya{
background:#e4d88f url(satooya.jpg) no-repeat top left;
}


div.cafe-list a:hover{
background:#e1d280;
color:#333;
}

table.link{
width:310px;
margin-left:0;
}
table.link td{
width:155px;
text-align:left;
font-weight:bolder;
}
table.link td img{
display:block;
border:1px solid blue;
width:150px;
height:90px;
}
table.link td a:hover img{
border-color:red;
}

div.map-embed{
border-width:3px;
border-style:solid;
border-color:#ccc #999 #666 #ccc;
width:300px;
height:300px;
margin-left:0px;
margin-top:10px;
padding-top:30px;
background:white url(images/map-embed.gif) no-repeat top center;
}

/*---480 OR SMALLER---*/
@media only screen and (max-width : 480px) {
span.map{
display:block;
text-align:right;
}

}

/*---320 OR SMALLER---*/
@media only screen and (max-width : 320px) {
div.cafe-list{
width:90%;
margin-left:0%;
margin-right:15%;
}
div.cafe-list a{
font-size:0.9em;
}
div.cafe-list a span{
font-size:0.75em;
}

}