@charset "UTF-8";


/************ 地図検索CSS ******************/

/****** 基本設定 ******/

img {
	border: 0px;
}

ul{
	padding: 0px;
	margin: 0px;
}

li{
	list-style: none;
	padding: 0px;
	margin: 0px;
	padding: 1px 5px 0px 0px;
}

/******   地図   ******/

div.map{
	width: 520px;
	height:800px;
	padding:0px 0px 0px ;
	margin:0px 0px 0px ;
	background-image: url("/map/img/map_kanto.gif");
}

/* 埼玉 */

div.saitama_box{
	margin:0px;
	padding:34px 0px 0px 16px ;
	float:left;
	display:block;
}
ul.saitama_ul{
	width:218px;
}


li.saitama_li{
	width:105px;
	float:left;
	display:block;
}

/* 駒込 */

div.komagome_box{
	width:96px;
	padding:50px 0px 0px 21px ;
	float:left;
	display:block;
	
}
ul.komagome_ul{
	width:96px;
}


li.komagome_li{
	width:96px;
	float:left;
	display:block;
}

/* 北千住・門前仲町 */

div.kitasenjyu{
	width:116px;
	padding:0px 0px 0px 13px ;
	float:left;
	display:block;
	
}

div.kitasenjyu_box{
	width:116px;
	height:31px;
	padding:56px 0px 0px 0px ;
	float:left;
	display:block;

}
ul.kitasenjyu_ul{
	width:116px;
}


li.kitasenjyu_li{
	width:116px;
}

div.monzen_box{
	width:96px;
	height:11px;
	float:right;
	display:block;	
}
ul.monzen_ul{
	width:96px;
	margin: 0px 0px 0px;
}


li.monzen_li{
	width:96px;
	float:left;
	display:block;
}


/* 成増・高田馬場 */


div.narimasu{
	height:71px;
	padding:0px 0px 0px 0px ;
	float:left;
	display:block;
}

div.narimasu_box{
	width:106px;
	height:30px;
	float:left;
	display:block;

}
ul.narimasu_ul{
	width:116px;
}


li.narimasu_li{
	width:116px;
}
div.nakano_box{
	width:79px;
	float:left;
	display:block;
	
}
ul.nakano_ul{
	width:79px;
}


li.nakano_li{
	width:79px;
	padding:17px 0px 0px 0px ;
	float:left;
	display:block;
}



/* ========================================================
	エリア検索結果スタイル
======================================================== */

h2{
	padding: 0px;
	margin: 10px 0px;
}

h2.mapTitle{
	font-size: 14px;
	background: url(/map/img/map_title.gif) no-repeat;
	padding: 11px 10px 0px 10px;
	width: 720px;
	height: 38px;
	color: #663300;
	margin: 0px;
}

h2.maptitle span.fon10{
	font-size: 12px;
	font-weight: normal;
	padding: 0px 5px;
}

div.result_box{
	background: url(/map/img/result_bg.gif) no-repeat;
	width: 720px;
	height: 25px;
	font-size: 10px;
	color: #630;
	margin: 0px 0px 10px 0px;
}

div.result_box .padd{
	padding: 7px 10px 0px;
}

div.result_box .result_left{
	display: block;
	float: left;
}

div.result_box .result_right{
	display: block;
	float: right;
}

div.google_map{
	padding: 1px;
	border: 1px solid #CCCCCC;
	width: 530px;
	height: 540px;
	display: block;
	float: left;
}

div.result_contents{
	display: block;
	float: right;
	width: 175px;
	padding: 3px;
	margin: 0px 10px 0px 5px;
	border-top: 2px solid #FFCC66;
	border-left: 1px solid #FFCC66;
	border-right: 1px solid #FFCC66;
	border-bottom: 1px solid #FFCC66;
}

div.result_data{
	font-size: 12px;
	line-height: 18px;
	background: url(/map/img/dotted_line.gif) repeat-x bottom;
	padding: 7px 0px 6px;
	width: 165px;
	height: 70px;
	display: block;
}

div.result_data .data_box{ width: 75px; height: 70px; display: block; float: right; }

div.result_data .clear	{ clear: both; display: block; font-size: 0px; line-height: 0px; }

div.map_no0 a{
	display: block;
	float: left;
	width: 22px;
	height: 23px;
	text-indent: -5555px;
	background: url(/map/img/no01.gif) no-repeat;
	padding: 1px;
	margin-right: 2px;
}

div.map_no1 a{
	display: block;
	float: left;
	width: 22px;
	height: 23px;
	text-indent: -5555px;
	background: url(/map/img/no02.gif) no-repeat;
	padding: 1px;
	margin-right: 2px;
}

