/**
 * 共通スタイルシート
 */
html,body{
	height:100%;
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	line-height:120%;
}
a{
	color:#1A73E8
}
input[type="checkbox"]{
	vertical-align:middle;
	margin-right:5px;
}
#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;
}
#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{
	background: #000;
	display: flex;
	box-shadow:0px 5px 5px rgba(0,0,0,0.3);
}
#topCol header #title{
	padding: 5px 10px;
}
#topCol header #title #sysName{
	display:inline-block;
	line-height:2em;
	font-weight:bold;
}
#topCol header #title #sysName > a{
	text-decoration:none;
	color:#FFF;
}
#topCol header #selCompany{
	margin-left: auto;
	font-size:12px;
	height:2em;
	padding: 10px 30px;
}
#topCol header #selCompany span{
	margin-right: 5px;
	font-size:14px;
}
#topCol header #loginInfo{
	padding:5px 10px;
}
#topCol header #loginInfo #name{
	display:inline-block;
	line-height:2em;
}
#topCol header #logout{
	padding:8px 10px;
}
#topCol header #logout > a.btnBase{
	padding:5px;
	font-size:80%;
	line-height:1em;
}
#topCol header #burgerBtn{
	display:none;
	margin-top: 5px;
	margin-right: 10px;
	position: relative;
	background:#CCC;
	cursor: pointer;
	width: 30px;
	height:30px;
	border-radius: 3px;
}
#topCol header #burgerBtn span{
	display: inline-block;
	transition: all .4s;
	position: absolute;
	left: 6px;
	height: 3px;
	border-radius: 2px;
	background: #000;
	width: 65%;
}
#topCol header #burgerBtn span:nth-child(1){
	top:7px;
}
#topCol header #burgerBtn span:nth-child(2){
	top:14px;
}

#topCol header #burgerBtn span:nth-child(3){
	top:21px;
}

#topCol header #burgerBtn.burgerOpen span:nth-child(1){
	top: 7px;
	left: 4px;
	transform: translateY(7px) rotate(-45deg);
	width: 80%;
}
#topCol header #burgerBtn.burgerOpen span:nth-child(2){
	opacity: 0;
}
#topCol header #burgerBtn.burgerOpen span:nth-child(3){
	top: 21px;
	left: 4px;
	transform: translateY(-7px) rotate(45deg);
	width: 80%;
}
#midCol{
	height:auto;
	position:relative;
}
#midCol div#burgerNavi{
	display: none;
	position: absolute;
	top: -10px;
	right: 1px;
	border: solid 1px #444;
	background: #FFF;
	z-index: 1;
	width: 230px;
}
#midCol div#burgerNavi > #b_selCompany{
	padding: 10px 7px;
	border-bottom: solid 1px #444;
}
#midCol div#burgerNavi > #b_selCompany select#b_sel_company_cd{
	font-size: 16px;
	width: 100%;
}
#midCol div#burgerNavi > #b_naviFrame{
	border-bottom: none;
	background: #CCC;
}
#midCol div#burgerNavi > #b_naviFrame dl.naviGroup{
	color: #000;
}
#midCol div#burgerNavi > #b_naviFrame dl.naviGroup > dt{
	padding: 0 2em 0 0.5em;
}
#midCol div#burgerNavi > #b_naviFrame dl.naviGroup > dd{
}
#midCol div#burgerNavi > #b_naviFrame dl.naviGroup > dd > ul{
	background: #EEE;
}
#midCol div#burgerNavi > #b_naviFrame dl.naviGroup > dd > ul > li{
	padding: 0 1em;
}
#midCol div#burgerNavi > #b_naviFrame dl.naviGroup > dd > ul > li:last-child{
	border-bottom: solid 1px #222;
}
#midCol div#burgerNavi > #b_naviFrame dl.naviGroup > dd > ul > li > a{
	color: #000;
}
#midCol div#burgerNavi > #b_logout{
	text-align: center;
	margin: 10px 0;
}
#btmCol{
	height:1px;
	padding:0.5em 3px;
	font-size:8pt;
	vertical-align:middle;
	background:#000;
	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{
	width:1px;
	white-space:nowrap;
}
#mainCol{
	width:auto;
	position:relative;
}
#mainFrame{
	padding:0px 1em;
	width:100%;
	height:100%;
}
#mainFrame::before{
	display: block;
	line-height:0px;
	content: '　';
}
#mainFrame::after{
	display: block;
	content: '　';
}
#topicPath{
	margin-bottom:15px;
	padding-left:6px;
	height:35px;
	line-height:35px;
	background-color:#E5F4E0;
	border: solid 1px #CCC;
}
#addButton{
	text-align:right;
}
#addButton > .btnBase{
	font-size:0.9em;
	line-height:1em;
}

