@charset "utf-8";

/* ========================================================
	member.css
*======================================================== */

/*--------------------------------------------------------

	searchSec01
	
----------------------------------------------------------*/
.memberListSec h1.pageTitle{
	font-size: 2.1rem;
	text-align:center;
	padding:18px 0px 18px 0px;
	vertical-align: baseline;
}

	.memberListSec h1.pageTitle::before{
		content:"";
		background: url(../img/common/logo01.png) no-repeat 0px 50%;
		background-size:contain;
		-webkit-background-size:contain;
		-moz-background-size:contain;
		display:inline-block;
		width:20px;
		height:22.5px;
		margin:0px 4px 0px 0px;
	}

/*--------------------------------------------------------

	frame01
	
----------------------------------------------------------*/

.memberListSec .frame01{
	background:#F5F5F5 url(../img/common/frame01_bg01.png) repeat-x top;
	padding:20px 0px 18px 0px;
}

/*--------------------------------------------------------

	frame01
	
----------------------------------------------------------*/

.memberListSec .searchBox{
	width: 94%;
	box-sizing:border-box;
	margin:0px auto 10px auto;
	border:2px solid #16A6B6;
	border-radius: 8px; 
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	background-color:#ffffff;
	padding:17px 10px 17px 10px;
}

	.memberListSec .searchBox dt{
		padding:0px 0px 0px 0px;
		background-image: url(../img/icon/arrow_blue_down01.png);
		background-size:14px 14px;
		-webkit-background-size:14px 14px;
		-moz-background-size:14px 14px;
		background-position: 96% 50%;
		background-repeat:no-repeat;
		font-size: 1.6rem;
		font-weight: bold;
		
	}
	
		.memberListSec .searchBox dt.active{
			background-image: url(../img/icon/arrow_blue_up01.png);
			background-size:14px 14px;
			-webkit-background-size:14px 14px;
			-moz-background-size:14px 14px;
		}
	
	.memberListSec .searchBox dd{
		border-top:2px solid #16A6B6;
		padding:10px 0px 10px 0px;
		margin:10px 0px 0px 0px;
		display: none;
	}
	
/* kyewordBox	
----------------------------------------------------------*/

.memberListSec .searchBox.kyewordBox dd .text01{
	width: 66%;
	float: left;
	box-sizing: border-box;
	height:50px;
	padding:10px 10px 10px 10px;
	border:1px solid #BBBBBB;
}

.memberListSec .searchBox.kyewordBox dd .blueBtn01{
	width: 30%;
	float: right;
	background-image:url(../img/icon/search_icon02.png);
	background-position:20% 50%;
	background-repeat:no-repeat;
	background-size:18px 18px;
	-webkit-background-size:18px 18px;
	-moz-background-size:18px 18px;
	padding:10px 0px 10px 10px;
	box-sizing: border-box;
	height:50px;
}
		
/* choiceBox	
----------------------------------------------------------*/

.memberListSec .searchBox.choiceBox dd .choiceList01{
	margin:0px 0px 10px 0px;
}

.memberListSec .searchBox.choiceBox dd .choiceList01 li{
	width: 19%;
	float: left;
	position:relative;
	height:52px;
	display:table;
	margin:0px 1px 2px 1px;
	box-sizing:border-box;
}

	.memberListSec .searchBox.choiceBox dd .choiceList01 li input[type="checkbox"]{
		width: 100%;
		border:1px solid #000000;
		position: absolute;
		height:100%;
		z-index:-1;
		opacity:0;
	}
	
	.memberListSec .searchBox.choiceBox dd .choiceList01 li label{
		width: 100%;
		height:100%;
		display:table-cell;
		vertical-align:middle;
		text-align:center;
		background:#DAF1F3;
		border-radius: 8px; 
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		box-sizing:border-box;
		padding:3px 5px 3px 5px;
		font-size: 1.6rem;
	}
	
		.memberListSec .searchBox.choiceBox dd .choiceList01 li  input[type="checkbox"]:checked + label{
			background:#138B99;
			color:#ffffff;
		}

