@charset 'utf-8';

input[type=button],input[type=submit],button,
input[type=text],input[type=password],input[type=number],textarea {
	-webkit-appearance: none;
	font-size:16px !important;
}
select {
	/* -webkit-appearance: menulist-button; */
	-webkit-appearance: none;
	font-size:16px !important;
}


body:after {
	display: none;
	content: 'pc';
}

body.devel > #wrapper:before {
	content :"DEV";
	display:block;
	position:fixed;
	left:0;
	top:0;
	padding:0 5px;
	font-size:11px;
	background:#ff0000;
	color:#fff;
	z-index:1000;
}

body.stage > #wrapper:before {
	content :"STG";
	display:block;
	position:fixed;
	left:0;
	top:0;
	padding:0 5px;
	font-size:11px;
	background:#b58518;
	color:#fff;
	z-index:1000;
}

@media (max-width: 768px) {
	body:after {
		display: none;
		content: 'sp';
	}
}


/*
 * 
 * 
 * 
========================================================================== */



/* reset
========================================================================== */

* {
	box-sizing: border-box;
}

form,
p,
h1,
h2,
h3,
h4,
h5,
h6,
p {
	margin: 0;
}

table {
	border-spacing: 0;
	border-collapse: collapse;
}

a img {
	border: 0;
}

img {
	vertical-align: middle;
}

ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

dl,
dl dt,
dl dd {
	margin: 0;
	padding: 0;
}


/* link-style
========================================================================== */




/* helpar class
========================================================================== */

body {

}

.cfx:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: ' ';
}

.cfx {
	display: inline-block;
	min-height: 1%;
}


/* Hides from IE-mac \*/

* html .cfx {
	height: 1%;
}

.cfx {
	display: block;
}

.cfx2 {
	overflow:hidden;
	position: relative;
}
.w105 {
	width:105%;
}

/* End hide from IE-Mac */

.float-left {
	float: inherit;
	margin: 0 auto;
}

.float-right {
	float: inherit;
	margin: 0 auto;
}

@media(min-width: 768px) {
	.float-left {
		float: left;
	}
	.float-right {
		float: right;
	}
}

.fixed {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
}


/* テキスト周り */

.tex-left {
	text-align: left;
}

.tex-center {
	text-align: center;
}

.tex-right {
	text-align: right;
}


/* テキストカラー */

.color-green {
	color: #388e3c;
}


#container {
	text-align:left;
	font-size:0.75em;
}

/* #header2 {
	position: sticky;
	top: 0;
	z-index: 2;
}
#maincontent > .control {
	position: sticky;
	top: 0;
	z-index: 1;
} */

#header2 {
	margin-bottom:0px;
	background:#23221c;
	padding:10px 10px 0 10px;
	margin-bottom:5px;
}
#maincontent {
	margin:0px 0;
	text-align:left;
	position:relative;
	padding-bottom:30px;
}


#logedcon {
	border-top:5px solid #66ff66;
	box-sizing:border-box;
	/*background:#f7f7ee;*/
	font-size:0.85em;
}
.status {
	position: absolute;
	top:0px;
	text-align:right;
	right:120px;
	width:600px;
	font-size:0.85rem;
	color:#fff;
}
.status span {
	display:inline-block;
	margin-right:10px;
	font-size:0.85em;
	color:#fff;
}
.status span#time {
	font-family: "Arial Narrow";
	font-size:1.3em;
	vertical-align: middle;
}

/* #header2 
.customer{
	font-size:0.85rem;
	color:#fff;
} */
#header2 .customer a{
	color:#fff;
}


section form {
	font-size:14px;
}

/*
table.formlist {
	width:100%;
	border-collapse:separate;
	border-spacing:10px;
}
table.formlist tr {

}
table.formlist th {
	text-align:left;
	vertical-align:middle;
	border-right:2px solid #DFDFD0;
	padding:4px;
	width:200px;
	margin-top:3px;
}
table.formlist td {
	padding:4px;
	text-align:left;
	vertical-align:middle;
	box-sizing:border-box;
	margin-top:3px;
}
*/

#maincontent .catti,
#maincontent > h1,
#maincontent #maincont > h1 {
	margin:0px 0 0px 0;
	background:#333333;
	text-align:center;
	color:#fff;
	font-size:1.8em;
	font-weight:normal;
/*	font-family: 'Montserrat', 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',"Yu Gothic", YuGothic,osaka,'メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',Meiryo,sans-serif;*/
	/*border-top:1px solid #333;
	border-bottom:1px solid #333;*/
	padding:25px 0;
	position:relative;
	line-height:1em;
}
#maincontent .catti span,
#maincontent > h1 span,
#maincontent #maincont > h1 span{
	margin:0 auto;
	display:block;
	width:1080px;
	text-align:left;
	line-height:1.7em;
}

#maincontent .catti span > p,
#maincontent > h1 span > p,
#maincontent #maincont > h1 span > p {
	display:inline;
	line-height:1.7em;
}

#maincontent > h1 span > p.sp,
#maincontent > h1 span > span,
#maincontent .catti span > p.sp,
#maincontent .catti span > span,
#maincontent #maincont > h1 span > p.sp,
#maincontent #maincont > h1 span > span{
	margin-left:15px;
	border-left:1px solid #fff;
	padding-left:15px;
	vertical-align:15%;
	font-size:0.6em;
	line-height:1.7em;
	display:inline-block;
	width:auto;
/*	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',"Yu Gothic", YuGothic,osaka,'メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',Meiryo,sans-serif;*/
}
#logedcon #maincontent .catti,
#logedcon #maincontent > h1,
#logedcon #maincontent #maincont > h1 {
	/*border-bottom:1px solid #333;*/
	padding:10px 0;
	font-size:1.4em;
	background:none;
	color:#333;
	text-align:left;
}


#comlistcon {
	margin:2px;
	margin-right:10px;
	font-size:12px;
}
#comlistcon input[type=text],
#comlistcon select {
	padding:1px;
	width:120px;
	font-size:11px;
}
.nlabel {
	margin-right:3px;
	display:inline-block;
	width:150px;
}
#detailsearch .nlabel {
	width:auto;
}
.control form .search_item,
.search_item {
	display: inline-block;
	margin-right:20px;
}
.search_item .nlabel {
	margin-right:3px;
	display:inline-block;
	font-size:0.75rem;
	width:auto;
	text-align:right;
}

.ic span {
	font-size:30px !important;
	vertical-align: middle;
}
.ic {
	display: inline-block;
	vertical-align: middle;
	border:0px;
	border-radius:2px;
	border:1px solid #5ca93e;
	background-color:#5ca93e;
	color:#fff !important;
	text-decoration: none !important;
}

.material-icons {
	vertical-align: middle;
}

/*
input,
select,
textarea {
	font-size:14px;
	padding:3px;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',osaka,'メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}
*/

/*
.formlist textarea {
	width:100%;
	height:80px;
}
.formlist input {
	width:100%;
}
*/
.control {
	overflow:hidden;
	zoom:1;
	background:#fff;
	border:1px solid #ddd;
	padding:10px;
	border-radius:2px;
}

.control form div {
	margin:2px 0;
}

#main-area .control {
	/*background:#f6f6f6;*/
	border-bottom:1px solid #ddd;
	margin:0;
	padding:40px 0;
}

#main-area .control.searchcon {
	padding-bottom:0;
}

.control p.text {
	margin:10px 0;
	line-height:1.6em;
}
.control p.text.alert {
	font-size: 1rem;
}

#main-area .control:first-child {
	padding-top:0;
}
#main-area .control:last-child {
	border-bottom:0px;
}

#main-area + #main-area {
	padding-top:10px;
}

.control + .control {
	margin-top:20px;
	margin-bottom:20px;
}
.rtex {
	text-align:right;
	float:right;
}
.rtexb {
	position: absolute;
	right:20px;
	top:20px;
	text-align:right;
	z-index:100;
}
.rtex2 {
	position: absolute;
	right:0;
	top:0;
	text-align:right;
}
td .rtex {
	float:none;
	text-align:right;
}

/*
input[type="button"],
input[type="submit"] {
	background:#333335;
	padding:4px 8px;
	color:#fff;
	border:0px;
	font-size:1.2em;
	border-radius:2px;
}
input[type="button"]:hover,
input[type="submit"]:hover {
	opacity:0.8;
}
input.submit {
	padding:15px 40px;
}
*/
.listBox {
	width:100%;
	margin:20px 0;
	text-align:left;
}

.listBox .inner {
	margin:10px 0;
	overflow-x:auto;
	overflow-y:auto;
	max-height: 80vh;
}

.listBox ul li{
	margin:10px;
	border:1px solid #ddd;
	padding:8px;
}

/* .baselist thead, tbody {
	display: block;
}
.baselist tbody {
	overflow-x: auto;
	overflow-y: auto;
	max-height: 100vh;
} */

.baselist thead th {
	position: sticky;
	top: 0;
	z-index: 1;
}

.baselist {
	/* margin:10px 0; */
	margin: 0 0 10px 0;
	width:100%;
	border-collapse:collapse;
}

.baselist th {
	border-bottom:1px solid rgba(255,255,255,0.);
	border-right:1px solid  rgba(255,255,255,0.2);
	background:#6ab74c;
	font-size:0.8em;
	padding:8px;
	color:#fff;
	white-space: nowrap;
}
.baselist th.app_title {
	min-width:300px;
}

.baselist td {
	border-bottom:1px solid #999;
	border-right:1px solid #ddd;
	background:#fcfcfc;
	/* max-width:500px; */
	padding:8px;
}

