h3 {
    margin-bottom : 40px;
    font-size : 160%;
    font-weight : 600;
    color : #009669;
    text-align : center;
}

ul#tnavi {
	width : 1200px;
	margin : 0 auto 0 auto;
	list-style : none;
    font-size : 105%;
	font-weight : 600;
	font-style : normal;
}

ul#tnavi li {
	float : left;
	width : 199px;
	margin-right : 1px;
	text-align : center;
}

ul#tnavi li:last-child {
    width : 200px;
	margin : 0;
}

ul#tnavi li a {
	display : block;
	padding : 14px 0 15px 0;
	color : #ffffff;
	background : #009669;
	text-decoration : none;
}

ul#tnavi li a:hover {
	background : #28cd96;
}

ul#tnavi li p {
	padding : 14px 0 15px 0;
	background : #ffffff;
}

ul#tnavi li:first-child a {
    border-top-left-radius : 12px;
}

ul#tnavi li:last-child a {
    border-top-right-radius : 12px;
}

ul#tnavi li:first-child p {
    border-top-left-radius : 12px;
}

/*----------TABLE----------*/

#contents1 {
    clear : both;
    width : 1120px !important;
	width /**/: 1200px;
    margin : 0 auto 60px auto;
    padding : 40px;
    background : #ffffff;
    border-bottom-left-radius : 15px;
    border-bottom-right-radius : 15px;
}

h4 {
    margin-bottom : 20px;
    font-size : 120%;
    font-weight : 600;
}

h4 a {
    margin-left : 10px;
    padding : 3px 12px 5px 11px;
    font-size : 76%;
    font-weight : 400;
    color : #ffffff;
    background : #23afcd;
    border-radius : 36px;
    text-decoration : none;
    vertical-align : 2px;
}

h4 a:hover {
    background : #008caa;
}

.data {
	width : 1119px;
    margin-bottom : 30px;
	border-top : solid 1px #b9b9b9;
	border-left : solid 1px #b9b9b9;
	line-height : 1.5em;
}

.data th {
    font-weight : normal;
	background : #f0fae6;
}

.data th.name {
    width : 443px !important;
	width /**/: 464px;
	padding : 7px 10px 8px 10px;
	border-right : solid 1px #b9b9b9;
	border-bottom : solid 1px #b9b9b9;
}

.data th.area {
	width : 229px !important;
	width /**/: 250px;
	padding : 7px 10px 8px 10px;
	border-right : solid 1px #b9b9b9;
	border-bottom : solid 1px #b9b9b9;
}

.data th.manage {
	width : 279px !important;
	width /**/: 300px;
	padding : 7px 10px 8px 10px;
	border-right : solid 1px #b9b9b9;
	border-bottom : solid 1px #b9b9b9;
}

.data th.phone {
	width : 84px !important;
	width /**/: 105px;
	padding : 7px 10px 8px 10px;
	border-right : solid 1px #b9b9b9;
	border-bottom : solid 1px #b9b9b9;
    text-align : center;
}

.data td {
	padding : 7px 10px 8px 10px;
	border-right : solid 1px #b9b9b9;
	border-bottom : solid 1px #b9b9b9;
}

.data td.number {
    text-align : center;
}

.data td a {
    color : #0066cc;
    text-decoration : underline;
}

.data td a:hover {
    text-decoration : none;
}

/*----------MODAL----------*/

.modal{
    display: none;
    height: 100vh;
    position: fixed;
    top: 0;
    width: 100%;
	z-index : 9000;
}

.modal__bg {
    background : rgba(240,250,230,0.95);
    height : 100vh;
    position : absolute;
    width : 100%;
	z-index : 9900;
}

.modal__content{
	position: absolute;
	top : 50%;
	left : 50%;
	-webkit-transform : translate(-50%,-50%);
	-moz-transform : translate(-50%,-50%);
	-ms-transform : translate(-50%,-50%);
	-o-transform : translate(-50%,-50%);
	transform : translate(-50%,-50%);
	text-align : center;
	width : 450px;
	z-index : 9999;
}

.modal__content dl {
    overflow: hidden;
	width : 100%;
    margin-bottom : 25px;
}

.modal__content dl dt {
    padding : 9px 0 10px 0;
    font-size : 120%;
    font-weight : 600;
    color : #ffffff;
    background : #009669;
    border-top-left-radius : 10px;
    border-top-right-radius : 10px;
    text-align : center;
}

.modal__content dl dd {
    padding : 22px;
    background : #ffffff;
    border-bottom-left-radius : 10px;
    border-bottom-right-radius : 10px;
    line-height : 1.5em;
    text-align : left;
}

a.js-modal-close {
	padding-bottom : 8px;
	border-bottom : solid 3px #c3c3c3;
    font-size : 100%;
    font-weight : 600;
	color : #3c3c3c;
    text-decoration : none;
	cursor: pointer;
}