@charset "utf-8";

/* ----------------------------------------------------------
	CSS Information

	File name    : input_ui.css
	Style Info   : input.htmlのビヘイビア機能用のスタイル
	Last update  : 2008-05-02 by Hirosuke Asano
	Author       : Hirosuke Asano (admin)
	Copyright    : (C) 2008 Hottolink.Inc
----------------------------------------------------------- */

/* カレンダー用のCSSを読み込み */
@import url(ui.datepicker.css);

/* カレンダー表示場所の設定。
カレンダーアイコンが自動で設定されるので、
要素を上からレイアウト、カレンダーアイコンをセルの右側に寄せる必要がある。
上付きにするため、→は上からのマージンを設定する。
----------------------------------------------------------- */
tr.calenderline{
	vertical-align:top;
}

td.calendercell{
	text-align:right;
}

img.calenderarrow{
	margin-top:5px;
}

div.toggle_hide{
	display:none;
}

div.toggle_show{

}

/*
カスタムコンボボックスのデザイン
----------------------------------------------------------- */

.comboboxContainer
{
	border:solid 1px #92D1D8;
		color:#000000;
}

/*
ボタン押下時のスタイル。ボタンの代わりに背景を表示しないと消える。
*/
.comboboxValueContainer
{
	background-color:#FFFFFF;
	background-image: url(../image/input_ico07.gif);
	background-repeat: no-repeat;
	background-position:right;
	padding-left:4px;
	color:#000000;
}

.comboboxValueContent
{
	padding-left: 3px;
	text-transform: uppercase;
}

.comboboxDropDownContainer
{
	border:solid 1px #92D1D8;
	background: #fff;
	overflow: hidden;
	padding-left: 3px;

}

/*
コンボボックスのボタン画像。コンボボックスの高さはボタンheightに依存
*/
.comboboxDropDownButton
{
	width: 25px;
	height: 23px;
	background-image: url(../image/input_ico07.gif);
}

.comboboxItem
{
	background: #fff;
	color: #000
	text-transform: lowercase;
	font-weight: normal;
	font-style: normal;
}

.comboboxItemHover
{
	background-color: #999;
	color: #fff;
	text-transform: uppercase;
	padding-left: 4px;
}

/*
非選択状態を示す半透明化表示
*/
.unSelect{
  filter: alpha(style=0, opacity=30) !important;
  -moz-opacity:0.3;
  opacity:0.3;
}