.baselist tr td {
}
.baselist tr:nth-child(even) td {
	background:#fefefe;
}
.baselist td a {
	text-decoration: underline;
}
.baselist td i {
	font-style:normal;
	font-size:0.85em;
	color:#666;
}

.baselist td.cancel,
.baselist tr.cancel td {
	background:#e2e2e2 !important;
}
.baselist td.err,
.baselist tr.err td {
	background:#dd3300 !important;
	color:#fff !important;
}


tr.zumi td,
.baselist tr.zumi td {
	background:#e2e2e2;
}
.baselist th.memo {
	min-width:18rem;
}



/* regist data */
/*
局内 請求漏れ追加/使用済み紙券 
　局内編集
　タクシー会社編集
タクシー会社追加
　局内編集
　タクシー会社編集
タクシー会社追加紙券
　局内編集
　タクシー会社編集
*/

.altstat.reg_1a,
.legend .reg_1a,
.baselist tr.reg_1a td {
	background:#f9cfcf;
}
.altstat.reg_1b,
.legend .reg_1b,
.baselist tr.reg_1b td {
	background:#ffa4a4;
}
.altstat.reg_1c,
.legend .reg_1c,
.baselist tr.reg_1c td {
	background:#cea3a3;
}

.altstat.reg_2a,
.legend .reg_2a,
.baselist tr.reg_2a td {
	background:#d3efd3;
}

.altstat.reg_2b,
.legend .reg_2b,
.baselist tr.reg_2b td {
	background:#9aef9a;
}

.altstat.reg_2c,
.legend .reg_2c,
.baselist tr.reg_2c td {
	background:#b7ceb7;
}

.altstat.reg_3a,
.legend .reg_3a,
.baselist tr.reg_3a td {
	background:#e6e8ac;
}

.altstat.reg_3b,
.legend .reg_3b,
.baselist tr.reg_3b td {
	background:#fffc88;
}

.altstat.reg_3c,
.legend .reg_3c,
.baselist tr.reg_3c td {
	background:#b7b36a;
}


.legend .rkbn1,
.baselist tr.rkbn1 td,
.rkbn1{
	background:rgba(236,45,45,0.3);
	background:#f3d1d1;
}
.legend .rkbn2,
.baselist tr.rkbn2 td,
.rkbn2{
	background:rgba(226,100,100,0.3);
	background:#f3e7d1;
}
.legend .rkbn3,
.baselist tr.rkbn3 td,
.rkbn3{
	background:rgba(212,154,132,0.3);
	background:#d1f3d5;
}
.legend .rkbn7,
.baselist tr.rkbn7 td,
.rkbn7{
	background:rgba(136,160,171,0.3);
	background:#e4e0e1;
}

.altstat.rkbn1{
	background:#f3a6a6;
	color:#000;
}
.altstat.rkbn2{
	background:#f3d398;
	color:#000;
}
.altstat.rkbn3{
	background:#94f39e;
	color:#000;
}
.altstat.rkbn4{
	background:#e4a7b6;
	color:#000;
}
.altstat.rkbn5{
	background:#acc9e6;
	color:#000;
}
.altstat.rkbn6{
	background:#000;
	/*color:#000;*/
}
.altstat.rkbn0{
	background:#e4a7b6;
	color:#000;
}
.altstat.rkbn8{
	background:#666;
	color:#fff;
}
.altstat.rkbn9{
	background:#ab3a3a;
	color:#fff;
}









.legend .approved,
.baselist tr.approved td {
	background:#ffdbdb;
}
.legend .printed,
.baselist tr.printed td {
	background:#ffb5b5;
}

.legend .compl,
.baselist tr.compl td {
	background:#ccc;
}

.legend .compl2,
.baselist tr.compl2 td {
	background:#ecc6dd;
}

.legend .nocomplete,
.baselist tr.nocomplete td {
	background:#e4f5f7;
}

.baselist tr.compl2.compl td {
	background:#ccc;
}

.legend .jigo,
.baselist tr.jigo td {
	background:#f9e8ba;
}

.legend .jigo_aproved,
.baselist tr.jigo_aproved td {
	background:#ccc;
}

.legend .updated,
.baselist tr.updated td {
	background:#f7f1db;
}
.legend .completed,
.baselist tr.completed td {
	background:#ffc8b3;
}


.legend .requested,
.baselist tr.requested td {
	background:#9dd7e0;
}

.legend .output,
.baselist tr.output td {
	background:#e0d89d;
}




.legend .unuse {
	background:#fff;
}

.legend {
	font-size:0.75rem;
	margin-top:8px;
}
.legend i {
	font-style: normal;
	display: inline-block;
	padding:2px 8px;
	border-radius: 2px;
}

p.menu {
	display: none;
	font-size:0;
	margin:0px -10px 0 -10px;
	overflow:hidden;
	padding:0 15px;
	border-bottom:1px solid #23221c;
}

p.menu a.usr.inact {
	color:#ccc;
}

p.menu a.usr {
	font-size:0.9rem;
	font-weight:normal;
	display:inline-block;
	padding:6px 18px;
	border:1px solid #23221c;
	border-bottom:0px;
	color:#23221c;
	background:#fff;
}
p.menu a.usr:last-child {
}

p.menu span,
p.menu a {
	vertical-align: bottom;
	font-size:0.9rem;
	font-weight:normal;
	display:inline-block;
	padding:4px 12px;
	border:1px solid #23221c;
	border-bottom:0px;
	margin-right:3px;
	color:#fff;
	background:#999;
}

p.menu a.cur {
	background:#23221c;
	border:1px solid #23221c;
	border-bottom:0;
	color:#fff !important;
}

p.menu span.cur,
p.menu a.usr.cur {
	background:#6ab74c;
	border:1px solid #23221c;
	border-bottom:0;
	color:#fff !important;
}

p.menu .disable {
	padding: 6px 18px;
	background:#999;
	color:#ccc;
}

p.menu .inact {
	padding: 6px 18px;
	background:#333;
	color:#666;
}

/* p.menu span.inact {
	opacity: 0.5;
} */

p.menu a.staff_mn {
	/*margin-left:20px;*/
}

p.menu a:hover {
	/* background:rgba(49,142,208,0.25); */
	background: #cbd8e0;
	border-bottom:0;
}



div.submenu {
	border-top:18px solid #23221c;
	margin:-1px -10px 15px -10px;
}

p.submenu {
	display:none;
	font-size:0;
	overflow:hidden;
	padding:10px 15px 20px 15px;
	background:#23221c;
}
p.submenu.show {
	display:block;
}

p.submenu span{
	vertical-align: bottom;
	font-size:1.2rem;
	font-weight:normal;
	display:inline-block;
	padding:4px 12px;
	margin-right:4px;
	border-radius:2px;
	background:rgba(255,255,255,0.2);
	color:#fff;
	opacity:0.5;
}
p.submenu a {
	vertical-align: bottom;
	font-size:1.2rem;
	font-weight:normal;
	display:inline-block;
	padding:4px 12px;
	margin-right:4px;
	border-radius:2px;
	background:rgba(255,255,255,0.2);
	color:#fff;
	/*background:#222c33;*/
}
p.submenu a.cur {
	background:#a93636;
	color:#fff;
}
p.submenu a.usr.cur {
}
p.submenu a:hover {
	opacity: 0.8;
}

















#usercontrol {
	position:absolute;
	top:30px;
	right:10px;
	width:800px;
}
#logout {
	position:absolute;
	top:20px;
	right:10px;;
}

#logout a {
	background:#b51818;
	padding:4px 4px;
	color:#fff;
	border:0px;
	font-size:0.75em;
	font-weight:bold;
	/* border-radius:2px; */
}

#masterment {
	position:absolute;
	top:0;
	right:120px;
}

#masterment a {
	background:#333334;
	padding:4px 8px;
	color:#fff;
	border:0px;
	font-size:1em;
	font-weight:bold;
	border-radius:2px;
}















textarea {
	width:100%;
	height:100px;
	border-radius:2px;
}


input[type=text],
input[type=password],
input[type=number],
input[type=tel],
input[type=email],
textarea,
select {
	font-size:14px;
	padding:4px;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',osaka,'メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	border-radius:4px;
	border:1px solid #ccc;
}
.formlist textarea {
	box-sizing:border-box;
	width:100%;
	height:150px;
	border:1px solid #ccc;
	border-radius:4px;
}
.formlist select {
	border:1px solid #ccc;
	border-radius:4px;
}
.formlist input[type=password],
.formlist input[type=tel],
.formlist input[type=email],
.formlist input[type=number],
.formlist input[type=text] {
	box-sizing:border-box;
	/*width:100%;*/
	border:1px solid #ccc;
	border-radius:4px;
	width:10em;
}
.formlist td .nlabel {
	display:none;
}
a.bt[disabled],
input[type="button"][disabled],
input[type="submit"][disabled] {
	opacity:0.3;
}

td input[type=text][readonly],
td textarea[readonly] {
	/* border:0; */
}


#mainsubmit,
input.jsubmit,
a.bt,
input[type="button"],
input[type="submit"] {
	display:inline-block;
	margin:0 1px;
	background:#333335;
	padding:6px 8px;
	color:#fff !important;
	border:0px;
	font-size:1rem;
	border-radius:2px;
	text-decoration: none !important;
}
input[type="button"]:hover,
input[type="submit"]:hover {
	opacity:0.8;
}
a.bt {
	margin:4px;
}
a.bt.sml {
	font-size:0.9rem;
	padding:6px 10px;
}

