@CHARSET "UTF-8";

/**
*	大型ボタン
*/
.button_big{
	width: 120px;;
	border-radius: 10px;
}
/**
*	小型ボタン
*/
.button_small{
	width: 75%;
	border-radius: 10px;
}

.input_HHii{
	width: 60px;
}
.input_example{
	color: #63B9D0;
	padding: 0px 10px;
}
.color_cyan{
	color: #63B9D0;
}

/* common.css */
html{
	height: 100%;
}
body{
	height: 100%;
	font-family: "MS PGothic", sans-serif !important;
	margin:0px auto;
/*	min-width: 1280px; */
	min-width: 1024px;
	background-color: #12819D
}
h2{
	margin: 10px 0 10px 0;
	padding: 5px 0;
	border-bottom: 3px solid #ccc;
	color: #444757;
	font-size: 14px;
}
#menulist{
	margin-bottom: 15px;
}
#menulist .menu{
	margin-bottom: 5px;
}
#content{
	background-color: white;
/* 	width: 984px; */
 	min-width:984px;
/*	margin: 0px auto; */
	margin: 0px 20px 20px 20px;
/*	padding: 20px 20px; */
}
#search{

}
#search .search_row{
	margin-bottom: 10px;
}
#search .search_row .search_title{
	float: left;
	width: 150px;
}
#search .search_row .search_data{
	float: left;
}
.datepicker{
	width: 90px;
}
.datetimepicker{
	width: 130px;
}
.timepicker{
	width: 80px;
}
.ui-button-normal{
	height: 40px;
}
.ui-button-middle{
	height: 30px;
}
.ui-button-small{
	height: 20px;
	padding: 0px 10px;
	font-size: 12px;
}
.ui-hidden{
	visibility: hidden;
}
#result{
/*	margin-top: 10px; *//* 合計欄を画面上部に移動して間を詰める */
}

#result #list{
	margin-top: 15px;
}
#result #list table{
	border-collapse: collapse;
	border: 1px solid silver;
	width: 100%;
}
#result #list table th{
	/*background-color: #3185C9;
	color: white;
	*/
	padding: 5px;
}
#result #list table th,
#result #list table td{
	border: 1px solid silver;
	padding: 3px;
}
#result #list table .alignc{
	text-align: center;
}
#result .count{
	color: #4E4E4E;
	width: auto;
	margin-right: 20px; /*font-size: 80%;*/
	height: 30px;
	line-height: 30px;
}
#result .buttonList{

}
.paging{
	float: right;
	font-weight: bold;
	color: white;
}
.paging div{
	height: 31px;
	line-height: 31px;
	text-align: center;
	cursor: pointer;
	float: left;
	margin-left: 3px;
	padding: 0px 5px;
	min-width: 21px;
}
.paging .first{width: 31px; padding: 0px; background-image: url("./image/first.png");}
.paging .prev{width: 31px; padding: 0px; background-image: url("./image/prev.png");}
.paging .next{width: 31px; padding: 0px; background-image: url("./image/next.png");}
.paging .last{width: 31px; padding: 0px; background-image: url("./image/last.png");}
.paging .first_disabled{width: 31px; padding: 0px; background-image: url("./image/first_disabled.png");}
.paging .prev_disabled{width: 31px; padding: 0px; background-image: url("./image/prev_disabled.png");}
.paging .next_disabled{width: 31px; padding: 0px; background-image: url("./image/next_disabled.png");}
.paging .last_disabled{width: 31px; padding: 0px; background-image: url("./image/last_disabled.png");}
.paging .page{
	color: white;
	background-color: #3B99FB /*#97CC1E*/;
	border-radius: 6px;
	text-align: center;
	vertical-align: middle;
}
.paging .current{
	color: black;
	background-color: #E0E8EB /*#FFE202*/;
	border-radius: 6px;
	text-align: center;
	vertical-align: middle;
}

#edit{
	margin-top: 20px;
}
#edit .row{
	margin-bottom: 15px;
}
#edit .row .title{
	float: left;
	width: 150px;
}
#edit .row .data{
	float: left;
}
#edit .buttonList{

}
#login{
	background-image: url('../image/panel_login.png');
	background-size: contain /*cover*/;
	background-repeat: no-repeat;
/*	background-color: #00CCFF; */
	background-color: white;