/**
 *
 */
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;
	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;
}
table.listTable > tbody > tr:nth-child(odd){
	background: #ebfaeb;
}
table.listTable > tbody > tr:hover{
	background: #bfbfbf;
}
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;
	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 tr.deleted > td{
	color: #CCC;
}
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;
}
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;
}
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: inherit;
	width:100%;
	height:100%;
}
table.listTable .btns ul > li:first-child a.btnBase{
	border-left:none;
}
table.listTable .btns ul > li:last-child a.btnBase{
	border-right:none;
}

/**
 * カレンダー用
 */
div#calendar_info{
	position: relative;
}
div#calendar_info > div.title_wrap > div.seluser,
div#calendar_info > div.title_wrap > div.seltype{
	display: flex;
	margin-top: -5px;
}
div#calendar_info > div.title_wrap > div.seluser > div.title_user{
	margin-top: 4px;
	margin-right: 5px;
}
div#calendar_info > div.title_wrap > div.seltype > div.title_property_type{
	margin-top: 4px;
	margin-left: 10px;
	margin-right: 5px;
}
div#calendar_info > div.cal_switch{
	position: absolute;
	top: 5px;
	right: 10px;
}
div#calendar_info .pc{
	display: inline;
}
div#calendar_info .sp{
	display: none;
}
div#calendar_info .select2{
	margin-bottom: 10px;
}
div.cal_head{
	display: flex;
	justify-content: space-between;
}
div.cal_head > div.cal_this{
	font-weight:bold;
	font-size: 20px;
}
div.cal_head > div > a{
	text-decoration: none;
}
table.calendarTable{
	border-collapse:collapse;
	border-top:solid 1px #BBB;
	border-left:solid 1px #BBB;
	width:100%;
}
table.calendarTable > tr,
table.calendarTable > thead > tr,
table.calendarTable > tfoot > tr,
table.calendarTable > tbody > tr{
	height:100%;
}
table.calendarTable > tr > th,
table.calendarTable > tr > td,
table.calendarTable > thead > tr > th,
table.calendarTable > thead > tr > td,
table.calendarTable > tfoot > tr > th,
table.calendarTable > tfoot > tr > td,
table.calendarTable > tbody > tr > th,
table.calendarTable > tbody > tr > td{
	border-right:solid 1px #999;
	border-bottom:solid 1px #999;
	padding:5px;
	height:100%;
	width: calc(100% / 7);
}
table.calendarTable > tr > th,
table.calendarTable > thead > tr > th{
	font-weight:bold;
	vertical-align:middle;
}
table.calendarTable > tr > td,
table.calendarTable > tbody > tr > th,
table.calendarTable > tbody > tr > td{
	border-bottom:solid 1px #BBB;
	height: 70px;
	background: #FFF;
}
table.calendarTable > 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;
	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.calendarTable > tbody > tr:last-child td{
	border-bottom:solid 1px #999;
}
table.calendarTable > tbody > tr > td > div{
	height: 34px;
}
table.calendarTable > tbody > tr > td > div.td_day{
	height: 22px;
}
table.calendarTable > tbody > tr > td > div p{
	position: relative;
	padding: 4px 2px 2px 5px;
}
table.calendarTable > tbody > tr > td > div p.cal_event{
	position: absolute;
	border: solid 1px #AAA;
	border-radius: 5px;
	background: #E1F5E2;
	color: #000;
	font-size: 14px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
table.calendarTable > tbody > tr > td > div p.cal_event_hover{
	opacity: 0.6;
}
table.calendarTable > tbody > tr > td > div.td_day{
	display: flex;
	justify-content: space-between;
}
table.calendarTable > tbody > tr > td > div.td_day > div.day > span{
	font-weight: bold;
}
table.calendarTable > tbody > tr > td > div.td_day > div.holiday_name > span{
	font-size: 14px;
}
table.calendarTable > tbody > tr > td.nodate{
	background: #EEE;
}
table.calendarTable > tbody > tr > td.holiday{
	background: #F2DCDB;
}
table.calendarTable > tbody > tr > td.sunday{
	background: #F2DCDB;
}
table.calendarTable > tbody > tr > td.saturday{
	background: #EDF1F9;
}
table.calendarTable > tbody > tr > td.weekday{
	background: #FFF;
}

/**
 * tooltip
 */
.tooltip{
	position: relative;
	padding: 0;
}
.tooltip_text{
	visibility: hidden;
	position: absolute;
	background: #E1F5E2;
	border: solid 2px #AAA;
	width: 110%;
	bottom: 3px;
	font-size: 12px;
	z-index: 1;
}
table.tooltipTable tr th,
table.tooltipTable tr td{
	height: 25px !important;
	padding: 2px !important;
	text-align: center;
	line-height:16px;
}
.tooltip_visible{
	visibility: visible;
}

/**
 * tablesorter
 */
table.tablesorter tr > th,
table.tablesorter tr > td,
table.tablesorter tr > td span{
	font-size:16px;
}
.tablesorter-green thead .tablesorter-header.sorter-false .tablesorter-header-inner{
	padding-left:0 !important;
}

/**
 * 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.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;
}


/**
 * タイトル
 */
div.titleLine{
	position:relative;
	margin:0 0px;
	margin-bottom:1em;
	padding:0px 4px 0px 30px;
	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, 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;
	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, 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;
}
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.searchTable{
	width:100%;
}
table.searchTable > tr > th,
table.searchTable > tr > td,
table.searchTable > tbody > tr > th,
table.searchTable > tbody > tr > td{
	border-top:solid 1px #BBB;
	border-bottom:solid 1px #BBB;
	vertical-align: middle;
}

table.searchTable > tr > th,
table.searchTable > tbody > tr > th{
	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: linear-gradient(to bottom,#DCDCDC,#EFEFEF 50%,#DCDCDC);
	white-space:nowrap;
	width:150px;
	padding:5px 1em;
	line-height:24px;
}
table.searchTable > tr > td,
table.searchTable > tbody > tr > td{
	padding:5px;
}
table.searchTable td label{
	line-height: 23px;
}
table.searchTable input,
table.searchTable select{
	margin-right:3px;
	height: 25px;
}

/* タブ表示 */
dl.tabFrame{
	width:100%;
	padding:0;
	margin:0;
	margin-top:1em;
}
dl.tabFrame dt.tabHead{
}
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: 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{
	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{
	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;
}
/**
 * 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{
	white-space:nowrap;
	width:1px;
	padding:8px 1em;
	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;
}
table.inputTable td .comment{
	color:#555;
}
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: 24px;
}
table.inputTable select,
table.inputTable input{
	margin-right:3px;
	height: 25px;
}
div.btnLine{
	padding-top:1em;
	text-align:center;
}
div.btnLine > .btnBase{
	width:6em;
}
span.required {
    color: #F00;
}
span.font_red{
	color: #F00;
}
span.font_blue{
	color: #1E90FF;
}
span.font_gray{
	color: #808080;
}
span.font_black{
	color: #000;
}
ul.error_message {
	padding:5px 10px;
	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;
}
ul.error_message > li::before{
	content:"・";
}
ul.error_message > li > b{
	padding:0px 5px;
	text-decoration:underline;
}
/**
 * 完了メッセージ
 */
#messageArea{
	display:block;
	padding-bottom:1em;
}
#messageArea .success{
	display:inline-block;
	background:url("../img/information.png") no-repeat 10px center;
	background-color:#e4e6e8;
	background-size:1em;
	padding:5px 10px;
	padding-left:30px;
	color:#1072b7;
	border:solid 1px #1072b7;
	width:100%;
	text-align:left;
	line-height:20px;
}
#messageArea .error_message{
	display:inline-block;
	min-width:300px;
	text-align:left;
}