table.sublist {
	border-collapse:collapse;
	width:100%;
}

table.formlist table.sublist th,
table.formlist table.sublist td {
	border-bottom:0px;
	padding:2px;
}
table.sublist.line th {
	background:#eee;
}
table.formlist table.sublist.line th,
table.formlist table.sublist.line td {
	border:1px solid #ddd;
	padding:4px;
}
table.sublist select {
	width:auto;
	max-width:320px;
}
.commonnoshow {
	display:none;
}

#edit #mainsubmit,
#edit input.submit,
#edit input[type=submit] {
	margin:0 auto;
	display:block;
	/* width:200px; */
	padding:10px 30px;
	text-align:center;
	background:#2469c1;
}

#edit table + input[type=button],
#edit table + input[type=button] ~ input[type=submit],
#edit table + input[type=submit] {
	margin-top:20px;
}

#edit .centerp input.button {
	float:none;
	margin:0 auto;
	display:inline-block;
	width:200px;
	padding:10px 0;
	text-align:center;
	background:#333;
}

#edit .centerp #mainsubmit,
#edit .centerp input.jsubmit,
#edit .centerp input.submit,
#edit .centerp input[type=submit] {
	margin:0 auto;
	display:block;
	width:200px;
	padding:10px 0;
	text-align:center;
	background:#2469c1;
}

.lback {
	margin:0 auto;
	display:block;
	padding:10px 15px;
	text-align:center;
	background:#cc2222;
	color:#fff;
	text-decoration: none;
	font-size:0.9rem;
	border-radius:2px;
}



.control input.submit,
.control input[type=submit] {
	display:inline-block;
	width:auto;
	padding:4px 8px;
}

a.bt.submit {
	display:inline-block;
	margin:0 1px;
	text-align:center;
	background:#2469c1;
	width:200px;
	padding:10px 0;
	color:#fff;
	border:0px;
	font-size:1.2em;
	border-radius:2px;
}
a.bt.submit2.s4 {
	background:#24abc1;
}
a.bt.submit2.s3 {
	background:#f79c4f;
}

a.bt.submit2.s3 {
	background:#f79c4f;
}

input[type=button].submit,
input[type=submit].submit {
	display:inline-block;
	/*width:140px !important;*/
	padding:10px 20px !important;
	font-size:1em;
	background:#2469c1;
}

input[type=button].exec,
input[value$=明細登録],
input[value$=新規登録]{
	display:inline-block;
	padding:10px 20px !important;
	font-size:1em;
	background:#2469c1;
}
input[value=明細登録],
input[value=新規登録],
input[value=検索],
#edit input[type=submit].entrybt2,
input[type=submit].entrybt2,
input[type=button].entrybt2,
input[type=button].submit,
#edit input.submit,
#checkBt,
#cfm_submit,
#print_submit,
#app2_submit,
#reg_setting,
.entrybt2 {
	display:inline-block;
	width:auto !important;
	padding:20px 30px !important;
	font-size:1.2em;
	background:#2469c1;
}
input[value=検索] {
	background:#fd7512;
}
input[type="button"][value="戻る"].entrybt2,
input[type=button].entrybt2,
.entrybt2 {
	float:none;
	background:#666;
}

a.entrybt2 {
	color:#fff;
}

input.word,
input[name="word"] {
	width:70%;
}

input[type='text'][name='schedule_pl_in'] {
	width:25em;
}
input[type='text'][name='schedule_pl_out'] {
	width:25em;
}
input[type='text'][name='schedule_via'] {
	width:25em;
}

input[type='text'][name='inp_nm'] {
	width:15em;
}
input[type='text'][name='inp_adr'] {
	width:15em;
}
input[type='text'][name='inp_itel'] {
	width:13em;
}
input[type='text'][name='inp_telno'] {
	width:13em;
}
input[type='text'][name='app_title'] {
	width:60em;
}

input[type='text'][name='app_nm'] {
	width:15em;
}
input[type='text'][name='app_conp'] {
	width:15em;
}
input[type='text'][name='app_telno'] {
	width:13em;
}


input[type='text'][name='app_pst'] {
	width:10em;
}
input[type='text'][name='app_ped'] {
	width:10em;
}
input[type='text'][name='app_dow'] {
	
}
input[type='text'][name='app_remark'] {
	
}

input[type='text'].inp_pinfo_nm {
	width:12em;
	min-width:12em;
}
input[type='text'].inp_pinfo_cartype {
	width:12em;
	min-width:12em;
}
input[type='text'].inp_pinfo_number1 {
	width:4em;
}
input[type='text'].inp_pinfo_number2 {
	width:4em;
}
input[type='text'].inp_pinfo_number3 {
	width:2em;
}
input[type='text'].inp_pinfo_number4 {
	width:4em;
}
input[type='text'].inp_pinfo_prsn {
	width:17em;
	min-width:17em;
}

input[type='text'].datepicker {
	width:8em;
}
.scbox {
	display:block;
	padding:2px 0;
}
.scrbox {
	display:inline-block;
	vertical-align: top;
}

span.error,
label.error {
	display:inline-block;
	position:absolute;
	top:-10px;
	left:0;
	color:#fff;
	background:#dd3300;
	padding:4px 8px;
	font-size:11px;
	border-radius:2px;
	line-height:1.2rem;
}
span.error:before,
label.error:before{
	content: "";
	position: absolute;
	bottom: -10px;
	left: 10px;
	border: 5px solid transparent;
	border-top: 5px solid #dd3300;
}
.appllist span.error {

}

.fmitemb span {
	display: inline-block;
	width:100px;
}

.fmitem span.error {
	white-space: nowrap;
	top:-26px;
}
.subtr span.error {
	top:-12px;
	white-space: nowrap;
	padding:1px 4px;
	font-size:10px;
}
.subtr span.error:before {
	left: 5px;
	bottom: -8px;
	border: 4px solid transparent;
	border-top: 4px solid #dd3300;
}

span.error ~ input,
span.error + select ~ input,
span.error + input ~ select,
span.error + select ~ select,
span.error + textarea,
span.error + select,
span.error + input {
	background:#fff2ef;
	border:1px solid #dd3300 !important;
}

input.warn {
	background:rgba(246,180,108,0.6);
	border:1px solid rgba(222,128,25,0.6) !important;
}


input:disabled.warn {
	background:rgba(246,180,108,0.3);;
	border:1px solid rgba(222,128,25,0.3) !important;
}



table.formlist {
	width:100%;
	border-collapse:collapse;
	/*border-spacing:20px;*/
}
table.formlist th {
	position:relative;
	text-align:left;
	vertical-align:middle;
	/*border-right:2px solid #DFDFD0;*/
	padding:10px 10px;
	width:210px;
	margin-top:3px;
	border-bottom:1px solid #ddd;
}

table.formlist.appllist th {
	width:150px;
	white-space: nowrap;;
}
table.formlist th.tp {
	vertical-align:top;
}

table.formlist td {
	position:relative;
	padding:10px 8px;
	text-align:left;
	vertical-align:middle;
	box-sizing:border-box;
	margin-top:3px;
	border-bottom:1px solid #ddd;
	box-sizing:border-box;
}

.fmitemlb {
	display:inline-block;
	vertical-align: top;
}

div.fmitem,
td  div.fmitem,
table.formlist td  div.fmitem {
	position:relative;
	display:inline-block;
}

table.formlist tr:last-child th,
table.formlist tr:last-child td {
	border-bottom:0px;
}

table.sublist.line tr:last-child th,
table.sublist.line tr:last-child td {
	border-bottom:1px solid #ddd;
}


table.formlist tr.hissu > th:after {
	position:absolute;
	right:0;
	content: "＊";
	font-weight:normal;
	/*background:#dd3300;*/
	color:#dd3300;
	font-size:11px;
	padding:1px 4px;
	border-radius:2px;
}
table.formlist td img {
	max-width:100%;
}

table.formlist tr.hissu,
table.formlist tr.hissu {
	background:#fdfbfb;
}


.cl1{
	background:#fdfbfb;
}








table.formlist.appllist th,
table.formlist.appllist td {

}


table.formlist.tight th {
	padding:10px 10px;
	width:210px;
	border-bottom:1px solid #ddd;
}
table.formlist.tight td {
	padding:10px 8px;
	border-bottom:1px solid #ddd;
}

table.formlist td.lh2 {
	line-height:2.4rem;
}

table.formlist td span.label {
	display: inline-block;
	width:9rem;
}

.md01,
.md02 {
	/*display: none;*/
}


.formlist label {
	display:inline-block;
}

.dateyyyy {
	width:5em !important;
}
.datemm {
	width:5em !important;
}
.datedd {
	width:5em !important;
}




table.smalllist {
	width:100%;
	border-collapse:collapse;
	/*border-spacing:20px;*/
}
table.smalllist th {
	position:relative;
	text-align:left;
	vertical-align:middle;
	/*border-right:2px solid #DFDFD0;*/
	padding:4px 10px;
	width:150px;
	margin-top:3px;
	border-bottom:1px solid #eee;
}

table.smalllist td {
	position:relative;
	padding:4px 8px;
	text-align:left;
	vertical-align:middle;
	box-sizing:border-box;
	margin-top:3px;
	border-bottom:1px solid #eee;
	box-sizing:border-box;
}
table.smalllist td  div.fmitem {
	position:relative;
	display:inline-block;
}

table.smalllist tr:last-child th,
table.smalllist tr:last-child td {
	border-bottom:0px;
}

