@charset "utf-8";

.loader-bg {
  align-items: center; /* 上下左右中央 */
  background-color: #000000;
  display: flex; /* 上下左右中央 */
  height: 100vh; /* 縦いっぱい */
  justify-content: center; /* 上下左右中央 */
  left: 0;
  position: fixed;
  top: 0;
  width: 100vw; /* 横幅いっぱい */
  z-index: 100;
}

/*-----------------------------------------------------------------------------*/

/*ローディング表示
---------------------------------------------------------------------------*/
#loader-bg {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background: #FFFFFF;
	z-index: 100;
}
#loader {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	width: 200px;
	height: 200px;
	margin-top: -100px;
	margin-left: -100px;
	text-align: center;
	color: #000000;
	z-index: 200;
}

/*---------------------------------------------------------------------------*/
/*全体の設定*/
/*---------------------------------------------------------------------------*/
html {
	margin: 0;
	padding: 0;
	height:100%;
}
body {
	color:#000; /*全体の文字色*/
	/*background:#F6F7F8 !important;*/
	background: #FFF;
	margin: 0;
	padding: 0;
	font: 12px "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";	/*文字サイズ/行間、フォントファミリー*/
	overflow-x:auto;
	overflow-y:scroll;
	width:100%;
	height:100%;
}
.main {
	width:calc(100% - 20px);
	padding-top:80px;
	padding-bottom:10px;
	padding-left:20px;
	/*padding-right:20px;*/
	color:#000;
	/*background:red;*/
}
.main-wrap{
	max-width:100%;
	margin: 3em auto;
}
form {
	width: 100%;
}
/*container
-----------------------------------------------------------------------------*/
#container {
	min-width:100%;
	width:100%;

	/*footer固定*/
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}
/*footer
-----------------------------------------------------------------------------*/
footer {
/*
	width: 100%;
	text-align: center;

	background:#808080;
	border:1px solid #5D7882;
	color:#fff;

	margin-top: auto;

	border-radius: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
*/
}
/*header admin
-----------------------------------------------------------------------------*/
header {
	/*border-bottom: 1px solid #000;*/
	min-width: 100%;
	background: #FFFFFF;
	padding-left: 20px;
	padding-right: 20px;
}
.header-body {
	background: #FFFFFF;
	color: #000;
	padding: 0 20px;
	height: 50px;
	position: relative;
}
.logo {
	padding-top: 5px;
}
.logo img {
	width: 50%;
}
.logo-title{
	color:#FFF;
	font-size:24px;
	position: absolute;
	top: 10px;
	left: 80px;
}
.logout {
	position: absolute;
	top: 10px;
	right: 0;
}
.debug-mode {
	position: absolute;
	top: 10px;
	left: 220px;
	color:yellow;
	font-weight:bold;
	font-size:24px;
}


/*カレンダ
-----------------------------------------------------------------------------*/
/* 全体の枠線 */
.ui-widget-content {
	border: 1px solid #000 !important;
}

/* ホバー時の動作 */
a.ui-state-hover:hover {
	background-color: #FEFECC;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	color: #454545;
	font-weight: bold;
	background: #ffff00;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	color: #000;
	border: 1px solid #cf0000;
	background: #ffff00;
}

/* 日曜日のカラー設定 */
td.ui-datepicker-week-end:first-child a.ui-state-default {
	background-color: #ffecec;
	/* 背景色を設定 */
	color: #f00 !important;
	/* 文字色を設定 */
}

/* 土曜日のカラー設定 */
td.ui-datepicker-week-end:last-child a.ui-state-default {
	background-color: #CEEAFC;
	/* 背景色を設定 */
	color: #00f !important;
	/* 文字色を設定 */
}

/* ホバー時の動作 */
td.ui-datepicker-week-end a.ui-state-hover {
	background-color: #DBF5C0 !important;
}

