@charset "shift_jis";
/* CSS Document */

*{
	margin:0;
	padding:0;
	letter-spacing:1px;
	color:#033;
}
html, body, #wrapper{
	height:100%;
}

body > #wrapper{
	height: auto;
}

#footWrap{
	clear:both;
	width:100%;
	height:100px;
	text-align:center;
}

body{
/*	background-color:#1565C6;
	border-top:10px solid #1565C6;*/
	background-image: url(../img/bg.gif);
	background-position:top center;
	background-repeat:repeat-x;
	background-color:#FFF;
}

#wrapper{
	padding-top:17px;
	width:980px;
	margin:0 auto;
	text-align:center;
	/*background-image:url(../img/topbg.jpg);
	background-position:top center;
	background-repeat:no-repeat;*/
}

/*  */

h1{
	font-size:12px;
	display:inline;	
}

h2{
	font-size:17px;
/*	border-left:5px #1565C6 solid;*/
	margin:0;
	padding:9px 17px;
	line-height:30px;
	background-image:url(../img/h2.jpg);
	background-repeat:no-repeat;
    border:#1E7272 double 3px;
	color:#FFF;
}

.h2midasi{
    display:block;   
    padding:8px 10px;  
	margin-bottom:20px;
	margin-right:10px;

}

h3{
	margin-left:21px;
	margin-right:5px;
	margin-top:33px;
	margin-bottom:16px;
	padding-bottom:4px;
	font-size:17px;
	line-height:22px;
	clear:both;
	border-bottom:#408CE2 3px solid;
}

.detail_text{
	padding-top:5px;
	margin-bottom:0;
}

.detail_image{
	margin-bottom:30px;
	vertical-align:middle;
}


h4{
	word-break: break-all;
/*	margin:10px 0 0 1px;*/
	margin:6px 0 0 1px;
	font-size:13px;
	line-height:26px;
	letter-spacing: 0;
/*	border-left:5px #1565C6 solid;*/
/*	border-left:1px #1565C6 dotted;
	border-top:1px #1565C6 dotted;
	border-bottom:1px #1565C6 dotted;
	border-right:1px #1565C6 dotted;*/
	border:1px #1E7272 solid;
	background-image:url(../img/h4.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	background-color:#FFF;
}
h4.banner {
	border: none;
}
h4.banner a {
	padding: 0px;
}
h4.banner img {
	width: 217px;
	border: 1px #1E7272 solid;
}

h4 a{
	padding:13px 0 13px 12px;
	display:block;
}

h4.active{
	padding:13px 0 13px 12px;
	color:#FFF;
	background-image:url(../img/h4_a.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
}

h4.active a{
	color:#FFF;
}

h4:hover{
	background-image:url(../img/h4_a.jpg);
	background-repeat:repeat-y;
}

h4:hover a{
	color:#FFF;
}




h5{
	margin-top:25px;
	margin-bottom:14px;
	margin-left:23px;
	padding-left:6px;
	font-size:15px;
	padding-right:27px;
	line-height:18px;
	font-weight:bold;
	border-left:#1E7272 4px solid;
}

h5sub{
	margin:0 0 13px 22px;
	padding-left:11px;
	font-size:12px;
	font-weight:normal;
	line-height:15px;
}

.header{
/*	margin-bottom:18px;	*/
    margin-bottom:29px;
}

.header a{
	color:#FFF;
	font-weight:bold;
}

/* headernavi */
#headernavi{
	margin:5px 10px;
}

#headernavi td img {display: block;}

#logo{
	float:left;
	margin-left:1px;
}

#headertext{
	float:right;
	height:57px;
	line-height:60px;
}

#headertext a:hover{
	color:#033;
}

#headertext ul{
	width:250px;
	margin:0;
	padding:0;
}

#headertext li{
	margin:0;
	padding:0;
	padding-left:10px;
	font-size:12px;
	float:left;
	list-style:none;
}

/* leftmenu */

.grid_3{
	margin-bottom:30px;
}

ul.leftmenu{
	margin-bottom:15px; 
	list-style:none;
}

ul.leftmenu li{
	font-size:12px;
	line-height:26px;
	margin-left:22px;
}

/* pan */

