html{
	color:#FFF;
	width:400px;
	height:100%;
}
body{
	overflow:scroll;
	font-size:15pt;
	width:400px;
	height:100%;
}
input{
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
#base_frame{
	display:table;
	width:100%;
	height:100%;
}
#header_line{
	height:25px;
	display:table-row;
}
#header_line .header_block{
	text-align:right;
	background:#333;
	height:25px;
	line-height:25px;
	color:#FFF;
	font-size:10pt;
	padding:3px 10px;
	clear:both;
}
#header_line .tool_button{
	text-align:right;
	height:25px;
	line-height:25px;
	color:#FFF;
	font-size:10pt;
	clear:both;
}
#header_line .tool_button a{
	text-decoration:none;
	border:solid 1px #888;
	padding:3px;
	border-radius:3px;
	background:#DDD;
	color:#555;
	text-align:center;
}
#footer_line{
	height:25px;
	display:table-row;
}
#footer_line .footer_block{
	text-align:center;
	background:#333;
	line-height:25px;
	font-size:8pt;
	color:#FFF;
}
#footer_menu_line{
	display:table-row;
	vertical-align:botton;
	height:10px;
}
#footer_menu_line .footer_menu_block{
	padding:10px;
}
#main_line{
	display:table-row;
}
#main_frame{
	padding:10px 0px;
	text-align:left;
	font-size:12pt;
}
#main_frame .sidepad{
	padding:0px 10px;
}
strong.label{
	font-weight:bold;
}


table.listtable1{
	border:solid 1px #888;
	width:380px;
	border-collapse:collapse;
}
table.listtable1 th,
table.listtable1 td{
	border:solid 1px #888;
}
table.listtable1 th{
	text-align:center;
	background:#CCC;
	color:#555;
	padding:3px 0px;
}
table.listtable1 tbody td{
	border-top:dotted 1px #888;
	border-bottom:dotted 1px #888;
	border:dotted 1px #888;
}
div.tablepad{
	padding:3px 3px;
}

span.enable1{
	color:#228b22;
}
span.enable0{
	color:#F00;
}
a.nodecoration{
	text-decoration:none;
}
/*
table.hform{
	width:300px;
	margin:0px auto;
	border-collapse:collapse;
}
table.hform th{
	background:#CCC;
	border:solid 1px #888;
	border-radius:5px 0px 0px 5px;
}
table.hform td{
	border:solid 1px #888;
}
*/

dl.tabform_h{
	list-style:none;
	padding:0;
	display:table;
	width:380px;
	margin:0px auto;
	clear:both;
	margin-left:10px;
	margin-bottom:10px;
	font-size:12pt;
	font-weight:bold;
}
dl.tabform_h dt{
	border:solid 1px #888;
	border-right:0px;
	border-radius:5px 0px 0px 5px;
	background:#CCC;
	padding:5px;
	display:table-cell;
	width:50px;
}
dl.tabform_h dd{
	display:table-cell;
	text-align:left;
	border:solid 1px #888;
	border-radius:0px 5px 5px 0px;
	padding:5px;
	font-size:12pt;
	font-weight:normal;
}
dl.tabform_h dd select{
	font-size:12pt;
	width:100%;
}


dl.tabform_v{
	list-style:none;
	padding:0;
	margin:0;
	width:380px;
	margin:0px auto;
	clear:both;
	margin-bottom:10px;
}
dl.tabform_v > dt{
	text-align:left;
	border:solid 1px #888;
	border-bottom:0px;
	border-radius:5px 5px 0px 0px;
	padding:5px;
	background:#CCC;
	line-height:20px;
	font-size:12pt;
	font-weight:bold;
}
dl.tabform_v > dd{
	text-align:left;
	border:solid 1px #888;
	border-radius:0px 0px 5px 5px;
	/*padding:5px;*/
	font-size:12pt;
}


dl.input_line{
	list-style:none;
	padding:5px;
	margin:0;
	margin:0px auto;
	clear:both;
	/*margin-bottom:10px;*/
}
dl.input_line > dt{
	background:url("../img/ico_label.png") left no-repeat;
	padding:3px 0px 3px 12px;
	font-size:13pt;
	font-weight:bold;
}
dl.input_line > dd{
	font-size:13pt;
}
dl.input_line > dd input[type="text"],
dl.input_line > dd input[type="url"],
dl.input_line > dd select,
dl.input_line > dd textarea{
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

p.label{
	background:url("../img/ico_label.png") left no-repeat;
	padding:3px 0px 3px 12px;
	font-size:15pt;
}
dl.tabform_v dd .text{
	margin-bottom:10px;
}

dl.tabform_v dd select,
dl.tabform_v dd option,
dl.tabform_v dd textarea,
dl.tabform_v dd input{
	font-size:12pt;
}

span.error{
	color:#990000;
	font-weight:bold;
}
span.warning{
	color:#FF9900;
	font-weight:bold;
}

/* ClsErrorMessage->show()用のスタイル */
ul.error_message{
	border:solid 1px #C00;
	background:url("../img/ico_exclamation.gif") 3px 1px no-repeat #FDD;
	clear:both;
	margin-top:10px;
	margin-bottom:10px;
	border-radius: 3px 3px 3px 3px;
	padding-left:25px;
	padding-right:5px;
	
	width:380px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-left:auto;
  margin-right:auto;
}
ul.error_message li{
	color:#C00;
	padding:3px 0px;
	font-size:12pt;
	text-align:left;
}

/* エラー項目の背景 */
.error_bg{
	background:#FDD;
	border-radius:3px;
}

/* 完了メッセージ */
div.finish_message{
	margin-top:10px;
	margin-bottom:10px;
	border:solid 1px #00C;
	background:#DDF;
	border-radius: 3px 3px 3px 3px;
	padding:25px;
	color:#00C;


	font-size:12pt;
	width:300px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-left:auto;
  margin-right:auto;
}

.txt_right{
	text-align:right;
}
.txt_center{
	text-align:center;
}

.btn_delete{
	color:#C00;
}
.btn_detail{
	color:#00C;
}
.btn_edit{
	color:#050;
}
.btn_confirm{
	color:#050;
}
.btn_back{
	color:#000;
}
.btn_execute{
	color:#00C;
}
.btn_reset{
	color:#000;
}
.btn_insert{
	color:#00C;
}