/* 当日を示す色はそのまま */
td.ui-datepicker-week-end a.ui-state-highlight {
	background-color: #fffa90 !important;
}

/*土日祝日*/
.date-holiday .ui-state-default {
	background-image: none;
	background-color: #ffecec !important;
	/* 背景色を設定 */
	color: #f00 !important;
	/* 文字色を設定 */
}

img.ui-datepicker-trigger {
	cursor: pointer;
	padding-left: 3px !important;
	height: 24px;
}
.cal img {
	cursor: pointer;
	padding-left: 3px !important;
	padding-top:2px;
}
/*bootstrap5 validation上書き*/
.was-validated .form-control:invalid,
.form-control.is-invalid {
	background-image: none;
}

.was-validated .form-select:invalid:not([multiple]):not([size]),
.was-validated .form-select:invalid:not([multiple])[size="1"],
.form-select.is-invalid:not([multiple]):not([size]),
.form-select.is-invalid:not([multiple])[size="1"] {
	/*--bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");*/
	--bs-form-select-bg-icon: url("");
}


/*width w-25,w-50,w-75,w-100 bootstrapで設定済
-----------------------------------------------------------------------------*/
.w-1 {
	width:1%;
}
.w-2 {
	width:2%;
}
.w-3 {
	width:3%;
}
.w-4 {
	width:4%;
}
.w-4_7 {
	width:4.7%;
}
.w-5 {
	width:5%;
}
.w-6 {
	width:6%;
}
.w-7 {
	width:7%;
}
.w-8 {
	width:8%;
}
.w-9 {
	width:9%;
}
.w-10 {
	width:10%;
}
.w-11 {
	width:11%;
}
.w-12 {
	width:12%;
}
.w-13 {
	width:13%;
}
.w-14 {
	width:14%;
}
.w-15 {
	width:15%;
}
.w-16 {
	width:16%;
}
.w-17 {
	width:17%;
}
.w-18 {
	width:18%;
}
.w-19 {
	width:19%;
}
.w-20 {
	width:20%;
}
.w-21 {
	width:21%;
}
.w-22 {
	width:22%;
}
.w-23 {
	width:23%;
}
.w-24 {
	width:24%;
}
.w-25 {
	width:25%;
}
.w-26 {
	width:26%;
}
.w-27 {
	width:27%;
}
.w-28 {
	width:28%;
}
.w-29 {
	width:29%;
}
.w-30 {
	width:30%;
}
.w-31 {
	width:31%;
}
.w-32 {
	width:32%;
}
.w-33 {
	width:33%;
}
.w-34 {
	width:34%;
}
.w-35 {
	width:35%;
}
.w-36 {
	width:36%;
}
.w-37 {
	width:37%;
}
.w-38 {
	width:38%;
}
.w-39 {
	width:39%;
}
.w-40 {
	width:40%;
}
.w-41 {
	width:41%;
}
.w-42 {
	width:42%;
}
.w-43 {
	width:43%;
}
.w-44 {
	width:44%;
}
.w-45 {
	width:45%;
}
.w-46 {
	width:46%;
}
.w-47 {
	width:47%;
}
.w-48 {
	width:48%;
}
.w-49 {
	width:49%;
}
.w-50 {
	width:50%;
}
.w-51 {
	width:51%;
}
.w-52 {
	width:52%;
}
.w-53 {
	width:53%;
}
.w-54 {
	width:54%;
}
.w-55 {
	width:55%;
}
.w-56 {
	width:56%;
}
.w-57 {
	width:57%;
}
.w-58 {
	width:58%;
}
.w-59 {
	width:59%;
}
.w-60 {
	width:60%;
}
.w-61 {
	width:61%;
}
.w-62 {
	width:62%;
}
.w-63 {
	width:63%;
}
.w-64 {
	width:64%;
}
.w-65 {
	width:65%;
}
.w-66 {
	width:66%;
}
.w-67 {
	width:67%;
}
.w-68 {
	width:68%;
}
.w-69 {
	width:69%;
}
.w-70 {
	width:70%;
}
.w-71 {
	width:71%;
}
.w-72 {
	width:72%;
}
.w-73 {
	width:73%;
}
.w-74 {
	width:74%;
}
.w-75 {
	width:75%;
}
.w-76 {
	width:76%;
}
.w-77 {
	width:77%;
}
.w-78 {
	width:78%;
}
.w-79 {
	width:79%;
}
.w-80 {
	width:80%;
}
.w-81 {
	width:81%;
}
.w-82 {
	width:82%;
}
.w-83 {
	width:83%;
}
.w-84 {
	width:84%;
}
.w-85 {
	width:85%;
}
.w-86 {
	width:86%;
}
.w-87 {
	width:87%;
}
.w-88 {
	width:88%;
}
.w-89 {
	width:89%;
}
.w-90 {
	width:90%;
}
.w-91 {
	width:91%;
}
.w-92 {
	width:92%;
}
.w-93 {
	width:93%;
}
.w-94 {
	width:94%;
}
.w-95 {
	width:95%;
}
.w-96 {
	width:96%;
}
.w-97 {
	width:97%;
}
.w-98 {
	width:98%;
}
.w-99 {
	width:99%;
}
.w-100 {
	width:100%;
}

