@charset "utf-8";
#eradContent {
	font-size: 65%;
	font-family: "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
}

#eradContent * {
	box-sizing: border-box;
}

a:focus {
	text-decoration: underline;
}

b {
	font-weight: bold;
}

input[type=text]:focus, textarea:focus, input[type=radio]:focus, input[type="checkbox"]:focus,
	select:focus, a:focus {
	outline: 2px #3264aa solid;
}

input.error {
	outline: 2px #c80000 solid;
}

input[type=radio]+label{
	top: 0px;
}
input[type=checkbox]+label{
	top: -3px;
}
input[type=radio]+label, input[type=checkbox]+label {
	position: relative;
	left: 5px;
	display: inline-block;
	margin-right: 12px;
	font-size: 14px;
}

@media ( min-width : 1px) {
	input[type=radio], input[type=checkbox] {
		opacity: 0;
		margin-top: 10px;
		position: relative;
		left: 20px;
	}
	input[type=radio]+label, input[type=checkbox]+label {
		padding: 0 10px 0 24px;
	}
	input[type=radio]+label::before, input[type=checkbox]+label::before {
		content: "";
		position: absolute;
		/*top: 50%;*/
		left: 0;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		display: block;
		width: 22px;
		height: 22px;
		margin-top: -10px;
		margin-left: -5px;
	}
	td input[type=checkbox]+label::before {
		margin-top: -15px;
		/* margin-left: 5px;*/
		/* margin-left: auto */
	}
	input[type=checkbox]+label::before {
		background: url(../../images/erad/icon_checkbox.png) left top;
	}
	input[type=checkbox]:checked+label::before {
		background: url(../../images/erad/icon_checkbox.png) left 66px;
	}
	input[type=checkbox]:focus+label::before {
		background: url(../../images/erad/icon_checkbox.png) left 44px;
	}
	input[type=checkbox]:checked:focus+label::before {
		background: url(../../images/erad/icon_checkbox.png) left 22px;
	}
	input[type=radio]+label::before {
		background: url(../../images/erad/icon_radio.png) left top;
	}
	input[type=radio]:checked+label::before {
		background: url(../../images/erad/icon_radio.png) left 66px;
	}
	input[type=radio]:focus+label::before {
		background: url(../../images/erad/icon_radio.png) left 44px;
	}
	input[type=radio]:checked:focus+label::before {
		background: url(../../images/erad/icon_radio.png) left 22px;
	}
}

.placeholder {
	font-size: 0.9em;
	color: #909090;
	position: relative;
	top: -70px;
	left: 10px;
}

.hover:hover {
	opacity: 0.7;
}

.hover:focus {
	opacity: 0.7;
	outline: 2px #d4e1f9 solid;
}

.btn_hover:hover {
	background-position: 0px -40px;
}

.btn_hover:focus {
	background-position: 0px -40px;
}

.btn_hover a {
	display: block;
	width: 100%;
	height: 100%;
}
.input .limit {
	width: 90px !important;
	margin-left: 10px;
}
.img_button {
	width: 200px;
	height: 40px;
	background-repeat: no-repeat;
	margin: auto;
	vertical-align: middle;
	margin-top: -5px;
	display: inline-block;
}

.img_button:hover {
	background-position: 0px -40px;
}

.img_button:focus {
	background-position: 0px -40px;
}

.img_button a {
	display: block;
	width: 100%;
	height: 100%;

}

a.disable {
	color: #969696 !important;
}

a.disable:hover {
	opacity: 1.0;
	cursor: default;
}


.icon_option {
	display: inline-block;
	color: #3264aa;
	border: 1px solid #3264aa;
	font-size: 0.7em;
	width: 40px;
	height: 21px;
	line-height: 20px;
	text-align: center;
	position: relative;
	top: -2px;
	left: 5px;
}

.icon_error,
.icon_info, 
.icon_warn,
.icon_question{
	display: inline-block;
	position: relative;
	top: -1px;
	margin-right: 5px;
}