/*	width: 380px; */
	width: 600px;
	height: 360px;
	margin: 0 auto;
	padding: 15px 15px;
	-moz-box-shadow: 0 0 5px #ADD0E6;
	-webkit-box-shadow: 0 0 5px #ADD0E6;
/*	margin-top: 200px; */
	margin-top: 100px;
	font-size: 3em;

}
#login .message{
	margin: 10px 0px;
/*	height: 30px; */
	height: auto;
	color: #F00;
}
#login .row{
	margin-bottom: 15px;
}
#login .row .title{
/*	float: left; */
/*	width: 100px; */
}
#login .row .data{
	/* float: left; */
}
#login .row .data input[type=text],
#login .row .data input[type=password]{
/*	width: 250px; */
/*	width: 500px; */
	width: 340px;
/*	font-size: inherit; */
	font-size: 0.8em;
}

.fl, .left{
	float: left;
}
.fr, .right{
	float: right;
}
.clear, .clr{
	clear: both;
}
.attention {
	color: #f00;
}
.errs {
	background-color: #ffe8e8;
	border-width: 1px
}
ul li{margin: 5px 0px;}

.bcl1{ background-color: #FF999A;}
.bcl2{ background-color: #CCFECC;}
.bcl3{ background-color: #F79D04;}
.bcl4{ background-color: #B9B9FF;}
.bcl5{ background-color: #F70602;}
.bcl6{ background-color: #E0E0E0;}
.bcl7{ background-color: #FFFF00;}
.bcl8{ background-color: #aaffaa;}

.hcl1{ background-color: #3185C9; color: #fff;}
.hcl2{ background-color: #2A58AF; color: #fff;}
.hcl3{ background-color: #E06161; color: #fff;}
.hcl4{ background-color: #4DA5E9; color: #fff;}

/*.rcl0{ background-color: #E8E8E8; color: #2505B0; text-align: left;}*/
/*.rcl1{ background-color: #BBBBBB; color: #07165D; text-align: left;}*/
.rcl0{ background-color: #E8E8E8; color: #2505B0; text-align: center;}
.rcl1{ background-color: #BBBBBB; color: #07165D; text-align: center;}
.scl0{ background-color: #EDEDF1; color: #686672;}
.scl1{ background-color: #777777; color: #FCFCFF;}

.cl0, .cl0 a:link, .cl0 a:visited, .cl0 a:hover, .cl0 a:active{ color: #0D04F7;}
.cl1, .cl1 a:link, .cl1 a:visited, .cl1 a:hover, .cl1 a:active{ color: #E72720;}
.cl2, .cl2 a:link, .cl2 a:visited, .cl2 a:hover, .cl2 a:active{ color: #F8A369;}
.cl3, .cl3 a:link, .cl3 a:visited, .cl3 a:hover, .cl3 a:active{ color: #000000;}
.cl4, .cl4 a:link, .cl4 a:visited, .cl4 a:hover, .cl4 a:active{ color: #FD01F6;}
.cl5, .cl5 a:link, .cl5 a:visited, .cl5 a:hover, .cl5 a:active{ color: #508A35;}

#logo{
	/* takizumiロゴ */
	width:114px;
	height:57px;
	margin:5px 20px 5px 5px;
	float: left;
}
#system_logo{
/*	width:114px; */
/*	height:57px; */
	height: auto;
	margin:5px 20px 5px 5px;
	float: left;
}
#user_logo{
/*	width:114px; */
/*	height:57px; */
	margin:5px 20px 5px 5px;
	float: left;
}
#logo_system img{
	height: 30px;
	width: auto;
	margin: 10px;
}
#logo_user{
	min-width: 1024px;
	width: 100%;
	text-align: center;
	position: absolute;
	margin-top: 0px;
	z-index: 0;
}
#logo_user img{
	height: 46px;
	width: auto;
	margin: 2px;
}

h1{
	margin-top:0px;
}
.imeoff {
	ime-mode: inactive;
}
.imeon {
	ime-mode: active;
}
.imedis {
	ime-mode: disabled;
}

.success{
	/* DB変更成功時 */
	color:blue;
	font-weight:bold;
}

.failed{
	/* DB変更失敗時 */
	color:red;
	font-weight:bold;
}

.number{
	text-align: right;
}
.autowidth{
	width: auto;
}