table.smalllist tr.hissu > th:after {
	position:absolute;
	right:0;
	content: "＊";
	font-weight:normal;
	/*background:#dd3300;*/
	color:#dd3300;
	font-size:11px;
	padding:1px 4px;
	border-radius:2px;
}
table.smalllist td img {
	max-width:100%;
}

table.smalllist tr.hissu {
	background:none;
}

.hissu2s {
	display: inline-block;
	color: #dd3300;
	font-weight: normal;
	font-size: 12px;
	padding: 1px 4px;
}

span.hissu {
	color:#000;
}

.formlist span.hissu + div input,
.formlist span.hissu + div select,
span.hissu + div input,
span.hissu + div select {
	border:1px solid #bd6363;
}

span.hissu:after {
/*	content: "＊";
	font-weight:normal;
	color:#dd3300;
	font-size: 12px;
	padding:1px 4px;
*/}





.entrybt {
	background:#666;
	padding:12px 8px;
	width:200px;
	color:#fff;
	border:0px;
	font-size:0.85em;
	display:inline-block;
	text-align:center;
	margin:8px auto;
	border-radius:2px;
}

input[type="button"][value="戻る"] {
	float:left;
	background:#333334;
	margin-top:5px;
	margin-right:10px;
}

h3.ti {
	padding:10px 0;
	border-bottom:1px solid #ccc;
	margin-bottom:15px;
}

.logininp {
	ime-mode: disabled;
	/*width:20em !important;*/
}


ul.statlist {
	margin: 0 0 0 0em; 
	padding: 0; 
	list-style-type:none;
	margin-top:50px;
	margin-bottom:20px;
	border-bottom:1px solid #333;
	overflow:hidden;
}


.control ul.statlist {
	margin: 0 0 0 0em; 
	padding: 0; 
	border-top:0;
	margin-top:20px;
}
.control ul.statlist li {
	margin: 0 0 0 0em; 
	padding: 0; 

}

ul.statlist li {
	float:left;
}
.control ul.statlist li a{
	border-radius:1px;
	font-size:18px;
	letter-spacing:0;
	font-weight:bold;
	display:inline-block;
	padding:10px 40px;
	background:rgba(68,68,68,0.63);
	margin-right:2px;
	color:#fff;
	text-decoration:none;
	position:relative;
}
ul.statlist li span,
ul.statlist li a {
	border-radius:1px;
	font-size:14px;
	letter-spacing:0;
	font-weight:bold;
	display:inline-block;
	padding:5px 20px;
	background:#444;
	margin-right:2px;
	color:#fff;
	position:relative;
}

.control ul.statlist li.o a,
ul.statlist li.o a {
	background:#fff;
	color:#000000;
}
.control ul.statlist li.cur span,
.control ul.statlist li.cur a {
	background:#444;
}



ul.statlist.menu2 {
	margin:0;
}

ul.statlist.menu2 li a{
	border-radius:1px;
	font-size:1.2rem;
	letter-spacing:0;
	font-weight:bold;
	display:inline-block;
	padding:10px 40px;
	background:rgba(68,68,68,0.3);
	margin-right:2px;
	color:#fff;
	text-decoration:none;
	position:relative;
}

ul.statlist.menu2 li.cur span,
ul.statlist.menu2 li.cur a {
	background:#444;
}

ul.statlist.menu2.s1 {
	border-bottom:20px solid #cc4400;
}
ul.statlist.menu2.s1 li.cur span,
ul.statlist.menu2.s1 li.cur a {
	background:#cc4400;
}
ul.statlist.menu2.s2 {
	border-bottom:20px solid #0044cc;
}
ul.statlist.menu2.s2 li.cur span,
ul.statlist.menu2.s2 li.cur a {
	background:#0044cc;
}

h3.oe {
	font-size:1.5rem;
	font-weight:normal;
}

ul.statlist li a:hover {
	opacity:0.8;
}
ul.statlist.changeTab li.o a {
	background:#fff;
}

ul.statlist.changeTab li.o a:after {
	position:absolute;
	content:"";
	width:100%;
	height:2px;
	background:#fff;
	bottom:-1px;
	left:0;
}


ul.statlist_my {
	margin: 0 0 0 0em; 
	padding: 0; 
	list-style-type:none;
	overflow:hidden;
}

ul.statlist_my {
	margin-top:5px;
	margin-bottom:0px;
}

ul.statlist_my li {
	float:left;
	width:50%;
}

ul.statlist_my li a {
	font-size:0.85rem;;
	font-weight:normal;
	display:block;
	width:100%;
	padding:10px;
	background:#ccc;
	border:2px solid #ccc;
	border-bottom:0;
	margin-right:4px;
	color:#333;
	border-radius:1px;
	text-align:center;
}
ul.statlist_my li.o a {
	background:#fff;
	border:2px solid #fff;
	border-bottom:0;
	color:#333;
	font-weight: bold;
}
ul.statlist_my li a:hover {
	opacity:0.8;
}
ul.statlist_my.changeTab li.o a {
	background:#fff;
}

ul.statlist_my + .listBox {

}

.like_class {
	width:100px;
	background:#999;
	padding:1px 2px;
	color:#fff;
	display:inline-block;
	text-align:center;
	border-radius:2px;
	font-size:11px;
	vertical-align:middle;
}

.listBoxLike {
	border-bottom:1px solid #ccc;
	padding:12px 0;
}

.listBoxLike:first-child {
	border-top:1px solid #ccc;
}

.listBoxLike i {
	height:22px;
	font-size:22px;
	line-height:22px;
	display:inline-block;
	vertical-align:middle;
}

.listBoxLike + .pager {
	margin-top:10px;
}




.listChildBox {
	width:290px;
	float:left;
	height:300px;
	overflow:hidden;
	background:#fff;
	box-sizing:border-box;
	margin:0px 15px 15px 0;
	/*padding:10px;*/
}
.listChildBox img {
	display:block;
	width:100%;
}

.listChildBoxLong {
	overflow:hidden;
	background:#fff;
	margin:0px 0px 30px 0;
	padding:20px;
	transition: opacity 0.5s;
}


.listChildBoxLong.haslnk {
	cursor:pointer;
}
.listChildBoxLong.haslnk:hover {
	opacity:0.5;
	transition: opacity 0.5s;
}

.listChildBoxLong img {
	display:block;
	width:100%;
}
.decont {
	margin-left:320px;
}
.decont.staff {
	margin-left:160px;
}

.decont p span {
	border:1px solid #666;

	padding:2px 10px;
	margin:2px;
	display:inline-block;
	vertical-align:middle;
	font-size:11px;
}

.decont .desc {
	margin:8px 0 0 0;
	padding:8px 0;
	border-top:1px solid #ccc;
	/*border-bottom:1px solid #ccc;*/
}
.listChildBoxLong .cover {
	/*margin:-10px -10px -10px -10px;*/
}
.cover {
	float:left;
	display: block;
	background-color: #ccc;
	background-position: center center;
	background-repeat: no-repeat;
	margin: 0px;
	width: 300px;
	height: 200px;
	/*margin:-10px -10px 10px -10px;*/
	background-size: cover;
	box-sizing:border-box;
}

.cover.staff {
	width: 140px;
	height: 180px;
}


.cover_def {
	display: block;
	background-color: #ccc;
	background-position: center center;
	background-repeat: no-repeat;
	margin: 0px;
	width: 100%;
	height: 240px;
	margin:-10px -10px 10px -10px;
	position:relative;
	box-sizing:boder-box;
}
.cover_def img {
	position:absolute;
	height:100%;
	width: auto;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	margin:0 auto;
}

#keyv {
	height:400px;
}
.prodetail #keyv {
	height:300px;
}

#keyv div {
	height:100%;
	overflow:hidden;
}

#keyv div img {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	margin:0 auto;
	width:100%;
}

.messagebox {
	border:1px solid #ccc;
	background:#ecf8f1;
	border-radius:2px;
	padding:10px;
	margin:10px 0;
	font-size:1.1em;
}

.messagebox.hou {
	position:fixed;
	z-index:20;
	top:5px;
	left:1%;
	width:98%;
	border:1px solid #ccc;
	background:#ecf8f1;
	border-radius:2px;
	padding:10px;
	margin:10px 0;
	font-size:1.1em;
}

.messagebox.text {
	border:1px solid #ccc;
	background:#fff;
	border-radius:2px;
	padding:20px;
	margin:20px 0;
	font-size:1.1em;
}


.listBox .messagebox {
	border:1px solid #fff;
	background:#fff;
	border-radius:10px;
	padding:20px;
	margin:10px 0;
	margin-left:50px;
}


.listBox .messagebox.pros {
	border:1px solid #fff;
	background:#fff;
	margin-left:0px;
	margin-right:50px;
}
.listBox .messagebox .tex {
	margin:10px 0;
	
}




.sebasebox2 {
	line-height:1;
	padding:10px 0;
}

.sebox {
	float:left;
	width:25%;
	padding:0px;
	padding-right:5px;
	font-size:12px;
	position:relative;
}
.sebox h4{
	/*font-size:11px;*/
	background:#d4d4c0;
	padding:16px 34px 16px 16px;
	/*height:56px;*/
	box-sizing:border-box;
	text-overflow: ellipsis;
	overflow:hidden;
	display:block;
	position:relative;
	line-height:18px;
}
.sebox h4:after{
	position:absolute;
	right:12px;
	top:14px;
	/*float:right;*/
	font-family: "Material Icons";
	content: '\E5CF';
	display:block;
	width:24px;
	height:24px;
	font-size:24px;
}

