@charset "utf-8";

/* リセット
---------------------------------------------------- */
*{
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", Arial, sans-serif;
	line-height: 1.0;
}

input[type="password"]{
	font-family: Arial, sans-serif;
}
img {
	margin: 0px;
	padding: 0px;
	border: none;
}

h1,h2,h3,h4,p,ul,ol,li,form {
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-weight: normal;
	list-style: none;
}
table { border-collapse:collapse;}

a:link { color: #333333; text-decoration: underline}
a:visited { color: #333333; text-decoration: underline}
a:hover { color: #333333; text-decoration: underline}
a:active { color: #333333; text-decoration: underline}

/* 共通
--------------------------------------------------------------*/
.w30 {
	width:30px;
}
.w72 {
	width:72px;
}
.w100 {
	width:100px;
}
.w150 {
	width:150px;
}
.w300 {
	width:300px;
}
.w338 {
	margin: 2px 0;
	width:338px;
}

.float_right{
	float: right;
}
.float_left{
	float: left;
}
.color_white {
	color: #ffffff;
}
.text_right{
	text-align:right;
}
.text_center {
	text-align: center;
}
.text_right_p4{
	text-align:right;
	padding-top:4px;
}
.marginbottom10 {
	margin-bottom:10px;
}
.marginright10 {
	margin-right:10px;
}
.marginright15 {
	margin-right:15px;
}
.marginleft5 {
	margin-left:5px;
}
.marginleft10 {
	margin-left:10px;
}
.marginleft40 {
	margin-left:40px;
}
.margintop10 {
	margin-top:10px;
}
.margintop20 {
	margin-top:20px;
}
.marginbottom3 {
	margin-bottom:3px;
}
.marginbottom10 {
	margin-bottom:10px;
}
.marginbottom20 {
	margin-bottom:20px;
}
.marginbottom30 {
	margin-bottom:30px;
}
.marginbottom60 {
	margin-bottom:60px;
}
.paddingbottom10 {
	padding-bottom:10px;
}
.paddingbottom20 {
	padding-bottom:20px;
}
.paddingright20 {
	padding-right:20px;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */

.readOnryBackColor {
	background-color: transparent;
	border: none;
}

.imeon {
	ime-mode: active;
}

.imeoff {
	ime-mode: disabled;
}

.input_phone {
	font-size:12px;
	ime-mode: disabled;
}
.input_amount {
	font-size:12px;
	text-align: right;
	ime-mode: disabled;
}

#btn_login .button {
  border-width:0;
  width:100px;
  height:26px;
  background: url("../../images/login/loginf_on.jpg") no-repeat;
}
#btn_login .hover {
  background:url("../../images/login/loginf.jpg") no-repeat;
}
#btn_login .focus {
  background-position: -2px -2px;
  border-width:0 2px 2px 0;
}

#btn_view .button {
  border-width:0;
  width:73px;
  height:18px;
  background:url("../img/btn_view2_off.jpg") no-repeat;
}
#btn_view .hover {
  background:url("../img/btn_view2_on.jpg") no-repeat;
}
#btn_view .focus {
  background-position: -2px -2px;
  border-width:0 2px 2px 0;
}

#btn_search .button {
  border-width:0;
  width:73px;
  height:18px;
  background:url("../img/btn_search_off.jpg") no-repeat;
}
#btn_search .hover {
  background:url("../img/btn_search_on.jpg") no-repeat;
}
#btn_search .focus {
  background-position: -2px -2px;
  border-width:0 2px 2px 0;
}

#btn_output .button {
  border-width:0;
  width:80px;
  height:25px;
  background:url("../img/btn_output_off.jpg") no-repeat;
}
#btn_output .hover {
  background:url("../img/btn_output_on.jpg") no-repeat;
}
#btn_output .focus {
  background-position: -2px -2px;
  border-width:0 2px 2px 0;
}
#btn_practice .button,
#multiEntry .button {
  border-width:0;
  width:80px;
  height:25px;
  background:url("../img/btn_practice_off.jpg") no-repeat;
}
#btn_practice .hover,
#multiEntry .hover {
  background:url("../img/btn_practice_on.jpg") no-repeat;
}
#btn_practice .focus,
#multiEntry .focus {
  background-position: -2px -2px;
  border-width:0 2px 2px 0;
}

