@charset "utf-8";

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

a.sctble_display {
	border: 1px solid #999;
	padding:3px 25px 3px 5px;
	background: url(arrow.png) no-repeat right 50%;
	line-height: 25px;
	display: block;
	border-radius: 3px;
}
a.sctble_focus { background-position: right -50px !important }

a.sctble_display p {
	height: 30px;
	background-repeat: no-repeat;
	background-position:left 50%;

	padding-left: 30px;
	display: inline-block;
}
a.sctble_display span{
	line-height: 30px;
}
a.sctble_display input{
	margin-left: 15px;
	width: 4em;
	display: none;
}
a.sctble_display .tanto_no input{
	display: inline-block;
}
/* Pulldown Mat (Basis)
=================================*/

div.sctble_mat {
	border: solid #ccc 1px;
	background: #fcfcfc;
	max-width: 563px;
	box-shadow: 2px 2px 8px rgba(0,0,0,.5);
	margin-left: 5px;
	margin-top: -2px;
}

	div.sctble_mat dl {
		margin: 0;
		padding: 15px 15px 5px 15px;
	}

		div.sctble_mat dl dt {
			border-top: 1px solid #ccc;
			padding-top: 7px;
			color: #666;
			font-weight: bold;
			font-size: 14px;
			text-align: left;
			margin-bottom: 10px;
		}
		div.sctble_mat dl dt.first-child{
			border-top: 0px none;
			padding-top: 0;
		}

		div.sctble_mat dl dd {
			margin: 0;
			text-align: left;
		}

	div.sctble_mat a {
		padding-right: 25px;
		color: #666;
		font-weight: bold;
		display: inline-block;
		margin-bottom: 10px;
	}
	div.sctble_mat a:focus{
		outline:none;
		overflow: visible;
	}

	div.sctble_mat a.selected {
		color: #333;
		text-decoration: none;
		cursor: default;
	}

/* Pulldown Mat (No Optgroups)
=================================*/

div.sctble_mat.nooptg p {
	border: solid #999 1px;
	border-top: none;
	border-left: none;
	padding: .5em 1em;
	line-height: 1.9;
}

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

div.sctble_mat.sctble.m_year p,
div.sctble_mat.sctble.m_month p {
	padding-left: .6em;
}

	div.sctble_mat.sctble.m_year a,
	div.sctble_mat.sctble.m_month a {
		padding: .4em;
	}

	div.sctble_mat.sctble.m_day a {
		display: inline-block;
		width: 1.5em;
		text-align: center;
	}

/* Simple Select Box
=================================*/

div.sBox {
	border: solid #DFDFDF 1px;
	border-left: none;
	width: 130px;
	overflow: auto;
	overflow-x: hidden;
	background: #FFF;
}

div.sBox.s_year { width: 6em }
div.sBox.s_month,
div.sBox.s_day { width: 5em }

	div.sctble_mat.sBox p {
		border: none;
		padding: 0;
		line-height: 1.5;
	}

	div.sBox a {
		border: solid #DFDFDF 1px;
		border-top: none;
		border-right: none;
		padding: .3em .5em;
		display: block;
		text-decoration: none;
	}

	div.sBox a.last-child {
		border-bottom: none;
	}

	div.sBox a:hover {
		background: #EEE;
	}

	div.sBox a.selected {
		background: #EEE;
	}