.ckbox {
	width:calc(100% - 5px);
	display:none;
	position:absolute;
	background:#DFDFD0;
	box-sizing:border-box;
	z-index:2;
	padding:0px;
}

.ckbox input[type=radio] {
	display:none;
}
.ckbox label {
	padding:5px 10px;
	display:block;
	border-top:1px solid #efefde;
}
.ckbox label.ckd {
	background:#c1c1b0;
}
.ckbox label:hover {
	background:#cecebe;
}

.sebox h4 span > span {
	display:none;
	font-size:11px;
	letter-spacing:-0.1em;
	margin:0 4px;
	color:#fff;
}


.sebox select {
	width:100%;
}

.sebox ul {
	overflow:hidden;
}

.sebox ul li {
	margin:0 8px;
	float:left;
}
.sebox ul li.cur {
	font-weight:bold;
}



.sebox2b,
.sebox2a {
	float:left;
	width:calc(25% - 16px);
	margin:8px;

	vertical-align:top;
}
.sebox2b select,
.sebox2a select {
	width:100%;
	font-size:12px;
}

.sebox2b .nlabel,
.sebox2a .nlabel {
	font-size:11px;
	font-weight:bold;
	margin:0 4px;
	display:block;
}

.sebox2 {
	padding:0px 5px;
	font-size:12px;
	position:relative;
}

.ckbox2 {
	width:100%
	padding:10px;
	box-sizing:border-box;
}

#addSearch {
	border-top:1px solid #ddd;
	padding-top:15px;
}


#addSearch div.word {
	margin:10px;
}

#addSearch div.word .nlabel {
	width:90px;
	display:inline-block;
	vertical-align:middle;
	font-weight:bold;
	font-size:13px;
}

#addSearch div.word input[name='word'] {
	width:calc(100% - 95px);
	border-radius:2px;
	border:2px solid #333;
}

.sebasebox2 .rtex,
#addSearch .rtex {
	margin-top:10px;
	font-size:12px;
}




#addsearchbt {
	float:left;
	display:block;
	width:52px;
	height:52px;
	line-height:52px;
	text-align:center;
	padding:0;
	background:#DFDFD0;
	margin-right:8px;
}
#addsearchbt i {
	font-size:24px;
	line-height:52px;
	color:#fff;
}



#addSearch {
	/*display:none;*/
	margin-top:0px;
}
#addSearch select {
	font-size:12px;
}


.sebasebox2.bdt {
	margin-top:10px;
	border-top:1px solid #ddd;
}

.sebasebox input[type='submit'] {
	float:right;
	display:block;
	width:180px;
	height:52px;
	line-height:52px;
	text-align:center;
	padding:0;
}

.sebasebox2 .searchval {
	margin:10px 10px 10px 0;
	border:2px solid #DFDFD0;
	border-radius:1px;
	padding:8px 8px 8px 8px;
	font-size:12px;
	display:inline-block;
	line-height:1em;
	vertical-align:middle;
}

.sebasebox2 .searchval i {
	padding:0;
	font-size:12px;
	line-height:12px;
	vertical-align:-10%;
}
#resetse {
	display:none;
}

#resetse input[type="button"] {
	width:180px;
	background:#999;
	border:1px solid #999;
	font-size:12px;
	line-height:12px;
	padding:9px 8px;
	border-radius:1px;
}



#sortbox {
	font-size:11px;
	font-weight:bold;
}


dl.listdl:last-child {
	border-bottom:1px solid #ddd;
}
dl.listdl {
	display:table;
	width:100%;
}
dl.listdl dt {
	display:table-cell;
	vertical-align:middle;
	border-top:1px solid #ddd;
	width:120px;
	margin:0px 0;
	padding:15px 0;
}
dl.listdl dd {
	display:table-cell;
	vertical-align:middle;

	border-top:1px solid #ddd;
	margin:0;
	padding:15px 0;
}



.listChildBox1 {
	background:#fff;
	padding:20px 10px;
	border-radius:1px;
	margin:8px 0;
}


.listChildBox span {
	display:block;
}



.sub_head {
	margin-top:-30px;
	border-top:1px solid #444;
	border-bottom:1px solid #ddd;
	padding:30px 0;
	margin-bottom:50px;
}


.sub_head h2 {
	width:1080px;
	margin:15px auto;
	text-align:left;
	font-size:2em;
	color:#333;
}
.sub_head h3 {
	width:1080px;
	margin:5px auto;
	text-align:left;
	font-size:1.4em;
	color:#333;
}

.sub_head span.p_stat {
	background:none;
	border:1px solid #333;
	display:inline-block;
	vertical-align:middle;
	margin-left:10px;
	background:#fff;
	color:#333;
	padding:8px 20px;
}

.control.prod {
	padding:40px;
}


.p_lcol {
	float:left;
	width:400px;
}
.p_rcol {
	float:right;
	width: calc(100% - 420px);
}
.p_rcol img {
	width:200px;
	float:right;
	margin:0 0 15px 15px;
}

.p_rcol h4 {
	font-size:20px;
	margin-bottom:8px;
}
.p_rcol p {
	font-size:1em;
	letter-spacing:0;
}

.p_stat {
	display:inline-block;
	font-weight:bold;
	border:1px solid #333;
	border-radius:1px;
	background:#fff;
	color:#333;
	padding:8px 15px;
	text-align:center;
	line-height:1em;
	font-size:12px;
	margin-right:5px;
	margin-top:5px;
	vertical-align:middle;
}
.p_stat.fixd {
	padding:8px 0px;
	width:90px;
}
h2 .p_stat {
	margin:0;
	margin-left:10px;
}

.prodetail h2 {
	border-bottom:1px solid #ddd;
	margin-bottom:20px;
	padding-bottom:10px;
}
.prod h4 {
	margin-bottom:20px;
}

.prod div + h4{
	margin-top:20px;
}


.prod table {
	width:100%;
	background:#fff;
	font-size:12px;
	letter-spacing:0;
	border:0;
	border-collapse:collapse;

  background-color:#fff;
  border-collapse:separate;
  border-spacing:1px;

}
.prod table tr th {
	padding:10px;
	background:#eee;
	border:0px solid #fff;
	letter-spacing:0;
}
.prod table tr td {
	padding:10px;
	background:#f4f4f4;
	border:0px solid #fff;
	letter-spacing:0;
}
.prod table tr:last-child td {
	background:#f0f0f0;
}

.prod h3 {
	margin:8px 0;
}

.decont p,
.prod p,
.prod .desc {
	letter-spacing:0;
}
/*
.prod table tr th:last-child {
	text-align:right;
}
.prod table tr td:last-child {
	text-align:right;
}
*/

#pager,
.pager {
	text-align:center;
	margin-top:15px;
	margin-bottom:30px;
}

#pager span,
.pager span {
	vertical-align:middle;
	margin:0 5px;
	padding:0;
	display:inline-block;
	width:28px;
	height:28px;
	font-size:16px;
	text-align:center;
	border:2px solid #333;
	opacity:0.5;
	box-sizing:border-box;
}

#pager span.current,
.pager span.cur {
	background:#333;
	color:#fff;
	opacity:1;
}

a.page-numbers,
a.paging {
	vertical-align:middle;
	margin:0 5px;
	display:inline-block;
	width:28px;
	height:28px;
	font-size:16px;
	text-align:center;
	border:2px solid #333;
	box-sizing:border-box;
}

a.page-numbers.prev,
a.page-numbers.next {
	vertical-align:middle;
	position:relative;
	display:inline-block;
	background:#333;
	color:#fff;
	font-size:0px;
	width:30px;
	padding:0px 0;
	margin-bottom:0px;
}

a.paging_next {
	vertical-align:middle;
	position:relative;
	display:block;
	background:#333;
	color:#fff;
	font-size:14px;
	padding:12px 0;
	margin-bottom:20px;
}
a.paging_next i {
	position:absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);

	right:10px;
	display:block;
	font-size:24px;
	width:32px;
	height:32px;
	color:#fff;
}
a.page-numbers.next::after {
	font-family: "Material Icons";
	content: '\E409';
	position:absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	left:0;
	display:block;
	font-size:24px;
	width:30px;
	height:24px;
	line-height:24px;
	color:#fff;
}

a.page-numbers.prev::after {
	font-family: "Material Icons";
	content: '\E408';
	position:absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	left:0;
	display:block;
	font-size:24px;
	width:30px;
	height:24px;
	line-height:24px;
	color:#fff;
}

.tab_pro_cases,
.tab_pro_det,
.tab_pro_staff {
	display:none;
}


.user_icon {
	width:100px;
	background:#999;
	/*opacity:0.2;*/
}

.revlist {
	border:3px solid #ddd;
	width:100%;
}

.revlist th {
	background:#eee;
	border:1px solid #fff;
	padding:8px;
	text-align:center;
}

.revlist td {
	border:1px solid #eee;
	padding:8px;
	text-align:center;
}

h2.subhead,
h3.subhead {
	font-size:1em;
	vertical-align:middle;
}
h2.subhead .p_stat,
h3.subhead .p_stat {
	margin-top: 0px;
	vertical-align: middle;
	padding:6px 12px;
	letter-spacing:0;
}

.subhead + #multi_slick {
	margin-top:60px;
}

#multi_slick {
	margin:0 auto;
	margin-top:20px;
	margin-bottom:10px;
	width:80%;
}

#multi_slick_thumb {
	width:75%;
	margin:0 auto;
}

#multi_slick div {
	position:relative;
	height:500px;
	overflow:hidden;
}

