@charset "UTF-8";

/**
 * 
 
	1. お店選択
	
	2. その他の条件
	
	3. 検索結果
	
*/



/* =======================================
	1. お店選択
======================================= */


.shop_list{
	width:840px;
	height:100%;
	float:left;
	margin:0 5px 15px 5px;
	}

.shop_list li{
	width:210px;
	height:25px;
	padding-bottom:10px;
	float:left;
	position:relative;
	}
	
.shop_list li input{
	position:absolute;
	left:0;
	}

.shop_list li label{
	width:180px;
	height:25px;
	display:block;
	position:absolute;
	cursor:pointer;
	top:2px;
	left:30px;
	}



/* =======================================
	2. その他の条件
======================================= */


.select_box{
	width:830px;
	height:100%;
	margin:0 0 10px 0;
	padding:0 10px 7px 10px;
	border-bottom:1px dashed #999;
	}

.icon_area{
	width:150px;
	height:100%;
	float:left;
	margin-top:10px;
	}

.icon_s{
	margin-top:0px;
	}
		
.select_area{
	width:660px;
	height:100%;
	float:left;
	margin:10px 0 0 20px;
	}

.select_area li{
	width:165px;
	height:25px;
	padding-bottom:10px;
	float:left;
	position:relative;
	}
	
.select_area li input{
	position:absolute;
	left:0;
	}

.select_area li label{
	width:135px;
	height:25px;
	display:block;
	position:absolute;
	cursor:pointer;
	top:2px;
	left:30px;
	}
	
.submit_btn{
	text-align:center;
	}

.submit_btn input:hover{
	opacity:0.7;
	filter: alpha(opacity=70);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
	-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.7;              /* Safari 1.x */
	zoom:1;
	}
	

/* =======================================
	3. 検索結果
======================================= */

.result_area{
	width:828px;
	height:100%;
	float: left;
	margin:20px 0 0 0;
	padding:25px 0 10px 20px;
	background:#EEE;
	border:1px solid #CCC;
	}

.result_title{
	width: 810px;
	margin-bottom:20px;
	text-align:center;
	font-size:18px;
	letter-spacing:2px;
	}


.result_area ul {
	width: 838px;
	height:100%;
	}
	
.result_area ul li {
	width:140px;
	height:300px;
	float: left;
	padding:5px;
	margin-right:15px;
	margin-bottom: 20px;
	background:url(../img/box_bg.png) repeat;
	text-align: center;
	}

.result_area dl{
	width:120px;
	height:280px;
	padding:10px;
	background:#333;
	background: rgba(17, 17, 17, 0.8);
    }

.result_area dt{
	width:120px;
	height:180px;
	background:#FFF;
    }

.result_area dt img{
	width:120px;
	height:180px;
    }
	
.result_area dt a:hover{
	opacity:0.6;
	filter: alpha(opacity=60);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=60)";  /* ie 8 */
	-moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.6;              /* Safari 1.x */
	zoom:1;
    }

.result_area dd.shop{
	margin-top:3px;
	color:#FFF;
	letter-spacing:1px;
	font-size:10px;
    }
	
.result_area dd.name{
	margin-top:3px;
	color:#FFF;
	font-size:12px;
	letter-spacing:1px;
    }

.result_area dd.name a,
.result_area dd.name a:hover{
	color:#FFF;
	text-decoration:underline;
    }

.result_area dd.shift{
	margin-top:10px;
	text-align:center;
    }
	
.result_area dd.shift img{
	width:80px;
    }

.result_area dd.sokuhou{
	margin-top:3px;
	color:#FFF;
	letter-spacing:1px;
	font-size:10px;
    }
	
	
/* -----------------------------------------------
    3. 検索結果 pagination
----------------------------------------------- */

.pagination{
	clear:both;
	padding: 3px;
	margin: 10px 15px 3px 3px;
	text-align:center;
}
	
.pagination a {
	border: 1px solid #dedfde;
	margin-right:3px;
	padding:2px 6px;
	background-position:bottom;
	text-decoration: none;
	color: #666;		
}

.pagination a:hover, div.meneame a:active {
	border: 1px solid #000;
	background-image:none;
	background-color:#333;
	color: #fff;
}

.pagination span.current {
	margin-right:3px;
	padding:2px 6px;
	font-weight: bold;
	color: #ff0084;
}

.pagination span.disabled {
	margin-right:3px;
	padding:2px 6px;
	color: #adaaad;
}