div.map_no2 a{
	display: block;
	float: left;
	width: 22px;
	height: 23px;
	text-indent: -5555px;
	background: url(/map/img/no03.gif) no-repeat;
	padding: 1px;
	margin-right: 2px;
}

div.map_no3 a{
	display: block;
	float: left;
	width: 22px;
	height: 23px;
	text-indent: -5555px;
	background: url(/map/img/no04.gif) no-repeat;
	padding: 1px;
	margin-right: 2px;
}

div.map_no4 a{
	display: block;
	float: left;
	width: 22px;
	height: 23px;
	text-indent: -5555px;
	background: url(/map/img/no05.gif) no-repeat;
	padding: 1px;
}

div.shop_photo{
	display: block;
	float: left;
	width: 60px;
	height: 60px;
	padding: 1px;
	border: 1px solid #CCC;
}

div.details_bt a{
	display: block;
	float: right;
	background: url(/map/img/details_bt.gif) no-repeat;
	text-indent: -5555px;
	width: 42px;
	height: 14px;
}

div.shop_name{
	font-size: 10px;
	line-height: 14px;
	height: 55px;
	color: #FF6600;
}

div.st_name{
	background: url(/map/img/st_name.gif) no-repeat;
	display: block;
	width: 88px;
	height: 13px;
	text-indent: -5555px;
	margin: 5px 0px 1px;
}

div.st_box{
	font-size: 10px;
	width: 540px;
	line-height: 16px;
/* 	float: left;
 */}

div.left_mark{
	display: block;
	float: left;
	width: 22px;
	margin: 8px 5px 5px 5px;
}

div.right_text{
	font-size: 10px;
	line-height: 16px;
	color: #999;
	margin: 5px 5px 5px 5px;
}

div#details_search_box{
	width: 720px;
	margin: 0px auto;
}

div#details_search_box_2{
	width: 520px;
	margin: 0px auto;
}

div.stitle01{
	background: url(/map/img/stitle01.gif) no-repeat;
	width: 520px;
	height: 28px;
	text-indent: -5555px;
	display: block;
	margin: 20px 0px 0px;
}

div.stitle02{
	background: url(/map/img/stitle02.gif) no-repeat;
	width: 720px;
	height: 28px;
	text-indent: -5555px;
	display: block;
	margin: 20px 0px 0px;
}

div#details_search_box .cap_title01{
	background: url(/map/img/cap_title01.gif) no-repeat;
	width: 720px;
	height: 23px;
	text-indent: -5555px;
	margin: 15px 0px 0px;
}

div#details_search_box .cap_title02{
	background: url(/map/img/cap_title02.gif) no-repeat;
	width: 720px;
	height: 23px;
	text-indent: -5555px;
	margin: 15px 0px 0px;
}

div#details_search_box .cap_title03{
	background: url(/map/img/cap_title03.gif) no-repeat;
	width: 720px;
	height: 23px;
	text-indent: -5555px;
	margin: 15px 0px 0px;
}

div#details_search_box .cap_title04{
	background: url(/map/img/cap_title04.gif) no-repeat;
	width: 720px;
	height: 23px;
	text-indent: -5555px;
	margin: 15px 0px 0px;
}

div#details_search_box ul{
	padding: 0px;
	margin: 5px 10px;
}

div#details_search_box li{
	background: url(/map/img/list_point.gif) no-repeat;
	padding: 0px 0px 0px 15px;
	line-height: 18px;
	font-size: 12px;
	margin: 0px;
	display: block;
	float: left;
	width: 175px;
}

div#details_search_box_2 ul{
	padding: 0px;
	margin: 5px 10px;
}

div#details_search_box_2 li{
	background: url(/map/img/list_point.gif) no-repeat;
	padding: 0px 0px 0px 15px;
	line-height: 18px;
	font-size: 12px;
	margin: 0px;
	display: block;
	float: left;
	width: 250px;
}

div.freeword_box{
	width: 720px;
}

div#address_search_box{
	width: 520px;
	margin: 0px auto;
}

div#address_search_box ul{
	padding: 0px;
	margin: 5px 10px;
}

div#address_search_box li{
	background: url(/map/img/list_point.gif) no-repeat;
	padding: 0px 0px 0px 15px;
	line-height: 18px;
	font-size: 12px;
	margin: 0px;
	display: block;
	float: left;
	width: 170px;
}

.search_bt{
	display: block;
	float: right;
	width: 104px;
	height: 16px;
	text-indent: -5555px;
	font-size: 5px;
	line-height: 5px;
	background: url(/map/img/search_bt.gif) no-repeat;
	margin: 0px 10px 0px 0px;
}