/**
 * 一覧用ページャー
 */
.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;
}
/* datepicker */
.ui-datepicker .ui-datepicker-title{
	line-height:1.4em;
}
.ui-datepicker select.ui-datepicker-year{
	margin-right:3px;
	width:70px;
}
.ui-datepicker select.ui-datepicker-month{
	margin-left:5px;
	width:70px;
}
.ui-datepicker-trigger{
	margin:-3px;
	margin-left:3px;
	cursor:pointer;
}
.datepicker{
	display:none;
}

.txtcenter{
	text-align:center;
}
.txt50px{
	width:50px;
}
.txt70px{
	width:70px;
}
.txt100px{
	width:100px;
}
.txt120px{
	width:120px;
}
.txt150px{
	width:150px;
}
.txt200px{
	width:200px;
}
.txt300px{
	width:300px;
}
.txtfull{
	width:100%;
}
.mt3px{
	margin-top:3px;
}
.mt15px{
	margin-top:15px;
}
.ymd_y{
	margin-right:3px;
	width:55px;
	text-align:right;
}
.ymd{
	margin-right:3px;
	width:35px;
	text-align:right;
}
.num{
	text-align:right;
}
.emp_no{
	width:100px;
}
span.bold{
	font-weight:bold;
}
span.red{
	color:red;
}
#proxy{
	margin-top:5px;
	display:flex;
	justify-content:end;
	align-items:center;
}
#proxy > span{
	line-height:1em;
}
#proxy_emp_no{
	margin-left:5px;
}
#btnProxy{
	margin-left:5px;
	padding:5px;
	font-size:80%;
	line-height:1em;
}
.info_box{
	margin-top:10px;
	padding:10px;
	border:solid 1px #999;
	border-radius:10px;
	width:100%;
}
.info_box .title{
	margin-bottom:5px;
}
#emp_info table.inputTable td:nth-child(2){
	width:200px;
}
#emp_info table.inputTable td:nth-child(4){
	width:200px;
}
#emp_info table.inputTable td:nth-child(6){
	width:auto;
}
#app_info table.inputTable{
	margin-bottom:10px;
}
#app_info table.inputTable td:nth-child(2){
	width:200px;
}
#app_info table.inputTable td:nth-child(4){
	width:auto;
}
#app_form table.attachmentTable > thead > tr > th:nth-child(1){
	width:auto;
}
#app_form table.attachmentTable > thead > tr > th:nth-child(2){
	width:60px;
}
#search_box{
	margin-top:10px;
	margin-bottom:10px;
	padding:10px;
	border:solid 1px #999;
	border-radius:10px;
	width:100%;
}
#search_box th{
	font-weight:normal;
}
#search_box .title{
	margin-bottom:5px;
}
#comment_form table.inputTable tr > td #comment{
	width:100%;
	height:100px;
}
#divset_form table.listTable tr > td{
	vertical-align:middle;
}
#divset_form table.listTable tr > td:nth-child(1){
	width:150px;
	text-align:center;
}
#divset_form table.listTable tr > td:nth-child(2){
	width:auto;
}
#divset_form table.listTable tr > td input{
	margin-right:3px;
	height: 25px;
}
#route_form table.listTable > tbody > tr:nth-child(even){
	background:#FFF;
}
#route_form table.listTable > tbody > tr.application{
	background:#EBFAEB;
}
#route_form table.listTable > tbody > tr.reception{
	background:#F9E8F9;
}
#route_form table.listTable > tbody > tr.skip{
	background:#CCC;
}
#route_form table.listTable > tbody > tr.skip td{
	color:#999;
}
#route_form table.listTable > tbody > tr:hover{
	background: #C6F2FF;
}
#route_form table.listTable > tbody > tr.application:hover{
	background:#C9F9C9;
}
#route_form table.listTable > tbody > tr.reception:hover{
	background:#F7D6F7;
}
#route_form table.listTable > tbody > tr.skip:hover{
	background:#999;
}
#route_form table.listTable > tbody > tr.skip:hover td{
	color:#666;
}