#multi_slick_thumb div{
	height:110px;
	overflow:hidden;
	position:relative;
	padding:0 2px;
}

#multi_slick_thumb div img,
#multi_slick div img{
	position:absolute;
	width:100%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.slick-prev, .slick-next {
	width: 40px !important;
	height: 40px !important;
}

.slick-prev { 
	z-index:100;
	margin-left:-20px !important;
}
.slick-next {
	z-index:100;
	margin-right:-20px !important;
}

.slick-prev:before,
.slick-next:before {
	background:#fff;
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:100%;
	height:100%;
	font-size: 40px !important;
	line-height: 40px !important;
}


h3.title {
	margin-top:20px;
}


#snsBox {
	position:absolute;
	top:0;
	right:25px;
	display:table;
	padding:0 0 0 2px;
	margin:10px 0;
}

#snsBoxFt {
	display:table;
	padding:0 0 0 2px;
	margin:10px 0;
	overflow:hidden;
}

#delete {
	position:absolute;
	top:0;
	right:0;
	padding:2px;
	background:#fff;
}

#delete a i,
#delete a {
	display:block;
}


#bgob {
	position:fixed;
	width:100%;
	height:100%;
	background:#000;
	opacity:0.8;
	z-index:10010;
}

#loginBox {
	display:none;
	position:fixed;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.8);
	z-index:100011;
}

#loginBox .loginCont{
	display:none;
	text-align:left;
	background:#fff;
	border-radius:1px;
	width:700px;
	padding:30px;
	margin:0 auto;
	margin-top:120px;
	/*top: 50%;
	margin-top:calc(50% / 2);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	*/
}

.messagebox2 {
	margin-top:10px;
	margin-bottom:30px;
}

.error {
	background:#dd3300;
	padding:10px;
	color:#fff;
	border-radius:1px;
	margin-bottom:10px;
}
.error p span {
	margin-right:5px;
	font-weight:bold;
}

.bt a {
	background:#999;
	padding:15px;
	color:#fff;
	display:block;
	margin:10px 0;
	border-radius: 8px;
	text-align:center;
}
.bt a#in  {
	padding:30px;
	font-size:40px;
	font-weight:bold;
	background:#ff9900;
}
.bt a#out {
	padding:30px;
	font-size:40px;
	font-weight:bold;
	background:#0099ff;
}

#pos {
	margin:15px;
	text-align:center;
}


button.bt {
	margin:2px 0;
}

#ulist a {
	display: block;
	margin:4px 0;
	text-decoration: none;
	/*color:#0055ff;*/
	background:#e88080;
	color:#fff;
	padding:8px 10px;
	border-radius: 4px;
}
#ulist a:hover {
	opacity: 0.8;
}

#ulist {
	margin-bottom:20px;
}



/* smartphone */
/* ----------------------------------------------------------------------------------------------------------------*/

.notice {
	border:1px solid #f3a7c3;
	background:#fda9c8;
	padding:15px;
	margin:10px 0;
}


.bbg {
	position:fixed;
	top:0;
	left:0;
	z-index:100;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.8);
	display:none;
}
.modal{
	position:fixed;
	top:0;
	left:0;
	right:0;
	width:80%;
	height:80%;
	overflow-y:auto;
	margin:auto;
	margin-top:50px;
	padding:15px;
	box-sizing: border-box;
	background:#fff;
	display:none;
	z-index:101;
}
.modal ul {
	margin-bottom:15px;
}
.modal ul li {
	display:block;
	border-bottom:1px solid #eee;
	padding:8px;
}
.modal.smlmodal {
	/*max-width:500px;*/
	/*min-height:200px;*/
	width:40%;
	height:40%;
	top:0;
	left:0;
	bottom:0;
	right:0;
	margin :auto auto;
}
.modal.smlmodal2 {
	/*max-width:500px;*/
	/*min-height:200px;*/
	padding:20px;
	width:90%;
	height:160px;
	top:0;
	left:0;
	bottom:0;
	right:0;
	margin :auto auto;
}
.modal.smlmodal2 p {
	margin:15px 0;
}

.modal.smlmodal2 input[type=button] {
	display:inline-block;
	margin:0 1px;
	background:#333335;
	width:110px;
	padding:10px 15px;
	color:#fff !important;
	border:0px;
	font-size:1rem;
	border-radius:2px;
	text-decoration: none !important;
}
.modal.smlmodal2 input[type=button].execute {
	background:#2469c1;
}

.bgg2{
	display: none;
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:100;
	background:rgba(0,0,0,0.8);
}

#applbx {
	background:#333;
	padding:10px 30px;
	color:#fff;
	margin:0px 0px;
	border-radius:2px;
	font-size:16px;
	display: inline-block;
}

.divapplbx,
#applbx.divapplbx {
	background:#2469c1;
}
.genapplbx,
#applbx.genapplbx {
	background:#92c124;
}
.cancelbx,
#applbx.cancelbx {
	background:#000;
}
.complbx,
#applbx.complbx {
	background:#fd8041;
}


#applbx + .control {
	margin-top:10px;
}

#app_dow_box {
	display:none;
}

.sublist .bt {
	padding:2px;
	font-size:10px;
	color:#fff;
	text-decoration:none;
	display:inline-block;
	white-space: nowrap;
}

.modaltex {
	margin-bottom:15px;
}

.edit a {
	white-space:nowrap;
	display:inline-block;
	background:#333;
	color:#fff;
	margin:2px;
	padding:4px 6px 2px 6px;
	border-radius:2px;
	text-decoration: none !important;
}
.nw {
	white-space:nowrap;
	display:inline-block;
}
.ch {
	color:#ff0000;
	font-style: normal;
	font-weight: bold;
}

.infobox {
	margin-right:420px;
	height:600px;
	overflow-y:auto;
	padding:20px;
	background:#fff;
}
.infobox.norm {
	height:160px;
	margin:0 0 15px 0;
	overflow-y:inherit;
}

.infobox dl {
}

.infobox dd {
	padding:0 0 15px 0;
	line-height:1.7em;
}
.infobox dd h3 {
	padding:0;
	margin:0;
	margin-bottom:2px;
}
.infobox dt {

}

.infobox dt h3 i {
	font-style:normal;
	font-weight: normal;
	font-size:0.75em;
}
.infobox p.date {
	margin:0;
	font-size:0.9em;
}

.infobox dd > div.infocon{
	/*font-family: 'ＭＳ Ｐゴシック','MS PGothic','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',osaka,"游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic";*/
	font-family: "Yu Gothic UI", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic";
	font-weight:400;
	border-top:1px solid #000;
	padding-top:10px;
	margin:5px 0 10px 0;
}
.infobox.norm dd > div.infocon{
	border-top:1px solid #ddd;
	height:5rem;
	overflow-y:scroll;
}

.infobox a {
	color:#007cff;
	text-decoration: underline;
}
.infobox .attach {
	margin:0;
}
.infobox .attach p {
	vertical-align: top;
	display:inline-block;
	background:#eee;
	border-radius:2px;
	padding:10px;
}
.infobox .attach p b {
	display:inline-block;
}
.infobox dd > div p,
.infobox dd > div h1,
.infobox dd > div h2,
.infobox dd > div h3,
.infobox dd > div h4,
.infobox dd > div h5,
.infobox dd > div h6 {
	margin:10px 0;
}
.norm .infocon p {
	margin:0 0 ;
}

.topmain {
	float:right;
	width:400px;
	padding:20px;
	background:#fff;
	min-height:600px;
}
.topmain p.itext {
	border-top:1px solid #ddd;
	padding:20px 0;
	margin-bottom:10px;
}

.dl_list {
	overflow:hidden;
}
.dl_list li a {
/*	float:left;
	width:31%;
	margin:auto 1%;
*/
	display:block;
	background:#999;
	color:#fff;
	padding:15px 15px;
	margin-bottom:5px;
	border-radius:2px;
	text-align:center;
	font-size:1em;
}
.dl_list li a:hover {
	opacity:0.8;
}


.dl_list.flx {
	display:flex;
	align-content: space-between;
	justify-content: space-between;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	/*flex: 1 1 auto;*/
}
.dl_list.flx li {
	/*width:49.5%;*/
	width:100%;
	/*margin:auto 0.5%;*/
	min-height:5rem;
	display:flex;
}
.dl_list.flx li a {
	width:100%;
	display:flex;
	align-items: center;
	justify-content: center;
	background:#999;
	color:#fff;
	padding:10px 10px;
	margin-bottom:5px;
	border-radius:2px;
	text-align:center;
	font-size:1em;
}



.infobox h2 {
	margin-bottom:15px;
	font-weight:normal;
	font-size:18px;
	padding-bottom:15px;
	margin-bottom:20px;
	border-bottom:1px solid #ddd;
}
.control h2,
.topmain h2 {
	margin-bottom:15px;
	font-weight:normal;
	font-size:18px;
}
.imeon {
	ime-mode: active;
}

.imeoff {
	ime-mode: disabled;
}


.modraw {
	margin:10px 0;
}
.modraw_detail {
	display:none;
}
.modraw_detail span {
	display:none;
}


.app_pk_alt2 {
	display:none;
}
.app_pk_alt2 {

}


.hid_info {
	background:#666;
	color:#fff;
	padding:10px;
	margin-bottom:20px;
	text-align:center;
	border-radius:2px;
}
.hid_info span {
	display:inline-block;
	margin-right:10px;
}


.control ul li {
	padding:5px 0;
}
.control ul li a {
	color:#2a9fe6;
	text-decoration: underline;
}

