h3 {
    margin-bottom : 6%;
    font-size : 130%;
    font-weight : 600;
    color : #009669;
    text-align : center;
}

ul#tnavi {
    list-style : none;
    overflow : hidden;
	width : 80%;
	margin : 0 auto 5% auto;
	font-weight : 600;
}

ul#tnavi li {
	float : left;
	width : 49.75%;
	margin : 0 0.5% 0.5% 0;
	text-align : center;
}

ul#tnavi li:nth-child(2n) {
	margin : 0 0 0.5% 0;
}

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

ul#tnavi li p {
	padding : 10px 0 11px 0;
	background : #ffffff;
}

ul#tnavi li:nth-child(1) a {
    border-top-left-radius : 8px;
}

ul#tnavi li:nth-child(2) a {
    border-top-right-radius : 8px;
}

ul#tnavi li:nth-child(5) a {
    border-bottom-left-radius : 8px;
}

ul#tnavi li:nth-child(6) a {
    border-bottom-right-radius : 8px;
}

ul#tnavi li:nth-child(1) p {
    border-top-left-radius : 8px;
}

ul#tnavi li:nth-child(2) p {
    border-top-right-radius : 8px;
}

ul#tnavi li:nth-child(5) p {
    border-bottom-left-radius : 8px;
}

ul#tnavi li:nth-child(6) p {
    border-bottom-right-radius : 8px;
}

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

#contents1 {
    clear : both;
    overflow : hidden;
    width : 80%;
    margin-bottom : 7%;
    padding : 5% 10% 2% 10%;
    background : #ffffff;
}

h4 {
    margin-bottom : 4%;
    font-size : 110%;
    font-weight : 600;
}

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

.data {
	width : 100%;
    margin-bottom : 5%;
	border-top : solid 1px #b9b9b9;
	border-left : solid 1px #b9b9b9;
	line-height : 1.3em;
}

.data th {
    font-weight : normal;
	background : #f0fae6;
    padding : 9px 10px 10px 10px;
	border-right : solid 1px #b9b9b9;
	border-bottom : solid 1px #b9b9b9;
}

.data th.name {
    width : 50%;
}

.data th.area {
    width : 30%;
}

.data th.phone {
    width : 20%;
}

.data th.manage,.data td.oname {
    display : none;
}

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

.data td span {
    display : none;
}

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

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

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

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

.modal__bg {
    background : rgba(240,250,230,0.95);
    height : 100%;
    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 : 86%;
	z-index : 9999;
}

.modal__content dl {
    margin-bottom : 20px;
    width : 100%;
}

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

.modal__content dl dd {
    padding : 5% 5.5% 6% 5.5%;
    background : #ffffff;
    border-bottom-left-radius : 8px;
    border-bottom-right-radius : 8px;
    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;
}