/**
 * 共通スタイルシート
 */
html,body{
	height:100%;
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	/*
	letter-spacing: 0.1em;
	*/
	line-height:120%;
}


#pre_print_r{
	position:absolute;
	z-index:999;
	background:rgba(255,255,255,0.9);
	padding:1em;
	font-size:9pt;
	margin:0px;
	padding-top:0;
	max-width:100%;
	max-height:100%;
	overflow:auto;
	right:0px;
}
#pre_print_r::before{
	display: block;
	content: 'pre_print_r';
	font-weight:bold;
	color:#888;
	top:0;
	font-style:italic;
}




#layoutTbl{
	height:100%;
	width:100%;
	display:table;
	border-collapse:collapse;
}
#topRow,
#midRow,
#btmRow{
	display:table-row;
}
#topCol,
#midCol,
#btmCol{
	display:table-cell;
}
#topCol{
	height:1px;
	color:#FFF;
}
#topCol header{
	vertical-align:middle;
	background:#0071BC;
	padding:0.5em 5px;
	box-shadow:0px 5px 5px rgba(0,0,0,0.3);
	position:relative;
/*
	z-index:2;
*/
}
#sysName{
	display:inline-block;
	line-height:2em;
	font-weight:bold;
}
#sysName img{
	height:1em;
	vertical-align:middle;
	margin-right:10px;
}
	
#burgerBtn{
	display:none;
}
#loginInfo{
	display:inline-block;
	float:right;
	font-size:12pt;
	height:2em;
}
#loginInfo > dl.name{
	display:table;
	height:100%;
}
#loginInfo > dl.name > dt,
#loginInfo > dl.name > dd{
	display:table-cell;
	vertical-align:middle;
}
#loginInfo > dl.name > dt{
	padding-right:5px;
}
#loginInfo > dl.name > dd > .btnBase{
	padding:5px;
	font-size:80%;
	line-height:1em;
}

#midCol{
	height:auto;
}
#btmCol{
	height:1px;
	padding:0.5em 3px;
	font-size:8pt;
	vertical-align:middle;
	background:#0071BC;
	color:#FFF;
	position:relative;
	z-index:2;
}
#btmCol #copy{
	font-family: Century,'ＭＳ 明朝', serif;
	text-align:right;
}

/**
 * Midline
 */
#mainTbl{
	display:table;
	border-collapse:collapse;
	height:100%;
	width:100%;
	max-width:1824px;
}
#mainTbl.fullW{
	max-width:100%;
}

#mainRow{
	display:table-row;
}
#naviCol,
#mainCol{
	display:table-cell;
	padding:0px;
}
#naviCol{
	/*
	background:#EEE;
	width:200px;
	min-width:200px;
	*/
	width:1px;
	white-space:nowrap;
}
#mainCol{
	width:auto;
	position:relative;
}
#mainFrame{
	padding:0px 1em;
	width:100%;
	height:100%;
}
#mainFrame::before{
	display: block;
	content: '　';
}
#mainFrame::after{
	display: block;
	content: '　';
}
/**
 *
 */
dl.box01{
	position:relative;
	padding-top:0.5em;
}
dl.box01 > dt{
	position:absolute;
	top:0px;
	left:0.5em;
	background:#FFF;
	font-weight:bold;
}
dl.box01 > dd{
	border:solid 1px #BBB;
	border-radius:0.5em;
	padding-top:0.5em;
	padding-bottom:0.5em;
}

div.phead{
	margin-bottom: 10px;
}

/**
 * 一覧用
 */
