@charset "UTF-8";

#residenceList{
	background-color: #FFFFFF;
	margin: 10px 10px 0 10px;
	padding: 0px 20px 15px 20px;
	-webkit-user-select:none;
	-moz-user-select:none;
	-khtml-user-select:none;
	-webkit-user-drag:none;
	-khtml-user-drag:none;
}
#ListTitle p{
	text-align: left;
	font-size: 18px;
	font-weight: bold;
	margin: 8px 0px 0px 10px;
	float: left;
}
#ListTitle{
	/*clear: both;*/
	margin: 0px 10px 10px 0px;
	border-bottom: 3px solid #F3F3F0;
	padding-bottom: 7px;
	width: 900px;
	overflow: hidden;
}
#ListTitle img{
	float: left;
}
#residenceList table{
	font-size: 13px;
	width: 900px;
	margin-bottom: 0px;
	border-collapse: solid 1px #DCDCDC;
}
table tr.ListSubject th{
	text-align: center;
	vertical-align: middle;
	padding: 5px 5px;
	font-weight: normal;
}
tr.ListSubject{
	background-color: #DCDCDC;
}
tr.ListCon:nth-child(odd){
	background-color: #F1F1F1;
}
table.mytable tr.ListCon{
    background-color:   #fff;
}
table.mytable tr.ListCon:nth-child(even){
    background-color:  #F1F1F1;
}
tr.ListCon.old{
  background: #fff2e7!important;
}
#residenceList table td{
	padding: 2px;
	vertical-align: middle;
}
#residenceList table td.resiName{
	max-width: 300px;
}
#residenceList table td.ta_c{
	text-align: center;
}
#residenceList div{
	padding-bottom: 10px;
	text-align: center;
}
#residenceList div span{
	display: inline-block;
	width: 100px;
	height: 28px;
	line-height: 28px;
	background-color: gray;
	color: white;
}
#dataDetail{
	margin: 10px 0px;
}

#residenceList div span:hover{
	cursor: pointer;
}

/* モーダル*/
#modal-content{
	width: 50%;
	margin:0;
	padding:10px 20px;
	border:2px solid #aaa;
	background:#fff;
	position:fixed;
	display:none;
	z-index:2000;
}
#modal-content p{
	text-align: left;
	font-size: 12px;
}
#modal-content p.title{
	margin: 10px 0px 5px 0px;
	font-size: 14px;
	font-weight: bold;
}
.button-link{
	color: #4cb2d1;
	text-decoration:underline;
}
.button-link:hover{
	cursor:pointer;
	color: blue;
}
#modal-overlay{
	z-index:1500;
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:120%;
	background-color:rgba(0,0,0,0.75);
}
#modal-open{
	color: #4cb2d1;
	cursor:pointer;
	font-size: 12px;
}
#modal-open:hover{
	color: blue;
	cursor:pointer;
}
.help p{
	text-align: right;
	margin-top: 8px;
	margin-bottom: -18px;
}
#modal-content p.button-link{
	text-align: right;
}
.buttonBox{
	display: flex;
    margin-top: 20px;
    justify-content: center;
}
.buttonBox div{
	margin: 5px;
}
/* ページネーション*/
div.pager {
    text-align: left!important;
    margin: 1em 0;
    padding: 0 10px;
}
div.pager a {
    display: inline-block;
    width: 40px!important;
    text-align: center;
   margin: 5px 10px 0px 0px;
    cursor: pointer;
}
div.pager a{
    background: #187a98!important;
    color: #fff!important;
}
div.pager a.active {
    background: #e6f1fb!important;
    color:#187a98!important;
}