/* header */
body{
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
}
#header {
	height: 195px;
	background-image: url(../images/common/bg_header.jpg);
	background-repeat: no-repeat;
	background-size: 100% 196px;
	background-position: 0 0;
	display: relative;
}
#header::after {
	content: url(../images/common/logo.png);
	width:1000px;
	display:block;
	padding: 40px;
	margin:0 auto;
}

#header a{
	display: block;
	width: 100%;
	height: 120px;
	position: absolute;
	margin: 0 auto;
	width: 400px;
	text-align: center;
	right: 600px;
	left: 0px;
}



/* パンくずリスト */
#topic_path{
	font-size:90%;
	list-style:none;
	margin:0;
	padding:0;
}

#topic_path li{
	display:inline;
	margin:0;
	padding:0;
}

#topic_path a{
	background-image:url(../images/topic_path.gif);
	background-position:right center;
	background-repeat:no-repeat;
	padding:0 1em 0 0;
}




/* アクセシビリティナビゲーション */
#header ul{
	display:none;
}

/*---------- main ----------*/
/* 見出し */

h2::before{
	content: "";
	border-left:solid 2px #43a4de;
	padding-left:10px;
}


#main h2{
	background-color: #f3f8fc;
	padding:20px;
	margin:30px 0;
}


/* 小見出し */
#main h3{
	border-bottom:#1a9add solid 1px;
	font-size:100%;
	padding:0;
}

#main h4{
	/* background-color:#00a4a1; */
	color:#00a4a1;
	font-size:100%;
	padding:1px 1px 1px 2px;
}

#main h5{
	color:#666;
	font-size:100%;
	margin:0;
	padding:0;
}

/* サブナビゲーション */
#main .subnavi{
	margin:2em 10px;
	padding:0;
}

#main .subnavi li{
	background-image:url(../images/icon01.gif);
	background-position:left center;
	background-repeat:no-repeat;
	display:block;
	padding:0 0 0 22px;
	list-style-image:none;
	list-style-type:none;
}

#main .subnavi li.current{
	background-image:url(../images/icon02.gif);
}

#main .subnavi li.current a{
	text-decoration:none;
}


/* 左メニュー */
#sub #navi p{
	margin:0 0 10px;
	padding:0;
}

#navi{
	margin:0;
	padding:0;
	background:none;
	list-style:none;
}

#navi .menulinkout a{
	color:#FFFFFF;
	display:block;
	text-decoration:none;
	margin:0 0 20px;
	height:60px;
	position: relative;
	background: -moz-linear-gradient(top, #1f80c4, #69a8d4);
	background: -webkit-linear-gradient(top, #1f80c4, #69a8d4);
	background: linear-gradient(to bottom, #1f80c4, #69a8d4);
	border-radius:5px;
	text-align:center;
	font-weight:bold;
}
#navi .menulinkout a:hover{
	background: -moz-linear-gradient(top, #B4DAF3, #E1EEF7);
	background: -webkit-linear-gradient(top, #B4DAF3, #E1EEF7);
	background: linear-gradient(to bottom, #B4DAF3, #E1EEF7);
	color:#00449e;
}

#navi .menulinkin{
	width:100%;
	position: absolute;
	top: 50%; /*親要素を起点に上から50%*/
	left: 50%;  /*親要素を起点に左から50%*/
	transform: translateY(-50%) translateX(-50%); /*要素の大きさの半分ずつを戻す*/
	-webkit-transform: translateY(-50%) translateX(-50%);
}

#sub dl{
	margin:0 0 20px;
	pading:0;
	font-size:90%;
}
#sub dl dt{
	background-color:#046eb8;
	color:#FFFFFF;
	border-top-left-radius : 5px;
	border-top-right-radius : 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	margin:0;
	padding:10px;
	font-weight:bold;
	font-size:120%;
	text-align:center;
	box-sizing: border-box;
}
#sub dl dd{
	border-left:solid 1px #046eb8;
	border-right:solid 1px #046eb8;
	border-bottom:solid 1px #046eb8;
	border-bottom-left-radius : 5px;
	border-bottom-right-radius : 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	margin:0 0 20px;
	padding:10px;
	box-sizing: border-box;
	line-height:1.2;
}
#sub dl dd p.telephone{
	font-size:120%;
}
#sub dl dd p.opendate{
	font-size:90%;
}
#sub dl dd p{
	color:#046eb8;
	text-align:center;
}
#sub dl dd p.linkbtn a{
	display:block;
	background-color:#01a29a;
	text-decoration:none;
	color:#FFFFFF;
	text-align:left;
	border-radius:5px;
	background-image:url("../images/arw_right.png");
	background-position:right 5px center;
	background-repeat:no-repeat;
	line-height:1.6;
	padding: 10px 50px 10px 10px;
	font-size:90%;
}
#sub dl dd#sink,
#sub dl dd#sink p,
#sub dl dd#meter,
#sub dl dd#meter p{
	padding:0;
	margin:0;
}
#sub dl dd#sink a,
#sub dl dd#meter a{
	display:block;
	padding:20px 10px;
	text-decoration:none;
	text-align:left;
	background-position:right 5px center;
	background-repeat:no-repeat;
	color:#046eb8;
}
#sub dl dd#sink a{
	background-image:url("../images/bk_sink.png");
}
#sub dl dd#meter a{
	background-image:url("../images/bk_meter.png");
}