#btn_entry .button,
#EditEntry .button {
  border-width:0;
  width:80px;
  height:25px;
  background:url("../img/btn_touroku_off.jpg") no-repeat;
}
#btn_entry .hover,
#EditEntry .hover {
  background:url("../img/btn_touroku_on.jpg") no-repeat;
}
#btn_entry .focus,
#EditEntry .focus {
  background-position: -2px -2px;
  border-width:0 2px 2px 0;
}

#btn_new .button {
  border-width:0;
  width:80px;
  height:25px;
  background:url("../img/btn_new_off.jpg") no-repeat;
}
#btn_new .hover {
  background:url("../img/btn_new_on.jpg") no-repeat;
}
#btn_new .focus {
  background-position: -2px -2px;
  border-width:0 2px 2px 0;
}

#btn_create .button {
  border-width:0;
  width:65px;
  height:18px;
  background:url("../img/btn_create_off.jpg") no-repeat;
}
#btn_create .hover {
  background:url("../img/btn_create_on.jpg") no-repeat;
}
#btn_create .focus {
  background-position: -2px -2px;
  border-width:0 2px 2px 0;
}

#btn_delete .button,
#EditDelete .button {
  border-width:0;
  width:80px;
  height:18px;
  background:url("../img/btn_del_off.jpg") no-repeat;
}
#btn_delete .hover,
#EditDelete .hover {
  background:url("../img/btn_del_on.jpg") no-repeat;
}
#btn_delete .focus,
#EditDelete .focus {
  background-position: -2px -2px;
  border-width:0 2px 2px 0;
}

#btn_close .button,
#EditClose .button,
#multiClose .button {
  border-width:0;
  width:80px;
  height:18px;
  background:url("../img/btn_close_off.jpg") no-repeat;
}
#btn_close .hover,
#EditClose .hover,
#multiClose .hover {
  background:url("../img/btn_close_on.jpg") no-repeat;
}
#btn_close .focus,
#EditClose .focus,
#multiClose .focus {
  background-position: -2px -2px;
  border-width:0 2px 2px 0;
}

#btn_clear .button,
#EditClear .button,
#multiClear .button {
  border-width:0;
  width:80px;
  height:18px;
  background:url("../img/btn_clear_off.jpg") no-repeat;
}
#btn_clear .hover,
#EditClear .hover,
#multiClear .hover {
  background:url("../img/btn_clear_on.jpg") no-repeat;
}
#btn_clear .focus,
#EditClear .focus,
#multiClear .focus {
  background-position: -2px -2px;
  border-width:0 2px 2px 0;
}

#multiAllSet .button {
  border-width:0;
  width:80px;
  height:18px;
  background:url("../img/btn_select_all_off.jpg") no-repeat;
}
#multiAllSet .hover {
  background:url("../img/btn_select_all_on.jpg") no-repeat;
}
#multiAllSet .focus {
  background-position: -2px -2px;
  border-width:0 2px 2px 0;
}


#EditDict .button {
  border-width:0;
  width:80px;
  height:18px;
  background:url("../img/btn_touroku_dic_off.jpg") no-repeat;
}
#EditDict .hover {
  background:url("../img/btn_touroku_dic_on.jpg") no-repeat;
}
#EditDict .focus {
  background-position: -2px -2px;
  border-width:0 2px 2px 0;
}

#EditRetry .button {
  border-width:0;
  width:80px;
  height:18px;
  background:url("../img/btn_try_off.jpg") no-repeat;
}
#EditRetry .hover {
  background:url("../img/btn_try_on.jpg") no-repeat;
}
#EditRetry .focus {
  background-position: -2px -2px;
  border-width:0 2px 2px 0;
}

#btn_moveUp .button {
  border-width:0;
  width:16px;
  height:16px;
  background:url("../img/btn_row_up_off.jpg") no-repeat;
}
#btn_moveUp .hover {
  background:url("../img/btn_row_up_on.jpg") no-repeat;
}
#btn_moveUp .focus {
  background-position: -2px -2px;
  border-width:0 2px 2px 0;
}

#btn_moveDown .button {
  border-width:0;
  width:16px;
  height:16px;
  background:url("../img/btn_row_down_off.jpg") no-repeat;
}
#btn_moveDown .hover {
  background:url("../img/btn_row_down_on.jpg") no-repeat;
}
#btn_moveDown .focus {
  background-position: -2px -2px;
  border-width:0 2px 2px 0;
}

