@charset "utf-8";
#main {
	padding-bottom: 100px;

}

#main .container {
	width: 1024px;
	margin: 0px auto;
	position: relative;
	padding: 32px 22px 0px;
}

#main .container>p.error {
	font-size: 15px;
	font-weight: bold;
	padding: 6px 10px;
	margin-bottom: 20px;
	color: #c80000;
	border: 4px solid #c80000;
	background-color: #fff5f5;
}

#main .container>p.info_msg {
	font-size: 13px;
	padding: 6px 10px;
	margin-bottom: 20px;
	color: #000000;
	border: 2px solid #3264aa;
	background-color: #f2f8f6;
}

#main .container>p.warn {
	font-size: 13px;
	padding: 6px 10px;
	margin-bottom: 20px;
	color: #000000;
	border: 2px solid #ddad12;
	background-color: #fffbd4;
}


/***********************************************/
/* エラー系のスタイル
/***********************************************/

/* エラー・警告(WARN)・情報(INFO)のアイコン画像 */
DIV.message_area TD.img {
	vertical-align: top;
}

/* エラー・警告(WARN)・情報(INFO)のアイコン画像次期 */
DIV.message_area TD.img2 {
	width: 20px !important;
	vertical-align: middle;
}

/* エラーメッセージエリア（メイン）のULタグ */
#errors_main.message_area DIV UL {
	margin-top: 10px;
	margin-bottom: 10px;
}

/* エラーメッセージエリア（タブ内）に表示するタブタイトル */
DIV.message_area DIV.errors DIV.tab_error_title {
	font-weight: bolder;
	margin-top: 10px;
	margin-left: 10px;
	color:red;
}

/* エラーメッセージエリア（タブ内）のULタグ */
DIV.message_area DIV.errors DIV.errors_tab UL {
	margin-top: 0px;
}

/* エラーメッセージエリア */
.message_area DIV.errors {
	font-size: 15px;
	padding: 6px 10px;
	margin-bottom: 20px;
	color: #c80000;
	border: 4px solid #c80000;
	background-color: #fff5f5;
}

.error_group_tb_img{
	padding: 0px 0px !important;
	height: 0px !important;
}

#main DIV.errors .error_group_tb{
	text-align: left !important;
	border-top: none !important;
	border-right: none !important;
	border-left: none !important;
	border-bottom: none !important;
	font-size: 15px;
	font-weight: bold;
	padding: 0px;
}

/*メッセージエリアの「エラー」3文字のスタイル*/
#main DIV.errors .error_group_tb > span{
	vertical-align: 30%;
	margin-left: 8px;
}

/* 警告(WARN)メッセージエリア */
.message_area DIV.warns {
	font-size: 13px;
	padding: 6px 10px;
	margin-bottom: 20px;
	color: #000000;
	border: 2px solid #000000;
	background-color: #ffff80;
}

/* 情報(INFO)メッセージエリア */
.message_area DIV.infos {
	font-size: 13px;
	padding: 6px 10px;
	margin-bottom: 20px;
	color: #000000;
	border: 2px solid #000000;
	background-color: #ffffff;
}

/* エラー項目の背景色 */
.checkerror {
	outline: 2.5px #c80000 solid;
}
#main input[type=text].checkerror, #main textarea.checkerror,
#main select.checkerror{
	background-color: #fff5f5 !important;
}

/* 警告(WARN)メッセージエリア */
.message_area DIV.warns2 {
	border: 2px solid #ffff00 !important;
	background-color: #fffbd4 !important;
}

/* 情報(INFO)メッセージエリア */
.message_area DIV.infos2 {
	border: 2px solid #0000ff !important;
	background-color: #f2f8f6 !important;
}

/* 警告(WARN)メッセージエリア */
.message_area DIV.warns2 li{
	margin-left: 10px;
}

/* 情報(INFO)メッセージエリア */
.message_area DIV.infos2 li{
	margin-left: 10px;
}

#main h1 {
	font-size: 3.6em;
	font-family: serif;
	font-weight: bold;
}

#main .container h2 {
	font-size: 1.8em;
	background-color: #3264aa;
	height: 45px;
	line-height: 44px;
	padding-left: 18px;
	border-bottom: 3px solid #3c5a96;
	color: #fff;
}

