@charset "utf-8";
/* ===================================================================
CSS information

 style info :お店を探す
=================================================================== */
/*==============================================
	大見出し
----------------------------------------------*/
#pgttl_wrap{
	width:100%;
	height:190px;
	margin:0 0 0 0;
	padding:0 0 9px 0;
	background:url(../../common/images/h2_bgline.gif) repeat-x bottom #129fcb;
}
#pgttl_wrap #pgttl_image{
	text-indent:-9999px;
	height:190px;
	width:100%;
	margin:0 auto;
	background:url(../images/h2_image.jpg) no-repeat center;
}

/*----- お店を探すトップ -----*/
#shopsarch_map{
	width:354px;
	height:540px;
	float:right;
}
#map{
	width: 354px;
	height: 540px;
	border:solid 4px #5f153a;
}

.shopsarch_map_zoom{
	width:354px;
}
#shopsarch_name{
	width:476px;
	float:left;
}
.shop_box{
	width:150px;
	float:left;
	border-bottom:dotted 1px #949291;
	margin:6px 13px 0 0;
	padding:0 0 3px 0;
}
.shop_box_END{
	width:150px;
	float:right;
	border-bottom:dotted 1px #949291;
	margin:6px 0 0 0;
	padding:0 0 3px 0;
}
.shop_box_clear{
	width:150px;
	float:right;
	margin:6px 0 0 0;
	padding:0 0 3px 0;
}
.shop_box_END .shop_box_name,
.shop_box .shop_box_name{
	width:133px;
	float:left;
	line-height:100%;
	margin:0;
	padding:0;
}
.shop_box_END .shop_box_name a,
.shop_box .shop_box_name a{
	color:#4c4c4c;
}
.shop_box_END .shop_box_name a:hover,
.shop_box .shop_box_name a:hover{
	color:#ff007d;
}
.shop_box_END .shop_box_name .about,
.shop_box .shop_box_name .about{
	color:#dd9a60;
	font-size:84%;
	line-height:100%;
	margin:0;
	padding:0;
}
.shop_box_END .shop_box_map a,
.shop_box .shop_box_map a{
	float:right;
	display:block;
	width:17px;
	height:25px;
	text-indent:-9999px;
	margin:0 0 0 0;
	padding:0;
	background:url(../../common/images/icon_map.gif) 0 0 no-repeat;
}
.shop_box_END .shop_box_map a:hover,
.shop_box .shop_box_map a:hover{
	background:url(../../common/images/icon_map.gif) -17px 0 no-repeat;
}

/*　パネル操作　*/
#control{
	width:476px;
	height:45px;
	padding:20px 0 0;	
}

#control #control_panel-1 a{
	width:159px;
	height:34px;
	float:left;
	margin:0 0 0 0;
	text-indent:-9999px;
	background:url(../images/tabs.gif) no-repeat 0 0;
}
#control #control_panel-1 a:hover{
	background:url(../images/tabs.gif) no-repeat 0 -34px;
}
#control #control_panel-2 a{
	width:158px;
	height:34px;
	float:left;
	margin:0 0 0 0;
	text-indent:-9999px;
	background:url(../images/tabs.gif) no-repeat -160px 0;
}
#control #control_panel-2 a:hover{
	background:url(../images/tabs.gif) no-repeat -160px -34px;
}
#control #control_panel-3 a{
	width:158px;
	height:34px;
	float:left;
	margin:0 0 0 0;
	text-indent:-9999px;
	background:url(../images/tabs.gif) no-repeat -319px 0;
}
#control #control_panel-3 a:hover{
	background:url(../images/tabs.gif) no-repeat -319px -34px;
}

#panel-1,
#panel-2,
#panel-3{
	width:476px;
	float:left;
}
#control #control_panel-1 a.selected{
	background:url(../images/tabs.gif) no-repeat 0 -34px !important;
}
#control #control_panel-2 a.selected{
	background:url(../images/tabs.gif) no-repeat -160px -34px !important;
}
#control #control_panel-3 a.selected{
	background:url(../images/tabs.gif) no-repeat -319px -34px !important;
}
#mask {
	clear:both;
	width:476px;
	overflow:hidden;
	margin:0 auto;
}
#panel div {
float:left;
}

/*----- お店を探す詳細 -----*/
#mainiarea #mainiarea_L{
	position:relative;
	float:left;
	width:300px;
}
#mainiarea #mainiarea_R{
	float:right;
	width:300px;
}
#mainiarea #mainiarea_R img{
	width:292px;
	border:solid 4px #5f153a;
	margin:0 0 20px 0;
}
.shop_discription{
	font-weight:bold;
	color:#918478;
}
#shop_name{
	font-size:160%;
	font-weight:bold;
	margin:5px 0 0 0;
}
#mainiarea #shop_logo{
	position:absolute;
	top:70px;
	margin:0 0 20px 0;
}
.infomation{
	margin:0 0 20px 10px;
}
.infomation_ttl{
	clear:both;
	width:116px;
	height:auto;
	float:left;
	font-weight:bold;
}
.infomation_dtl{
	width:470px;
	height:auto;
	float:right;
}

.s{
	width:80%;
	height:80%;
}