/*ページネーション
-----------------------------------------------------------------------------*/
.nav_page{
	margin:0;
	padding:0;
}
.page-active{
	background: #93B3EA;
}

.page-link{
	border: 1px solid #ccc;
	text-align: center;
	/*padding: 3px 10px;*/
	text-decoration: none;
	border-radius: 0 !important;
	font-size: 11px !important;
}

.nav_page a:hover {
	background:#DDDDDD;
}

.page-front{
	height: 30px;
}
.page-next{
	height: 30px;
}

/*テーブル hover表示
-----------------------------------------------------------------------------*/
.table-hover tbody tr:hover {
	/*color: #212529;*/
	background-color: #FCEAF0;
}
/*テーブル リスト用
-----------------------------------------------------------------------------*/
.tblbox{
	width:100%;
	/*overflow-x: scroll;*/
}
.tbl-lst {
	width: 100%;
	border: 0;
	background: #FFF;
	font-size: 12px;
	color: #000;
	border-collapse: collapse;
	table-layout: fixed;
}

.tbl-lst th {
	line-height: 2em;
	background: #228b22;
	color: #FFFFFF;
	border: 1px solid #ccc;
	text-align:center;
}
.tbl-lst td {
	border: 1px solid #ccc;
	/*line-height: 2em;*/

	padding-top: 0.5em;
	padding-bottom: 0.5em;

	word-wrap: break-word;
	word-break: break-all;
}


/* 縦スクロール時に固定する */
/*
.tbl-lst thead th {
	position: -webkit-sticky;
	position: sticky;
	top: -2px;
}
*/


.tbl-lst_reg {
	width: 100%;
	border: 0;
	background: #FFF;
	font-size: 12px;
	color: #000;
	border-collapse: collapse;
	table-layout: fixed;
}

.tbl-lst_reg th {
	line-height: 3em;
	background: #228b22;
	color: #FFFFFF;
	border: 1px solid #ccc;
	text-align:center;
}
.tbl-lst_reg td {
	border: 1px solid #ccc;
	line-height: 1.2em;
	padding-top: 1em;
	padding-bottom: 1em;
	word-wrap: break-word;
	word-break: break-all;
}


.tbl-lst2 {
	width: 100%;
	border: 0;
	background: #FFF;
	font-size: 12px;
	color: #000;
	border-collapse: collapse;
	table-layout: fixed;
}