#main .description {
	font-size: 1.4em;
	margin-top: 12px;
	margin-bottom: 20px;
	line-height: 1.6em;
}

#main .main_box {
	background-color: #fff;
	box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.36);
	-moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.36);
	-webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.36);
	margin-bottom: 20px;
}

#main .main_box .item {
	overflow: hidden;
	border-bottom: 1px solid #d7d7d7;
/* 	box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.4); */
/* 	-moz-box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.4); */
/* 	-webkit-box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.4); */
/* 	margin: 2px; */
}

#main .box {
	padding: 10px;
	background-color: #fff;
	box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.36);
	-moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.36);
	-webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.36);
	margin-bottom: 20px;
}

#main .inner_box {
	background-color: #f0f0f0;
	border: 1px solid #d7d7d7;
	border-top: none;
	padding: 5px 10px;
	position: relative;
}

#main .inner_box.optional {
	background-color: #fcfcfc;
}

#main .optional_box {
	margin-top: 10px;
	display: none;
}

#main .input_box {
	padding: 10px 10px;
}

#main .inner_box .item,
#main .inner_box .result {
	overflow: hidden;
	background-color: #fff;
	border: 1px solid #e6e6e6;
	box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.4);
	margin: 3px 2px;
}
#main .inner_box .result{
	padding: 10px;
}

#main .noedit{
	border: none !important;
	border-bottom: 1px solid #d7d7d7 !important;
	background-color:#f0f0f0 !important;
	box-shadow: none !important;
}

#main .item .title {
	display: inline-block;
	min-width:100px;
	width: 30%;
	line-height: 18px;
	padding: 11.5px 12px 10.5px 12px;
	font-size: 1.4em;
	vertical-align: middle;
	position: relative;
	min-height: 40px;
}

#main .item .input .title {
	display: inline-block;
	min-width:100px;
	width: 16%;
	line-height: 18px;
	padding: 15px;
	font-size: 1em;
	vertical-align: middle;
	position: relative;
}

span.required {
	position: absolute;
	width: 40px;
	height: 20px;
/** 	top: 12px; */
	right: 22px;
	background-color:#fff;
	color: #c80000;
	border: 1px solid #c80000;
	font-size: 11px !important;
	line-height: 18px;
	text-align: center;
	letter-spacing: 3px;
	padding-left: 3px;
	padding-top: 1px;
}

.tab_contents span.required {
	right: 33px;
}

span.rep {
	display: inline-block;
	border: 1px solid #3264aa;
	color: #3264aa;
	font-size: 11px;
	margin-left: 6px;
	padding: 3px 4px 1px 4px;
	position: relative;
	top: -1px;
}

#main .item .input {
	display: inline-block;
	padding: 3px 10px 0px 10px;
	position: relative;
	width: 69%;
	min-width: 100px;
	font-size: 1.4em;
	vertical-align: middle;
	word-wrap: break-word;
}

#main .item .input .input{
	display: inline-block;
	padding: 10px;
	position: relative;
	width: 69%;
	min-width: 100px;
	font-size: 1em;
	vertical-align: middle;
}

#main .item .input:before {
	content: "";
	width: 1px;
	height: 80%;
	background-color: #b4b4b4;
	position: absolute;
	top: 10%;
	left: -5px;
}

#main .item .input input[type=text], #main .item .input input[type=password] {
	width: 99.5%;
	height: 30px;
	margin: 0px 4px 3px 4px;
	border: solid 1px #ccc;
	box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.3) inset;
	-moz-box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.3) inset;
	-webkit-box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.3) inset;
}

#main .item .input input[type=text][disabled] {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	border: none;
	background-color: #f4f4f4;
	outline: none;
	cursor: auto;
}

#main table tr td select{
	height: 33px;
	margin: 0px 4px 3px 4px;
}

#main .item .input select {
	margin-bottom: 3px;
	width: 160px;
	height: 30px;
	margin-top: -3px;
	padding-left: 8px;
	margin-left: 4px;
	margin-right: 8px;
	border: solid 1px #ccc;
	box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.3) inset;
	-moz-box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.3) inset;
	-webkit-box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.3) inset;
}