.memberListSec .searchBox.choiceBox dd .blueBtn01{
	width: 60%;
	background-image:url(../img/icon/search_icon02.png);
	background-position:35% 50%;
	background-repeat:no-repeat;
	background-size:18px 18px;
	-webkit-background-size:18px 18px;
	-moz-background-size:18px 18px;
	padding:10px 0px 10px 10px;
	box-sizing: border-box;
	height:50px;
	margin:0px auto 0px auto;
}

/*--------------------------------------------------------

	resultSec
	
----------------------------------------------------------*/

.resultSec{
	width: 94%;
	margin:0px auto 0px auto;
}

/* h1	
----------------------------------------------------------*/
.resultSec h1{
	color:#ffffff;
	padding:5px 10px 5px 10px;
	background:#138B99;
	margin:0px 0px 5px 0px;
	font-size: 1.5rem;
}

/* elementBox01	
----------------------------------------------------------*/
.resultSec .elementBox01{
	text-align:right;
	margin:0px 0px 10px 0px;
}

/* resultList01	
----------------------------------------------------------*/

.resultList01{
	border-top:1px solid #CECEBF;
	border-left:1px solid #CECEBF;
	border-right:1px solid #CECEBF;
	border-bottom:0px solid #CECEBF;
	background:#ffffff;
	padding:15px 10px 15px 10px;
}

dl.resultList01.last01{
	border-bottom:1px solid #CECEBF;
}


	.resultList01 dt{
		border-left:3px solid #138B99;
		padding:0px 40px 0px 10px;
		font-size: 1.6rem;
		font-weight: bold;
		background-image: url(../img/icon/arrow_blue_down02.png);
		background-size:20px 20px;
		-webkit-background-size:20px 20px;
		-moz-background-size:20px 20px;
		background-repeat:no-repeat;
		background-position:96% 50%;
	}
	
		.resultList01 dt span{
			display: block;
			color:#666666;
			font-size: 1.2rem;
			font-weight: normal;
		}
	
	.resultList01 dd{
		margin:10px 0px 0px 0px;
		border-top:2px dotted #138B99;
		padding:10px 0px 0px 0px;
		display: none;
	}
	
		.resultList01 dd .data{
			margin:0px 0px 10px 0px;
		}
		
		.resultList01 dd .btn01{
			background-color:#138B99;
			display: block;
			padding:10px 0px 10px 0px;
			text-align:center;
			color:#ffffff !important;
			border-radius: 8px; 
			-webkit-border-radius: 8px;
			-moz-border-radius: 8px; 
		}
		
		.resultList01 dd .btn01.tel01{
			width: 49%;
			float: left;
			box-sizing:border-box;
		}
		
			.resultList01 dd .btn01.tel01 span{
				background-image:url(../img/icon/tel_icon02.png);
				background-repeat:no-repeat;
				background-position:0px 50%;
				background-size:15px 15px;
				-webkit-background-size:15px 15px;
				-moz-background-size:15px 15px;
				padding:0px 0px 0px 20px;
			}
		
		.resultList01 dd .btn01.map01{
			width: 49%;
			float: right;
			box-sizing:border-box;
		}
		
			.resultList01 dd .btn01.map01 span{
				background-image:url(../img/icon/map_icon02.png);
				background-repeat:no-repeat;
				background-position:0px 50%;
				background-size:16px 17px;
				-webkit-background-size:16px 17px;
				-moz-background-size:16px 17px;
				padding:0px 0px 0px 20px;
			}
		
		.resultList01 dd .btn01.url01{
			margin:5px 0px 0px 0px;
		}
		
			.resultList01 dd .btn01.url01 span{
				background-image:url(../img/icon/url_icon02.png);
				background-repeat:no-repeat;
				background-position:0px 50%;
				background-size:22px 17px;
				-webkit-background-size:22px 17px;
				-moz-background-size:22px 17px;
				padding:0px 0px 0px 25px;
			}

/* pageSend01	
----------------------------------------------------------*/

.pageSend01{
	margin-bottom:40px !important;
	width: 100%;
}

	.pageSend01 li a{
		background:#ffffff;
	}

		.pageSend01 .active a{
			background:#138B99;
			color: #fff;
		}