.tbl-lst2 th {
	line-height: 1.8;
	background: #7b7bff;
	color: #FFFFFF;
	border: 1px solid #ccc;
	text-align:center;

}
.tbl-lst2 td {
	border: 1px solid #ccc;
	/*line-height: 2em;*/

	padding-top: 0.5em;
	padding-bottom: 0.5em;

	word-wrap: break-word;
	word-break: break-all;
}


/* 縦スクロール時に固定する */
/*
.tbl-lst2 thead th {
	position: -webkit-sticky;
	position: sticky;
	top: -2px;
}
*/


.tbl-lst_reg2 {
	width: 100%;
	border: 0;
	background: #FFF;
	font-size: 12px;
	color: #000;
	border-collapse: collapse;
	table-layout: fixed;
}

.tbl-lst_reg2 th {
	line-height: 3em;
	background: #7b7bff;
	color: #FFFFFF;
	border: 1px solid #ccc;
	text-align:center;
}
.tbl-lst_reg2 td {
	border: 1px solid #ccc;
	line-height: 1.2em;
	padding-top: 1em;
	padding-bottom: 1em;
	word-wrap: break-word;
	word-break: break-all;
}


























/*
.tbl-lst thead th:first-child {
	z-index: 3332;
}
*/

/*ボタン枠
-----------------------------------------------------------------------------*/
.btnbox{
	background:#F4F7FE;
	background:#FFF;
	border:1px solid #A5A5A5;
	text-align:center;
	padding:10px;

}
/*ボタンサイズ
-----------------------------------------------------------------------------*/
.btn {
	border-radius: 0;
}
.btn-menu {
	font-size: 12px;
	width: 140px;
}
.btn-lg {
	font-size: 12px;
	width:120px;
}
.btn-sm {
	font-size: 12px;
	width:84px;
	padding: 4px 0;
}
.btn-sm-ex {
	font-size: 12px;
	padding:4px 8px;
}
.btn-sm-l {
	font-size: 11px;
	width:140px;
}
.btn-xs {
	font-size: 11px;
	width:40px;
	padding:2px 0;
	height: 22px;
}
.btn-xs-50 {
	font-size: 11px;
	width:50px;
	padding:2px 0;
	height: 22px;
}
.btn-xs-60 {
	font-size: 11px;
	width:60px;
	padding:2px 0;
	height: 22px;
}

.btn-xs-s {
	font-size: 12px;
	width: 22px;
	padding: 2px 0;
	height: 22px;
}
.btn-xs-l {
	font-size: 11px;
	width:76px;
	padding:2px 2px;
	height: 22px;
}
.btn-xs-ex {
	font-size: 11px;
	padding:3px 8px;
}
.btn-xs_1 {
	font-size: 11px;
	width:28px;
	padding:3px 0;
}
.btn-xxs {
	font-size: 11px;
	width:38px;
	padding:3px 2px;
}
.btn-xxs-l {
	font-size: 11px;
	width:80px;
	padding:3px 2px;
}
.btn-xxxs {
	font-size: 11px;
	padding:0 4px;
	height:19px;
}

/*ボタン位置
---------------------------------------------------------------------------*/
.col-btn-xs{
	display: inline-block;
	width:40px;
}

.col-btn-xs-50{
	display: inline-block;
	width:50px;
}
.col-btn-xs-60{
	display: inline-block;
	width:60px;
}


.col-btn-xs-s {
	display: inline-block;
	width: 22px;

}
.col-btn-xs-l{
	display: inline-block;
	width:76px;
}

.col-btn-xxs{
	display: inline-block;
	width:38px;
}
.col-btn-xxs-l{
	display: inline-block;
	width:80px;
}
.col-btn-xxxs{
	display: inline-block;
	width:22px;
}