#main .item .input select option {
	height: 33px;
	padding-top: 7px;
}

#main .item .input textarea {
	width: 100%;
	height: 75px;
	padding: 6px 8px;
	border: solid 1px #ccc;
	box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.3) inset;
	-moz-box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.3) inset;
	-webkit-box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.3) inset;
	resize: none;
}

#main .item .input ul li {
	display: inline-block;
	margin: 5px;
}

#main .item .input .label {
	display: inline-block;
	width: 100px;
}

#main .item .input p.small {
	font-size: 88%;
	margin: 4px 0;
}

#main .item .input p.error {
	font-size: 95%;
	padding: 6px 10px;
	margin: 4px;
	color: #c80000;
	border: 2px solid #c80000;
	background-color: #fff5f5;
}

#main .item .input p.right {
	text-align: right;
	margin-top: 5px;
	margin-bottom: 0;
	margin-right: 5px;
}

#main .item .input p {
	line-height: 1.5em;
}

#main .item table,
#main .result table,
#main .tab_contents table {
	width: 100%;
	/** table-layout: fixed;*/
}

#main .tab_contents table {
	margin: 10px auto;
}

#main .item table th,
#main .result table th,
#main .tab_contents table th {
	background-color: #d4e1f9;
	text-align: center;
	vertical-align: middle;
	border-top: 1px solid #b4b4b4; /*ostj	Added foｒ　左枠線と右枠線は表示しない　end ↓*/
	/**
	border-bottom : 1px solid #b4b4b4;
	*/
	border-right: 1px solid #b4b4b4; /*ostj	Added foｒ　左枠線と右枠線は表示しない　end ↑*/
	font-size: 13px;
	height: 45px;
	border-right: 1px solid #b4b4b4; /* ostj	Added for th */
	font-weight:normal;
}

#main .item table th,
#main .tab_contents table th {
	padding: 10px 0px;
	height: 40px;
}
#main .result table th {
	padding: 0px;
}

#main .result table th.sortable {
	background-image: url(../../images/erad/icon_sort_down.png);
	background-repeat: no-repeat;
	background-position: right 5px bottom 5px;
}

/* #main .tab_contents table th { */
/* 	font-size: 13px; */
/* } */
#main table td{
	word-break: break-all;
}

#main .item table td,
#main .result table td,
#main .tab_contents table td {
	/* padding: 10px 0px; */
/* 	padding: 0px 0px 0px 15px; */
	padding: 5px 10px;
	text-align: center;
	vertical-align: middle;
	border-top: 1px solid #b4b4b4;/*ostj	Added foｒ　左枠線と右枠線は表示しない　end ↓*/
	/**
	border-bottom: 1px solid #b4b4b4;
	*/
	border-right: 1px solid #b4b4b4; /*ostj	Added foｒ　左枠線と右枠線は表示しない　end ↑*/
	font-size: 13px;
	height:40px;		/* ostj	Added for td */
	border-bottom: 1px solid #b4b4b4;
}

#main .item table td.left,
#main .result table td.left,
#main .tab_contents table td.left,
#main .inner_box table.table_def td.left {
	text-align: left;
}
/* ostj	Added start for	td right */
#main .item table td.right,
#main .result table td.right,
#main .tab_contents table td.right,
#main .inner_box table.table_def td.right {
	text-align: right;
}

#main .item table td.top,
#main .result table td.top,
#main .tab_contents table td.top,
#main .inner_box table.table_def td.top {
	vertical-align: top;
	padding: 10px;
}
/* ostj	Added start for td	right */

#main .item table td input[type=text],
#main .result table td input[type=text],
#main .tab_contents table td input[type=text] {
	margin: 0px 4px 3px 4px;
	width: 100%;
}

#main .tab_contents table td {
	padding: 10px;
}

#main .controls {
	margin-top: 10px;
}

#main .controls.intab {
	font-size: 13px;
	margin-left: 20px;
	margin-bottom: 10px;
}

#main .controls a {
	margin-right: 20px;
	text-decoration: none;
	color: #000000;
	font-size: 13px;	/*ostj added for font-size*/
}

#main .controls img {
	vertical-align: middle;
	margin-right: 6px;
}