.control ul {
	border-top:1px solid #eee;
	padding:15px 0;
	margin:15px 0;
}


#tgtlist li {
	display:inline-block;
	background:#e2a6a6;
	color:#fff;
	padding:8px 35px 8px 15px;
	border-radius:2px;
	margin:5px;
	position:relative;
}
#tgtlist li.saved {
	background:#c7404c;
}

#tgtlist li span{
	position:absolute;
	right:10px;
	top:50%;
	transform: translateY(-50%);
	color:#000;
	font-weight: bold;
	cursor: pointer;
}

.control .ndbox {
	margin:0 0 30px 0;
}

.control .ndbox ~ .ndbox {
	border:3px solid #ccc;
	background:#f6f6f6;
	padding:15px;
}


.lcol,
.control .lcol {
	float:left;
	width:49%;
}
.rcol,
.control .rcol {
	float:right;
	width:49%;
}



.formlist label.cklist {
	display:block;
}
.formlist label.cklist.conf_tgt_nosdiv {
	display:none;
}
.formlist label.cklist.conf_tgt_nosdiv.checked,
.formlist label.cklist.conf_tgt_nosdiv.show {
	display:block;
}


.noshow {
	display:none !important;
}


.printbox {
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',"Yu Gothic", YuGothic,osaka,'メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',Meiryo,sans-serif;
	float:left;
	border:1px solid #999;
	margin:15px;
	background:#fff;
	width:280px;
	/*height:397px;*/
	padding:10px;
	page-break-after: always;
}

body.print {
	background:#fff;
}
body.print .printbox {
	float:none;
	border:none;
}

.printbox h2 {
	margin:0;
	font-weight:bold;
	font-size:0.9rem;
}

.printbox img {
	width:100%;

}

.printlist {
	border-collapse:collapse;
	width:100%;
	box-sizing: border-box;
}
.printlist th {
	border-top:0;
	font-weight:normal;
	text-align:left;
	width:80px;
	font-size:11px;
	vertical-align: middle;
	text-align:right;
	padding-right:10px;
}
.printlist td {
	/*border:1px solid #333;*/
	text-align:left;
	padding:0px;
	line-height:1em;
	position:relative;
}
.printlist tr.nobd td {
	border:0;
	padding:3px 0;
	overflow:hidden;
}
.printlist tr.rs th {
	vertical-align: top;
}
.printlist tr.rss td {
	padding-top:4px;
}
.printlist .bx {
	display:block;
	font-size:11px;
	padding:2px;
}
.printlist .bxb {
	display:block;
	font-size:16px;
	font-weight: bold;
	padding:8px 2px;
	letter-spacing: 0.1rem;
}
.printlist .bx2{
	border:1px solid #333;
	display:inline-block;
	padding:6px;
	width:4em;
}
.printlist .bx3{
	border:1px solid #333;
	display:inline-block;
	padding:6px;
	width:8em;
}
.printlist .rcbox {
	display:flex;
  /*align-content: space-between;*/
  /*justify-content: space-between;*/
    -ms-flex-flow: column wrap;
	flex-flow: column wrap;
	max-height:4rem;
	height:4rem;
	flex: 1 1 auto;
}
.printlist .rcd{
	width:48%;
	margin:1px 0;
	display:block;
	font-size:11px;
	line-height:1.2em;
}
.printlist .rcd b {
	width:1rem;
	display:inline-block;
	font-style:normal;
	font-weight:normal;
}
.printlist .rcdr{
	display:block;
	font-size:11px;
	width:90%;
	margin:0 auto;
	position:relative;
}
.printlist .rcdr::before{
	position:absolute;
	display:block;
	top:0;
	left:0;
	content:"(";
}
.printlist .rcdr::after{
	position:absolute;
	display:block;
	top:0;
	right:0;
	content:")";
}

.printlist .qrcode {
	position:absolute;
	right:0;
}
.printlist .qrcode.pr {
	display:none;
}

.printlist .bx.wh {
	font-size:0.8rem;
	line-height:1.4rem;
	display:block;
	background:#fff;
}
.printlist td i {
	float:left;
	display:block;
	position:relative;
	width:20%;
	overflow:hidden;
}

.printlist td i:before {
	content:"";
	padding-top:100%;
	display:block;
	width:100%;
}
.printlist td i em {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
	background:#fff;
	font-style:normal;
	font-size:24px;
	line-height:32px;
	vertical-align: bottom;
	text-align:center;
	overflow:hidden;
	text-indent:-10000px;
}
.printlist td i:first-child em {
	border-left:1px solid #ccc;
}
.printlist td.bbtm i em {
	border-bottom:1px solid #ccc;
}
.printlist td i:last-child em {
	
}

.printlist .ntc {
	font-size:0.7rem;
}
.printbox .ft {
	font-size:0.6rem;
}
.printbox .ft b{
	display:block;
	font-size:0.5rem;
	border-bottom:1px solid #000;
	margin:4px 0;
}
/*
.bx {
	border:1px solid #333;
	display:block;
	padding:6px;
}
.bx.wh {
	background:#fff;
	border-bottom:1px solid #333;
}
*/
.control ~ .actbar{
	margin-top:10px;
}







.print-page {
  display: table-cell;
  padding: 0 5px;
}
.area {
	width: 100%;
  border: 1px solid #999;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

.area-ttl {
  margin: 10px;
  padding: 5px;
  font-size: 20px;
  font-weight: bold;
  border-bottom: 1px solid #666;
}

.area-txt {
  margin: 10px;
  padding: 0;
	font-size: 14px;
	line-height: 1.6;
}

.print-btn,
.print-all {
	margin: 20px auto;
	padding: 10px;
	color: #FFF;
	font-size: 12px;
	text-align: center;
	background-color: #666;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	cursor: pointer;
}

.print-btn {
  width: 80%;
}
.print-all {
  width: 50%;
}
.print-off {
	display: none;
}


.substat {
	background:#999;
	color:#fff;
	padding:8px 10px;
	border-radius:2px;
}
.substat.kako {
	background:#ff3300;
}





.fmitems {

}

.fmitems.sml {
	margin-left:20px;
	margin-top:10px;
	font-size:0.75rem;
}



.loader,
.loader:after {
  border-radius: 50%;
  width: 10em;
  height: 10em;
}
.loader {
  margin: 60px auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(255, 255, 255, 0.2);
  border-right: 1.1em solid rgba(255, 255, 255, 0.2);
  border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
  border-left: 1.1em solid #ffffff;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.loader {
	display: none;
	width:50px;
	height:50px;
	margin:0 auto;
	margin-top:calc(70% - 25px);
}


.altstat {
	display:block;
	text-align:center;
	background:#333;
	color:#fff;
	padding:2px 4px;
	border-radius:2px;
	font-size:0.6rem;
	margin:2px;
}
.salt1,
.alt1{
	background:#ec2d2d;
}
.salt2,
.alt2{
	background:#e26464;
}
.salt3,
.alt3{
	background:#d49a84;
}
.salt4,
.alt4{
	background:#9c7667;
}
.salt5,
.alt5{
	background:#3b9c22;
}
.salt6,
.alt6{
	background:#528047;
}
.salt7{
	background:#88a0ab;
}
.alt7{
	background:#88a0ab;
	display: none;
}
.salt8,
.alt8{
	background:#7bb1ca;
}
.salt9,
.alt9{
	background:#2c7bde;
}
.salt10,
.alt10{
	background:#0c3c77;
}
.salt11,
.alt11{
	background:#8472af;
}

.salt12,
.alt12{
	background:#d2ce4c;
}

/*
	background:#6443b3;
	background:#b343b0;
	background:#9e5e9d;
*/

.scrbox i.ialt {
	display:inline-block;
	width:30px;
	height:10px;
	margin:0 4px 0 2px;
}

.price_total {
	float:right;
}

.taxi_info b,
.price_total b {
	font-size:1.4rem;
}

.list_dt {
	display:inline-block;
	text-align:center;
	width:90px;
}


.prev {
	width:100%;
	z-index:1000;
	background:#fff;
}
.prev.prevtate {
	width:300px;
}
.prev img {
	max-width:100%;
	height:272px;
	display: block;
	margin-bottom:10px;
}
.prev.prevtate img {
	height:495px;
}


.lcol2 {
	float:left;
	width:calc(100% - 480px);
}
.rcol2 {
	float:right;
	width:450px;
}


#attach {
	margin:30px 0;
	background:#eee;
	padding:10px;
}
.attfile {
	display:inline-block;
	margin-right:30px;
}

.fmitem.li,
label.li {
	display: inline-block;
	width:300px;
}

.num {
	width:3rem !important;
}
.typebk {
	display: none;
}

.ditem {
	position: relative;
	width:calc(100% / 7 - 2px);
	float:left;
	text-align:center;
	margin:1px;
	padding:10px;
	height:205px;
	box-sizing: border-box;
	background:#f2f2f2;
}
.ditem > div {
	margin:2px 0;
}
.ditem .title {
	font-size:1rem;
	font-weight:bold;
	position: relative;
}

.devn {
	background:#edf1f3;
}

.closew {
	background:#ccc;
}
.enbld.closew {
	background:#dce6f3;
}

.todayw {
	background:#e1c1bc;
}
.limitw {
	background:#ff9900;
}

.whitew {
	background:none;
}

.itnotice {
	height:1.4rem;
	text-align: center;
}
.itnotice span {
	display: inline-block;
	padding:2px 6px;
	border-radius: 2px;
	background:#cc0000;
	color:#fff;
	font-size:0.7rem;
}