.icon_error img,
.icon_info img,
.icon_warn img,
.icon_question img{
	vertical-align: middle;
}

#pagetop {
	position: fixed;
	bottom: 80px;
	right: 22px;
	display: none;
}

div#logout {
	width: 24px;
	height: 27px;
	margin-top: 8px;
	margin-left:5px;
	float: right;
	background: url(../../images/erad/icon_logout.png) 0 0 no-repeat;
}

div#logout:hover {
	cursor: pointer;
}


/*********************/

.btn_common {
	margin: 0px 5px;
	padding: 0px 10px;
	display:inline-block;
	line-height:30px;
	min-width:20px;
	height:30px;
	vertical-align: middle;
	border: 1px solid #d7d7d7;
	border-radius: 8px;
	text-align: center;
	text-decoration: none;
	outline: none;
	background-color: white;
	background-image: -ms-linear-gradient(top, #ffffff, #d3d3d3);
	background-image: linear-gradient(to bottom, #ffffff, #d3d3d3);
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffffff, endColorstr=#d3d3d3);
}

.btn_common:hover {
	background-image: -ms-linear-gradient(top, #e0dcdc, #b0abab);
	background-image: linear-gradient(to bottom, #e0dcdc, #b0abab);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#e0dcdc, endColorstr=#b0abab);
}

.btn_common>a {
	font-size: 13px;
	color: black;
	text-decoration: none;
	outline: none;
	display:block;
	width:100%;
	height:100%;
}

/* ファイル参照ファイル名 */
#main .item .input div.ref_file{
	display:inline-block;
	width:490px;
}

/* ファイル参照ボタン */
#main .item .input label.ref_file {
	font-size: 13px;
	color: black;
	text-decoration: none;
	outline: none;
	display:inline-block;
	width:100px;
	height:100%;
}

/* ファイル参照非表示部品 */
#main .item .input .hide_ref_file{
	display:none;
}

.btn_search {
  width:170px;
  border: 1px solid #ffffff;
  border-radius: 8px;
  color: #000;
  background-image: -ms-linear-gradient(top, #fff1e3, #ffd4bc);
  background-image: linear-gradient(to bottom, #fff1e3, #ffd4bc);
  filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#fff1e3, endColorstr=#ffd4bc);
  position:relative;
  border-color: rgb(215, 215, 215);
}

.btn_search:hover,
.btn_search:focus,
.btn_search>a:hover,
.btn_search>a:focus {
	background-image: -ms-linear-gradient(top, #ffdfc0, #ffb58a);
	background-image: linear-gradient(to bottom, #ffdfc0, #ffb58a);
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffdfc0, endColorstr=#ffb58a);
}


.btn_search>a:before {
  content:"";
  display:inline-block;
  width:15px;
  height:15px;
  background-image:url(../../images/erad/icon_search_black.png);
  background-position:0px 15px;
  position:relative;
  top:3px;
  margin-right:6px;
}

.btn_search>a {
  color: #000;
  border: none;
}

.btn_back>a:before {
  content:"";
  display:inline-block;
  width:15px;
  height:15px;
  background-image:url(../../images/erad/icon_back.png);
  background-position:0px 15px;
  position:relative;
  top:3px;
  margin-right:15%;
}
.btn_back>a:after{
	content:"";
	display:inline-block;
	width:15px;
	height:15px;
	position:relative;
	top:3px;
	margin-right:auto;
}
.btn_next_history>a:before {
	content:"";
	display:inline-block;
	width:15px;
	height:15px;
	position:relative;
	top:3px;
	margin-right:auto;
}
.btn_next_history>a:after{
  content:"";
  display:inline-block;
  width:15px;
  height:15px;
  background-image:url(../../images/erad/icon_next.png);
  background-position:right 0px bottom 15px;
  position:relative;
  top:3px;
  left:15%;
  margin-right:15%;
}
.btn_kaizen>a:before {
  content:"";
  display:inline-block;
  width:17px;
  height:16px;
  background-image:url(../../images/erad/icon_kaizen.png);
  background-position:0px 16px;
  position:relative;
  top:3px;
  margin-right:6px;
}
/**
.btn_kaizen>a:after{
	content:"";
	display:inline-block;
	width:15px;
	height:15px;
	position:relative;
	top:3px;
	margin-right:auto%;
}
*/
.btn_manual>a:before {
  content:"";
  display:inline-block;
  width:16px;
  height:14px;
  background-image:url(../../images/erad/icon_manual.png);
  background-position:0px 14px;
  position:relative;
  top:3px;
  margin-right:6px;
}
/**
.btn_manual>a:after{
	content:"";
	display:inline-block;
	width:15px;
	height:15px;
	position:relative;
	top:3px;
	margin-right:auto%;
}
*/

.btn_export {
  position:absolute;
  width: 250px;
  height: 42px;
  top:19px;
  right:-20px;
}

.btn_export a {
 font-size: 14px;
  line-height: 42px !important;
}

.btn_export a:before {
  content:"";
  display:inline-block;
  width:20px;
  height:20px;
  background-image:url(../../images/erad/icon_csv.png);
  margin-right:5px;
  position:relative;
  top:5px;
}
.btn_export:focus,
.btn_export:focus a {
  opacity: 1;
  outline: 2px #3264aa solid !important;
}




.btn_confirm {
	height: 40px;
	width:220px;
	border: 1px solid #d7d7d7;
	border-radius: 8px;
	color: #fff;
	background-image: -ms-linear-gradient(top, #00a400, #008f00);
	background-image: linear-gradient(to bottom, #00a400, #008f00);
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#00a400, endColorstr=#008f00);
	line-height: 40px;
}

.btn_confirm>a {
  color: #fff;
}

.btn_confirm:focus,
.btn_confirm:hover,
.btn_confirm>a:focus a,
.btn_confirm>a:hover a {
	background-image: -ms-linear-gradient(top, #008800, #007100);
  background-image: linear-gradient(to bottom, #008800, #007100);
  filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#008800, endColorstr=#007100);
}

.btn_confirm>a:before {
  content:"";
  display:inline-block;
  width:15px;
  height:15px;
  position:relative;
  margin-left:auto;
}

.btn_confirm>a:after {
  content:"";
  display:inline-block;
  width:15px;
  height:15px;
  background-image:url(../../images/erad/icon_next.png);
  background-position:0px 15px;
  position:relative;
  top:3px;
  margin-left:10%;
}


.btn_delete {
  width:220px;
  border: 1px solid #d7d7d7;
  border-radius: 8px;
  color: #fff;
  background-image: -ms-linear-gradient(top, #FF0000, #FF0000);
  background-image: linear-gradient(to bottom, #FF0000, #FF0000);
  filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FF0000, endColorstr=#FF0000);
}

.btn_delete>a {
  color: #fff;
}

.btn_delete:focus,
.btn_delete:hover,
.btn_delete>a:focus a,
.btn_delete>a:hover a {
  background-image: -ms-linear-gradient(top, #DD0000, #DD0000);
  background-image: linear-gradient(to bottom, #DD0000, #DD0000);
  filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#DD0000, endColorstr=#DD0000);
}

.btn_popup{
	width: 120px;
}
.btn_popup>a:before {
  content:"";
  display:inline-block;
  width:15px;
  height:15px;
  background-image:url(../../images/erad/icon_popup.png);
  background-position:0px 15px;
  position:relative;
  top:3px;
  margin-right:15%;
}
.btn_popup>a:after{
	content:"";
	display:inline-block;
	width:15px;
	height:15px;
	position:relative;
	top:3px;
	margin-right:auto;
}
.btn_check{
	width: 130px  !important;
}
.btn_check>a:before {
  content:"";
  display:inline-block;
  width:15px;
  height:12px;
  background-image:url(../../images/erad/icon_check_input.png);
  background-position:0px 0px;
  position:relative;
  top:1px;
  margin-right:5%;
}

#footer .btn_tempsave{
	min-width: 120px !important;
}
.btn_tempsave>a:before {
  content:"";
  display:inline-block;
  width:18px;
  height:18px;
  background-image:url(../../images/erad/icon_tempsave.png);
  background-position:0px 0px;
  position:relative;
  top:5px;
  margin-right:15%;
}

.btn_upload{
	border: 1px solid #fff;
	border-color: rgb(215, 215, 215);
	border-radius: 8px;
	color: #000;
	background-image: -ms-linear-gradient(top, #fff1e3, #ffd4bc);
	background-image: linear-gradient(to bottom, #fff1e3, #ffd4bc);
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#fff1e3, endColorstr=#ffd4bc);
	position: relative;
	width:240px;
	float: right;
	margin-bottom: 10px;
}

.btn_upload:hover,
.btn_upload:focus,
.btn_upload>a:hover,
.btn_upload>a:focus {
	background-image: -ms-linear-gradient(top, #ffdfc0, #ffb58a);
	background-image: linear-gradient(to bottom, #ffdfc0, #ffb58a);
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffdfc0, endColorstr=#ffb58a);
}
.btn_upload>a{
	color: #000;
	border: none;
}
.btn_upload>a:before {
  content:"";
  display:inline-block;
  width:12px;
  height:14px;
  background-image:url(../../images/erad/icon_upload_black.png);
  background-position:0px 14px;
  position:relative;
  top:2px;
  margin-right:6px;
}


.toggle_show {
	width: 214px;
}

.toggle_show>a {
	display:inline;
}

.toggle_show>a:before {
  display:inline-block;
  height:8px;
  position:relative;
  margin-right:6px;
}
.toggle_show.detail>a:before {
  content:"▼ 詳細条件を表示";
}
.toggle_show.detail.hide>a:before {
  content:"▲ 詳細条件を非表示";
}
.toggle_show.any_item>a:before {
  content:"▼ 任意項目を表示";
}
.toggle_show.any_item.hide>a:before {
  content:"▲ 任意項目を非表示";
}
.list_color tr:nth-of-type(even) td {
  background-color: white !important;
}
.list_color tr:nth-of-type(odd) td {
  background-color: #e5ffff !important;
}
.list_color_th2 tr:nth-of-type(odd) td {
  background-color: white !important;
}
.list_color_th2 tr:nth-of-type(even) td {
  background-color: #e5ffff !important;
}
.odd td {
  background-color: white;
}
.even td {
  background-color: #e5ffff;
}

.btn_get {
  width:170px;
  border: 1px solid #ffffff;
  border-radius: 8px;
  color: #fff;
  background-image: -ms-linear-gradient(top, #F57800, #DC5100);
  background-image: linear-gradient(to bottom, #F57800, #DC5100);
  filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#F57800, endColorstr=#DC5100);
  position:relative;
}

.btn_get:hover,
.btn_get:focus,
.btn_get>a:hover,
.btn_get>a:focus {
	background-image: -ms-linear-gradient(top, #cf6703, #b34404);
  background-image: linear-gradient(to bottom, #cf6703, #b34404);
  filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#cf6703, endColorstr=#b34404);
 }

.btn_get>a {
  color: #fff;
}

/***********************************************/
/* ソートテーブルのスタイル
/***********************************************/
/* ソート可能な項目 */
TH.list_title_sortable_bg {
	color: #0000AA;
	height: 20px;
	padding: 0px;
	padding-left: 2px;
	padding-right: 2px;
	background-color: #D4E1F9 !important;
	position: relative;
	border-right:1px solid #b4b4b4;
	background-clip: padding-box;
}

/* マウスオーバー時のソート可能な項目 */
TH.list_title_sortable_mouseover_bg {
	color: #7777AA;
	height: 20px;
	padding: 0px;
	padding-left: 2px;
	padding-right: 2px;
	background-color: #D4E1F9 !important;
	cursor: pointer;

}

/* ソートされている項目 */
TH.list_title_sorted_bg {
	height: 20px;
	padding: 0px;
	padding-left: 2px;
	padding-right: 2px;
	background-color: #D4E1F9 !important;
	position: relative;
	border-right:1px solid #b4b4b4;
	background-clip: padding-box;
}
/* ソート項目 */
TH a.list_title_sort_bg {
	right: 3px;
	bottom: 0px;
	position: absolute;
}

/*Background color of list screen title*/
TD.list_title_bg {
	height: 20px;
	padding: 0px;
	padding-left: 2px;
	padding-right: 2px;
	background-color: #F1F4FF;
}

/***********************************************/
/* テーブルのデータ欄(変更のあった項目の色を変える場合に使用)
/***********************************************/
/*List screen data background color(centering)*/
TD.diff_Tb_bg {
	background-color: #F7FE2E !important;
}

/***********************************************/
/* カレンダーのスタイル
/***********************************************/
.ui-datepicker-title{
	font-size:1.4em !important;
}

.ui-datepicker{
	width:20em !important;
}

.ui-datepicker .ui-widget-header .ui-icon{
	background-image:url("../../images/ui/ui-icons_ffffff_256x240.png") !important;
}

.ui-datepicker .ui-widget-content.ui-widget{
	border:2px solid #c5dbec !important;
}

.ui-datepicker {
	z-index: 10 !important; 
}

/** 日曜日のカラー設定 */
.ui-datepicker-calendar tr td:first-child a{
  background: none !important;
  background-color: #fcc !important;
  color: #f00 !important;
}
/** 土曜日のカラー設定 */
.ui-datepicker-calendar tr td:last-child a{
  background: none !important;
  background-color: #ccf !important;
  color: #00f !important;
}
.ui-state-active .ui-datepicker,
.ui-widget-content .ui-state-active .ui-datepicker,
.ui-widget-header .ui-state-active .ui-datepicker{
  border: 1px solid #211b0d;
  background: red;
  font-weight: normal;
  color: black;
}
.ui-state-active .ui-datepicker a,
.ui-state-active .ui-datepicker a:link,
.ui-state-active .ui-datepicker a:visited {
  color: black;
  text-decoration: none;
}

/***********************************************/
/* ダイアログのCSS
/***********************************************/
.ui-dialog .ui-dialog-titlebar.ui-widget-header {
	border: 1px solid #4297d7;
	background: #5c9ccc url(../../images/ui/ui-bg_gloss-wave_55_5c9ccc_500x100.png) 50% 50% repeat-x;
	color: #ffffff;
	font-weight: bold;
}

.ui-widget-content{
	background: #fcfdfd url(../../images/ui/ui-bg_inset-hard_100_fcfdfd_1x100.png) 50% bottom repeat-x;
	color: #222222;
}
.ui-dialog .icon{
	display: inline-block;
	vertical-align: top;
	margin-top: 10px;
}

.ui-dialog a.ui-dialog-titlebar-close.ui-corner-all{
	background-color: #c80000;
}

.ui-dialog .ui-dialog-titlebar-close.ui-state-hover {
	background: #c80000;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c80000), color-stop(100%, #c80000));
	background: -webkit-linear-gradient(#c80000 0%, #c80000 100%);
	background: -moz-linear-gradient(#c80000 0%, #c80000 100%);
	background: -ms-linear-gradient(#c80000 0%, #c80000 100%);
	background: linear-gradient(#c80000 0%, #c80000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c80000', endColorstr='#c80000', GradientType=0);
}
.ui-dialog .ui-dialog-titlebar-close.ui-state-hover span.ui-icon {
	background-image: url(../../images/ui/ui-icons_ffffff_256x240.png);
}

.ui-dialog .ui-dialog-buttonpane{
	background: #f2f5f7;
}

#dialog #dialog_message{
	display: inline-block;
	margin: 10px;
	max-width: 425px;
}