@charset "utf-8";
/* 
 * common.css
 * Modified 19.03.05
 *
*/

/* Standard Tags */
body {text-align:center;	/* IE6 Correspondence */}
a {color: #0033ff;}
a:hover {color: #ff3300;}

/*********************************************************************
 *
 * Design Parts
 *
 *********************************************************************/

div#loading {
	width:250px;
	height:100px;
	text-align:center;
	padding:5px 5px;
}

img.mark {
	position:relative;
	top:3px;
	margin-right:2px;
}

/*********************************************************************
 *
 * Attribute Class
 *
 *********************************************************************/
/* Attribute(text) */
.left {text-align: left!important;}
.center {text-align: center;}
.right {text-align: right;}
.bold {font-weight:bold;}
.red {color: #e60033;}
.normal {font-weight:normal;}
.cxl_line {text-decoration:line-through;}

.vtop {vertical-align:top;}
.vmiddle {vertical-align:middle;}
.vbottom {vertical-align:bottom;}

.yscroll {overflow-y:scroll;}
.xscroll {overflow-x:scroll;}

/* Attribute(datatype) */
.num,.dec {text-align: right;}
.date,.date_rd {text-align: center;width:68px;cursor:pointer;}
.datetime {text-align: center;width:130px;}
.time {text-align: center;width:40px;}

/* Attribute(display) */
.close {display: none;}
.inline {display: inline;}

/* Attribute(float) */
.float {float: left!important;}
.floatR {float: right;}
.clear {clear: both;}

/* Attribute(etc) */
.border{border:1px solid #333333;}
.lightbox {display: none;}
.lightbox_frame {
	border:1px solid #333333;
	background-color:#ffffff;
	padding:10px 10px;
}
.pointer {cursor:pointer;}

/* Attribute(IME Mode) */
.upper,.han,.num,.date,.mail,.confirm,.time,.tel {ime-mode: disabled;}
.zen {ime-mode: active;}
.imeon {ime-mode: active;}
.imeoff {ime-mode: inactive;}

small.ajust { /*ボタン横のコメント用*/
	position:relative;
	top:-7px;
	left:5px;
}

/*********************************************************************
 *
 * Table
 *
 *********************************************************************/
/* Default */
table.tableList {
	margin:2px 0;
	width:100%;
}
table.tableList th,table.tableList td {
	border:1px solid #999999;
	padding:2px 4px;
}
table.tableList th {
	background-color: #19448e;
	color:#ffffff;
	text-align: center;
}
table.tableList td {
}
/*table.tableList tr:hover {
	background-color: #f8b862!important;
}*/
.link_over {background-color: #ea5506!important;color:#ffffff;cursor:pointer;}

/* キャプション */
table caption  {font-size:14px;}
table caption img {
	position:relative;
	top:5px;
	margin-right:5px;
}

/* Attribute */
.altrow {background-color: #e5e4e6;}
.normalrow {background-color: #ffffff;}
.addrow {background-color: #FFB6C1;}
.disablerow {background-color: #808080;}
.chkcol {background-color: #f8b862;}
.cxlrow {background-color: #203744;!important;}
.cursorrow {background-color: #16160e;color:#ffffff;cursor:pointer;}
.selrow {
	background-color: #f8b862;
	cursor:pointer;
}
.dragrow {
	background-color: #f8b862;
	filter: drop-shadow(5px 5px 5px rgba(0,0,0,0.6));
}

/* ソートリンク */
table.tableList th a.sort {
	color:#fdeff2;
	text-decoration:none;
}
table.tableList th a.sort:hover {
	color:#f09199;
}
table.tableList th a.sort image {
	margin-right:3px;
}
table td.nonborder {border:0;}

/* Pagenator */
.pageMove {
	text-align:center;
	margin-top:5px;
}
.pageMove span {
	padding-top:3px;
	padding-bottom:3px;
	margin-left:10px;
}
.pageMove span.current {
	background-color: #6495ED;
	padding:0 5px;
	color:#ffffff;
	font-weight:bold;
}
.pageMove span.disabled {
	color: #aaaaaa;
}
.pageMove a {
	text-decoration:none;
}

/*********************************************************************
 *
 * Form
 *
 *********************************************************************/
/*ボタンエリア(FixArea)*/
.ButtonArea {margin-bottom:5px;}

/*編集エリア*/
.EditArea {
	border:0;
	margin-bottom:20px;
}
.EditArea legend {
	font-size:16px;
	border-bottom:2px solid #727171;
	padding-bottom:2px;
	margin-bottom:10px;
	width:100%;
	font-weight:bold;
}
.EditArea legend img {
	position:relative;
	top:4px;
	margin:0 3px 0 5px;
}
.EditArea legend a {
	position:relative;
	font-weight:normal!important;
	left:20px;
	top:3px;
}

/*検索条件エリア*/
.ConditionArea {
	margin-right:20px;
	margin-bottom:5px;
	padding:5px 5px;
	border:1px solid #000000;
}
.ConditionArea legend {
	margin-left:15px;
	font-size:14px;
	padding:0 5px;
}
.ConditionArea div.required label {color:#333333;background-color:#ffffff;}

/*fieldset内テーブル(整列用)*/
fieldset td {vertical-align:top;}

/* アイテム */
/*fieldset div {clear:both;}*/
label {margin-right:8px;}
div.text, div.select, div.password {height:23px;}
div.input label, div.text label, div.select label, div.password label, div.textarea label, .normal_label {
	display:block;
	float:left;
	width:110px;
	text-align:right;
	position:relative;
	background-color:#cccccc;
	padding:0 2px;
	margin-left:5px;
}
div.long label {
	width:170px;
}
div.short label {
	width:80px;
}
div.veryshort label {
	width:30px;
}
div.submit {
	margin-top:10px;
}
div.radio {
	position:relative;
	top:-3px;
}

input[type=text],input[type=password],textarea,input[type=file],select {
	border: 1px solid #cccccc;
	padding:2px 2px;
	margin-right:4px;
}
select {padding:1px 2px;}
input[type=radio],input[type=checkbox] {
	position:relative;
	top:2px;
	border-bottom: 1px solid #ffffff;
}
input[type=radio] {
	padding:2px 1px;
	margin-right:2px;
}
input[type=checkbox] {
	margin-right:2px;
}
select {
	border: 1px solid #cccccc;
	margin-bottom:0;
}
input[type=submit],input[type=button],input[type=reset],button {
	padding:3px 10px;
}

/*select option:nth-child(even) {background-color: #fff1cf;}*/

select.readonly {
-webkit-appearance: none;/* ベンダープレフィックス(Google Chrome、Safari用) */
-moz-appearance: none; /* ベンダープレフィックス(Firefox用) */
appearance: none; /* 標準のスタイルを無効にする */
}

/*label整列(block化)に伴う強制マージン*/
input,textarea,select,button {margin-bottom:4px;}

/* Attribute */
input[type=text].required, .required2, input[type=password].required, select.required, textarea.required, input[type=text].confirm {border-color:#ee7948!important;}
.form-error {background-color:#f8b500!important;}
.focus {background-color: #f8e58c;}
span.required {border-bottom:1px solid #ee7948;padding-bottom:4px;}

input[type=text].readonly, select.readonly {border-color:#8491c3;background-color:#d6e9ca;}
select.readonly {color:#000000;}
.error-message {display: none;}

/*********************************************************************
 *
 * Form CSS3
 *
 *********************************************************************/
input[type=text],input[type=password],textarea,input[type=file],select {
	/*角丸*/
	border-radius: 4px;						/* Standard */
	-moz-border-radius: 4px;			/* Firefox */
	-webkit-border-radius: 4px;		/* Webkit */
}

#debug-kit-toolbar {
	top:25px!important;
}