/* チェックボックス
----------------------------------- */
.icheckbox_flat-green,
.iradio_flat-green {
	display: inline-block;
    *display: inline;
	vertical-align: middle;
	margin: 0;
	padding: 0;
	width: 20px;
	height: 20px;
	background: url(../images/green.png) no-repeat;
	border: none;
	cursor: pointer;
}

.icheckbox_flat-green {
    background-position: 0 0;
}
    .icheckbox_flat-green.checked {
        background-position: -22px 0;
    }
    .icheckbox_flat-green.disabled {
        background-position: -44px 0;
        cursor: default;
    }
    .icheckbox_flat-green.checked.disabled {
        background-position: -66px 0;
    }

.iradio_flat-green {
    background-position: -88px 0;
}
    .iradio_flat-green.checked {
        background-position: -110px 0;
    }
    .iradio_flat-green.disabled {
        background-position: -132px 0;
        cursor: default;
    }
    .iradio_flat-green.checked.disabled {
        background-position: -154px 0;
    }


/* ボタン
----------------------------------- */
button {cursor: pointer;}
button .fa {
	font-size: 80%;
	margin-right: 0.4em;
	margin-left: 0.4em;
}

.btn01 span, .btn02 span, .btn03 span, .btn04 span, .btn05 span, .btn06 span {font-size: 80%;
;
	margin-left: 0.4em;}