.pan{
	margin:0;
	padding:0;
	padding-left:17px;
	margin-top:12px;
	margin-bottom:20px;
	font-size:12px;
}

/* toptable */
.toptable{
	margin-top: 15px;
	height: 404px;
	overflow-y: scroll;
	border-top: solid 1px #1E7272;
	border-right: solid 1px #1E7272;
	border-bottom: solid 1px #1E7272;
}
.toptable table{
	background-color:#FFF;
	margin-top: -1px;
	margin-bottom: -1px;
}

.toptable th{
	border:1px solid #1E7272;
	padding:13px 16px;
	vertical-align:middle;
	font-weight:bold;
}

.toptable td{
	border:1px solid #1E7272;
	border-right: none;
	padding:13px 16px;
	vertical-align:middle;
}



/* rightside */

.grid_9 ul{
	margin-right:20px;
}

.rightsubmenu{
	margin-top:17px;
}

.rightsubmenu ul{
	margin:0;
	padding:0;
	font-size:14px;
	width:700px;
	border-collapse:collapse;
}

.rightsubmenu li{
	margin:0;
	list-style-type:none;
	float:left;
	background-color:#FFF;
	border:solid 1px #1565C6;
	display:block;
}

.rightsubmenu li.active{
	margin:0;
	list-style-type:none;
	float:left;
	background-color:#1565C6;
	border-top:solid 1px #1E7272;
	border-bottom:solid 1px #1E7272;
	color:#FFF;
	display:block;
	background-image:url(../img/rightsubmenu.jpg);
	background-repeat:repeat-x;
	background-color:#1565C6;
}

.rightsubmenu li a {
	display:block;
	padding:10px 22px;
}

.rightsubmenu li a:hover{
	background-image:url(../img/rightsubmenu.jpg);
	background-repeat:repeat-x;
	color:#FFF;
	background-color:#1565C6;
}

.rightsubmenu a:active{
	position:static;
}

.rightsubmenu li.active a{
	color:#FFF;
	text-decoration:none;
}


.rightcontents{
	clear:both;
	padding:0px 19px 10px 0px;
	padding-bottom:25px;
	border:solid 1px #1E7272;
	background-color:#FFF;
}

.rightcontents table{
	border:solid 1px #1E7272;
	margin-left:21px;
	margin-right:5px;
	margin-bottom:10px;
}

.rightcontents th{
	padding:10px 12px;
	border:solid 1px #1E7272;
	font-weight:bold;
	background-color:#EFFFCC;
	text-align:center;
	line-height:22px;
	background-image:url(../img/th.jpg);
	background-repeat:repeat;
}

.rightcontents td{
	padding: 10px 12px;
	border: solid 1px #1E7272;
	line-height:22px;
}

#officerlist .rightcontents td {
	padding: 10px 10px;
}


.rightcontents p{
	margin-bottom:10px;
	margin-left:21px;
	font-size:13px;
	line-height:21px;
}

.rightcontents ul li + li {
	margin-top: 1em;
}

.rightcontents table.pdf-table {
	width:calc(100% - 25px);
	float:left;
	margin-bottom:30px;	
}

.rightcontents .pdf-table:nth-of-type(odd) {
	clear: both;
}

.rightcontents ul.pdf-list {
	margin-left: 9px;
}

/* footer */

#footer{
	color:#FFF;
	background-color:#369;
	height:160px;
	margin:0 auto;
	margin-top:0px;
	text-align:center;
	border-top:3px #1565C6 double;
	padding-top:20px;
	background-image: url(../img/bg2.gif);
	background-position:top center;
	background-repeat:repeat-x;
}

#footertext{
	color:#FFF;
	width:960px;
	margin:0 auto;
}

#footertext p{
	margin-left:15px;
	color:#FFF;
}

#footer a{
	color:#FFF;
	font-weight:bold;
}

/* pictureright */

.pictureright{
	margin-right:0px;
	float:right;
	padding:3px 5px 15px 15px;
	text-align:center;
	margin-bottom:10px;
}

.pictureright img{
	border:1px solid #999;
}


/* pictureleft */

.pictureleft{
	margin-left:5px;
	float:left;
	padding:0px 15px 15px 5px;
}

/* picturecenter */
.picturecenter{
	padding:3px auto 15px auto;
	text-align:center;
}

