/*---------------------------------------------------
	コントロール
---------------------------------------------------*/

.lock_label{
	display: none;
}

/*---------------------------------------------------
	入力関連
---------------------------------------------------*/

/* IME - IE, Firefoxのみ */
.ime_kana{
	ime-mode: active;
}
.ime_anum{
	ime-mode: disabled;
}

input,
select,
textarea{
	padding: 0px;
	font-size: 12px;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
/* コントロール無効 */
input:disabled,
select:disabled,
textarea:disabled,
.readonly{
	background-color: #EEE;
	border: 1px solid #CCC;
	color: #000;
}

input[type=text],
input[type=password],
select,
textarea{
	border: 1px solid #CCC;
	border-radius: 3px;
}

input[type=checkbox]{
	vertical-align: middle;
}

textarea{
	resize: none;
}

label{
	display: inline-block;
}

/* Webkit系 */
@media screen and (-webkit-min-device-pixel-ratio : 0 ) {
	input,
	select,
	textarea{
		margin: 0px;
	}
}

/*---------------------------------------------------
	画像関連
---------------------------------------------------*/

/* 画像のリンクボーダー非表示 */
img{
	border: none;
	vertical-align: top;
}
.image_upload_area{
	color: #CCC;
	border: 1px solid  #CCC;
}
.image_upload_area.disabled{
	color: #EEE;
	background-color: #EEE;
}

/*---------------------------------------------------
	リンク
---------------------------------------------------*/

a.e_focus:focus{
	outline: 1px solid rgba(255,127,39,0.7);
}

/*---------------------------------------------------
	ボタン関連
---------------------------------------------------*/

.button{
	text-align: center;
	border-radius: 3px;
	display: inline-block;
}
.tab{
	text-align: center;
	border-radius: 5px 5px 0 0;
	display: inline-block;
}
.icon_button{
	border-radius: 3px;
	padding: 3px;
	display: inline-block;
}
.button:hover,
.tab:hover,
.icon_button:hover{
	cursor: pointer;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}
.button.selected:hover,
.button.disabled:hover,
.tab.selected:hover,
.tab.disabled:hover{
	cursor: default;
	filter:alpha(opacity=1);
	-moz-opacity: 1;
	opacity: 1;
}
.button:active,
.tab:active,
.icon_button:active{
	box-shadow: inset 0 0 5px rgba(0,0,0,.6);
}
.tab.disabled:active,
.button.disabled:active{
	box-shadow: inset 0 0 0 rgba(0,0,0,1);
}
.button.selected,
.tab.selected,
.icon_button.selected{
	box-shadow: inset 0 0 5px rgba(0,0,0,.6);
}
.button.disabled,
.tab.disabled{
	background: #AAAAAA;
	background: -webkit-gradient(linear, left top, left bottom, from(#AAAAAA), to(#999999));
	background: -moz-linear-gradient(top,  #AAAAAA,  #999999);
}

/* サイズ */
.size_auto{
	padding: 1px 5px;
}


.size_20x20{
	font-size: 12px;
	width: 18px;
	height: 18px;
	line-height: 19px;
}
.size_50x20{
	font-size: 12px;
	width: 48px;
	height: 18px;
	line-height: 19px;
}
.size_70x20{
	font-size: 12px;
	width: 68px;
	height: 18px;
	line-height: 19px;
}
.size_100x20{
	font-size: 12px;
	width: 98px;
	height: 18px;
	line-height: 19px;
}
.size_100x25{
	font-size: 14px;
	width: 98px;
	height: 23px;
	line-height: 23px;
}
.size_100x30{
	font-size: 14px;
	width: 98px;
	height: 28px;
	line-height: 30px;
}
.size_100x40{
	font-size: 12px;
	width: 98px;
	height: 38px;
	line-height: 40px;
}


/* 色 */
.ui_black{
	color: #D7D7D7;
	border: 1px solid #333;
	background: #333;
	background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
	background: -moz-linear-gradient(top,  #666,  #000);
	text-shadow: 0px 1px 1px rgba(0,0,0,.3);
}
.ui_gray{
	color: #E9E9E9;
	border: solid 1px #555;
	background: #6E6E6E;
	background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
	background: -moz-linear-gradient(top,  #888,  #575757);
}
.ui_white{
	color: #505050;
	border: solid 1px #B7B7B7;
	background: #EDEDED;
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#DCDCDC));
	background: -moz-linear-gradient(top,  #FFF,  #DCDCDC);
	text-shadow: 0px 1px 1px rgba(0,0,0,.3);
}
.ui_black{
	color: #D7D7D7;
	border: 1px solid #333;
	background: #333;
	background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
	background: -moz-linear-gradient(top,  #666,  #000);
	text-shadow: 0px 1px 1px rgba(0,0,0,.3);
}
.ui_red{
	color: #FADDDE;
	border: 1px solid #980C10;
	background: #D81B21;
	background: -webkit-gradient(linear, left top, left bottom, from(#ED1C24), to(#AA1317));
	background: -moz-linear-gradient(top,  #ED1C24,  #AA1317);
	text-shadow: 0px 1px 1px rgba(0,0,0,.3);
}
.ui_pink{
	color: #FEEEF5;
	border: solid 1px #D2729E;
	background: #F895C2;
	background: -webkit-gradient(linear, left top, left bottom, from(#FEB1D3), to(#F171AB));
	background: -moz-linear-gradient(top,  #FEB1D3,  #F171AB);
	text-shadow: 0px 1px 1px rgba(0,0,0,.3);
}
.ui_rosy{
	color: #FAE7E9;
	border: 1px solid #B73948;
	background: #DA5867;
	background: -webkit-gradient(linear, left top, left bottom, from(#F16C7C), to(#BF404F));
	background: -moz-linear-gradient(top,  #F16C7C,  #BF404F);
	text-shadow: 0px 1px 1px rgba(0,0,0,.3);
}
.ui_orange{
	color: #FEF4E9;
	border: 1px solid #DA7C0C;
	background: #F78D1D;
	background: -webkit-gradient(linear, left top, left bottom, from(#FAA51A), to(#F47A20));
	background: -moz-linear-gradient(top,  #FAA51A,  #F47A20);
	text-shadow: 0px 1px 1px rgba(0,0,0,.3);
}
.ui_green{
	color: #E8F0dE;
	border: 1px solid #538312;
	background: #64991E;
	background: -webkit-gradient(linear, left top, left bottom, from(#7DB72F), to(#4E7D0E));
	background: -moz-linear-gradient(top,  #7DB72F,  #4E7D0E);
	text-shadow: 0px 1px 1px rgba(0,0,0,.3);
}
.ui_blue{
	color: #D9EEF7;
	border: 1px solid #0076A3;
	background: #0095CD;
	background: -webkit-gradient(linear, left top, left bottom, from(#00ADEE), to(#0078A5));
	background: -moz-linear-gradient(top,  #00ADEE,  #0078A5);
	text-shadow: 0px 1px 1px rgba(0,0,0,.3);
}
.ui_yellow{
	color: #685F36;
	border: solid 1px #D3CA78;
	background: #FFF69E;
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF387), to(#F2E480));
	background: -moz-linear-gradient(top,  #FFF9CC,  #F2E480);
	text-shadow: 0px 1px 1px rgba(0,0,0,.3);
}

/*---------------------------------------------------
	吹き出し
---------------------------------------------------*/

/* 吹き出し枠 */
.arrow_box_left,
.arrow_box_top,
.arrow_box_bottom {
	position: relative;
	background: #FFF;
	border: 3px solid #A7C3F5;
}

/* 吹き出し(左部分) */
.arrow_box_left:after, .arrow_box_left:before {
	right: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.arrow_box_left:after {
	border-color: rgba(255, 255, 255, 0);
	border-right-color: #FFF;
	border-width: 20px;
	top: 50%;
	margin-top: -20px;
}
.arrow_box_left:before {
	border-color: rgba(194, 225, 245, 0);
	border-right-color: #A7C3F5;
	border-width: 24px;
	top: 50%;
	margin-top: -24px;
}

/* 吹き出し(上部分) */
.arrow_box_top:after, .arrow_box_top:before {
	bottom: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.arrow_box_top:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #FFF;
	border-width: 20px;
	left: 50%;
	margin-left: -20px;
}
.arrow_box_top:before {
	border-color: rgba(194, 225, 245, 0);
	border-bottom-color: #A7C3F5;
	border-width: 24px;
	left: 50%;
	margin-left: -24px;
}

/* 吹き出し(下部分) */
.arrow_box_bottom:after, .arrow_box_bottom:before {
	top: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.arrow_box_bottom:after {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #FFF;
	border-width: 20px;
	left: 50%;
	margin-left: -20px;
}
.arrow_box_bottom:before {
	border-color: rgba(194, 225, 245, 0);
	border-top-color: #A7C3F5;
	border-width: 24px;
	left: 50%;
	margin-left: -24px;
}

/*---------------------------------------------------
	ダイアログ関連
---------------------------------------------------*/

.dialog{
	display: none;
	margin-top: 5px;
	margin-bottom: 5px;
}

.ui-widget-overlay {
	background: #000000 url(images/ui-bg_flat_0_000000_40x100.png) 50% 50% repeat-x;
	opacity: 0.90;
}
.ui-dialog{
	border: 3px double #CCC;
}
.ui-dialog .ui-dialog-buttonpane{
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}
.ui-dialog .ui-dialog-buttonpane button{
	margin-top: 5px;
	margin-bottom: 3px;
}

.ui-widget .dialog,
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-size: 12px;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}


/*---------------------------------------------------
	datepicker
---------------------------------------------------*/

img.ui-datepicker-trigger{
	visibility: hidden;
	width: 1px;
	height: 1px;
}
.ui-datepicker select.ui-datepicker-year{
	width: 65px;
}
.ui-datepicker select.ui-datepicker-month{
	width: 55px;
}