#main .controls a.del {
	float: right;
	margin-right: 10px;
}

#main .controls.intab a.del {
	float: right;
	margin-right: 20px;
}

/**
 * 	tab
 */
#main .item.tab_item {
	/* padding: 0px 10px 10px; */
}

#main .item .tab_header {
	overflow: hidden;
	height: 40px;
	position: relative;
	z-index: 10;
}

#main .item .input .tabs {

}

#main .item .tabs {
	padding-left: 5px;
}

#main .item .tabs .tab {
	display: inline-block;
	width: 160px;
	height: 40px;
	/* text-align: center;*/
	padding-left: 10px;
	padding-top: 9px;
}

#main .item .tabs .tab.active {
	background-color: #f5faff;
	border: 2px solid #3264aa;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	border-bottom: none;
}

#main .item .tabs .tab.no_tab.active {
	background: none;
	border: none;
	margin-top: 2px;
}

#main .item .tab_contents {
	padding: 0px 10px 10px;
	position: relative;
	z-index: 1;
	top: -2px;
}

#main .item .tab_contents .content {
	border: 2px solid #3264aa;
	border-radius: 5px;
	background-color: #f5faff;
	padding: 5px;
}

#main .item .tab_contents .content:not(.active) {
	display: none;
}

#main .item .tab_contents .content .item {
	overflow: hidden;
	background-color: #fff;
	border: none;
	border-bottom: 1px solid #d7d7d7;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	margin-bottom: 7px;
	/* height: 50px; */
	background-color: #f5faff;
	position: relative;
}

#main .item .tab_contents .content .item:last-child {
	border: none;
	margin-bottom: 0px;
}

#main .item .tab_contents .content .title {
	display: inline-block;
	width: 30%;
	line-height: 18px;
	padding: 10px;
	font-size: 1.4em;
	vertical-align: middle;
	position: relative;
}

#main .item .tab_contents .content .input {
	display: inline-block;
	position: relative;
	font-size: 1.4em;
	vertical-align: middle;
}

#main .item .tab_contents .content .title:after {
	content: none;
}

#main .item .tab_contents .content .input:before {
	left: -15px;
}

#main .item .tab_contents .content .optional {
	background-color: #f5faff;
}

#main .item .tab_contents .content .optional_box {
	border-top: 1px solid #d7d7d7;
	margin-top: 18px;
	margin-left: -10px;
	padding-left: 10px;
}

#main .item.tab_item .title{
	vertical-align: top;
}

#main .item .input.tabs{
	padding: 0px 5px;
}

#main .column_box {
	display:inline-block;
	vertical-align:middle;
	height: 100%;
}

#main .container .button_search {
	height: 30px;
	min-width: 80px;
	padding: 2px 10px 0 10px;
	border: 1px solid #FFFFFF;
	color: #FFFFFF;
	background: #FF9933;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	box-shadow: 0px 1px 0px #c7c7c7;
	margin-left: 5px;
}

#main .container .button_search:hover {
	border: 1px solid #FF9933;
	color: #FF9933;
	background: #FFFFFF;
}

#main .container .button_search:active {
	box-shadow: none;
}
#main .help {
	display: inline-block;
	width: 22px;
	height: 22px;
	background-image: url(../../images/erad/icon_help.png);
	vertical-align: text-top;
	position: relative;
	top: 0px;
	left: 4px;
	margin: -1px 0px;
}

#main th .help {
	height: 22px;
}

#main .info {
	display: inline-block;
	width: 20px;
	height: 20px;
	top: 0px;
	left: 2px;
	background-image: url(../../images/erad/icon_info.png);
	vertical-align: top;
	position: relative;
}

#main .text .help {
	top: 4px;
}

#main .opt_title {
	display: inline-block;
	font-size: 1.6em;
	vertical-align: middle;
	/* margin-top: 12px; */
}

#main .opt_title img {
	vertical-align: middle;
	margin-left: 10px;
	position: relative;
	top: -2px;
}

#main .float_wrapper {
	overflow: hidden;
	margin: 0 10px;
	padding-top: 5px;
	height: 40px;
	vertical-align: middle;
}