.picturecenter table{
	margin-left:auto;
	margin-right:auto;
}

.picturecenter img{
	border:1px #999 solid;
}



/* link */
a{
	color:#033;
}

a:hover{
	color:#369;
}

a:active{
position:relative;
top:1px;
}

.backtop{
	margin: 50px 0px 0px 15px;
	padding-bottom:15px;
	text-align:right;
	font-size:11px;
	clear:both;
	background-image:url(../img/footer.png);
	background-position:left;
	background-repeat:no-repeat;
}

.backtop a{
	color:#1565C6;
}

.backtop2{
	margin: 10px 0px 0px 15px;
	padding-bottom:15px;
	text-align:right;
	font-size:11px;
	clear:both;
}

.backtop2 a{
	color:#1565C6;
}

.grid_9 a{
	font-weight:bold;
}

/* download */
.btn{
    border: solid 1px #1E7272;
    display: block;
    background-image: url(../img/rightsubmenu.jpg);
    background-repeat: repeat-x;
    display:block;
	padding: 10px;
	margin: 20px auto 40px;
	width:300px;
	text-align: center;
	font-size:14px;
}
.btn:hover{
	opacity:0.9;
	cursor:pointer;
}
.btn a{
	color:#fff;
	text-decoration:none;
}
.btn:hover a{
	text-decoration:underline;
}

.download{
	margin-top:5px;
	margin-left:23px;
	padding:10px;
	width:400px;
	border:1px dashed #1565C6;
}
.downloadCH{
	margin-top:5px;
	margin-left:23px;
	padding: 10px;
	overflow: hidden;
	width:93%;
	border:1px dashed #1565C6;
}
.downloadCH p{
	margin-left:0;
	margin-bottom: 0;
}

.download p{
	margin:0;
}
.downloadCH .nameCH{
	float:right;
	margin-bottom: 0;
}

/* meibo */

#meibo th{
	vertical-align:middle;
}

#meibo td{
	vertical-align:middle;
}

/* tdmiddle */

.tdmiddle th{
	vertical-align:middle;
}

.tdmiddle td{
	vertical-align:middle;
}

/* sitemap */

.sitemap p{
	margin-left:35px;
}

/* oshirasetable */

.oshirasetable table{
	margin-top:15px;
	background-color: #FFF;
}

.oshirasetable th{
	border:1px solid #1E7272;
	padding:13px 16px;
	vertical-align:middle;
	font-weight:bold;
	background-color:#FFF;
	background-image:none;
}

.oshirasetable td{
	border:1px solid #1E7272;
	padding:13px 16px;
	vertical-align:middle;
}

.indent li{
	text-indent:-1.5em;
	padding-left:1.5em;
	list-style:none;
}


/* members */

.members .oshirasetable th{
	border-right:none;
	width: 25%;
	text-align:left;
	padding-left:30px;
}

.members .oshirasetable td{
	border-left:none;
}

.members .oshirasetable span.chihou{
	display:block;
}

.rightsubmenu.members li a {
	padding: 10px 21px;
}

/* top mail change notice */

/* top office change notice */

.office_change_notice {
	margin: 20px 0 0px;
	padding: 20px 10px 10px;
	border: 10px solid #AE2330;
	font-size: 1.4em;
	background-color: #fff;
}

.office_change_notice p {
	text-align:center;
}

.office_change_notice p:nth-of-type(2) {
	text-align: left;
	width: 80%;
	margin: 20px auto;
}


.mail_change_notice {
	margin: 20px 0 0px;
	text-align: center;
	padding: 10px 10px 0px;
	border: 10px solid #AE2330;
	font-size: 1.4em;
	background-color: #fff;
}

.mail_change_notice > p:first-child {
	font-size: 26px;
	color:  #AE2330;
	font-weight: bold;
	margin-top: 5px;
}
.mail_change_notice div {
	width: 500px;
	margin: 0 auto;
}

.mail_change_notice div.cols {
	display: flex;
	justify-content: space-evenly;
}
.cols .col2 {
	margin-left: 10px;
}
.mail_change_notice span {
	color:  #AE2330;
	font-weight: bold;
}

.mail_change_notice p + p {
    text-align: center;
    font-size: 30px;
    margin: -30px 0 0; 
}