/*----------------------------------
店舗案内
------------------------------------*/
#restaurant #mainCol h2{
width:652px;
height:90px;
background:url(../../restaurant/images/ttl01.jpg) 0 0 no-repeat;
text-indent:-9999px;
margin-top:2px ;
}

#restaurant #mainCol p.lead{
padding:5px 0 15px 0;
}


#restaurant .frame{

background:url(../../restaurant/images/frame_bg.gif) repeat-y 0 0;
margin-bottom:15px;
}

#restaurant .frame .frame_inner{

width:607px;
margin:0 7px 0 7px;
padding:0;
position:relative;
}



/* ---- 地図検索-------  */

#restaurant #map_search ul{
width:147px;
margin:0 auto;
}


#restaurant #map_search ul li{
width:58px;
height:19px;
float:left;
margin-left:7px;
_margin-left:4px;
margin-bottom:4px;
}

#restaurant #map_search .mapImg {
	position:absolute;
	top:0;
	left:0;
	display:none;
}

#restaurant #map_search .mapDetail{
display:none;
position:absolute;

}

map area {
overflow:hidden;
outline:none;
border:none;
}

.nonborder{
overflow:hidden;
outline:none;
border:none;
}



#restaurant #map_search #hokkaidou { top:71px; left:178px; width:146px; height:120px; padding:28px 0 0 2px; background:url(../../restaurant/images/hokkaidou_bg.gif) no-repeat 0 0; }
#restaurant #map_search #kantou { top:270px; left:399px; width:146px; height:142px; padding:25px 0 0 2px; background:url(../../restaurant/images/kantou_bg.gif) no-repeat 0 0; }
#restaurant #map_search #chubu { top:31px; left:180px; width:146px; height:157px; padding:10px 0 0 2px; background:url(../../restaurant/images/chubu_bg.gif) no-repeat 0 0;}
#restaurant #map_search #kinki { top:321px; left:367px; width:145px; height:104px; padding:12px 0 0 21px; background:url(../../restaurant/images/kinki_bg.gif) no-repeat 0 0; }
#restaurant #map_search #chugoku { top:130px; left:70px; width:146px; height:100px; padding:10px 0 0 2px; background:url(../../restaurant/images/chugoku_bg.gif) no-repeat 0 0; }
#restaurant #map_search #shikoku { top:354px; left:287px; width:146px; height:68px; padding:10px 0 0 18px; background:url(../../restaurant/images/shikoku_bg.gif) no-repeat 0 0; }
#restaurant #map_search #kyusyu { top:179px; left:13px; width:146px; height:138px; padding:10px 0 0 2px; background:url(../../restaurant/images/kyushu_bg.gif) no-repeat 0 0;}


/* ---- 都道府県名検索-------  */

.clearfix{

clear:both;

}

#area_search {
width: 600px;
font-size:12px;
margin:14px 5px 7px 3px;
}

#area_search .tiiki {
width:595px;
margin-bottom: 2px;
}

#area_search h4 {
	font-size:12px;
	float: left;
	width: 60px;
	height: 25px;
	margin: 0 0 2px 0;
	padding: 0 5px 0 5px;
	background-color: #b79a75;
	color: #fff;
	text-align:center;
	line-height: 27px;
}

#area_search ul {
	float: left;
	width: 515px;
	padding-left: 5px;
	font-size:10px;
}

#area_search ul li {
	display: block;
	width: 70px;
	height: 25px;
	float: left;
	line-height: 27px;
	padding-left: 3px;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color:#777777;
	font-size:10px;
}

#area_search ul li span{
font-size:10px;
}

#area_search ul li span.num{
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
}


#area_search ul li a {
	display: block;
	width: 70px;
	height: 25px;
	line-height: 27px;
	float: left;
}

#area_search ul.gray {
float: left;
background:#f2f2f3;
width: 515px;
}


/*----------------------------------
店舗案内-検索結果
------------------------------------*/