div.attach {
	margin-left:10px;
	display:inline-block;
	vertical-align: middle;
}

div.attach a {
	vertical-align: middle;
	display:inline-block;
	background:#ddd;
	border-radius:2px;
	padding:4px 10px;

	text-decoration: none;
}



div.makerattach {
	margin-right:10px;
	display:inline-block;
	vertical-align: middle;
}

div.makerattach a {
	vertical-align: middle;
	display:inline-block;
	background:#ddd;
	border-radius:2px;
	padding:10px 20px;
	text-decoration: none;
	color:#fff;
	font-size:1rem;
}

.s1 div.makerattach a {
	background:#cc4400;;
}
.s2 div.makerattach a {
	background:#0044cc;;
}
.makerinfo {
	position: relative;
}

.messagebox.makerinfo div.makerattach a {
	margin-top:10px;
	padding:5px 10px;
	color:#fff;
	font-size:0.85rem;
}



.messagebox a {
	color:#0044cc;
	text-decoration: underline;
}


.stat {
	display: inline-block;
	vertical-align: middle;
	text-align:center;
	background:#333;
	color:#fff;
	padding:2px 4px;
	border-radius:2px;
	font-size:0.7rem;
	margin:2px;
	font-weight: normal;
}
.stat.cl1 {
	background:#ec2d2d;
}
.stat.cl2{
	background:#6464e2;
}
.statbase {
	/*overflow: hidden;*/
	display: block;
	position: absolute;
	width:40px;
	left:-8px;
	top:-8px;
}
.title .stat {
	display: block;
	float:left;
}

.stat2 {
	display: block;
	position: absolute;
	right:-25px;
	top:-25px;
	width:40px;
	height:40px;
	padding-top:7px;
	line-height:0.85rem;
	vertical-align: middle;
	text-align:center;
	background:#43cfd9;
	color:#fff;
	font-size:0.7rem;
	margin:2px;
	font-weight: normal;
	border-radius:50%;
	z-index: 2;
}

.nodisp,
.title .stat.nodisp {
	display: none;
}

.sendzero{
	background:#43cfd9;
}
.sendpls {
	background:#ff9900;
}


.othord{
	position: relative;

}
.othbox {
	display: none;
	position: absolute;
	left:0;
	color:#000;
	width:160px;
	height:auto;
	padding:10px;
	z-index:2;
	background:#fff;
	font-size:1rem;
}
.smlbox {
	font-size:0.7rem;
	font-weight: normal;

}

.mds01 {
	font-size:1.2rem;
	margin:15px 0;
}

.fmtd {
	display: inline-block;
	position: relative;
}
.fmtd span.error,
.fmtd label.error {
	top:-22px;
	left:-5px;
}


a.link {
	color:#2469c1;
	text-decoration:underline;
}

.priceb {
	display: inline-block;
	margin:2px 0;
}

.priceb b{
	font-size:1.2rem;
	vertical-align: middle;
}

.red {
	color:#ff0000;
}

.warning {
	background:#cc0000;
	padding:20px;
	width:600px;
	margin:0 auto;
	color:#fff;
	font-size:1.1rem;
	text-align:center;
	margin-bottom:30px;
}
.warning a {
	color:#fff;
}

.campaign_ban{
	position: absolute;
	left:20px;
	top:220px;
}






.formtitle {
	margin-top:20px;
	margin-bottom:5px;
	border-bottom:1px solid #6ab74c;
}
.formtitle span {
	font-size:0.8rem;
	font-weight:bold;
	display:inline-block;
	padding:5px 15px;
	background:#6ab74c;
	border-bottom:0;
	margin-right:4px;
	color:#fff;
	border-radius:1px;
}


.cal1 a,
.cal1 {
	color:#0573c1;
}
.cal2 a,
.cal2 {
	color:#00b050;
}
.cal3 a,
.cal3 {
	color:#ff0b0b;
}





.sidemenu {
	display: none;
}
.item {
	background:#fff;
	border-top:1px solid #eee;
	display:flex;
	/* align-content: space-between;
	justify-content: space-between;
	-ms-flex-flow: row wrap; */
	flex-flow: row wrap;
}
.item .detail {
	font-size:0.85rem;
	padding:10px;
	width: calc(100% - 70px);
}
.item .detail h3 {
	font-size:0.85rem;
}
.item .detail p {
	font-size:0.75rem;
}
.item .detail b {
	color:#6ab74c;
}


.item .touch {
	width:70px;
}
.item .touch a {
	display: flex;
	justify-content: center;
	align-items: center;
	height:100%;
	width:100%;
	text-align:center;
	background:#ffc8b3;
}
.item .touch a span {
	font-size:0.9rem;
	line-height: 1.1em;;
}
.cl1,
.item .touch a.cl1{
	background:#0070c0;
	color:#fff;
}
.cl2,
.item .touch a.cl2{
	background:#92d050;
}
.cl3,
.item .touch a.cl3{
	background:#ff0000;
	color:#fff;
}
.cl,
.item .touch a.cl{
	background:#999;
	color:#000;
}

.ic2 {
	font-size:0.7rem;
	background:#ddd;
	padding:2px 6px;
	display: inline-block;
}
.control3 {
	background:#fff;
	padding:10px;
}

.blkbase {
	display: none;;
}

@media (max-width: 768px) {

	table.formlist {
		margin:0 auto;
		display: block;
		width:100%;
		/* max-width:480px; */
		border-collapse:collapse;
		/*border-spacing:20px;*/
		line-height:1.6rem;
	}

	table.formlist tr,
	table.formlist tbody,
	table.formlist thead {
		display: block;
	}

	table.formlist th {
		position:relative;
		display:block;
		text-align:left;
		padding:5px 0 0 0;
		width:100%;
		margin-top:3px;
		border-bottom:0px;
		font-size:0.7rem;
	}

	table.formlist td {
		display:block;
		padding:0 0;
		margin:0 0 3px 0;
		border-bottom:0px;
		box-sizing: border-box;
	}
	table.formlist td input,
	table.formlist td textarea,
	table.formlist td select {
		max-width:100% !important;
		width:100% !important;
	}

	.search_item .nlabel {
		display: block;
		font-size:0.7rem;
		text-align:left;
	}
	.search_item {
		display: block;
		width:100%;
		margin-bottom:5px;
		margin-right:10px;
	}

	.formlist td .nlabel {
		display: block;
		font-weight: bold;
		text-align:left;
		padding:5px 0 0 0;
		width:100%;
		margin-top:3px;
		font-size:0.7rem;
	}
	.formlist tr.subli_ti {
		display: none;
	}

	.formlist td.del {
		background:#eee;
	}
	.search_item input[type=text],
	.search_item input[type=number],
	.search_item textarea,
	.search_item select {
		width:100% !important;
	}
	.ui-datepicker {
		width: 90% !important;
		font-size:1.2rem !important;
		box-sizing: border-box;
	}

	.subbottom{
		border-top:1px solid #666;
	}

	span.error,
	label.error {
		display:inline-block;
		position:absolute;
		top:-27px;
		left:0;
		color:#fff;
		background:#dd3300;
		padding:4px 8px;
		font-size:11px;
		border-radius:2px;
		line-height:1.2rem;
	}

}

.idel {
	display:inline-block;
	margin:0 1px;
	background:#3a7b21;
	padding:2px 8px;
	color:#fff !important;
	border:0px;
	font-size:0.8rem;
	border-radius:2px;
	text-decoration: none !important;
}

.red {
	color:#ff0000;
}

.uitem b {
	font-size:0.7rem;
}
.uitem a {
	color:#0000ee;
	text-decoration: underline;
}
.uitem {
	width:48%;
	vertical-align: top;
	display: inline-block;
	margin:4px 2px;
}
.uitem.nor {
	width:100%;
	display: block;
}
.tstatus {
	margin:2px 0;
	padding:10px;
	font-size:1rem;
	display: block;
	padding:4px 20px;
	border-radius:20px;
	width:100%;
	text-align:center;
	color:#fff;
}

.formlist td.ar,
.ar {
	text-align:right;
}
.formlist td.ac,
.ac {
	text-align:center;
}

.upfile {
	display: block;
	overflow:hidden;
}
.thumbbase {
	display: block;
	float:left;
	width:120px;
	height:120px;
	margin-right:8px;
	position:relative;
	overflow:hidden;
}

.thumbbase .thumb {
	position:absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-width:150%;
	width: 150%;
	height: auto;
}


.circleinner {
	position:absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: auto;
/*	top:40%;
	left:40%;
	width:100%;*/
	z-index:101;
}


.circlespin,
.circlespin:after {
  border-radius: 50%;
  width: 3em;
  height: 3em;
}
.circlespin {
  margin: 10px 0 10px auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 0.7em solid rgba(0, 0, 0, 0.2);
  border-right: 0.7em solid rgba(0, 0, 0, 0.2);
  border-bottom: 0.7em solid rgba(0, 0, 0, 0.2);
  border-left: 0.7em solid #000;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}


.circlespin2,
.circlespin2:after {
  border-radius: 50%;
  width: 10em;
  height: 10em;
}
.circlespin2 {
  margin: auto auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 1em solid rgba(255,255,255, 0.4);
  border-right: 1em solid rgba(255,255,255, 0.4);
  border-bottom: 1em solid rgba(255,255,255, 0.4);
  border-left: 1em solid #000;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}


@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}


.taskerror {
	position:fixed;
	z-index:100;
	width:calc(100% - 20px);
	margin:10px;
	top:10px;
	left:0;
	padding:15px;
	text-align:center;
}