#main .icon_calender {
	margin-left: 6px;
	vertical-align: middle;
	position: relative;
	top: -2px;
}

#main hr {
	width: 100%;
	height: 1px;
	border: none;
	background-color: #d7d7d7;
	margin-top: 5px;
	margin-bottom: 11px !important;
}
#main .sub_tabs {
	padding: 10px 20px 0px;
}

#main .sub_tabs .tab {
	margin-left: 10px;
	display: inline-block;
	width: 98px;
	height: 30px;
	text-align: center;
	padding-top: 10px;
	background-color: #d3dae8;
	border: 1px solid #5f5f5f;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	border-bottom: none;
	position: relative;
	z-index: 33;
}

#main .sub_tabs .tab.active {
	height: 33px;
	background-color: #f5faff;
	border: 2px solid #3264aa;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	border-bottom: none;
}

#main .sub_tabs .tab:focus {
	opacity: 1;
}

#main .sub_tab_contents {

	margin: 0px 10px;
	border-top: 2px solid #3264aa;
	z-index: 32;
	margin-top: -2px;
	position: relative;
	padding: 0px 0px;
	font-size: 1.4em;
}

#main .sub_tab_contents .sub_tab_content:not(.active) {
	display: none;
}

#help_popup {
	position:absolute;
	z-index:11;
	background-color: #f1f1f1;
	color: #000;
	border:1px solid #999;
	box-shadow:0px 0px 2px 0px rgba(0,0,0,0.36);
	-moz-box-shadow:0px 0px 2px 0px rgba(0,0,0,0.36);
	-webkit-box-shadow:0px 0px 2px 0px rgba(0,0,0,0.36);
	/* font-size:1.4em; */
	font-size:1em;
	padding:1em;
	max-width:300px;
	top:100px;
	left:100px;
	display:none;
}


#help_popup.balloon_bottom:before {
	content: "";
	position: absolute;
	bottom: -15px;
	left: 30px;
	margin-left: -10px;
	width: 0;
	height: 0;
	border-top: 15px solid #999;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
}

#help_popup.balloon_bottom:after {
	content: "";
	position: absolute;
	bottom: -14px;
	left: 30px;
	margin-left: -10px;
	width: 0;
	height: 0;
	border-top: 15px solid #f1f1f1;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
}

#help_popup.balloon_top:before {
	content: "";
	position: absolute;
	top: -15px;
	left: 30px;
	margin-left: -10px;
	width: 0;
	height: 0;
	border-bottom: 15px solid #999;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
}

#help_popup.balloon_top:after {
	content: "";
	position: absolute;
	top: -14px;
	left: 32px;
	margin-left: -10px;
	width: 0;
	height: 0;
	border-bottom: 15px solid #f1f1f1;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
}

#help_popup.balloon_top_right:before {
	content: "";
	position: absolute;
	top: -15px;
	right: 30px;
	margin-left: -10px;
	width: 0;
	height: 0;
	border-bottom: 15px solid #999;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
}

#help_popup.balloon_top_right:after {
	content: "";
	position: absolute;
	top: -14px;
	right: 30px;
	margin-left: -10px;
	width: 0;
	height: 0;
	border-bottom: 15px solid #f1f1f1;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
}

#help_popup span>span {
	padding-left: 1em;
	text-indent: -1em;
}

#help_popup ul {
	list-style:disc;
}

#help_popup ul li {
	margin-left:10px;
}

/* ostj	Added	start */
/* OSTJ CSS共通化対応　↓ */
/***********************************************/
/* 検索・一覧のスタイル
/***********************************************/

/*検索クリアのsub_searchボタンのWidth*/
#main .sub_search .btn_common,
#main .sub_search .btn_search:after {
	width: 130px;
}
#main .sub_search	{
	width: 130px;
	display: inline;
	vertical-align: middle;
	text-align: center;
}

#main .result table tr th:last-child {
	border-right: none;
}
#main .result table tr td:last-child {
	border-right: none;
}
#main .item table tr th:last-child {
	border-right: none;
}
#main .item table tr + tr th{
	border-right: 1px solid #b4b4b4;
}