.btn01 {/*青*/
	color: #ffffff;
	padding: 5px 10px;
	background: -moz-linear-gradient(
		top,
		#2476b5 0%,
		#003366);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#2476b5),
		to(#003366));
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: 0px 0px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(000,000,000,0.5);
	-webkit-box-shadow: 0px 0px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(000,000,000,0.5);
	box-shadow: 0px 0px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(000,000,000,0.5);
	text-shadow: 0px -1px 0px rgba(000,000,000,0.7),
		0px 1px 0px rgba(255,255,255,0.2);
	border-width: 0px;
	border-style: none;
	white-space: nowrap;
	width: auto;
	min-width: 100px;
	font-weight: bold;
	text-shadow: 0 -1px 0 rgba(34,85,136,0.9);
	box-shadow: 0px 1px 1px rgba(255,255,255,0.3) inset;
	font-size: 12px;
	margin: 3px;
}
.btn01:hover {background: #03396d;}
.btn02 {/*緑*/
	color: #ffffff;
	padding: 5px 10px;
	background: -moz-linear-gradient(
		top,
		#13d450 0%,
		#015c0f);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#13d450),
		to(#015c0f));
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #003366;
	-moz-box-shadow: 0px 0px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(000,000,000,0.5);
	-webkit-box-shadow: 0px 0px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(000,000,000,0.5);
	box-shadow: 0px 0px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(000,000,000,0.5);
	text-shadow: 0px -1px 0px rgba(000,000,000,0.7),
		0px 1px 0px rgba(255,255,255,0.2);
	border-width: 0px;
	border-style: none;
	white-space: nowrap;
	width: auto;
	min-width: 100px;
	font-weight: bold;
	text-shadow: 0 -1px 0 rgba(34,85,136,0.9);
	box-shadow: 0px 1px 1px rgba(255,255,255,0.3) inset;
	font-size: 12px;
	margin: 3px;
}
.btn02:hover {background: #046f1a;}
.btn03{/*赤*/	
	color: #ffffff;
	padding: 5px 10px;
	background: -moz-linear-gradient(
		top,
		#ff0000 0%,
		#5c0101);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#ff0000),
		to(#5c0101));
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #003366;
	-moz-box-shadow:0px 0px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(000,000,000,0.5);
	-webkit-box-shadow:0px 0px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(000,000,000,0.5);
	box-shadow:0px 0px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(000,000,000,0.5);
	text-shadow:0px -1px 0px rgba(000,000,000,0.7),
		0px 1px 0px rgba(255,255,255,0.2);
	border-width: 0px;
	border-style: none;
	white-space: nowrap;
	width: auto;
	min-width:100px;
	font-weight: bold;
	  text-shadow:0 -1px 0 rgba(34,85,136,0.9);
  box-shadow: 0px 1px 1px rgba(255,255,255,0.3) inset;
  font-size: 12px;
  margin: 3px;
}
.btn03:hover {background: #cc0000;}
.btn04 {/*黒*/
	color: #ffffff;
	padding: 5px 20px;
	background: -moz-linear-gradient(
		top,
		#707070 0%,
		#000000);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#707070),
		to(#000000));
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #003366;
	-moz-box-shadow: 0px 0px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(000,000,000,0.5);
	-webkit-box-shadow: 0px 0px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(000,000,000,0.5);
	box-shadow: 0px 0px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(000,000,000,0.5);
	text-shadow: 0px -1px 0px rgba(000,000,000,0.7),
		0px 1px 0px rgba(255,255,255,0.2);
	border-width: 0px;
	border-style: none;
	white-space: nowrap;
	width: auto;
	min-width: 100px;
	font-weight: bold;
	text-shadow: 0 -1px 0 rgba(34,85,136,0.9);
	box-shadow: 0px 1px 1px rgba(255,255,255,0.3) inset;
	font-size: 12px;
	margin: 3px;
}
.btn04:hover {background: #000;}
.btn05 {/*オレンジ*/	
	color: #ffffff;
	padding: 5px 20px;
	background: -moz-linear-gradient(
		top,
		#ff9900 0%,
		#cc4700);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#ff9900),
		to(#cc4700));
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #003366;
	-moz-box-shadow:0px 0px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(000,000,000,0.5);
	-webkit-box-shadow:0px 0px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(000,000,000,0.5);
	box-shadow:0px 0px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(000,000,000,0.5);
	text-shadow:0px -1px 0px rgba(000,000,000,0.7),
		0px 1px 0px rgba(255,255,255,0.2);
	border-width: 0px;
	border-style: none;
	white-space: nowrap;
	width: auto;
	min-width:100px;
	font-weight: bold;
	  text-shadow:0 -1px 0 rgba(34,85,136,0.9);
  box-shadow: 0px 1px 1px rgba(255,255,255,0.3) inset;
  margin: 3px;
}
.btn05:hover {background: #d25100;}
.btn06 {/*グレー*/
	color: #ffffff;
	padding: 5px 10px;
	background: -moz-linear-gradient(
		top,
		#cfcfcf 0%,
		#6e6c6b);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#cfcfcf),
		to(#6e6c6b));
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #003366;
	-moz-box-shadow: 0px 0px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(000,000,000,0.5);
	-webkit-box-shadow: 0px 0px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(000,000,000,0.5);
	box-shadow: 0px 0px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(000,000,000,0.5);
	text-shadow: 0px -1px 0px rgba(000,000,000,0.7),
		0px 1px 0px rgba(255,255,255,0.2);
	border-width: 0px;
	border-style: none;
	white-space: nowrap;
	width: auto;
	min-width: 100px;
	font-weight: bold;
	text-shadow: 0 -1px 0 rgba(34,85,136,0.9);
	box-shadow: 0px 1px 1px rgba(255,255,255,0.3) inset;
	font-size: 12px;
	margin: 3px;
}
.btn06:hover {background: #666666;}

.btnmuko {background: #CCCCCC;pointer-events:none;}
.btnmuko:hover {background: #CCCCCC;}


/*　テキストボックスなど
----------------------------------- */
.inputtext, .inputtextarea, .inputdropdown {
	border: 1px solid #777;
	padding: 5px;
	color: #000;
	background: #fff;
	border-radius: 5px;
	/* Webkit */
	background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#f5f5f5),
        to(#fff)
        );
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 1px 1px 1px #fff;
	/* Firefox */
	background: -moz-linear-gradient(
        top,
        #eee,
        #fff
        );
	-moz-border-radius: 5px;
	-moz-box-shadow: 1px 1px 1px #fff;
     
    /* IE */
    filter:progid:DXImageTransform.Microsoft.gradient
        (startColorstr=#ffeeeeee,endColorstr=#ffffffff);
	zoom: 1;
	box-shadow: 0px 0px 0px 1px rgba(255,255,255,1);
	-moz-box-shadow: 0px 0px 0px 1px rgba(255,255,255,1);
	-webkit-box-shadow: 0px 0px 0px 1px rgba(255,255,255,1);
}
.inputtextarea {width:50vw;}
.outtext, .outtextarea, .outdropdown{
	border: 1px solid #777;
	padding: 2px;
	color: #000;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-webkit-box-shadow: 1px 1px 1px #fff;
	-moz-border-radius: 3px;
	-moz-box-shadow: 1px 1px 1px #fff;
     
    /* IE */
    filter:progid:DXImageTransform.Microsoft.gradient
        (startColorstr=#ffeeeeee,endColorstr=#ffffffff);
	zoom: 1;
}

/* ログイン・アウト */
#username, #password {
	padding: 10px 10px 10px 30px;
	margin: 0 0 10px;
	width: 200px; /* 353 + 2 + 45 = 400 */
	border: 1px solid #ccc;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
	-webkit-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
	box-shadow: 0 1px 1px #ccc inset, 0 0px 0 #fff;
	background-color: #FFFFFF;
	background-image: url(../images/login-sprite.png);
	background-repeat: no-repeat;
}

#username
{
    background-position: 5px 5px !important;
}

#password
{
    background-position: 5px -43px !important;
}

.loguse input:focus
{
	background-color: #fff;
	border-color: #F00000;
	outline: none;
	-moz-box-shadow: 0 0 0 1px #e8c291 inset;
	-webkit-box-shadow: 0 0 0 1px #e8c291 inset;
	box-shadow: 0 0 0 1px #e8c291 inset;
}



/* テーブル
----------------------------------- */
.tbl01 {
	width: 100%;
	background-color: #f2f2f2;
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	box-shadow: 0 0 0 1px #fff, 0 0 0 2px #ccc;
	-moz-box-shadow: 0 0 0 1px #fff, 0 0 0 2px #ccc;
	-webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 2px #ccc;
}
.tbl01 th {}
.tbl01 td {
	padding: 3px;
	vertical-align: top;
}

.tbl02 {width:100%;}
.tbl02 th {}
.tbl02 td {
	padding: 10px;
}
.tbl03 {
	background-color: #f2f2f2;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: 1px solid #CCC;
	margin-bottom: 12px;
	margin-top: 15px;
}
.tbl03 td{
	padding: 10px;
}

.tbl04 {
	background-color: #f2f2f2;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: 1px solid #CCC;
	margin-bottom: 12px;
	margin-top: 15px;
}
.tbl04 td{
	padding: 10px;
	border-bottom: 1px double #ccc;
}
.tbl04 th{
	padding: 10px;
	border-bottom: 1px double #ccc;
	white-space: nowrap;
	vertical-align: top;
	font-size: 90%;
}
.tbl04 th:before {
	content: " : ";
	float: right;
	padding-left: 1.5em;
}


/*テーブル ノーマル*/
table td .endleft {text-align: left !important;}
table td .endright {text-align: fight !important;}

.tbl_normal {
	width: 100%;
	margin-bottom: 30px;
}
.tbl_normal th {}
.tbl_normal td {
	padding: 10px;
}

/*テーブルフォーム */
.tblform { width:100%;}
.tblform th {
	padding: 10px;
	border-bottom: 1px dotted #CCC;
	white-space: nowrap;
	vertical-align: top;
}
.tblform td {
	padding: 10px;
	border-bottom: 1px dotted #CCC;
	text-align: left;
}



/*テーブルデザイン01*/
.tbl_design01 {
	width: 100%;
	border: 1px solid #0092ca;
	border-collapse: separate;
	border-spacing: 0;
	border-radius: 6px;
	overflow: hidden;
}
.tbl_design01 th {white-space: nowrap;}
.tbl_design01 th,
.tbl_design01 th,
.tbl_design01 td {
	padding: 8px 15px;
	text-align: center;
	border-bottom: 1px solid #0092ca;
}

.tbl_design01 th {
	background: -moz-linear-gradient(rgba(0,146,202,0.7), rgba(0,146,202,0.9) 50%);
	background: -webkit-gradient(linear, 100% 0%, 100% 50%, from(rgba(0,146,202,0.7)), to(rgba(0,146,202,0.9)));
	color: #fff;
	font-weight: bold;
}
.tbl_design01 th,
.tbl_design01 td {
	border-left: 1px solid #0092ca;
}
.tbl_design01 td:first-child,.tbl_design04 th:first-child {
	border-left: 0px none;  
}
.tbl_design01 tr:last-child th,
.tbl_design01 tr:last-child td {
	border-bottom: none;
}
.tbl_design01 tr:nth-child(2n+1) {
	background: #e0f3fa;
}
.tbl_design01 tr:hover {
	background: #bfe4f2;
	cursor:pointer;
}

/* 検索結果のみ */
/* 1列目のみ */ .tbl_search tr td:nth-of-type(1) {text-align: right;width: 5%;}
/* 2列目のみ */ .tbl_search tr td:nth-of-type(2) {text-align: left;}
/* 3列目のみ */ .tbl_search tr td:nth-of-type(3) {text-align: left;}

/* 7列目のみ */ .tbl_search tr td:nth-of-type(7) {width: 1em;}
/* 8列目のみ */ .tbl_search tr td:nth-of-type(8) {width: 1em;}
/* 9列目のみ */ .tbl_search tr td:nth-of-type(9) {width: 1em;}


/*テーブルデザイン02*/
.tbl_design02 {
	border-spacing: 0;
	width:100%;
}
.tbl_design02 th {
  color: #000;
  padding: 8px 15px;
  background: #eee;
  background:-moz-linear-gradient(#eee, #ddd 50%);
  background:-webkit-gradient(linear, 100% 0%, 100% 50%, from(#eee), to(#ddd));
  font-weight: bold;
  border-top:1px solid #aaa;
  border-bottom:1px solid #aaa;
  line-height: 120%;
  text-align: center;
  text-shadow:0 -1px 0 rgba(255,255,255,0.9);
  box-shadow: 0px 1px 1px rgba(255,255,255,0.3) inset;
  white-space: nowrap;
}
.tbl_design02 th:first-child {
  border-left:1px solid #aaa;
  border-radius: 5px 0 0 0;	
}
.tbl_design02 th:last-child {
  border-radius:0 5px 0 0;
  border-right:1px solid #aaa;
  box-shadow: 0px 0px 1px rgba(0,0,0,0.1);
}
.tbl_design02 tr td {
  padding: 8px 15px;
  text-align: center;
  border-left: 1px solid #ccc;
  word-break:break-all;
}
.tbl_design02 tr td:first-child {
  border-left: 1px solid #aaa;
}
.tbl_design02 tr td:last-child {
  border-right: 1px solid #aaa;
}
.tbl_design02 tr {
  background: #fff;
}
.tbl_design02 tr:nth-child(2n+1) {
  background: #f5f5f5;
}

.tbl_design02 tr:last-child td {
  border-bottom:1px solid #aaa;
}

.tbl_design02 tr:last-child td:first-child {
  border-radius: 0 0 0 5px;
}
.tbl_design02 tr:last-child td:last-child {
  border-radius: 0 0 5px 0;
}

.tbl_design02 tr:hover {
  background: #eee;
  cursor:pointer;
}

/*テーブルデザイン01 s版*/
.stbl_design01 {
	
	border-collapse: separate;
	border-spacing: 0;
	border-radius: 6px;
	overflow: hidden;
	border: 2px solid #ccc;
	margin-bottom: 30px;
}
.stbl_design01 th {
	white-space: nowrap;
	width: auto !important;
	background-color: #f1f1f1 !important;
	color:#000 !important;
}
.stbl_design01 th,
.stbl_design01 th,
.stbl_design01 td {
	padding: 2px 4px !important;
	text-align: center;
	border-bottom: 1px solid #ccc;
	width: auto !important;
	height: auto;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	word-break: break-word;
	color: #ffffff;
	font-size: 14px;
	border-right: 1px solid #ccc;
}

.stbl_design01 th {
	color: #fff;
	font-weight: bold;
}
.stbl_design01 th,
.stbl_design01 td {
}

.stbl_design01 tr:last-child th,
.stbl_design01 tr:last-child td {
	border-bottom: 1px solid #ccc;
}

.stbl_design01 input[type="text"] {
	width: 100% !important;
	padding: 5px !important;
	height: auto !important;
}

.stbl_design01 select {
	width: 100% !important;
	padding: 5px !important;
	height: auto !important;
	font-size:12px !important;
}
/*テーブル コントロール　親*/
.tbl_control {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #CCC;
	box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.2);
	background-color: #fff;
	margin-bottom:30px;
	padding:10px;
	width:100%;
}
.tbl_control th {
	vertical-align: top;
} 
.tbl_control td {
	padding-right: 2%;
	padding-left: 2%;
	vertical-align: top;
}

/*テーブル コントロール　子*/
.tbl_control_ch {
	width:100%;
}
.tbl_control_ch th {
	background-color: #f2f2f2;
	padding: 5px;
	vertical-align: middle;
	white-space: nowrap;
	text-align: left;
} 
.tbl_control_ch td {
	padding: 5px;
	vertical-align: middle;
	white-space: nowrap;
}
.tbl_control_ch i {
	margin-right: 2%;
	margin-left: 2%;
}
.tbl_control_ch input[type="text"],.tbl_control_ch  select {
	margin-right: 1%;
	margin-left: 1%;
	font-size: 12px;
	padding: 3px;
}

.title01 {
	font-size: 18px;
	font-weight: bold;
	background-color: #f2f2f2;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin-bottom: 0.4em;
}

/* テーブル-asd */
.TableWrap {
}
 
.TableWrap,
.TableWrap_col {
}
 
.PageNumWrap {
	margin-bottom: 10px;
	margin-left: auto;
	text-align: center;
	margin-top: 10px;
}
 
.PageNum {
	margin-right: 10px;
	cursor: pointer;
	color: #0099CC;
	display: inline-block;
	padding: 5px;
	border: 1px solid #336699;
	min-width: 30px;
	white-space: nowrap;
}
 
.PageNum:hover {
	background-color:#CCC;
}
 
.PageNum:last-child {
	margin-right: 0;
}
 
.PageNum.-currentPage {
	color: #fff;
	cursor: auto;
	background-color:#336699;
}
 
.PageNum.-currentPage:hover {
	color:#fff;
}
 
.PageNum.-dots {
	color: #000;
	border: 1px solid #fff;
}
 
.PageNum.-dots:hover {
	color: #000;
	cursor: auto;
	background-color:transparent;
}

/*---------------------------------*/
.userDiv {
	position: static !important;
	top: auto !important;
	left: auto !important;
	text-align: left;
	width: auto !important;
	height: auto !important;
	z-index: auto !important;

}

/* テーブル内画像 */
.tbl_design01 td img,.tbl_design02 td img {max-width:150px !important;height:auto;}
.pagination-holder {float: right;}


/* テーブル行増減 */
.grid-page-toolbar {
	padding: 5px 10px;
}
.grid-page-toolbar .grid-page-addrow,.grid-page-toolbar .grid-page-delrow{
	cursor: pointer;
	color: #fff;
	font-size: 16px;
	margin-right: 10px;
}

.grid-page-toolbar .grid-page-addrow:hover,.grid-page-toolbar .grid-page-delrow:hover {
	color: #ccc;
}
.grid-page-toolbar .grid-page-viewing-records-info {
	font-weight: bold;
	color: #FFF;
	float: right;
	margin-right: 10px;
}


@media screen and (max-width: 800px) {
.tbl04 {
	display: table;
	width:100% !important;
}
.tbl04 td{
	display: table;
	width: 100%;
	border-bottom: 1px dotted #CCC;
}
.tbl04 th{
	display:table;
	width:100%;
}


}