/* 定義リスト */
#main dl dt{
	margin:0.5em 0 0.2em 0;
}

#main dl dd{
	display:list-item;
	list-style-image:url(../images/pin_menu4.gif);
	margin:0 0 0 2em;
	padding:0;
}


/* コンテンツ一覧（2階層目） */
#main #contents_list dt{
	margin:2em 0 -51px 0;
}
#main #contents_list dd{
	margin-left:155px;
}

sup{
	line-height:5px;
}

/* 注意等 */
.attention{
	color:#FF6600;
}

/* ページのトップへ */
.pagetop{
	font-size:90%;
	padding-top:2em;
	padding-bottom:2em;
	text-align:right;
	clear:both;
}

#footer{
	padding-top:1px;
}

/*--------------------*/
#part .part-box {
	width: auto;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 20px;
	margin-left: 5px;
}

.title {
	background-color:#00A4A1;
	font-weight: bold;
	color: #FFFFFF;
}

#mapinfo {
	text-align: right;
	width: 460px;
	margin: 0px;
}

#mapinfo {
	text-align: right;
	width: 460px;
	margin: 0px;
}
#change {
	font-size: smaller;
}
.institution {
	margin-top: 10px;
}

/*--------------------
画像（回り込み)
--------------------*/

.photoLeft{
	float:left;
	padding:0 1em 0.5em 0;
}

.photoRight{
	float:right;
	padding:0 0 0.5em 1em;
}

/*--------------------
画像（横位置)
--------------------*/

.photoCenter{
	text-align:center;
}

.alignLeft{
	text-align:left;
}

.alignRight{
	text-align:right;
}

/*---------- 表 ----------*/
table td.num{
	text-align:right !important;
}
table.dsptbl{
	width:100%;
}
table.dsptbl tr th,
table.dsptbl tr td{
	padding:10px;
}

/*---------- btn ----------*/
.btn{
	padding-top:1em !important;
	text-align:center !important;
}


/*---------- 悪徳商法用 -----------*/
.case li{
	border-bottom:#ccc solid 1px;
	padding:0.5em 0;
}


/******************************************************************

							システム共通

******************************************************************/

p.paging {
	border-bottom:1px solid #CCCCCC;
	padding:0;
	text-align:right;
}

.pagenavi{
	text-align:right;
	padding:0 0 15px 0;
}

.pagenavi ul{
	list-style:none;
	margin:10px 0 0;
	padding:0;
	text-align:right;
}

.pagenavi ul li{
	background:none;
	display:inline;
	line-height:1em;
	margin:0 2px 0 0;
	padding:0;
}

.pagenavi .cur,
.pagenavi a{
	padding:3px 6px;
}

.pagenavi ul li a{
	background:#007CC3;
	color:#FFFFFF;
	text-decoration:none;
}

.pagenavi a:hover,
.pagenavi .active{
	background:#C5C5C5;
	color:#FFFFFF;
}

.alert,
.hissu {
	color: #FF0000;
}
ul.err_navi {
	border: 2px solid #FF0000;
	color: #FF0000;
	margin: 0 0 1em;
	padding: 2px 2px 2px 30px;
}
ul.err_navi li{
	list-style:circle;
	padding:0 5px;
}

/******************************************************************

							新着情報

******************************************************************/
/*---------- 新着情報 ----------*/
#main .newslist{
	padding: 0 10px 3em 0;
}


#main .newslist dl{
	padding: 10px 0 0;
	border-bottom:dotted 1px #b4b3b4;
	margin:0;
}

#main .newslist dl dt{
	background-image:url(../images/arw_right3.png);
	background-position:5px center;
	background-repeat:no-repeat;
	margin:0 0 -1.7em 0;
	padding:0 0 0 20px;
}
#main .newslist dl dd a{
	text-decoration:none;
}
#main .newslist dl dd a:hover{
	text-decoration:underline;
}

#main .newslist dl dd{
	padding:0 0 0.5em 11em;
}
#main .newslist dl dd{
	list-style:none;
}