#main .item table tr td:last-child {
	border-right: none;
}
#main .item table tr + tr td{
	border-right: 1px solid #b4b4b4;
}
#main .result table tr th.addborderright {
	border-right: 1px solid #b4b4b4 !important;
}
#main .result table tr td.addborderright {
	border-right: 1px solid #b4b4b4 !important;
}
#main .item table tr th.addborderright {
	border-right: 1px solid #b4b4b4 !important;
}
#main .item table tr td.addborderright {
	border-right: 1px solid #b4b4b4 !important;
}

#main .inner_box .wrapper {
	border: 2px solid #3264aa;
	background-color: #fff;
	margin-bottom: 30px;
	position: relative;
}

#main .inner_box .wrapper .item {
	overflow: hidden;
	background-color: #fff;
	border: 1px solid #e6e6e6;
	box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.4);
	margin: 0;
}

#main .inner_box .wrapper:before {
	content: "";
	position: absolute;
	left: 428px;
	bottom: -19px;
	width: 0;
	height: 0;
	border-top: 20px solid #fff;
	border-right: 40px solid transparent;
	border-left: 40px solid transparent;
	z-index: 2;
}

#main .inner_box .wrapper:after {
	content: "";
	position: absolute;
	left: 426px;
	bottom: -21px;
	width: 0;
	height: 0;
	border-top: 21px solid #3264aa;
	border-right: 42px solid transparent;
	border-left: 42px solid transparent;
	z-index: 1;
}

#main .btn_common.btn_disable{
	background-image: -ms-linear-gradient(top, #ffffff, #d3d3d3) !important;
	filter: none !important;
}

#main .btn_disable > a{
	color:#808080;
	cursor:default;
}

.btn_disable:hover {
	background-image: none !important;
	background-image: none !important;
	filter: none !important;
}

#main .btn_container {
	overflow: hidden;
	text-align: center;
	margin-bottom: 20px;
	padding: 3px 0px;
}

/*ページリンクのStyle*/
#main .pagenation {
	width: 100%;
	height: 75px;
	position: relative;
	text-align: center;
	margin-bottom: 10px;
}

#main .pagenation .control {
	position: absolute;
	/**
	width: 730px;
	*/
	height: 45px;
	top: 25px;
	/**
	left: 12px;
	*/
	margin-left: 20px;
}

#main .pagenation a {
	color: #3264aa;
	text-decoration: underline !important;
}

#main .pagenation .control ul {
	display: inline-block;
	vertical-align: middle;
	margin: 0px 10px;
}

#main .pagenation .control ul li {
	display: inline-block;
	min-width: 28px;
	height: 32px;
	font-size: 16px;
	color: #333;
	line-height: 32px;
	text-align: center;
	margin: 0 1px;
}

#main .pagenation .control ul li.current {
	background-color: #3264aa;
	color: #fff;
}

#main .pagenation .control ul li.ellipsis {
	background-color: transparent;
	margin: 0px -5px;
}

#main .pagenation .control ul li a {
	font-size: 16px;
	line-height: 32px;
	text-align: center;
	display: block;
	width: 100%;
	height: 100%;
}

#main .pagenation .control ul li.btn:not (.current ):focus, #main .pagenation .control ul li.btn:not (.current ):hover {
	opacity: 0.7;
}

#main .pagenation .control .btn_prev, #main .pagenation .control .btn_next, #main .pagenation .control .btn_blank {
	font-size: 14px;
	width: 108px;
	height: 22px;
	display: inline-block;
}

#main .pagenation .control .btn_prev {
	padding-left: 18px;
	background: url(../../images/erad/pager_ac_pre.png) left center no-repeat;
}

#main .pagenation .control .btn_next {
	padding-right: 18px;
	background: url(../../images/erad/pager_ac_nex.png) right center no-repeat;
}

#main .pagenation .control .btn_gray a {
	line-height: 42px;;
}

#main .pagenation .control .btn_common {
	width: 108px;
	height: 42px;
}

#main .pagenation .page_count {
	position: absolute;
	top: 65px;
	left: 15px;
	font-size: 12px;
}

#main .pagenation .page_count_low {
	position: absolute;
	top: 5px;
	left: 15px;
	font-size: 12px;
}

#main .pagenation .divider {
	width: 1px;
	height: 42px;
	background-color: #B4B4B4;
	position: absolute;
	top: 19px;
	right: 205px;
}