/* 各種申請書登録 */
#mode_new #tab02 table.listTable tr > :nth-child(2){
	width:200px;
	text-align:center;
}
#mode_new #tab02 table.listTable tr > :nth-child(3){
	width:120px;
}
#mode_new #tab03 .btnConcernedUpd{
	margin-bottom:5px;
}
#mode_new #tab03 table.listTable tr > :nth-child(1){
	width:200px;
}
#mode_new #tab03 table.listTable tr > :nth-child(2){
	width:200px;
}
#mode_new #tab03 table.listTable tr > :nth-child(3){
	width:auto;
}
#mode_conf #tab02 table.listTable tr > :nth-child(2){
	width:200px;
	text-align:center;
}
#mode_conf #tab02 table.listTable tr > :nth-child(3){
	width:120px;
}
#mode_conf #tab03 table.listTable tr > :nth-child(1){
	width:200px;
}
#mode_conf #tab03 table.listTable tr > :nth-child(2){
	width:200px;
}
#mode_conf #tab03 table.listTable tr > :nth-child(3){
	width:auto;
}
#mode_new  #tab04 table.listTable tr > td:nth-child(1),
#mode_conf #tab04 table.listTable tr > td:nth-child(1){
	width:140px;
	text-align:center;
}
#mode_new  #tab04 table.listTable tr > td:nth-child(2),
#mode_conf #tab04 table.listTable tr > td:nth-child(2){
	width:150px;
	text-align:center;
}
#mode_new  #tab04 table.listTable tr > td:nth-child(3),
#mode_conf #tab04 table.listTable tr > td:nth-child(3){
	width:160px;
	text-align:center;
}
#mode_new  #tab04 table.listTable tr > td:nth-child(4),
#mode_conf #tab04 table.listTable tr > td:nth-child(4){
	width:100px;
	text-align:center;
}
#mode_new  #tab04 table.listTable tr > td:nth-child(5),
#mode_conf #tab04 table.listTable tr > td:nth-child(5){
	width:auto
}
#mode_new  #tab07 .btnViewerUpd,
#mode_conf #tab07 .btnViewerUpd{
	margin-bottom:5px;
}
#mode_new  #tab07 table.listTable tr > :nth-child(1),
#mode_conf #tab07 table.listTable tr > :nth-child(1){
	width:200px;
}
#mode_new  #tab07 table.listTable tr > :nth-child(2),
#mode_conf #tab07 table.listTable tr > :nth-child(2){
	width:200px;
}
#mode_new  #tab07 table.listTable tr > :nth-child(3),
#mode_conf #tab07 table.listTable tr > :nth-child(3){
	width:auto;
}