#btn_jnlDict .button {
  border-width:0;
  width:80px;
  height:18px;
  background:url("../img/btn_shiwake_dic_off.jpg") repeat;
}
#btn_jnlDict .hover {
  background:url("../img/btn_shiwake_dic_on.jpg") no-repeat;
}
#btn_jnlDict .focus {
  background-position: -2px -2px;
  border-width:0 2px 2px 0;
}

#btn_slpDict .button {
  border-width:0;
  width:80px;
  height:18px;
  background:url("../img/btn_slip_dictionary_off.jpg") no-repeat;
}
#btn_slpDict .hover {
  background:url("../img/btn_slip_dictionary_on.jpg") no-repeat;
}
#btn_slpDict .focus {
  background-position: -2px -2px;
  border-width:0 2px 2px 0;
}

#btn_desDict .button {
  border-width:0;
  width:80px;
  height:18px;
  background:url("../img/btn_desc_dictionary_off.jpg") repeat;
}
#btn_desDict .hover {
  background:url("../img/btn_desc_dictionary_on.jpg") no-repeat;
}
#btn_desDict .focus {
  background-position: -2px -2px;
  border-width:0 2px 2px 0;
}

#btn_calculation .button {
  border-width:0;
  width:60px;
  height:18px;
  background:url("../img/btn_calculation_off.jpg") no-repeat;
}
#btn_calculation .hover {
  background:url("../img/btn_calculation_on.jpg") no-repeat;
}
#btn_calculation .focus {
  background-position: -2px -2px;
  border-width:0 2px 2px 0;
}

#btn_export .button {
  border-width:0;
  width:72px;
  height:18px;
  background:url("../img/btn_export_off.jpg") no-repeat;
}
#btn_export .hover {
  background:url("../img/btn_export_on.jpg") no-repeat;
}
#btn_export .focus {
  background-position: -2px -2px;
  border-width:0 2px 2px 0;
}

#btn_cf_forward .button {
  border-width:0;
  width:127px;
  height:24px;
  background:url("../img/btn_forward_off.jpg") repeat;
}
#btn_cf_forward .hover {
  background:url("../img/btn_forward_on.jpg") no-repeat;
}
#btn_cf_forward .focus {
  background-position: -2px -2px;
  border-width:0 2px 2px 0;
}

#btn_cf_change .button {
  border-width:0;
  width:127px;
  height:24px;
  background:url("../img/btn_period_off.jpg") repeat;
}
#btn_cf_change .hover {
  background:url("../img/btn_period_on.jpg") no-repeat;
}
#btn_cf_change .focus {
  background-position: -2px -2px;
  border-width:0 2px 2px 0;
}

#btn_cf_trans .button {
  border-width:0;
  width:140px;
  height:25px;
  background:url("../img/btn_balance_off.jpg") repeat;
}
#btn_cf_trans .hover {
  background:url("../img/btn_balance_on.jpg") no-repeat;
}
#btn_cf_trans .focus {
  background-position: -2px -2px;
  border-width:0 2px 2px 0;
}

#btn_payroll .button {
  border-width:0;
  padding:1px;
  width:64px;
  height:18px;
  background:url("../img/btn_payroll_off.jpg") no-repeat;
}
#btn_payroll .hover {
  background:url("../img/btn_payroll_on.jpg") no-repeat;
}
#btn_payroll .focus {
  background-position: -2px -2px;
  border-width:0 2px 2px 0;
}

#btn_matching .button {
  border-width:0;
  width:80px;
  height:18px;
  background:url("../img/btn_matching_off.jpg") repeat;
}
#btn_matching .hover {
  background:url("../img/btn_matching_on.jpg") no-repeat;
}
#btn_matching .focus {
  background-position: -2px -2px;
  border-width:0 2px 2px 0;
}

#btn_checklist .button {
  border-width:0;
  width:127px;
  height:24px;
  background:url("../img/btn_checklist_off.jpg") repeat;
}
#btn_checklist .hover {
  background:url("../img/btn_checklist_on.jpg") no-repeat;
}
#btn_checklist .focus {
  background-position: -2px -2px;
  border-width:0 2px 2px 0;
}

.btn_multi {
  border: 1px solid #7F9DB9;
  width:106px;
  height:18px;
  background-color:transparent;
  text-align: left;
  z-index: 82;
}

.view_left {
	text-align:left;
}
.view_right {
	text-align:right;
}

.color_disabled {
	color: #888888;
}