@charset "utf-8";

/***  Raffine CSS Document ***************************************

	ver.2011/3

	jquery_select.css

----------------------------------------------------------------***/
a.sctble_display:link,
a.sctble_display:visited,
a.sctble_display:hover,
div.sBox a:link,
div.sBox a:visited,
div.sBox a:hover{ text-decoration: none; }
/* Selectbox Styles
=================================*/

a.sctble_display {
	display: block;
	background-repeat: no-repeat;
	background-position: left top;
}

a.sctble_display span {
	display: block;
	padding: 0 18px 0 7px;
	background-repeat: no-repeat;
	background-position: right top;	
}

/*　検索用　*/
.searchSelect a.sctble_display {
	height: 18px;
	background-image: url(../images/bg_selectbox01_left.gif);
}
.searchSelect a.sctble_display span { background-image: url(../images/bg_selectbox01_arrow.gif); }

/*　フォーム用　*/
div#mainContents div.formFields a.sctble_display {
	height: 22px;
	background-image: url(../images/bg_selectbox02_left.gif);
}
div#mainContents div.formFields a.sctble_display span {
	padding: 2px 18px 2px 7px;
	background-image: url(../images/bg_selectbox02_arrow.gif);
}

	/*a.sctble_display:hover span { background-position: right -21px }
	a.sctble_focus span { background-position: right -42px !important }*/
	
/* Pulldown Mat (Basis)
=================================*/

div.sctble_mat a { font-weight: normal; }
div.sctble_mat a.selected {
		text-decoration: none;
		cursor: default;
}

/* Pulldown Mat (No Optgroups)
=================================*/
	
div.sctble_mat.nooptgroup div.body {
	padding: .5em .6em;
	line-height: 1.9;
	text-align: left;
}

/* Simple Select Box
=================================*/
	
div.sBox {
	margin-top: -5px;
	height: 150px;
	border: solid #d3e4f2 1px;
	border-left: none;
	overflow: auto;
	overflow-x: hidden;
	background-color: #ffffff;
}

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

	div.sctble_mat.sBox div.body {
		border: none;
		padding: 0;
		height: 150px;
		line-height: 1.5;
	}
* html div.sctble_mat.sBox div.body {
		height: 150px;
		overflow: scroll;
		overflow-x: hidden;
	}
	div.sBox a {
		border: solid #d3e4f2 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: #eaf3fb;
	}
	
	div.sBox a.selected {
		background: #eaf3fb;
	}