#main .inner_box.topcondition {
	padding-top: 10px;
}

/**
#main .tab {
	width: 980px;
	overflow: hidden;
}

#main .tab ul {
	font-size: 0;
	position: relative;
}

#main .tab ul li {
	display: inline-block;
	font-size: 13px;
	width: 131px;
	height: 45px;
	border: 1px solid #5f5f5f;
	background-color: #d3dae8;
	margin-right: 10px;
	text-align: center;
	line-height: 45px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	position: relative;
	vertical-align: top;
}

#main .tab ul li.active {
	width: 134px;
	border: 3px solid #3264aa;
	background-color: #fff;
	position: relative;
	top: 2px;
	border-bottom: none;
	z-index: 2;
}
*/

/**************************************************************************************
 *   tab
 */
#main .tab {
	width: 980px;
	overflow: hidden;
}

#main .tab ul {
	font-size: 0;
	position:relative;
}

#main .tab ul li {
	display:inline-block;
	font-size: 13px;
	width: 131px;
	height: 65px;
	border:1px solid #5f5f5f;
	background-color: #d3dae8;
	margin-right: 10px;
	text-align: center;
	line-height: 65px;
	border-top-left-radius:8px;
	border-top-right-radius:8px;
	position:relative;
	vertical-align: top;
}

#main .tab ul li.active {
	width: 134px;
	border:3px solid #3264aa;
	background-color: #fff;
	position:relative;
	top:2px;
	border-bottom:none;
	z-index: 2;
}

#main .tab ul li:last-child {
  margin-right: 0;
}

#main .tab ul li.errorTab{
	line-height: 20px;
}

#main .tab .errorTab > img {
	padding-top: 10px;
}

#main .tab ul:after {
  content: "";
  display:block;
  width:100%;
  height:3px;
  background-color: #3264aa;
  position:absolute;
  bottom:0;
}

#main .tab ul li:not(.active):hover {
  background:#ebeef4;
  cursor: pointer;
}
/*-tab---------*/


/* ostj added for Table th 必須項目 */
span.th.required {
	position: relative;
	width: 40px;
	height: 20px;
	left: 7px;
	background-color:#fff;
	color: #c80000;
	border: 1px solid #c80000;
	font-size: 0.8em;
	line-height: 22px;
	text-align: center;
}
/* ostj added for 索引 リンク */
#main .container .hover {
	font-size: 14px;
	margin-right: 25px;
	color: #3264aa;
	text-decoration: underline;
}
/* 前のページへ・次のページへリンク */
#main .container .pagenation .pagelink_back {
	display:table-cell;
	margin-left: 20px;
	margin-right: 25px;
	vertical-align:middle;
	height:32px;
	width:110px;
}
/* 数字リンク */
#main .container .pagenation .pagelink_number {
	display:table-cell;
	height:32px;
	vertical-align:middle;
}

/* 前のページへ・次のページへリンク */
#main .container .pagenation .pagelink_next {
	display:table-cell;
	margin-left: 25px;
	margin-right: 0px;
	height:32px;
	vertical-align:middle;
	width:110px;
}
/* ブランク */
#main .container .pagenation .pagelink_blank {
	display:table-cell;
	margin-left: 25px;
	margin-right: 0px;
	height:32px;
	vertical-align:middle;
	width:120px;
}
/* ostj added for 「言語切換え」ボタン */
#main .language {
	width: 980px;
	margin: 0px auto;
	text-align: right;
}
/**
#main .inner_box .item, #main .inner_box .result {
	padding: 0px 20px;
}
*/
/* ostj added for　Tab中に 一覧　start	*/
#main .inner_box table.table_def {
	width: 100%;
	border-collapse: collapse;
}

#main .inner_box table.table_def tr:last-child td {
	border-bottom: 1px solid #b4b4b4;
}

#main .inner_box table.table_def tr th {
	height: 40px;
	background-color: #d4e1f9;
	vertical-align: middle;
	text-align: center;
	border-top: 1px solid #b4b4b4;
	border-right: 1px solid #b4b4b4;
	font-size: 14px;
	padding: 8px;
	font-weight: normal;
}