/*ボタン色
---------------------------------------------------------------------------*/
.btn-normal{
	background:#CCC;

	color:#000;
	border: 1px solid #595959;
}
.btn-normal:hover{
	background:#727272;
	color:#fff;
}
.btn-danger{
	/*border: 1px solid #AF0516;*/
	color: #cf0000 !important;
	background: #CCC;
	border: 1px solid #595959;
/*bootstrap設定のまま*/
}
.btn-danger:hover{
/*bootstrap設定のまま*/
}
.btn-back{
	border: 1px solid #BCBCBC;
	background: #ffffff;
	background: -moz-linear-gradient(top,	#ffffff 0%, #f3f3f3 80%, #f3f3f3 80%, #ededed 100%, #ffffff 100%);
	background: -webkit-linear-gradient(top,	#ffffff 0%,#f3f3f3 80%,#f3f3f3 80%,#ededed 100%,#ffffff 100%);
	background: linear-gradient(to bottom,	#ffffff 0%,#f3f3f3 80%,#f3f3f3 80%,#ededed 100%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );
	color:#000;
}
.btn-back:hover{
	background: #ffffff;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2YzZjNmMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,	#ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%);
	background: -webkit-linear-gradient(top,	#ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
	background: linear-gradient(to bottom,	#ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );
}
.btn-output{
	border: 1px solid #595959;
	background:#D0FEBD;
	color:#000;
}
.btn-output:hover{
	background:#F6FFF2;
	color:#000;
}
.btn-etc{
	border: 1px solid #70C8FE;
	background:#BDE5FE;
	color:#000;
}
.btn-etc:hover{
	background:#8AD1FE;
	color:#000;
}
.btn-end{
	border: 1px solid #FF6026;
	background:#FFE2D8;
	color:#000;
}
.btn-end:hover{
	background:#FFC6B2;
	color:#000;
}



/*width w-25,w-50,w-75,w-100 bootstrapで設定済
-----------------------------------------------------------------------------*/
.w-1 {
	width:1%;
}
.w-2 {
	width:2%;
}
.w-3 {
	width:3%;
}
.w-4 {
	width:4%;
}
.w-4_7 {
	width:4.7%;
}
.w-5 {
	width:5%;
}
.w-6 {
	width:6%;
}
.w-7 {
	width:7%;
}
.w-8 {
	width:8%;
}
.w-9 {
	width:9%;
}
.w-10 {
	width:10%;
}
.w-11 {
	width:11%;
}
.w-12 {
	width:12%;
}
.w-13 {
	width:13%;
}
.w-14 {
	width:14%;
}
.w-15 {
	width:15%;
}
.w-16 {
	width:16%;
}
.w-17 {
	width:17%;
}
.w-18 {
	width:18%;
}
.w-19 {
	width:19%;
}
.w-20 {
	width:20%;
}
.w-21 {
	width:21%;
}
.w-22 {
	width:22%;
}
.w-23 {
	width:23%;
}
.w-24 {
	width:24%;
}
.w-25 {
	width:25%;
}
.w-26 {
	width:26%;
}
.w-27 {
	width:27%;
}
.w-28 {
	width:28%;
}
.w-29 {
	width:29%;
}
.w-30 {
	width:30%;
}
.w-31 {
	width:31%;
}
.w-32 {
	width:32%;
}
.w-33 {
	width:33%;
}
.w-34 {
	width:34%;
}
.w-35 {
	width:35%;
}
.w-36 {
	width:36%;
}
.w-37 {
	width:37%;
}
.w-38 {
	width:38%;
}
.w-39 {
	width:39%;
}
.w-40 {
	width:40%;
}
.w-41 {
	width:41%;
}
.w-42 {
	width:42%;
}
.w-43 {
	width:43%;
}
.w-44 {
	width:44%;
}
.w-45 {
	width:45%;
}
.w-46 {
	width:46%;
}
.w-47 {
	width:47%;
}
.w-48 {
	width:48%;
}
.w-49 {
	width:49%;
}
.w-50 {
	width:50%;
}
.w-51 {
	width:51%;
}
.w-52 {
	width:52%;
}
.w-53 {
	width:53%;
}
.w-54 {
	width:54%;
}
.w-55 {
	width:55%;
}
.w-56 {
	width:56%;
}
.w-57 {
	width:57%;
}
.w-58 {
	width:58%;
}
.w-59 {
	width:59%;
}
.w-60 {
	width:60%;
}
.w-61 {
	width:61%;
}
.w-62 {
	width:62%;
}
.w-63 {
	width:63%;
}
.w-64 {
	width:64%;
}
.w-65 {
	width:65%;
}
.w-66 {
	width:66%;
}
.w-67 {
	width:67%;
}
.w-68 {
	width:68%;
}
.w-69 {
	width:69%;
}
.w-70 {
	width:70%;
}
.w-71 {
	width:71%;
}
.w-72 {
	width:72%;
}
.w-73 {
	width:73%;
}
.w-74 {
	width:74%;
}
.w-75 {
	width:75%;
}
.w-76 {
	width:76%;
}
.w-77 {
	width:77%;
}
.w-78 {
	width:78%;
}
.w-79 {
	width:79%;
}
.w-80 {
	width:80%;
}
.w-81 {
	width:81%;
}
.w-82 {
	width:82%;
}
.w-83 {
	width:83%;
}
.w-84 {
	width:84%;
}
.w-85 {
	width:85%;
}
.w-86 {
	width:86%;
}
.w-87 {
	width:87%;
}
.w-88 {
	width:88%;
}
.w-89 {
	width:89%;
}
.w-90 {
	width:90%;
}
.w-91 {
	width:91%;
}
.w-92 {
	width:92%;
}
.w-93 {
	width:93%;
}
.w-94 {
	width:94%;
}
.w-95 {
	width:95%;
}
.w-96 {
	width:96%;
}
.w-97 {
	width:97%;
}
.w-98 {
	width:98%;
}
.w-99 {
	width:99%;
}
.w-100 {
	width:100%;
}

/* 幅固定 */
.wf-10 {
	width:10px;
}
.wf-20 {
	width:20px;
}
.wf-30 {
	width:30px;
}
.wf-40 {
	width:40px;
}
.wf-50 {
	width:50px;
}
.wf-55 {
	width:55px;
}
.wf-60 {
	width:60px;
}
.wf-70 {
	width:70px;
}
.wf-75 {
	width:75px;
}
.wf-80 {
	width:80px;
}
.wf-90 {
	width:90px;
}
.wf-100 {
	width:100px;
}
.wf-110 {
	width: 110px;
}
.wf-120 {
	width:120px;
}
.wf-130 {
	width: 130px;
}
.wf-140 {
	width:140px;
}
.wf-150 {
	width:150px;
}
.wf-160 {
	width:160px;
}
.wf-170 {
	width:170px;
}
.wf-180 {
	width:180px;
}
.wf-190 {
	width:190px;
}
.wf-200 {
	width:200px;
}
.wf-220 {
	width:220px;
}
.wf-240 {
	width:240px;
}
.wf-260 {
	width:260px;
}
.wf-280 {
	width:280px;
}
.wf-290 {
	width:290px;
}
.wf-300 {
	width:300px;
}
.wf-310 {
	width: 310px;
}
.wf-320 {
	width:320px;
}
.wf-340 {
	width:340px;
}
.wf-380 {
	width:380px;
}
.wf-390 {
	width:390px;
}
.wf-400 {
	width:400px;
}
.wf-420 {
	width:420px;
}
.wf-450 {
	width:450px;
}
.wf-480 {
	width:480px;
}
.wf-500 {
	width:500px;
}
.wf-600 {
	width:600px;
}
.wf-680 {
	width:680px;
}
.wf-700 {
	width:700px;
}
.wf-780 {
	width: 780px;
}
.wf-800 {
	width:800px;
}
.wf-900 {
	width:900px;
}
.wf-1000 {
	width: 1000px;
}