@charset "utf-8";

@import url("../base.css");

/* Selectbox Styles
=================================*/

a.sctble_display {
	border: none;
	padding-right: 26px;
	border-radius: 5px;
	border: 1px solid #999;
	background: #fffff0 url(https://www.wave-inc.co.jp/images/main/select_down.png) no-repeat right center;
	width: 100%;
	line-height: 1;
}

	a.sctble_display span {
		width: 100%;
		height: auto;
		min-height: 3rem;
		font-size: 1rem;
		line-height: 1;
		padding: 1rem 0.7rem;
		overflow: hidden;
		background-image: none !important;
	}
	a.sctble_focus span { background-position: left -50px !important }
	a.sctble_display:hover { background-color: #fffff0 !important; color:#000 !important;}
	a.sctble_focus { border: 2px solid #0f0f0f;}

/* Pulldown Mat (Basis)
=================================*/

div.sctble_mat {
	opacity: 1 !important;
	border: 1px solid #767676;
	background: #fff;
	box-shadow: 2px 2px 10px rgba(0,0,0,0.3);
	display: table;
}

	div.sctble_mat dl { 
		border-color: #ccc;
		text-align: left;
		line-height: 1.5;
		padding: 0 0 0 0.5em;
	}
		div.sctble_mat dl dt { 
			width: 11em;
			color: #000;
			margin: 0 !important;
			padding: 0.2em !important;
			font-weight: normal;
		}

		div.sctble_mat dl dd { 
			margin: 0 !important;
			padding: 0 0 0 11em !important;
			border-left: none !important;
			border-bottom: 1px solid #ddd;
		}
			div.sctble_mat dl dd:last-child {
				border-bottom: none;
				margin: 0 !important;
			}

	div.sctble_mat a {
		display: block;
		position: relative;
		font-weight: normal;
		color: #000;
		text-decoration: none;
		padding: 0.2em;
	}
		div.sctble_mat a::before {
			content: "";
			position: absolute;
			border-style: solid;
			border-width: 4px 0 4px 8px;
			border-color: transparent transparent transparent #000;
			left: -15px;
			top: 9px;
		}
		div.sctble_mat a:hover {
			text-decoration: underline;
			color:#fff;
			background-color: #1e90ff;
		}

	div.sctble_mat a.selected {
		color: #fff;
		background-color: #075bb7;
	}

	div.sctble_mat a.selected::before{
		border-color: transparent transparent transparent #075bb7;
	}
	div.sctble_mat a:hover::before{
		border-color: transparent transparent transparent #1e90ff;
	}

/* Pulldown Mat (No Optgroups)
=================================*/
	
div.sctble_mat.nooptg p {
	border-color: solid #93af72 1px;
}

/* Date (Inline)
=================================*/

div.sctble_mat.sctble.m_year p,
div.sctble_mat.sctble.m_month p {}
		
	div.sctble_mat.sctble.m_year a,
	div.sctble_mat.sctble.m_month a {}
	
	div.sctble_mat.sctble.m_day a {}
		
/* Simple Select Box
=================================*/
	
div.sBox {
	border: solid #93af72 1px;
	background: #f2f8ec;
}

div.sBox p {
	border: none !important;
}
	
	div.sBox a:hover,
	div.sBox a:focus,
	div.sBox a.selected {
		color: #fff;
		background: #93af72;
	}