table.listTable{
	border-collapse:collapse;
	border-top:solid 1px #BBB;
	border-left:solid 1px #BBB;
	/*
	border-right:solid 1px #999;
	border-bottom:solid 1px #999;
	*/
	width:100%;
}
table.listTable > tr,
table.listTable > thead > tr,
table.listTable > tfoot > tr,
table.listTable > tbody > tr{
	height:100%;
}
table.listTable > tr > th,
table.listTable > tr > td,
table.listTable > thead > tr > th,
table.listTable > thead > tr > td,
table.listTable > tfoot > tr > th,
table.listTable > tfoot > tr > td,
table.listTable > tbody > tr > th,
table.listTable > tbody > tr > td{
	border-right:solid 1px #999;
	border-bottom:solid 1px #999;
	padding:5px;
	height:100%;
}
table.listTable > tr > th,
table.listTable > thead > tr > th{
	font-weight:normal;
	vertical-align:middle;
}
table.listTable > tr > td,
table.listTable > tbody > tr > th,
table.listTable > tbody > tr > td{
	border-bottom:solid 1px #BBB;
	vertical-align:middle;
}
table.listTable > tbody > tr:nth-child(even){
	background: #edf7ff;
}
table.listTable > tbody > tr:hover{
	background: #c6f2ff;
}
table.listTable > thead{
	background-image: -webkit-gradient(linear, left top, left bottom, from(#DCDCDC), color-stop(0.50,#EFEFEF),to(#DCDCDC));
	background-image: -webkit-linear-gradient(top,#DCDCDC,#EFEFEF 50%,#DCDCDC);
	background-image:    -moz-linear-gradient(top,#DCDCDC,#EFEFEF 50%,#DCDCDC);
	background-image:      -o-linear-gradient(top,#DCDCDC,#EFEFEF 50%,#DCDCDC);
	background-image:         linear-gradient(to bottom,#DCDCDC,#EFEFEF 50%,#DCDCDC);
}
table.listTable > thead > tr{
	text-shadow:1px 1px 0 rgba(255,255,255,1);
	box-shadow: 0 0 0 1px rgba(255,255,255,0.5) inset;
}
table.listTable > tfoot > tr, table.listTable > tbody > tr.deleted{
	background-color: #EEE;
}
table.listTable > tfoot > tr, table.listTable > tbody > tr.deleted > td{
	color:#888;
}
table.listTable > thead > tr > th.btns,
table.listTable > thead > tr > td.btns,
table.listTable > tbody > tr > th.btns,
table.listTable > tbody > tr > td.btns{
	padding:0px;
	width:1px;
	white-space:nowrap;
	height:0;
	height:100%\9; /* IE10以前 */
}
table.listTable > thead > tr > td.btns,
table.listTable > tbody > tr > td.btns{
	position:relative;
	border:solid 1px #999;
}
table.listTable > tbody > tr:last-child td{
	border-bottom:solid 1px #999;
	vertical-align:middle;
}
table.listTable > thead > tr > th.btns > ul,
table.listTable > thead > tr > td.btns > ul,
table.listTable > tbody > tr > th.btns > ul,
table.listTable > tbody > tr > td.btns > ul{
	margin:0px;
	padding:0px;
	list-style:none;
	display:table;
	width:100%;
	height:100%;
	position:relative;
}
table.listTable > thead > tr > th.btns > ul > li,
table.listTable > thead > tr > td.btns > ul > li,
table.listTable > tbody > tr > th.btns > ul > li,
table.listTable > tbody > tr > td.btns > ul > li{
	display:table-cell;
	height:100%;
}
table.listTable .btns > ul > li a.btnBase{
	border-radius:0px;
	padding:5px;
	border-top:none;
	border-bottom:none;
	border-right:solid 1px #BBB;
	border-left:solid 1px #EEE;
	font-size:0.9em;
	/*
	line-height:1.1em;
	*/
	line-height: inherit;
	height:100%;
	/* 縦位置 中央用 */
	display: flex;
	align-items: center;
	flex-direction:row;
	justify-content:center;
}
table.listTable .btns > ul > li:first-child a.btnBase{
	border-left:none;
}
table.listTable .btns > ul > li:last-child a.btnBase{
	border-right:none;
}

/**
 * table
 */
table{
	border-collapse:collapse;
}
table.fullW{
	width:100%;
}
.maxMin{
	white-space:nowrap;
	width:1px;
}

table.fixed{
	table-layout:fixed;
}
table.noBorder{
	border:0px;
}
table th.minW,
table td.minW{
	width:1px;
	white-space:nowrap;
}
table.noBorder > tr > th,
table.noBorder > tr > td,
table.noBorder > thead > tr > th,
table.noBorder > thead > tr > td,
table.noBorder > tfoot > tr > th,
table.noBorder > tfoot > tr > td,
table.noBorder > tbody > tr > th,
table.noBorder > tbody > tr > td{
	border:0px;
}
table.noPad{
}
table.noPad > tr > th,
table.noPad > tr > td,
table.noPad > thead > tr > th,
table.noPad > thead > tr > td,
table.noPad > tfoot > tr > th,
table.noPad > tfoot > tr > td,
table.noPad > tbody > tr > th,
table.noPad > tbody > tr > td{
	padding:0px;
}
table.inputTable td.noPad,
table.inputTable th.noPad{
	padding:0px;
}
/**
 * input
 */
input.fullW,
select.fullW,
textarea.fullW{
	width:100%;
	max-width:100%;
}


/**
 * タイトル
 */
/*
div.titleLine{
	position:relative;
	display:block;
	padding: 5px 0.5em;
	margin-bottom:1em;
	border-bottom:solid 1px #CCC;
	border-left:solid 3px #1B3956;
}
*/

div.titleLine{
	position:relative;
	margin:0 0px;
	margin-bottom:1em;
	padding:0px 4px 0px 30px;
	/*
	font:bold 22px/1.2 Arial, Helvetica, sans-serif;
	*/
	color:#666;
	background:#ccc;
	border-top:solid 1px #BBB;
	border-left:solid 1px #BBB;
	border-right:solid 1px #999;
	border-bottom:solid 1px #999;
	text-shadow:1px 1px 0 rgba(255,255,255,1);
	/*
	box-shadow: 0 0 0 1px rgba(255,255,255,0.5) inset;
	*/
	box-shadow: 0 0 0 1px rgba(255,255,255,0.5) inset, 0px 9px 5px -5px rgba(0,0,0,0.3);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#DCDCDC), color-stop(0.50,#EFEFEF),to(#DCDCDC));
	background-image: -webkit-linear-gradient(top,#DCDCDC,#EFEFEF 50%,#DCDCDC);
	background-image:    -moz-linear-gradient(top,#DCDCDC,#EFEFEF 50%,#DCDCDC);
	background-image:      -o-linear-gradient(top,#DCDCDC,#EFEFEF 50%,#DCDCDC);
	background-image:         linear-gradient(to bottom,#DCDCDC,#EFEFEF 50%,#DCDCDC);
}
div.titleLine::before{
	content:" ";
	position:absolute;
	top:0;
	left:15px;
	width:0;
	height:100%;
	border-left:#ccc solid 1px;
}
div.titleLine::after{
	content:" ";
	position:absolute;
	top:0;
	left:16px;
	width:0;
	height:100%;
	border-right:#eee solid 1px;
}
/**
 *
 */
div.titleLine > dl{
	margin:0px;
	padding:0px;
	display:table;
	width:100%;
	height:100%;
}
div.titleLine > dl > dt,
div.titleLine > dl > dd{
	display:table-cell;
	vertical-align:middle;
}
div.titleLine > dl > dt{
	font-weight:bold;
	color:#000;
	padding:10px 0px;
}
div.titleLine > dl > dd{
	white-space:nowrap;
	width:1px;
}
div.titleLine > dl > dd > a{
	text-decoration:none;
	border-top:solid 1px #BBB;
	border-left:solid 1px #BBB;
	border-right:solid 1px #BBB;
	border-bottom:solid 1px #BBB;
	padding: 5px 0.5em;
	font-size:0.9em;
	color:#666;
	box-shadow: 0 0 0 1px rgba(255,255,255,0.5) inset;
	border-radius:3px;
}
div.titleLine > dl > dd > a > img{
	max-height:1.4em;
}
/**
 *
 */
div.titleSubLine{
	position:relative;
	margin:0 0px;
	margin-bottom:1em;
	padding:0px 10px 0px 30px;
	/*
	font:bold 22px/1.2 Arial, Helvetica, sans-serif;
	*/
	color:#666;
	background:#ccc;
	border-top:solid 1px #BBB;
	border-left:solid 1px #BBB;
	border-right:solid 1px #999;
	border-bottom:solid 1px #999;
	text-shadow:1px 1px 0 rgba(255,255,255,1);
	/*
	box-shadow: 0 0 0 1px rgba(255,255,255,0.5) inset;
	*/
	box-shadow: 0 0 0 1px rgba(255,255,255,0.5) inset, 0px 9px 5px -5px rgba(0,0,0,0.3);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#DCDCDC), color-stop(0.50,#EFEFEF),to(#DCDCDC));
	background-image: -webkit-linear-gradient(top,#DCDCDC,#EFEFEF 50%,#DCDCDC);
	background-image:    -moz-linear-gradient(top,#DCDCDC,#EFEFEF 50%,#DCDCDC);
	background-image:      -o-linear-gradient(top,#DCDCDC,#EFEFEF 50%,#DCDCDC);
	background-image:         linear-gradient(to bottom,#DCDCDC,#EFEFEF 50%,#DCDCDC);
	margin-top:1em;
}
div.titleSubLine::before{
	content:" ";
	position:absolute;
	top:0;
	left:15px;
	width:0;
	height:100%;
	border-left:#ccc solid 1px;
}
div.titleSubLine::after{
	content:" ";
	position:absolute;
	top:0;
	left:16px;
	width:0;
	height:100%;
	border-right:#eee solid 1px;
}

div.titleSubLine > dl{
	margin:0px;
	padding:0px;
	display:table;
	width:100%;
	height:100%;
}
div.titleSubLine > dl > dt,
div.titleSubLine > dl > dd{
	display:table-cell;
	vertical-align:middle;
}
div.titleSubLine > dl > dt{
	font-weight:bold;
	color:#000;
	padding:5px 0px;
}
div.titleSubLine > dl > dd{
	white-space:nowrap;
	width:1px;
}
div.titleSubLine > dl > dd > a{
	text-decoration:none;
	border-top:solid 1px #BBB;
	border-left:solid 1px #BBB;
	border-right:solid 1px #BBB;
	border-bottom:solid 1px #BBB;
	padding: 5px 0.5em;
	font-size:0.9em;
	color:#666;
	box-shadow: 0 0 0 1px rgba(255,255,255,0.5) inset;
	border-radius:3px;
}

/**
 *
 */
dl.searchBox{
	position:relative;
	padding-top:0.5em;
	margin-bottom:1em;
}
dl.searchBox > dt{
	position:absolute;
	top:0px;
	left:0.5em;
	background:#FFF;
	font-weight:bold;
	padding:0px 5px;
	line-height:100%;
}
dl.searchBox > dd{
	border:solid 1px #BBB;
	border-radius:0.5em;
	padding:0.5em 1em;
	padding-top:1em;
	padding-bottom:1em;
}
dl.searchBox > dt > img{
	vertical-align:bottom;
	max-height:1em;
	margin-right:5px;
}
dl.searchBox > dd > .btnLine{
	padding-top:1em;
	text-align:center;
}
dl.searchBox > dd > .btnLine > .btnBase{
	width:6em;
}
/**
 *
 */
table.search{
	width:100%;
}
table.search > tr > th,
table.search > tr > td,
table.search > tbody > tr > th,
table.search > tbody > tr > td{
	border-top:solid 1px #BBB;
	border-bottom:solid 1px #BBB;
	height: 40px;
	vertical-align: middle;
}

table.search > tr > th,
table.search > tbody > tr > th{
	background:#EEE;
	white-space:nowrap;
	width:1px;
	padding:5px 1em;
}
table.search > tr > td,
table.search > tbody > tr > td{
	padding:5px;
}
table.search input{
	height: 18px;
	margin-right: 3px;
}
table.search input[type="text"],
table.search select{
	height: 25px;
}
table.search input[type="file"]{
	height:auto;
}
	


/* タブ表示 */
dl.tabFrame{
	width:100%;
	padding:0;
	margin:0;
	margin-top:1em;
}
dl.tabFrame dt.tabHead{
	width:100%;
}
dl.tabFrame dt.tabHead > a{
	display:inline-block;
	text-decoration:none;
	position:relative;
	z-index:0;
	background:#FFF;
	padding:5px 1em;
	font-weight:normal;
	background:#DCDCDC;
	
	border-top:solid 1px #BBB;
	border-left:solid 1px #BBB;
	border-right:solid 1px #999;
	text-shadow:1px 1px 0 rgba(255,255,255,1);
	/*
	box-shadow: 0 0 0 1px rgba(255,255,255,0.5) inset;
	transition: 0.2s;
	*/
	box-shadow: 0px -4px 4px -4px rgba(0,0,0,0.5) inset,0 0 0 1px rgba(255,255,255,0.5) inset;
	color:#666;

	background-image: -webkit-gradient(linear, left top, left bottom, from(#BBB), color-stop(0.50,#DDD));
	background-image: -webkit-linear-gradient(top,#BBB,#DDD 50%);
	background-image:    -moz-linear-gradient(top,#BBB,#DDD 50%);
	background-image:      -o-linear-gradient(top,#BBB,#DDD 50%);
	background-image:         linear-gradient(to bottom,#BBB,#DDD 50%);
}
dl.tabFrame dt.tabHead > a:after{
	content:" ";
	background:#F9F9F9;
	box-sizing: border-box;
	bottom:-1px;
	left:1px;
	display:inline-block;
	position:absolute;
	width:calc(100% - 2px);
	height:2px;
}
dl.tabFrame dt.tabHead > a:hover{
	background-image: -webkit-gradient(linear, left top, left bottom, from(#CCC), color-stop(0.50,#EEE));
	background-image: -webkit-linear-gradient(top,#CCC,#EEE 50%);
	background-image:    -moz-linear-gradient(top,#CCC,#EEE 50%);
	background-image:      -o-linear-gradient(top,#CCC,#EEE 50%);
	background-image:         linear-gradient(to bottom,#CCC,#EEE 50%);
	color:#333;
}
dl.tabFrame dt.tabHead > a.active{
	transition: 0s;
	font-weight:bold;
	color:#000;
	z-index:1;
	box-shadow: 0 0 0 1px rgba(255,255,255,0.5) inset;
	
	background-image: -webkit-gradient(linear, left top, left bottom, from(#DCDCDC), color-stop(0.50,#F9F9F9));
	background-image: -webkit-linear-gradient(top,#DCDCDC,#F9F9F9 50%);
	background-image:    -moz-linear-gradient(top,#DCDCDC,#F9F9F9 50%);
	background-image:      -o-linear-gradient(top,#DCDCDC,#F9F9F9 50%);
	background-image:         linear-gradient(to bottom,#DCDCDC,#F9F9F9 50%);
}

dl.tabFrame dd.tabBody{
	width:100%;
	border-top:solid 1px #BBB;
	border-left:solid 1px #BBB;
	border-right:solid 1px #999;
	border-bottom:solid 1px #999;
	box-shadow: 0 0 0 1px rgba(255,255,255,0.5) inset;
	
	margin-top:-1px;
	position:relative;
	padding:10px;
	background:#F9F9F9;
}
dl.tabFrame dd.tabBody > div.tabItem{
	width:100%;
	display:none;
}
dl.tabFrame dd.tabBody > div.tabItem.active{
	display:block;
}
dl.tabFrame dd.tabBody > div.tabItem > div.tableScroll{
	overflow-x: none;
	overflow-y: auto;
	height:300px;
}
div.tableScroll{
	overflow-x: none;
	overflow-y: auto;
	height:300px;
}
dl.tabFrame dd.tabBody .tabSummary{
	color: #555;
	font-size: 0.8em;
	margin-bottom: 1em;
}
/**
 * Input Table
 */
table.inputTable{
	width:100%;
	border-top:solid 1px #BBB;
	border-left:solid 1px #BBB;
}
table.inputTable th,
table.inputTable td{
	padding:5px;
	border-right:solid 1px #999;
	border-bottom:solid 1px #999;
}


table.inputTable th{
	/*
	background-image: -webkit-gradient(linear, left top, left bottom, from(#DCDCDC), color-stop(0.50,#EFEFEF));
	background-image: -webkit-linear-gradient(top,#DCDCDC,#EFEFEF 50%);
	background-image:    -moz-linear-gradient(top,#DCDCDC,#EFEFEF 50%);
	background-image:      -o-linear-gradient(top,#DCDCDC,#EFEFEF 50%);
	background-image:         linear-gradient(to bottom,#DCDCDC,#EFEFEF 50%);
	*/
	white-space:nowrap;
	width:1px;
	padding:8px 1em;
	
	background-image:    -moz-linear-gradient(left,#DCDCDC,#EFEFEF 50%,#DCDCDC);

	background-image: -webkit-gradient(linear, left left, left left, from(#DCDCDC), color-stop(0.50,#EFEFEF), to(#DCDCDC));
	background-image: -webkit-linear-gradient(left,#DCDCDC,#EFEFEF 50%,#DCDCDC);
	background-image:    -moz-linear-gradient(left,#DCDCDC,#EFEFEF 50%,#DCDCDC);
	background-image:      -o-linear-gradient(left,#DCDCDC,#EFEFEF 50%,#DCDCDC);
	background-image:         linear-gradient(to left,#DCDCDC,#EFEFEF 50%,#DCDCDC);


	box-shadow: 0 0 0 1px rgba(255,255,255,0.5) inset;
	font-weight:normal;
	
	width: 150px;
	height: 40px;
	vertical-align:middle;
}
table.inputTable td{
	background:#FFF;
	height: 40px;
	vertical-align:middle;
	word-break: break-all;
}
table.inputTable td .comment{
	color:#555;
	font-size:0.8em;
}
table.inputTable td div.comment{
	line-height:150%;
}

div#loginFrame > #loginBox > dl > dd> input.errBG,
table.listTable td.errBG,
table.inputTable td.errBG{
	background:#FEE;
}
table.inputTable td label{
	line-height: 23px;
}
table.inputTable select,
table.inputTable input{
	height: 25px;
}

div.btnLine{
	padding-top:1em;
	text-align:center;
}
div.btnLine > .btnBase{
	min-width:6em;
}
span.required {
    color: #F00;
}
span.font_red{
	color: #F00;
}
span.font_blue{
	color: #1E90FF;
}
span.font_gray{
	color: #808080;
}
ul.error_message {
	padding:5px 10px;
	padding-bottom:0px;
	line-height: 120%;
	margin-top:1em;
	margin-bottom:1em;
	background:#FEE;
	border:solid 1px #d90000;
	list-style:none;
	border-radius:5px;
}
ul.error_message > li{
	color:#d90000;
	position:relative;
	padding-left:1.5em;
	padding-bottom:5px;
}
ul.error_message > li::before{
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content:"\f06a";
	display:inline-block;
	position:absolute;
	left:0px;
}
ul.error_message > li > b{
	padding:0px 5px;
	text-decoration:underline;
}
ul.info_message {
	padding:5px 10px;
	padding-bottom:0px;
	line-height: 120%;
	margin-top:1em;
	margin-bottom:1em;
	background:#EEF;
	border:solid 1px #0000d9;
	list-style:none;
	border-radius:5px;
}
ul.info_message > li{
	color:#0000d9;
	position:relative;
	padding-left:1.5em;
	padding-bottom:5px;
}
ul.info_message > li::before{
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content:"\f05a";
	display:inline-block;
	position:absolute;
	left:0px;
}
ul.info_message > li > b{
	padding:0px 5px;
	text-decoration:underline;
}
/**
 * 初期設定確認用（home-shop）
 */
ul.warning_messsage {
	padding:5px 10px;
	padding-bottom:0px;
	line-height: 120%;
	margin-top:1em;
	margin-bottom:1em;
	background:#fffab5;
	border:solid 1px #d34300;
	list-style:none;
	border-radius:5px;
}
ul.warning_messsage > li{
	color:#d34300;
	position:relative;
	padding-left:1.5em;
	padding-bottom:5px;
}
ul.warning_messsage > li::before{
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content:"\f071";
	display:inline-block;
	position:absolute;
	left:0px;
	
}
ul.warning_messsage > li > b{
	padding:0px 5px;
	text-decoration:underline;
}

/**
 * 一覧用ページャー
 */
.listPager{
	display:table;
	width:100%;
	margin-top:0.5em;
	margin-bottom:0.5em;
}
.listPager > ul{
	list-style:none;
	display:table-row;
}
.listPager > ul > li{
	display:table-cell;
	text-align:left;
}
.listPager > ul > li.limit,
.listPager > ul > li.summary{
	white-space:nowrap;
	width:1px;
	padding-left:1em;
	vertical-align: bottom;
}
.listPager > ul > li.limit > span > select{
	height: 25px;
}
.listPager > ul > li.summary > span{
	font-weight:bold;
	padding:0px 0.5em;
}
.listPager > ul > li.limit::before{
	content:"表示件数：";
	color:#555;
}
.listPager > ul > li.summary::before{
	content:"該当件数：";
	color:#555;
}

.listPager > ul > li.pager{
	text-align:left;
}

ul.page_navi{
	list-style:none;
	margin:0;
	padding:0;
}
ul.page_navi > li{
	display:inline-block;
	margin-right:5px;
	padding:0px;
}
ul.page_navi > li.prev,
ul.page_navi > li.next,
ul.page_navi > li.first,
ul.page_navi > li.last{
	width:30px;
}
ul.page_navi > li.space{
	width:1px;
}

ul.page_navi > li > a{
	display:inline-block;
	text-decoration:none;
	padding:2px 5px;
	line-height:100%;
	font-family: 'MS PGothic', arial, helvetica, sans-serif;
	color:#555;
	border-radius:3px;
	width:100%;
	text-align:center;

	border-top:solid 1px #BBB;
	border-left:solid 1px #BBB;
	border-right:solid 1px #999;
	border-bottom:solid 1px #999;
	text-shadow:1px 1px 0 rgba(255,255,255,1);
	box-shadow: 0 0 0 1px rgba(255,255,255,0.5) inset;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#DCDCDC), color-stop(0.50,#EFEFEF),to(#DCDCDC));
	background-image: -webkit-linear-gradient(top,#DCDCDC,#EFEFEF 50%,#DCDCDC);
	background-image:    -moz-linear-gradient(top,#DCDCDC,#EFEFEF 50%,#DCDCDC);
	background-image:      -o-linear-gradient(top,#DCDCDC,#EFEFEF 50%,#DCDCDC);
	background-image:         linear-gradient(to bottom,#DCDCDC,#EFEFEF 50%,#DCDCDC);
	transition: 0.2s;
}
ul.page_navi > li.now > a{
	font-weight:bold;
}
ul.page_navi > li > a:hover{
	box-shadow: 0 0 0 1px rgba(255,255,255,0.2) inset;
	text-shadow:1px 1px 0 rgba(0,0,0,0.3);
	color: #FFF;
	border-top: solid 1px #15AEEC;
	border-left: solid 1px #15AEEC;
	border-right: solid 1px #1a92c2;
	border-bottom: solid 1px #1a92c2;
	background: linear-gradient(top, #15AEEC, #1a92c2);
	background: -ms-linear-gradient(top, #15AEEC, #1a92c2);
	background: -moz-linear-gradient(top, #15AEEC, #1a92c2);
	background: -webkit-linear-gradient(top, #15AEEC, #1a92c2);
}


/**
 * 社員写真
 */
div.empPhoto{
	vertical-align:bottom;
	display:table;
}
div.empPhoto > .photoLine{
	display:table-row;
}
div.empPhoto > .photoLine > .photoItem{
	display:table-cell;
	position: relative;
}
div.empPhoto > .photoLine > .photoItem > img{
	width:180px;
	height:auto;
	vertical-align:bottom;
	border-top:solid 1px #BBB;
	border-left:solid 1px #BBB;
	border-right:solid 1px #999;
	border-bottom:solid 1px #999;
}

div.empPhoto > .toolLine{
	display:table-row;
}
div.empPhoto > .toolLine > .btnItem{
	display:table-cell;
}
div.empPhoto > .toolLine > .btnItem > ul{
	display:table;
	width:100%;
	margin:0px;
	padding:0px;
}
div.empPhoto > .toolLine > .btnItem > ul > li{
	display:table-cell;
	margin:0px;
	padding:0px;
}
div.empPhoto > .toolLine > .btnItem > ul > li > .btnBase{
	padding:5px;
	width:100%;
	border-radius:0px;
	border-top:0px;
}
/**
 *
 */
div.facilityCheckboxesArticleList{
	display:table;
	table-layout:fixed;
	width:100%;
}
div.facilityCheckboxesArticleList > ul{
	display:table-row;
	list-style:none;
	padding:0px;
	margin:0px;
}
div.facilityCheckboxesArticleList > ul > li{
	display:table-cell;
	padding-bottom:3px;
	padding-right:3px;
	vertical-align:top;
}
div.facilityCheckboxesArticleList > ul:last-child > li{
	padding-bottom:0px;
}
div.facilityCheckboxesArticleList > ul > li:last-child{
	padding-right:0px;
}
div.facilityCheckboxesArticleList > ul > li > label{
	display:block;
	width:100%;
	cursor:pointer;
	position:relative;
	border: solid 1px #BBB;
	background:#EEE;
	padding:3px 10px;
	border-radius:3px;
	float:left;
	transition: 0.5s ;
}
div.facilityCheckboxesArticleList > ul > li > label input{
	margin-right:0.5em;
	vertical-align:middle;
}
div.facilityCheckboxesArticleList > ul > li > label i.fas{
	margin-right:0.5em;
	width:1em;
}

div.facilityCheckboxesArticleList > ul > li > label > span.name{
	display:inline-block;
	/*
	color:#888;
	*/
	font-size:90%;
	transition: 0.5s ;
}

div.facilityCheckboxesArticleList > ul > li > label > span.type{
	display:inline-block;
	float:right;
}
div.facilityCheckboxesArticleList > ul > li > label > span.type > span.confirmType{
	font-size:70%;
	display:inline-block;
	border:solid 1px #CCC;
	padding:0px 3px;
	width:5em;
	text-align:center;
	background:#FFF;
}
div.facilityCheckboxesArticleList > ul > li > label select{
	font-size:70%;
}
div.facilityCheckboxesArticleList > ul > li > label  select > option[value="1"]{
}
div.facilityCheckboxesArticleList > ul > li > label.checked > span.name{
	color:inherit;
}

div.facilityCheckboxesArticleComment > div.sample.com1::before,
div.facilityCheckboxesArticleList > ul > li > label.checked.fType1{
	border-color:#29aae3;
	background:#a8e4ff;
}
div.facilityCheckboxesArticleComment > div.sample.com2::before,
div.facilityCheckboxesArticleList > ul > li > label.checked.fType0{
	border-color:#88c050;
	background:#d8f9ac;
}
div.facilityCheckboxesArticleList > ul > li > label.checked.fType1 i.fas{
	color:#29aae3;
}
div.facilityCheckboxesArticleList > ul > li > label.checked.fType0 i.fas{
	color:#88c050;
}


div.facilityCheckboxesArticleComment{
	color: #555;
	font-size: 0.8em;
	margin-bottom:10px;
}
div.facilityCheckboxesArticleComment > div.sample::before{
	content:" ";
	display:inline-block;
	width:2em;
	height:1em;
	margin-right:3px;
	border:solid 1px #CCC;
	vertical-align:middle;
	background:#EEE;
	border-radius:3px;
}
/**
 *
 */
div.traitCheckboxesList{
	display:table;
	table-layout:fixed;
	width:100%;
}
div.traitCheckboxesList > ul{
	display:table-row;
	list-style:none;
	padding:0px;
	margin:0px;
}
div.traitCheckboxesList > ul > li{
	display:table-cell;
	padding-bottom:3px;
	padding-right:3px;
	vertical-align:top;
}
div.traitCheckboxesList > ul:last-child > li{
	padding-bottom:0px;
}
div.traitCheckboxesList > ul > li:last-child{
	padding-right:0px;
}
div.traitCheckboxesList > ul > li > label{
	display:block;
	width:100%;
	cursor:pointer;
	position:relative;
	border: solid 1px #BBB;
	background:#EEE;
	padding:3px 10px;
	border-radius:3px;
	float:left;
	transition: 0.5s ;
}
div.traitCheckboxesList > ul > li > label input{
	margin-right:0.5em;
	vertical-align:middle;
}
div.traitCheckboxesList > ul > li > label i.fas{
	margin-right:0.5em;
	color:#b16dff;
	width:1em;
}
div.traitCheckboxesList > ul > li > label > span.name{
	display:inline-block;
	/*
	color:#888;
	*/
	font-size:90%;
	transition: 0.5s ;
}

div.traitCheckboxesList > ul > li > label > span.type{
	display:inline-block;
	float:right;
}
div.traitCheckboxesList > ul > li > label select{
	font-size:70%;
}
div.traitCheckboxesList > ul > li > label  select > option[value="1"]{
}
div.traitCheckboxesList > ul > li > label.checked > span.name{
	color:inherit;
}

div.traitCheckboxesList > ul > li > label.checked{
	border-color:#b16dff;
	background:#e1c6ff;
}

div.traitCheckboxesComment{
	color: #555;
	font-size: 0.8em;
	margin-bottom:10px;
}
span.searchFlg{
	color:#f8931f;
	font-weight:bold;
}
/**
 * 支払い状態
 * shop_served_edit.php
 * shop_usefee_history_list.php
 */
span.padiFlg{
	font-weight:bold;
}
span.padiFlg.status-1{
	color:#F00;
}
span.padiFlg.status0{
	color:#F00;
}
span.padiFlg.status1{
	color:#00F;
}
span.padiFlg.status9{
	color:#000;
}
/**
 * PC30％ボックス
 */
ul.flex30{
	display:flex;
	list-style:none;
	margin:0px;
	padding:0px;
	flex-wrap: wrap;
}
ul.flex30 > li{
	flex-grow: 1;
}
ul.flex30 > li:nth-of-type(1n){
	padding-left:0px;
	padding-right:5px;
}
ul.flex30 > li:nth-of-type(2n){
	padding-left:5px;
	padding-right:5px;
}
ul.flex30 > li:nth-of-type(3n){
	padding-left:5px;
	padding-right:0px;
}

/**
 * PC50％ボックス
 */
ul.flex50{
	display:flex;
	list-style:none;
	margin:0px;
	padding:0px;
	flex-wrap: wrap;
}
ul.flex50 > li{
	width:50%;
	padding-left:0px;
	padding-right:5px;
}
ul.flex50 > li:nth-of-type(2n){
	padding-left:5px;
	padding-right:0px;
}

/**
 *
 */
.spOnly{
	display:none;
}
.pcOnly{
	display:run-in;
}

.txtCenter{
	text-align:center;
}
.txtLeft{
	text-align:left;
}
.txtRight{
	text-align:right;
}
a.orderChange {
	display:inline-block;
	text-decoration:none;
	color:inherit;
}
a.orderChange:after{
	content:"";
}
a.orderChange.desc:after{
	content:"▼";
}
a.orderChange.asc:after{
	content:"▲";
}