@charset "utf-8";
@import url("../style/global.css");
@import url("../style/common_search.css");

h1{
	width:100%;
	height:50px;
	font-weight:bold;
	font-size: 25px;
	text-align:center;
	margin:0;
	line-height:50px;
	background-color:#f2f2f2;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.66);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.66);
	box-shadow: 0 1px 2px rgba(0,0,0,0.66);
}

/*GPSエリア*/
#gps-area{
	width:100%;
	text-align:center;
	margin: 15px 0;
}

#gps-buttom{
	width:90%;
	height:50px;
	margin: 20px auto 5px;
	border: 1px solid #ff1874;
	border-radius: 13px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #fd4791), color-stop(0.00, #ff88b8));
	background: -webkit-linear-gradient(top, #ff88b8 0%, #fd4791 100%);
	background: -moz-linear-gradient(top, #ff88b8 0%, #fd4791 100%);
	background: -o-linear-gradient(top, #ff88b8 0%, #fd4791 100%);
	background: -ms-linear-gradient(top, #ff88b8 0%, #fd4791 100%);
	background: linear-gradient(top, #ff88b8 0%, #fd4791 100%);
}

#gps-buttom a{
	width:100%;
	height:50px;
	color:#000;
	text-decoration:none;
	text-shadow: 1px 1px 1px #ededed;
	font-weight:bold;
	font-size:22px;
	line-height:50px;
	border-radius: 13px;
	display:inline-block
}

#gps-area p{
	width:100%;
	color:#ff0000;
	font-size:13px;
	font-weight:bold;
	margin:5px 0 0 0;
}

/*カテゴリエリア*/
#category-area{
	width:100%;
	margin:0;
	font-weight:bold;
	/*border-bottom:1px solid #aeadad;*/
	display:inline-block;
}

#category-area p{
	width:100%;
	text-align:center;
	margin-bottom:15px;
	padding:10px 0;
	background-color:#ffdae1;
}

#category-type{
	width:60%;
	margin-left:2px;
	padding:0;
	/*border:1px solid #ee00ee;*/
	float:left;
}

#category-type div{
	width:45%;
	height:30px;
	font-size:15px;
	text-align:center;
	line-height:30px;
	padding:4px 2px;
	border-top:1px solid #aeadad;
	border-left:1px solid #aeadad;
	border-right:1px solid #aeadad;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #d5d5d5), color-stop(0.00, #f2f2f2));
	background: -webkit-linear-gradient(top, #f2f2f2 0%, #d5d5d5 100%);
	background: -moz-linear-gradient(top, #f2f2f2 0%, #d5d5d5 100%);
	background: -o-linear-gradient(top, #f2f2f2 0%, #d5d5d5 100%);
	background: -ms-linear-gradient(top, #f2f2f2 0%, #d5d5d5 100%);
	background: linear-gradient(top, #f2f2f2 0%, #d5d5d5 100%);
	float:left;
}

#category-type div:first-child{
	border-right:none;
}

#store{
	border-radius: 13px 0 0 0 / 13px 0 0 0;
}

#delivery{
	border-radius: 0 13px 0 0 / 0 13px 0 0;
}


#soap{
	width:38%;
	height:26px;
	font-size:15px;
	font-weight:bold;
	text-align:center;
	line-height:26px;
	margin:0;
	padding:4px 1px;
	float:right;
	border-radius: 15px 0 0 15px / 15px 0 0 15px;
	border:1px solid #188bff;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #46a1fc), color-stop(0.00, #9accff));
	background: -webkit-linear-gradient(top, #9accff 0%, #46a1fc 100%);
	background: -moz-linear-gradient(top, #9accff 0%, #46a1fc 100%);
	background: -o-linear-gradient(top, #9accff 0%, #46a1fc 100%);
	background: -ms-linear-gradient(top, #9accff 0%, #46a1fc 100%);
	background: linear-gradient(top, #9accff 0%, #46a1fc 100%);
}

#soap a{
	width:100%;
	height:100%;
	color:#000;
	text-decoration:none;
	border-radius: 15px 0 0 15px / 15px 0 0 15px;
}

#category-type .category-select{
	background-image: -webkit-gradient(linear, center top, center bottom, from(#ff88b6), to(#ff5198));
	background-image: -webkit-linear-gradient(top, #ff88b6, #ff5198);
	background-image: -moz-linear-gradient(top, #ff88b6, #ff5198);
	background-image: -o-linear-gradient(top, #ff88b6, #ff5198);
	background-image: -ms-linear-gradient(top, #ff88b6, #ff5198);
	background-image: linear-gradient(to bottom, #ff88b6, #ff5198);
}

/*条件項目エリア*/
#area-item{
	display:block;
}

#type-item{
	display:none;
}

#sub-type-item{
	display:none;
}

#price-item{
	display:none;
}

#particular-item{
	display:none;
}

/*エリア表示デフォルト設定*/
#area-switch div{
	background:url(../images/link_icon2.png) no-repeat 98% 45%;
	background-size:23px 21px;
}

/*サブカテゴリ表示デフォルト設定*/
#sub-type{
	display:none;
}

/*サーチボタン*/
#search-enter{
	width:85%;
	height:88px;
	text-align:center;
	margin:20px auto;
	border: 1px solid #fe1974;
	border-radius: 13px;
	background-image: -webkit-gradient(linear, center top, center bottom, from(#fe89b6), to(#ff4592));
	background-image: -webkit-linear-gradient(top, #fe89b6, #ff4592);
	background-image: -moz-linear-gradient(top, #fe89b6, #ff4592);
	background-image: -o-linear-gradient(top, #fe89b6, #ff4592);
	background-image: -ms-linear-gradient(top, #fe89b6, #ff4592);
	background-image: linear-gradient(to bottom, #fe89b6, #ff4592);
	/*-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.66);
	-moz-box-shadow: 0 1px 5px rgba(0,0,0,0.66);
	box-shadow: 0 1px 5px rgba(0,0,0,0.66);*/
}

#search-enter a{
	width:100%;
	height:88px;
	color:#000;
	text-decoration:none;
	font-weight:bold;
	font-size:25px;
	border-radius: 13px;
	line-height:88px;
	display:block;
}

/*リセットボタン*/
#reset{
	width:85%;
	height:50px;
	text-align:center;
	margin:0 auto 30px;
	border: 1px solid #b1b1b1;
	border-radius: 13px;
	background-image: -webkit-gradient(linear, center top, center bottom, from(#e1e1e1), to(#b2b2b2));
	background-image: -webkit-linear-gradient(top, #e1e1e1, #b2b2b2);
	background-image: -moz-linear-gradient(top, #e1e1e1, #b2b2b2);
	background-image: -o-linear-gradient(top, #e1e1e1, #b2b2b2);
	background-image: -ms-linear-gradient(top, #e1e1e1, #b2b2b2);
	background-image: linear-gradient(to bottom, #e1e1e1, #b2b2b2);
	/*-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.66);
	-moz-box-shadow: 0 1px 5px rgba(0,0,0,0.66);
	box-shadow: 0 1px 5px rgba(0,0,0,0.66);*/
}

#reset p{
	width:100%;
	height:50px;
	font-weight:bold;
	font-size:16px;
	line-height:50px;
}