/* select2 */
.select2{
	min-width: 300px;
	font-size: 16px;
}
.select2-container .select2-selection--single{
	height: 25px;
}

.select2-container--default .select2-selection--single{
	border: solid 1px #767676;
	border-radius: 3px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
	color: #000;
}
.select2-results__option{
	font-size: 14px;
}
.select2-results__options > li:first-child{
	height: 25px;
}
.select2-container--default.select2-container--disabled .select2-selection--single{
	background-color: #EEE;
	border-top: solid 1px #D3D3D3;
	border-right: solid 1px #CACACA;
	border-bottom: solid 1px #CACACA;
	border-left: solid 1px #D3D3D3;
}
.select2-container--default.select2-container--disabled .select2-selection--single{
	background-color: #F8F8F8;
	border-top: solid 1px #D4D4D4;
	border-right: solid 1px #D0D0D0;
	border-bottom: solid 1px #D0D0D0;
	border-left: solid 1px #D4D4D4;
}


/* firefoxのみ */
@-moz-document url-prefix(){
	select{
		background-color:#FFF;
		border:solid 1px #8F8F9D;
		border-radius:2px;
	}
}

@media screen and (max-width:528px){
	div#calendar_info .title_wrap{
		display: block;
	}
}
@media screen and (max-width:768px){
	input, select, span{
		font-size: 14px;
	}
	#layoutTbl{
		width: 100vw;
		height: 100vh;
	}
	#topCol header{
		margin-bottom: 15px;
	}
	#topCol header #burgerBtn{
		margin-left: auto;
		display: flex;
	}
	#topCol header .pc{
		display: none;
	}
	#naviCol{
		display: none;
	}
	#notice_info{
		display: none;
	}
	div#calendar_info{
		font-size: 14px;
	}
	div#calendar_info .title{
		margin-bottom: 10px;
	}
	div#calendar_info .select2{
		min-width: 100% !important;
	}
	div#calendar_info .cal_this{
		font-size: 14px;
	}
	div#calendar_info .pc{
		display: none;
	}
	div#calendar_info .sp{
		display: inline-block;
	}
}
@media screen and (max-width:878px){
	div#calendar_info .title_user,
	div#calendar_info .title_property_type{
		display: none;
	}
}