#restaurant #searchCol{
width:582px;
height:25px;
background:url(../../restaurant/images/pulldown_bg.gif) no-repeat 0 0;
padding:23px 0 20px 25px;
margin-bottom:15px;
}


#restaurant #searchCol ul li{
float:left;
margin-right:20px;
}

#restaurant #searchCol ul li.area{
background:url(../../restaurant/images/pulldown_icon01.gif) no-repeat 0 0;
padding-left:75px;
}

#restaurant #searchCol ul li.area_detail{
background:url(../../restaurant/images/pulldown_icon02.gif) no-repeat 0 0;
padding-left:75px;
}


#restaurant ul#map_tag{
width:607px;
height:30px;
border-top:solid 1px #bcad97;
float:left;
padding:10px 0 15px 0;
}

#restaurant ul#map_tag li{
float:left;
}

#restaurant #map{
width:100%;
height:295px;
border:solid 1px #bcad97;
float:left;
}


#restaurant #shop_name{
width:160px;
float:right;
}

#restaurant #shop_name ul{
border-top:1px dotted #bcad97;
}

#restaurant #shop_name ul li{
border-bottom:1px dotted #bcad97;
padding:3px;
}



#restaurant #shop_list{
clear:both;
}

#restaurant h3.title{
clear:both;
display:block;
padding-top:30px;
height:38px;
}

#restaurant #shop_list table{
width:100%;
margin-top:15px;
border-top:solid 1px #0a8c37;
border-left:solid 1px #0a8c37;
border-right:solid 1px #0a8c37;

}

#restaurant #shop_list table th{
background:#0a8c37;
border-left:none;
color:#fff;
text-align:center;
font-weight:normal;
padding:5px 0;
}

#restaurant #shop_list table td{
background:#fff;
border-left:dotted 1px #0a8c37;
border-bottom:solid 1px #0a8c37;
padding:10px 5px;
}


#restaurant #shop_list table td.vline1{
border-left:none;
}



/*ページナビ*/

.page_navi {
width:607px;
margin:20px auto;
float:left;
}

.page_navi ul {
width:52em;
margin: 0 auto;
padding: 0;
list-style: none;
text-align:center;
display:block;
}

.page_navi ul li {
display: block;
float: left;
margin: 0.3em 0.4em 0.3em 0.4em;
/*font-family:Areal,Helvetica,Sans-Serif;*/
}

.page_navi ul li.num a{
display: block;
width: 2em;
background-color: #fff;
border: 1px solid #a6d0b6;
color:#96c8a9;
text-decoration: none;
padding: 2px 0;
text-align: center;
}

.page_navi ul li a:hover{color:#0a8c37; border:solid 1px #0a8c37; background:#a7d0b6;}

.page_navi ul li.prev a,
.page_navi ul li.next a{
padding: 2px 0;
display: block;
width: 8em;
color:#96c8a9;
border: 1px solid #a6d0b6;
text-decoration: none;
}
.page_navi ul li.prev a:hover,
.page_navi ul li.next a:hover{
padding: 2px 0;
display: block;
width: 8em;
color:#0a8c37;
border:solid 1px #0a8c37;
}


.page_navi ul li.current{
display: block;
width: 2em;
color:#b4d688;
text-decoration: none;
text-align: center;
background:#0a8c37;
}

.page_navi ul li.current a{
display: block;
width: 2em;
color:#b4d688;
text-decoration: none;
text-align: center;
background:#0a8c37;
border:solid 1px #0a8c37;
}



/* ---- 左側新店舗情報ー-------  */

#restaurant #leftCol p{

margin-bottom:15px;

}

#restaurant #leftCol span{
display:block;
margin-left:15px;
margin-bottom:5px;
}

#restaurant #leftCol ul#newshop{
width:181px;
border-top:dotted 1px #bcad97;
margin-left:15px;
}


#restaurant #leftCol ul#newshop li{

border-bottom:dotted 1px #bcad97;
padding:10px 0 10px 5px;
}