@charset "utf-8";


#store{
	width: 100%;
	margin: 0;
	padding: 100px 0 110px 0;
}


#image_area{
	background: url(../images/store_01.jpg) center top;
	width: 100%;
	margin: 0;
	padding: 3% 0 0 0;
}


#content_area{
	background: #ffffff;
	width: 100%;
	margin: 0;
	padding: 30px 0;
}




/*==================================================
  Map
==================================================*/
#map{
	width: 100%;
	margin: 0;
	padding: 0 0 2% 0;
}


#map p{
	width: 650px;
	margin: 0 auto;
	padding: 0;
}




#map_navi_area{
	background: #ff6600;
	width: 100%;
	margin: 0;
	padding: 0;
	position: relative;
	overflow: hidden;
}


#map_navi_area ul{
	margin: 0;
	padding: 0;
	float: left;
	position: relative;
	left: 50%;
}


#map_navi_area li{
	list-style: none;
	font-size: 1.4em;
	margin: 0;
	display: block;
	float: left;
	position: relative;
	left: -50%;
}


#map_navi_area li a{
	background: #ff6600;
	color: #ffffff;
	text-decoration: none;
	padding: 20px 20px 18px 20px;
	display: block;
}


#map_navi_area li a:hover{
	background: #efefef;
	color: #ff6600;
	text-decoration: none;
	padding: 20px 20px 18px 20px;
	display: block;
}


#map_navi_area li.none{
	background: #ff6600;
	color: #cccccc;
	padding: 20px 20px 18px 20px;
	display: block;
}


#map_navi_area li.current{
	background: #efefef;
	color: #ff6600;
	padding: 20px 20px 18px 20px;
	display: block;
}




#map_navi_pref{
	background: #efefef;
	width: 100%;
	margin: 0;
	padding: 0;
	position: relative;
	overflow: hidden;
}


#map_navi_pref ul{
	margin: 0;
	padding: 0;
	float: left;
	position: relative;
	left: 50%;
}


#map_navi_pref li{
	list-style: none;
	font-size: 1.4em;
	margin: 0;
	display: block;
	float: left;
	position: relative;
	left: -50%;
}


#map_navi_pref li a{
	color: #333333;
	text-decoration: none;
	padding: 20px 25px 18px 25px;
	display: block;
}


#map_navi_pref li a:hover{
	color: #ff6600;
	text-decoration: none;
	padding: 20px 25px 18px 25px;
	display: block;
}


#map_navi_pref li.none{
	color: #cccccc;
	padding: 20px 25px 18px 25px;
	display: block;
}


#map_navi_pref li.current{
	background: url(../images/arrow_02.png) no-repeat center bottom;
	color: #ff6600;
	margin: 0;
	padding: 20px 25px 18px 25px;
	display: block;
}




/*==================================================
  Content
==================================================*/
.store_navi_wrap{
	max-width: 960px;
	margin: 0 auto;
	padding: 0;
}


.store_navi_wrap h2{
	font-size: 1.8em;
	color: #ff6600;
	margin: 0 10px;
	padding: 0 0 20px 0;
}


.store_navi{
	margin: 0 auto;
	padding: 0;
}


.store_navi_box{
	width: 250px;
	height: 130px;
	margin: 0 10px 20px 10px;
	padding: 20px 25px 0 25px;
	box-shadow: 0 1px 4px rgba(0,0,0,0.3);
	behavior: url("/PIE.htc");
}


.store_navi_box h3{
	font-size: 1.6em;
	color: #ff9900;
	margin: 0;
	padding: 0 0 7px 0;
	border-bottom: solid 1px #cccccc;
}


.store_navi_box ul{
	margin: 0;
	padding: 3px 0 0 0;
}


.store_navi_box li{
	list-style: none;
	font-size: 1.5em;
	color: #cccccc;
	margin: 0;
	padding: 10px;
	float: left;
}


.store_navi_box li a{
	color: #333333;
	text-decoration: none;
}


.store_navi_box li a:hover{
	color: #ff6600;
	text-decoration: underline;
}




/*==================================================
  StoreList
==================================================*/
.store_list{
	max-width: 900px;
	min-width: 310px;
	margin: 0 auto;
	padding: 30px 15px;
}


.store_jump_area{
	width: 100%;
	font-size: 1.6em;
	margin: 0 0 20px 0;
	padding: 15px 0;
	border: solid 1px #ff9900;
	text-align: center;
}


.store_jump_area a{
	color: #ff6600;
	text-decoration: none;
}


.store_list h2{
	width: 100%;
	font-size: 1.8em;
	color: #ff6600;
	margin: 0;
	padding:  0 0 5px 0;
	border-bottom: solid 1px #ff9900;
}


.store_info{
	margin: 15px 0;
	padding: 2% 3%;
	border: dashed 1px #ff9900;
}


.store_info p{
	font-size: 1.4em;
	line-height: 1.5;
	color: #666666;
	margin: 0;
	padding: 0;
}


.store_list_box{
	margin: 0 0 15px 0;
	padding: 0;
	border: solid 2px #dddddd;
}


.store_list_1{
	margin: 0;
	padding: 0;
}


.store_list_2{
	margin: 0;
	padding: 0;
	border-top: dashed 1px #cccccc;
}


.store_list_box li{
	list-style: none;
}


.store_name{
	font-size: 1.8em;
	color: #ff6600;
	margin: 0;
	padding: 3% 4%;
	float: left;
}


.store_link{
	margin: 0;
	padding: 0;
	float: right;
}


.store_link ul{
	margin: 10px 0 0 0;
	padding: 0;
}


.store_link li{
	margin: 0;
	padding: 0 10px;
	float: left;
}


.store_loc{
	margin: 0;
	padding: 5px 10px 5px 5px;
}

.store_loc ul{
	margin: 0;
	padding: 0;
}


.store_zip{
	background: url(../store_images/store_img_zip.png) no-repeat 0 0;
	height: 22px;
	font-size: 1.4em;
	line-height: 1.2;
	color: #333333;
	margin: 5px 0 0 0;
	padding: 8px 30px 0 40px;
	float: left;
}



.store_add{
	background: url(../store_images/store_img_add.png) no-repeat 0 0;
	min-height: 22px;
	font-size: 1.4em;
	line-height: 1.2;
	color: #333333;
	margin: 5px 0 0 0;
	padding: 8px 0 0 40px;
	float: left;
}


.store_tel{
	background: url(../store_images/store_img_tel.png) no-repeat 0 0;
	height: 22px;
	font-size: 1.4em;
	line-height: 1.2;
	color: #333333;
	margin: 5px 0;
	padding: 8px 0 0 40px;
	float: right;
}


.store_link_sp{
	margin: 10px 0 0 0;
	padding: 0 10px;
	float: left;
}




/*==================================================
  SP
==================================================*/
.sp_none_store{
	display: block;
}


.pc_none_store{
	display: none;
}


@media only screen and (max-width: 660px){


	.sp_none_store{
		display: none;
	}


	.pc_none_store{
		display: block;
	}


	#content_area{
		background: #ffffff;
		width: 100%;
		margin: 0;
		padding: 0;
	}


	.store_list{
		width: 94%;
		margin: 0 auto;
		padding: 0;
	}


	#store_list_right{
		width: 100%;
		margin: 0;
		padding: 0;
		float: none;
	}


	.store_place{
		float: none;
	}


	.store_zip{
		float: none;
	}



	.store_add{
		float: none;
	}


	.store_tel{
		float: none;
	}


}