@charset "UTF-8";

#shops h2.headline {
}

#shops-contents {
width:752px;
float:right;
}

#sidebar {
width:190px;
float:left;
}

/* #search ------------------------------ */
#search {
margin:30px 0px;
text-align: right;
}

#search span {
padding:0px 10px;
}

#search span input {
border:1px solid #ccc;
padding:3px;
width:200px;
}

/* #index-ss ------------------------------ */
#index-ss h3 {
padding:0px 5px 5px;
border-bottom:3px solid #7f8992;
}

#index-ss ul {
list-style: none;
margin:30px 0px;
}

#index-ss ul li {
float:left;
width: 258px; /*236 + 22*/
padding-bottom:30px;
}

#index-ss ul li.last {
width:236px;
}

#index-ss ul li a {
color:#666;
}

#index-ss ul li a:hover {
color:#f00;
}

#index-ss ul li span {
display: block;
font-size:0.9em;
padding:5px 0px;
}

/* #index-shops ------------------------------ */
#index-shops h3 {
padding:0px 5px 5px;
border-bottom:3px solid #7f8992;
margin-bottom:30px;
}

#map {
	position:relative;
	padding-bottom:30px;
}

#map .map-menu {
	position:absolute;
	width:6.5em;
	background:#fff;
	border:1px solid #eee;
	padding:10px;
}

#map .map-menu h4 {
	font-weight:bold;
	color:#666;
	padding-bottom:5px;
	border-bottom:1px dotted #ccc;
}

#map .map-menu ul {
	list-style:none;
	padding:5px;
}

#map .map-menu ul li {
	list-style:none;
}


#map .map-menu ul li a {
display: block;
padding:5px 5px 5px 15px;
padding-left:15px;
background: url(../images/arrow.gif) -192px center no-repeat;
}

#map .map-menu ul li a:hover {
background: url(../images/arrow.gif) -192px center no-repeat;
}


#map-tohoku {
	left:492px;
	top:283px;
}


#map-kanto {
	left:418px;
	top:358px;
}

#map-chubu {
	left:333px;
	top:369px;
}

#map-kinki {
	left:276px;
	top:422px;
}

#map-chugoku {
	left:195px;
	top:401px;
}

#map-chugoku {
	left:195px;
	top:401px;
}

#map-shikoku {
	left:183px;
	top:446px;
}

#map-kyushu {
	left:92px;
	top:428px;
}


/* #shops-list ------------------------------ */
#shops-list { }

#shops-list h3 {
padding:0px 5px 5px;
margin-bottom:10px;
border-bottom:3px solid #7f8992;
font-size:1.8em;
}

#shops-list h3 span  {
font-weight: normal;
font-size:0.5em;
padding-left:15px;
}

#shops-list h4.pref {
font-size:1.2em;
padding:5px;
margin-top:30px;
margin-bottom:10px;
background:#eee;
border:1px dotted #eee;
}

#shops-list ul {
padding-top:10px;
list-style: none;
}

#shops-list ul li {
float:left;
padding:3px 0px 3px 10px ;
line-height:1em;
margin-bottom:3px;
border-left:1px solid #ccc;
width:4.5em;
}

#shops-list div {
padding:20px 0px;
border-bottom:1px solid #bfc4c7;
}

#shops-list div h4 {
width:300px;
float:left;
}

#shops-list div dl {
width:440px;
float:left;
}

#shops-list div dt {
width:300px;
float:left;
}

#shops-list div dd {
width:130px;
float:right;
}

#shops-list div dd span {
font-size:0.8em;
color:#999;
}

#shops-list div:after,
#shops-list dl:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
}

* html .#shops-list div             { zoom: 1; } /* IE6 */
* html .#shops-list dl             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE */
*:first-child+html #shops-list dl { zoom: 1; } /* IE*/


/* #sidebar ------------------------------ */
#sidebar a {
color:#666;
}
#sidebar a:hover {
color:#f00;
}

#sidebar h3 {
border-top:1px dotted #ccc;
font-size:1.1em;
}

#sidebar h3 a {
display: block;
padding:10px 5px;
color:#666;
}

#sidebar h3 a:hover {
color:#f00;
}

#sidebar h3.selected a {
color:#f00;
}

#sidebar ul {
list-style: none;
padding-bottom:1em;
}

#sidebar h2 {
padding:30px 5px 5px;
}

#sidebar #side-ss {
border-bottom:1px dotted #ccc;
}

#sidebar #side-shops {
border-bottom:1px dotted #ccc;
}


#sidebar #side-ss ul li,
#sidebar #side-shops ul li {
padding-left:5px;
}

#sidebar #side-ss ul li a,
#sidebar #side-shops ul li a {
display: block;
padding:5px 5px 5px 15px;
padding-left:15px;
background: url(../images/arrow.gif) left center no-repeat;
}

#sidebar #side-ss ul li a:hover,
#sidebar #side-shops ul li a:hover {
background: url(../images/arrow.gif) -192px center no-repeat;
}

#sidebar #sidebar-bn {
margin-top:30px;
}

#sidebar #sidebar-bn li {
padding:0px 0px 15px;
}

#sidebar #sidebar-bn li a img {
border:1px solid #ccc;
}

#sidebar #sidebar-bn li a:hover img {
border:1px solid #f00;
}

#sidebar #sidebar-bn li a span {
display: block;
padding:5px 0px;
font-size:0.9em;
}


/* ss ------------------------------ */
#ss h3 {
padding:0px 5px 5px;
border-bottom:3px solid #7f8992;
}

#ss .ss-block {
padding:20px 0px;
width:716px;
margin:0px auto;
border-bottom:1px dotted #999;
}

#ss .ss-block  h4 {
font-size:1.5em;
padding-bottom:20px;
}

#ss .ss-block div {
padding:20px 0px;
}

#ss .ss-block div p {
width:160px;
float:left;
}

#ss .ss-block div dl {
width:530px;
float:right;
}

#ss .ss-block div dt {
width:300px;
float:left;
}

#ss .ss-block div dd {
width:230px;
float:right;
}