#main .inner_box table.table_def tr td {
	height: 40px;
	font-size: 14px;
	background-color: #fff;
	text-align: center;
	vertical-align: middle;
	border-top: 1px solid #b4b4b4;
	border-right: 1px solid #b4b4b4;
	padding: 3px 8px;
}

#main .inner_box .input_box .unit {
	text-align: right;
	font-size: 14px;
}
#main .inner_box table tr td.td_title {
	background-color: #f5f5f5;
	text-align: left;
}

#main .inner_box table.table_def tr th:last-child,
#main .inner_box table.table_def tr td:last-child {
	border-right: none;
}


#main .tab_contents table tr th:last-child,
#main .tab_contents table tr td:last-child {
	border-right: none;
}

#main .inner_box h3 {
	font-size: 18px;
	margin:20px 0 5px;
	border-bottom:1px solid #3264aa;
	font-weight: bold;
}
/* ostj added for　Tab中に 一覧　end	*/


/* ostj  Added  end */
.del, .regRmap, .move{
	background-color: #e6e9ee !important;
	text-align: center !important;
}
.gray{
	background-color: #e6e9ee !important;
}

.del input[type=checkbox] + label{
	padding-right:0px !important;
	margin-right:0px !important;
	vertical-align: middle;
}

#main table.table_def tr.title_left th{
	text-align: left;
}
#main table.table_def tr th.title_left{
	text-align: left;
}

#main table.table_def tr td.text_right{
	text-align: right;
}
#main table.table_def tr td.text_right input[type="text"]{
	text-align: right;
}

#main table.table_def tr td.text_left{
	text-align: left;
}
#main table.table_def tr td.text_left input[type="text"]{
	text-align: left;
}

#main table.table_def tr td.td_title{
	background-color: #f5f5f5;
	text-align: left;
}
#main table.table_def tr th.border_right,
#main table.table_def tr td.border_right{
	border-right:1px solid #b4b4b4 !important;
}
#main table tr th.border_right,
#main table tr td.border_right{
	border-right:1px solid #b4b4b4 !important;
}



#main table.table_def tr th.border_bottom{
	border-bottom:1px solid #b4b4b4 !important;
}

#main table.table_def input[type="text"] {
	text-align: left;
	width: 90px;
	height: 30px ;
	/*padding: 0px 5px;*/
	margin: 0px 4px 3px 4px;
	border: solid 1px #ccc;
	box-shadow: 1px 1px 0px 0px rgba(0,0,0,0.3) inset;
	-moz-box-shadow: 1px 1px 0px 0px rgba(0,0,0,0.3) inset;
	-webkit-box-shadow: 1px 1px 0px 0px rgba(0,0,0,0.3) inset;
}

#main table tr td.border_bottom,
#main .border_bottom{
	border-bottom:1px solid #b4b4b4 !important;
}

#main table tr td.border_top,
#main .border_top{
	border-top:1px solid #b4b4b4 !important;
}

#main .result table tr th.addborderright {
	border-right: 1px solid #b4b4b4;
}
#main .result table tr td.addborderright {
	border-right: 1px solid #b4b4b4;
}
#main .item table tr th.addborderright {
	border-right: 1px solid #b4b4b4;
}
#main .item table tr td.addborderright {
	border-right: 1px solid #b4b4b4;
}

#main .item .title.top {
	vertical-align: top;
}

#main .item .input .title.top {
	vertical-align: top;
	margin:0px;
	padding-top:5px;
	padding-left:0px;
}

/***********************************************/
/* テーブルのデータ欄(偶数行の色を変える場合に使用)
/***********************************************/
/*List screen data background color(centering)*/
TD.list_data_bg_g {
	background-color: #e0ffff !important;
}


/***********************************************/
/* エクスポートタグ用のCSS
/***********************************************/
#main .csvOut {
	font-size: 13px;
	padding: 6px 10px;
	margin-bottom: 20px;
	color: #000000;
	border: 2px solid #0000ff !important;
	background-color: #f2f8f6 !important;
}

#main .csvOutimgicon {
	width: 20px !important;
	vertical-align: middle;
}

#main .csvOutTb{
	padding-left: 14px;
	vertical-align: middle;
}


