@charset "utf-8";

@import "./reset.css";


/* 共通レイアウト
--------------------------------------------------------- */
img{}
body{
	text-align: center;
	margin: 0;
	padding: 0;
	font-size: 0.9em;
	font-family: Verdana, Roboto, "Droid Sans", "メイリオ", Meiryo, sans-serif;
	color: #222222;
	word-wrap: break-word;
	overflow-wrap: break-word;
}
a{
	color: #03c;
	text-decoration: underline;
}
	a[href]:hover { 
		color: #2062a3;
		/* background: #E0FFE0; */
	}
	a:visited{ color: #942; }
p{ margin: 0; }
ul{
	margin-left: 0;
	padding-left: 1em;
	list-style: none;
}
	li{
		line-height: 2;
	}	
h1,h2,h3,h4,h5,h6{
	margin: 0px;
	padding: 0px;
}
pre{ margin: 0.2em 0; }

/* 汎用
--------------------------------------------------------- */

/* clearfix */
.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
	line-height: 0;
	font-size: 0;
    visibility: hidden;
}
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }

/* margin-top */
.mt05{ margin-top: 5px !important; }
.mt10{ margin-top: 10px !important; }
.mt15{ margin-top: 15px !important; }
.mt20{ margin-top: 20px !important; }
.mt25{ margin-top: 25px !important; }
.mt30{ margin-top: 30px !important; }
.mt35{ margin-top: 35px !important; }
.mt40{ margin-top: 40px !important; }
.mt45{ margin-top: 45px !important; }
.mt50{ margin-top: 50px !important; }
.mt55{ margin-top: 55px !important; }

/* margin-bottom */
.mb05{ margin-bottom: 5px !important; }
.mb10{ margin-bottom: 10px !important; }
.mb15{ margin-bottom: 15px !important; }
.mb20{ margin-bottom: 20px !important; }
.mb25{ margin-bottom: 25px !important; }
.mb30{ margin-bottom: 30px !important; }
.mb35{ margin-bottom: 35px !important; }
.mb40{ margin-bottom: 40px !important; }
.mb45{ margin-bottom: 45px !important; }
.mb50{ margin-bottom: 50px !important; }
.mb55{ margin-bottom: 55px !important; }

/* margin-left */
.ml05{ margin-left: 5px !important; }
.ml10{ margin-left: 10px !important; }
.ml15{ margin-left: 15px !important; }
.ml20{ margin-left: 20px !important; }
.ml25{ margin-left: 25px !important; }
.ml30{ margin-left: 30px !important; }
.ml35{ margin-left: 35px !important; }
.ml40{ margin-left: 40px !important; }
.ml45{ margin-left: 45px !important; }
.ml50{ margin-left: 50px !important; }
.ml55{ margin-left: 55px !important; }

/* margin-right */
.mr05{ margin-right: 5px !important; }
.mr10{ margin-right: 10px !important; }
.mr15{ margin-right: 15px !important; }
.mr20{ margin-right: 20px !important; }
.mr25{ margin-right: 25px !important; }
.mr30{ margin-right: 30px !important; }
.mr35{ margin-right: 35px !important; }
.mr40{ margin-right: 40px !important; }
.mr45{ margin-right: 45px !important; }
.mr50{ margin-right: 50px !important; }
.mr55{ margin-right: 55px !important; }

/* float */
.flL{ float: left; }
.flR{ float: right; }

/* textaline */
.taLeft{ text-align: left !important; }
.taRight{ text-align: right !important; }
.taCenter{ text-align: center !important; }

/* indent */
.indent01{
	text-indent: 1em;
}

/* link */
.txtlink01{
	padding-left: 29px;
	background: url(../image/cmn_ico_arrow01.gif) 10px 0.5em no-repeat;
	line-height: 20px;
}
.txtlink02{
	padding-left: 29px;
	background: url(../image/cmn_ico_arrow02.gif) left 0em no-repeat;
	line-height: 20px;
}

/* nowrap */
.wsNowrap { white-space: nowrap; }

/* cursor */
.defaultCursor{ cursor: default !important; }
.pointerCursor{ cursor: pointer !important; }

/* other */
.fontL{
	font-size: 160%;
	line-height: 170%;
}
.fontRed{ color: #ed1b24; }

.bold{ font-weight:bold; }


/* ページトップ
--------------------------------------------------------- */
#pagetopWrapper, #pagetop{
	display: block;
	height: 0px;
	font-size: 0;
	line-height: 0px;
}

/* 読み上げ用
--------------------------------------------------------- */
#blockskip{
    background-color: #f2f2f2;
    text-align: center;
    color: #222;
}
#blockskip a.reader {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0,0,0,0);
	border: 0;
}
#blockskip a.reader:active,
#blockskip a.reader:focus {
	position: static;
	width: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	clip: auto;
}


/* ヘッダ
--------------------------------------------------------- */
#headerWrapper{
	width: 100%;
	text-align: center;
}

#headerLine{
	width: 100%;
	background-color: #007684;
	padding:1em auto;
}
#headerLine #leadtext{
	width: 980px;
	margin:0 auto;
	font-size: 14px;	/* -- 文字サイズ固定 -- */
	color: #fff;
	text-align: left;
	line-height:2.2em;
}

#headerContent{
	width: 980px;
	margin:14px auto;
	text-align: left;
}
	#sitelogo{
		width: 480px;
		float: left;
	}
		#sitelogo a img{
			border: none;
		}

#headerContentR01{
	width: 500px;
	margin-top: 6px;
	float: right;
	text-align: right;
}
	/* 言語選択 */
	#langLink{
		float: left;
		padding: 2px 12px;
		font-size: 14px;	/* -- 文字サイズ固定 -- */
	}
	#langLink ul{
		text-align: left;
		line-height: 1;
		vertical-align: text-top;
	}
	#langLink ul li{
		display: inline-block;
		font-size: 1em;
		line-height:1;
	}
	#langLink ul li.ico_pipe{
		background: url(../image/ico_pipe01.png) no-repeat left 50%;
		background-size: 12px 16px;
		padding-left: 20px;
	}
	#langLink ul li.korea{
		font-family: "NaumGothic";
		font-size: 96%;
		background: url(../image/ico_pipe01.png) no-repeat left 50%;
		background-size: 12px 16px;
		padding-left: 20px;
	}
		#langLink ul li a{
			display: inline-block;
		}

	/* 文字サイズ */
	#fontSize{
		float: right;
	}
	#fontSize dl{
		float: left;
	}
	#fontSize dl dt{
		float: left;
		vertical-align: middle;
		line-height: 1em;
	}
	#fontSize dl dt.txtSize{
		font-size: 14px;
		padding: 4px 5px;
	}
	#fontSize dl dd{
		display: inline-block;
		vertical-align: middle;
		font-size: 0.8em;
		line-height: 0.8em;
		cursor: pointer;
	}
	#fontSize dl dd:first-child{
		float: left;
		padding-left: 8em;
	}

	#fontSize dl dd.txt_normal a span.setFont , #fontSize dl dd.txt_big a span.setFont{
		display: none;
	}

	#fontSize dl dd.txt_normal a{
		background: url(../image/btn_textNormalOff.png) no-repeat right center;
		display: block;
		width: 45px;
		height: 24px;
	}
	#fontSize dl dd.txt_normal a:hover{
		background: url(../image/btn_textNormalOn.png) no-repeat right center;
	}
	#fontSize dl dd.txt_big a{
		background: url(../image/btn_textLargeOff.png) no-repeat right center;
		display: block;
		width: 44px;
		height: 24px;
	}
	#fontSize dl dd.txt_big a:hover{
		background: url(../image/btn_textLargeOn.png) no-repeat right center;
	}


#headerContentR02{
	width: 500px;
	margin-top: 10px;
	float: right;
	text-align: right;
}
	/* サイト内検索 */
	#searchBoxWrapper dl{
		float: right;
		width: 320px;
		padding-left: 50px;
		font-size: 0;
		overflow: hidden;
	}
	#searchBoxWrapper dt{
		display: inline-block;
		vertical-align: middle;
		font-size: 1em;
	}
	#searchBoxWrapper dd{
		display: inline-block;
		vertical-align: middle;
		margin-left: 6px;
		font-size: 0;
	}

	/* snsButton */
	#snsBtnWrapper{
		float: right;
		width: 112px;
		overflow: hidden;
	}
	#snsBtnWrapper ul#snsBtn{
		margin: 0;
		padding: 0;
		list-style: none;
	}
	#snsBtnWrapper ul#snsBtn li {
		float: left;
		width: 24px;
		margin-left: 10px;
		line-height: 1;
	}
	#snsBtnWrapper ul#snsBtn li:first-child {
		margin-left: 20px;
	}
	#snsBtnWrapper ul#snsBtn li:last-child {
		margin-right: 0;
	}
	#snsBtnWrapper ul#snsBtn li a img{
		border: none;
	}

#headerContentR01:after , 
#headerContentR02:after{
    clear: both;
    content: ".";
    display: block;
    height: 0;
	line-height: 0;
	font-size: 0;
    visibility: hidden;
}


/* グローバルナビ
--------------------------------------------------------- */
#gNaviWrapper{
	width: 100%;
	text-align: center;
}

/* ------------------------- 通常時 ------ */
#gNavi{
	width: 980px;
	text-align: center;
	margin: 1em auto;
	background-color: #007684;
}
#gMenu{
	text-align: center;
	width: 980px;
}
	#gNavi ul{
		display: table;
		table-layout: fixed;
		overflow: hidden;
		width: 100%;
		list-style: none;
		font-size: 0;
	}
		#gNavi ul li{
			display: table-cell;
			margin: 0;
			padding: 0;
			font-size: medium;
			overflow: hidden;
			text-align: center;
			vertical-align: middle;
		}
		#gNavi ul#gMenu li{
			border-left: 1px solid #fff;
			box-sizing: border-box;
			min-width: 100px;
		}
		#gNavi ul#globalMenu li:first-child{
			border-left: none;
			display: none;
			box-sizing: border-box;
		}
			#gNavi ul li#gNaviBtn01 a, #gNavi ul li#gNaviBtn02 a, 
			#gNavi ul li#gNaviBtn03 a, #gNavi ul li#gNaviBtn04 a, 
			#gNavi ul li#gNaviBtn05 a, #gNavi ul li#gNaviBtn06 a, 
			#gNavi ul li#gNaviBtn08 a{
				display: block;
				padding: 24px 6px 18px;
				text-decoration: none;
				color: #fff;
				font-size: medium;	/* -------- 文字サイズ ------ */
			}
			#gNavi ul li#gNaviBtn07 a{
				display: block;
				padding: 14px 6px 14px;
				text-decoration: none;
				color: #fff;
				font-size: medium;	/* -------- 文字サイズ ------ */
			}
				#gNavi ul li a img{
					display: inline-block;
					padding-top: 0;
					border: none;
				}
				#gNavi ul li a span{
					display: block;
					padding-top: 6px;
					line-height: 1.2;
					font-size: medium;	/* -------- 文字サイズ ------ */
				}
	
			#gNavi ul#gMenu li#gNaviBtn01 a img{
				display: inline-block;
				padding-top: 0;
			}
	
		#gNavi ul li a:visited{ color: #fff; }
		#gNavi ul#gMenu li#gNaviBtn01 a:hover{
			color: #fff;
			text-decoration: none;
		}

	/* ----------------------- 緊急時 ------ */
		#gNaviEmg{
			width: 980px;
			margin: 0 auto;
			background-color: #fff;
		}
		#gMenuEmg{
			color: #c00000;
			text-align: center;
			width: 980px;
		}
			#gNaviEmg ul#gMenuEmg{
				display: table;
				border: 2px solid #c00000;
				box-sizing: border-box;
				table-layout: fixed;
				padding: 0;
				overflow: hidden;
				list-style: none;
				text-align: center;
				width: 100%;
			}
				#gNaviEmg ul li{
					display: table-cell;
					border: 2px solid #c00000;
					border-collapse: collapse;
					margin: 0;
					padding: 0;
					font-size: 1.3em;
					overflow: hidden;
					vertical-align: middle;
					line-height: 1;
				}
					#gNaviEmg ul li#gNaviBtn01 a, 
					#gNaviEmg ul li#gNaviBtn02 a,  
					#gNaviEmg ul li#gNaviBtn03 a, 
					#gNaviEmg ul li#gNaviBtn04 a, 
					#gNaviEmg ul li#gNaviBtn05 a, 
					#gNaviEmg ul li#gNaviBtn06 a{
						display: block;
						padding: 1.6em 1em;
						font-weight: bold;
						text-decoration: none;
						color: #c00000;
					}


/* パンくずリスト
--------------------------------------------------------- */

/* --------------------- 通常時 ------ */
#breadList{
	width: 980px;
	margin: 0 auto 12px;
	padding-left: 20px;
	box-sizing: border-box;
	font-size: 90%;
	text-align: left;
	line-height: 120%;
}
	#breadList ul{
		padding-left: 0;
	}
		#breadList ul li{
			display: inline;
			margin-right: 6px;
			background: url(../image/ico_breadArrow01.png) no-repeat left 50%;
			padding-left: 20px;
		}
		#breadList ul li:first-child{
			background: none;
			padding-left: 0;
		}


	/* ----------------- 緊急時 ------ */
	#breadListEmg{
		width: 980px;
		margin: 1.6em auto;
		font-size: 90%;
		text-align: center;
		line-height: 120%;
		font-weight: bold;
	}


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

/* --------------------- 通常時 ------ */
#contentsWrap h1{ 
	background-color: #F2F2F2;
	padding: 1em;
	font-size: 160%;
	line-height: 1.2;
	margin-bottom: 1em;
}
#contentsWrap h2{ 
	border-bottom: 3px solid #666;
	padding: 1em;
	font-size: 140%;
	line-height: 1.2;
	margin-bottom: 1.5em; 
}
#contentsWrap h3{ 
	border-bottom: 3px dotted #666;
	font-size: 120%;
	line-height: 1.2;
	padding: 1em;
	margin: 1.5em auto; 
}
#contentsWrap h4{ 
	border-left: 5px solid #007684;
	font-size: 110%;
	line-height: 1.2;
	padding: 0.5em 1em;
	margin: 1.5em auto; 
}
h5{
	margin: 0.3em 0;
	padding: 0.2em 0 0.2em 1em;
    text-indent: -1em;
	font-size: 100%;
	line-height: 1.2;
	font-weight: normal;
	color: #333;
}
	h5:before{
		content: "";
		display: inline-block;
		width: 0.8em;
		height: 0.8em;
		margin: 0.2em 0.4em 0 0;
		background-color: #fff;
	}
h6{
	margin: 0.3em 0;
	padding: 0.2em 0 0.2em 1.2em;
	font-size: 100%;
	line-height: 1.2;
	font-weight: normal;
	color: #333;
}

	/* ----------------- 緊急時 ------ */
	#contentsEmg01 h1 , 
	#contentsEmg01 div.contactEmg01{
		background-color: #c00000;
		font-size: 140%;
		font-weight: bold;
		color: #fff;
		line-height: 1.2;
		padding: 0.5em;
		margin: 0.5em;
	}
	#contentsEmg01 h2{
		border: none;
		background-color: #F2F2F2;
		font-size: 120%;
		font-weight: bold;
		line-height: 1.2;
		padding: 0.5em;
		margin: 0.5em;
	}
	#contentsEmg02 h2{
		border: none;
		background-color: #F2F2F2;
		font-size: 140%;
		font-weight: bold;
		line-height: 1.2;
		padding: 0.8em;
		margin: 0.5em;
	}
		#contentsEmg02 h3{
			border-bottom: 3px solid #666;
			padding: 1em;

			line-height: 1.2;
			margin: 0 1em 1.5em; 
		}

	#contentsEmg01:after{
		clear: both;
		content: ".";
		display: block;
		height: 0;
		line-height: 0;
		font-size: 0;
		visibility: hidden;	
	}


/* ページ本文
--------------------------------------------------------- */
#contentsWrap{
	width: 980px;
	margin: 0 auto 20px;
	text-align: left;
	font-size: 1em;
}
p.update{
	text-align: right;
	line-heigt: 2em;
}
#contentsWrap div , p{
	line-height: 1.6;
	margin: 1em;
}

	/* ----------------- 緊急時 ------ */
	#contentsWrap #contentsEmg01{
		margin: 0 0 2em 0;
		padding: 0;
		overflow: hidden;
	}
		#contentsEmg01 div#contentL , 
		#contentsEmg01 div#contentR{
			margin: 0;
			padding: 0;
		}
.sideSpace01{
	padding: 0 1em;
}
.sideSpace02{
	padding: 0 2em;
}

/* ---------------------------- 1カラム ------ */

.unit1col dl dt{
	display: block;
	background-color:#f2f2f2;
	border: 1px solid #ddd;
	font-size: 110%;
	line-height: 1.6;
	padding: 1em 2em;
	margin: 1em;
}
.unit1col dl dd{
	display: block;
	line-height: 1.6;
	padding: 0 2em 2em 3em;
}

	/* ----------------- 緊急時 ------ */
	#contentsWrap #contentsEmg02{
		margin: 0;
		padding: 0;
		overflow: hidden;
	}
		#contentsEmg02 table{
			margin: 0 auto;
		}

/* ---------------------------- 2カラム ------ */

#contentsWrap .unitL{
	float: left;
	width: 50%;
	margin: 0;
}
#contentsWrap .unitR{
	float: right;
	width: 50%;
	margin: 0;
}
.unitL dl dt , .unitR dl dt{
	display: block;
	background-color:#f2f2f2;
	border: 1px solid #ddd;
	font-size: 110%;
	line-height: 1.6;
	padding: 1em 1.2em;
	margin: 1em;
}
.unitL dl dd , .unitR dl dd{
	display: block;
	line-height: 1.6;
	padding: 0 1em;
}

	/* ---------------------- 緊急時2カラム ------ */
	
	#contentsEmg01 #contentL{
		float: left;
		width: 640px;
	}
	#contentsEmg01 #contentR{
		float: right;
		width: 300px;
	}
	#contentsEmg01 #contentL ,
	#contentsEmg01 #contentR{
		border: 3px solid #c00000;
		box-sizing: border-box;
		margin-bottom: 3em;
	}

/* ------------------------------------ コンテンツ内 ------ */

/* CMS「内容」出力枠
----------------------------------------------- */
.edit{ 
	box-sizing: border-box;
	clear: both;
}
.edit ul {}
.edit ol {}
.edit table {
	border-collapse:collapse;
	max-width: 100%;
}
.edit img {
    max-width: 100%; 
	box-sizing: border-box;
}

/* ---------------------------- お知らせ ------ */
#news01 dl{
	margin: 0 3em 2em;
	overflow: hidden;
}
	#news01 dl dt{
		display: block;
		float: left;
		clear: both;
		white-space: nowrap;
		width: 18%;
		padding: 0.5em;
		line-height: 1.4;
	}
	#news01 dl dd{
		display: block;
		float: right;
		width: 75%;
		padding: 0.5em;
		line-height: 1.4;
	}

#news01 ul.linkList04{
	margin: 0 3em 2em 3.5em;
}
#news01 ul.linkList04 li{
	word-wrap: break-word;
	overflow-wrap: break-word;
}


/* -------------------------------------------- linkList ------ */
#contentsWrap ul{
	list-style-type: disc;
	line-height: 1.4;
	margin: 0.5em 0.5em 0.5em 1.5em;
	padding: 0.5em 1em;
	box-sizing: border-box;
}
	#contentsWrap ul.noDisc{
		list-style-type: none;
		margin: 0.5em 0;
	}
#contentsWrap ol{
	list-style-type: decimal;
	line-height: 1.4;
	margin: 0.5em 0.5em 0.5em 1.5em;
	padding: 0.5em 1em;
	box-sizing: border-box;
}

/*------ linkList001 ----------------------*/
#contentsWrap .linkList001 , 
#contentsWrap .linkList001 ul.innerList{
	margin: 0;
	padding-left: 0;
	list-style-type: none;
}
	#contentsWrap .linkList001 li.pdf{
		display: inline-block;
		background: url(../image/ico_pdf01.png) no-repeat right 55%;
		padding-right: 20px;
		line-height: 2em;
	}
	#contentsWrap .linkList001 li.xls{
		display: inline-block;
		background: url(../image/ico_xls01.png) no-repeat right 55%;
		padding-right: 20px;
		line-height: 2em;
	}
	#contentsWrap .linkList001 li.doc{
		display: inline-block;
		background: url(../image/ico_doc01.png) no-repeat right 55%;
		padding-right: 20px;
		line-height: 2em;
	}
	#contentsWrap .linkList001 li.txt{
		display: inline-block;
		background: url(../image/ico_txt01.png) no-repeat right 55%;
		padding-right: 20px;
		line-height: 2em;
	}
	#contentsWrap .linkList001 li.blank{
		display: inline-block;
		background: url(../image/ico_blank01.png) no-repeat right 55%;
		padding-right: 20px;
		line-height: 2em;
	}

/*------ linkList02 ----------------------*/
#contentsWrap .linkList02{
	margin:0.5em 0;
	list-style: none;
}
	#contentsWrap .linkList02 .blank{
		line-height: 2em;
	}
	#contentsWrap .linkList02 li.pdf{
		background: url(../image/ico_pdf01.png) no-repeat left 0.5em;
		padding-left: 20px;
		line-height: 2em;
	}
	#contentsWrap .linkList02 li.xls{
		background: url(../image/ico_xls01.png) no-repeat left 0.5em;
		padding-left: 20px;
		line-height: 2em;
	}
	#contentsWrap .linkList02 li.doc{
		background: url(../image/ico_doc01.png) no-repeat left 0.5em;
		padding-left: 20px;
		line-height: 2em;
	}
	#contentsWrap .linkList02 li.txt{
		background: url(../image/ico_txt01.png) no-repeat left 0.5em;
		padding-left: 20px;
		line-height: 2em;
	}
	#contentsWrap .linkList02 a[target="_blank"]:after{
		content: "";
		display: inline-block;
		width: 15px;
		height: 15px;
		background: url(../image/ico_blank01.png) no-repeat left 55%;
		background-size: 15px;
		margin: 0 0.1em -0.1em 0.1em;
		bottom: -1px;
	}

/*------ linkList03 ----------------------*/
#contentsWrap .linkList03{
	margin:0.5em 2em;
	list-style-type: none;
}
#contentsWrap .linkList03 li{
	line-height: 2em;
	text-indent: -0.5em;
}
#contentsWrap .linkList03 li:before{
	content: '';
	width: 6px;
	height: 6px;
	display: inline-block;
	border-radius: 100%;
	background: #666;
	position: relative;
	left: -12px;
	top: -2px;
}
	#contentsWrap .linkList03 li span.pdf:before{
		content: " ";
		background: url(../image/ico_pdf01.png) no-repeat 60% 55%;
		padding: 0 10px 0 20px;
		line-height: 2;
	}
		#contentsWrap .linkList03 li span.pdf{
			display: inline-block;
		}
	#contentsWrap .linkList03 li span.xls:before{
		content: " ";
		background: url(../image/ico_xls01.png) no-repeat 60% 55%;
		padding: 0 10px 0 20px;
		line-height: 2;
	}
		#contentsWrap .linkList03 li span.xls{
			display: inline-block;
		}
	#contentsWrap .linkList03 li span.doc:before{
		content: " ";
		background: url(../image/ico_doc01.png) no-repeat 60% 55%;
		padding: 0 10px 0 20px;
		line-height: 2;
	}
		#contentsWrap .linkList03 li span.doc{
			display: inline-block;
		}
	#contentsWrap .linkList03 li span.txt:before{
		content: " ";
		background: url(../image/ico_txt01.png) no-repeat 60% 55%;
		padding: 0 10px 0 20px;
		line-height: 2;
	}
		#contentsWrap .linkList03 li span.txt{
			display: inline-block;
		}
	#contentsWrap .linkList03 li.blank a:after{
		content: "";
		display: inline-block;
		width: 15px;
		height: 15px;
		background: url(../image/ico_blank01.png) no-repeat left 55%;
		background-size: 15px;
		margin: 0 0.1em -0.1em 0.1em;
		bottom: -1px;
	}

/*------ linkList04 ----------------------*/
#contentsWrap .linkList04{
	margin: 0.5em 1em 2em 2em;
	list-style-type: none;
}
#contentsWrap .linkList04 li{
	line-height: 2em;
	text-indent: -0.5em;
}
#contentsWrap .linkList04 li:before{
	content: '';
	width: 10px;
	height: 10px;
	display: inline-block;
	border-radius: 20%;
	background: #007684;
	position: relative;
	left: -12px;
	top: 0px;
}

/*------ linkList05 ----------------------*/
#contentsWrap dl.linkList05{
	margin: 0.5em 2em 2em 3em;
	list-style-type: none;
}
	#contentsWrap dl.linkList05 dt{
		margin-top: 0.5em;
		text-indent: -0.5em;
		font-weight:bold;
		line-height: 2em;
	}
	#contentsWrap dl.linkList05 dt:before{
		content: '';
		width: 6px;
		height: 6px;
		display: inline-block;
		border-radius: 100%;
		background: #666;
		position: relative;
		left: -12px;
		top: -2px;
	}
	#contentsWrap dl.linkList05 dd{
		line-height: 2em;
	}
		#contentsWrap dl.linkList05 dd a{
			cursor: pointer;
		}

/*------ linkList06 ----------------------*/
#contentsWrap .linkList06{
	margin: 0.5em 3em 2em;
	list-style-type: none;
}
#contentsWrap .linkList06 li{
	line-height: 2em;
	text-indent: -0.5em;
}
#contentsWrap .linkList06 li:before{
	content: '';
	width: 8px;
	height: 8px;
	display: inline-block;
	border-radius: 100%;
	background: #666;
	position: relative;
	left: -12px;
	top: 0px;
}

/*------ linkList07 ----------------------*/
#contentsWrap .linkList07{
	margin:0.5em 0;
	list-style-type: none;
	}

	/* ico after */
	#contentsWrap .linkList07 a.pdf{   
		background: url(../image/ico_pdf01.png) no-repeat 100% 50%; 
		padding-right: 18px;
	}
	#contentsWrap .linkList07 a.xls{   
		background: url(../image/ico_xls01.png) no-repeat 100% 50%; 
		padding-right: 18px;
	}
	#contentsWrap .linkList07 a.doc{   
		background: url(../image/ico_doc01.png) no-repeat 100% 50%; 
		padding-right: 18px;
	}
	#contentsWrap .linkList07 a.txt{   
		background: url(../image/ico_txt01.png) no-repeat 100% 50%; 
		padding-right: 18px;
	}
		#contentsWrap .linkList07 a.blank{
			padding-right: 18px;
			background: url(../image/ico_blank01.png) no-repeat 100% 50%;
		}

/* ------------------ ico ------ */
.pdfSuf{
	display: inline;
	background: url(../image/ico_pdf01.png) no-repeat right 55%;
	padding-right: 20px;
	margin-right: 0.4em;
	line-height: 2em;
}	
.xlsSuf{
	display: inline;
	background: url(../image/ico_xls01.png) no-repeat right 55%;
	padding-right: 20px;
	margin-right: 0.4em;
	line-height: 2em;
}	
.docSuf{
	display: inline;
	background: url(../image/ico_doc01.png) no-repeat right 55%;
	padding-right: 20px;
	margin-right: 0.4em;
	line-height: 2em;
}	
.txtSuf{
	display: inline;
	background: url(../image/ico_txt01.png) no-repeat right 55%;
	padding-right: 20px;
	margin-right: 0.4em;
	line-height: 2em;
}	
.blankSuf{
	display: inline;
	background: url(../image/ico_blank01.png) no-repeat right 55%;
	padding-right: 20px;
	margin-right: 0.4em;
	line-height: 2em;
}	

span.blank{
	background: url(../image/ico_blank01.png) no-repeat right  55%;
	display: inline-block;
	padding:0.2em 1em 0.2em 0;
}

/* ------------------ map ------ */
#contentsWrap div.map01{
	margin: 0 3em 2em;
	line-height: 1.2;
}
#contentsWrap div.map02{
	margin: 0 auto 2em;
	line-height: 1.2;
}
#contentsWrap div.map01 div , 
#contentsWrap div.map02 div{
	margin: 0;
	line-height: 1.2;
}

/* ------------------ txtBox ------ */
.txtBox01{
	display: block;
	background-color:#F2F2F2;
	padding: 1em 1.2em;
	margin: 1em;
}

.txtBox02{
	display: inline-block;
    background: #F2F2F2;
    border-radius: 10px;
    padding: 0.4em 1em;
    line-height: 1.6;
}


/* ------------------ button ------ */
#contentsWrap ul.btnList01{
	list-style-type: none;
}
.backBtn01{
	width: 200px;
	font-weight: bold;
	text-decoration: none;
	display: block;
	text-align: center;
	padding: 14px 0 15px;
	color: #fff;
	background-color: #007684;
	border-radius: 4px;
	/*	box-shadow: 1px 1px #007684; */
}

.backBtn02 {
	font-weight: normal;
	display: inline-block;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	line-height: 2em;
	outline: none;
	padding: 0 2em;
}
.backBtn02{
	border: 1px solid #006874;
	background-color: #006874;
	background-image: -webkit-linear-gradient(top, #368F99, #006874);
	background-image: linear-gradient(to bottom, #368F99, #006874);
	border-radius: 4px;
	color: #fff;
	line-height: 3em;
	-webkit-transition: none;
	transition: none;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}
	.backBtn02::before,
	.backBtn02::after {
		position: absolute;
		z-index: -1;
		display: block;
		content: '';
	}
	.backBtn02,
	.backBtn02::before,
	.backBtn02::after {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-transition: all .3s;
		transition: none .3s;
	}
	.backBtn02:hover {
		border:1px solid #007684;
		background-color: #007684;
		background-image: -webkit-linear-gradient(top, #40a8b4, #007684);
		background-image: linear-gradient(to bottom, #40a8b4, #007684);
	}

a.backBtn01 , a.backBtn02{
	text-decoration: none;
	color: #fff;
}
a.backBtn01:visited , a.backBtn02:visited ,
a.backBtn01:hover , a.backBtn02:hover{
	color: #fff;
}


/* ------------------------ table ------ */

/* ------ イベントカレンダー ------*/
.moChange{
	margin: 1em;
	font-size: 1.2em;
}
	.moChange .moBefore{
		float: left;
	}
	.moChange .moAfter{
		float: right;
	}

#contentsWrap #calender{
	width: 100%;
	margin: 0;
}
#calender table{
    width: 98%;
    margin: 0 auto 2em;
    border-collapse: collapse;
    border-spacing: 0;
}
#calender caption{
	margin-bottom: 0.5em;
	font-size: 1.2em;
}
	#calender table th{
		border: 1px solid #ddd;
		background-color: #f2f2f2;
    	padding: 1em;
		line-height: 1.2;
		text-align: center;
		white-space: nowrap;
	}
#calender table td{
		border: 1px solid #ddd;
		background-color: #fff;
    	padding: 1em 0.8em;
		line-height: 1.2;
		vertical-align: middle;
		max-width: 21em;
	}
		#calender table td ul{
			margin: 0.4em 0.2em 0.4em 0;
			padding: 0;
			list-style: none;
		}
		#calender table td ul li{
			margin-bottom: 0.4em;
			padding-left: 0;
			line-height: 1.2;
		}

/* ------ others --------------*/
.table01{
	width: 940px;
	margin: 0 auto;
}
.table01 table{
    width: 100%;
    margin: 1em auto 2em;
    border-collapse: collapse;
    border-spacing: 0;
}
	.table01 table th{
		border: 1px solid #ddd;
		background-color: #C4DFF8;
    	padding: 1em;
		line-height: 1.2;
		text-align: center;
	}
	.table01 table td{
		border: 1px solid #ddd;
		background-color: #fff;
    	padding:1em;
		line-height: 1.2;
		vertical-align: middle;
	}
		.table01 table td ul{
			padding-left: 0;
		}
		.table01 table td ul li{
			margin-bottom: 0.4em;
			padding-left: 0;
			line-height: 1.2;
		}

	/* ----------------- 緊急時 ------ */
	#contentsEmg02 .table01{
		margin: 1em auto 3em;
	}
		#contentsEmg02 .table01 ul{
			margin: 0.4em 0.6em;
			padding: 0;
			list-style: none;
		}


/* アンケート お問い合わせ
--------------------------------------------------------- */

/* questionBox , inquiryBox */
#questionBox h2,
#inquiryBox h2{
	margin-bottom: 0;
	padding: 8px 20px;
	display: inline-block;
	min-width: 225px;
	background: #007684;
	border: none;
	color: #fff;
	font-size: 110%;
}
#questionBox .inline,
#inquiryBox .inline {
	position: relative;
	margin-bottom: 30px;
	border: 1px solid #007684;
	background: rgba(235,241,222,.2);
}

/* question_box */
#contentsWrap #questionBox {
	margin-top: 60px;
}
#questionBox .inline {
	margin: 0;
	padding: 0 0 30px 0;
}
#questionBox .answerBtn {
	margin: 0;
	padding: 10px 20px;
}
#questionBox label {
	display: inline-block;
	min-width: 140px;
}
#questionBox br {
	display: none;
}
#questionBox .sendBtn {
	position: absolute;
	margin: 0;
	right: 0;
	bottom: 0;
}
#questionBox .sendBtn input {
	padding: 8px 20px;
	border: none;
	background: #007684;
	color: #fff;
	cursor: pointer;
}
#questionBox fieldset{
	border: none;
	margin-inline: 0;
	padding: 0;
}
#questionBox fieldset legend {
	display: block;
	width: 100%;
	font-size: 1.2em;
	text-align: left;
	text-indent: 1em;
	padding-top: 10px;
	padding-bottom: 10px;
	margin: 0;
	font-weight: normal;
	background: rgba(235,241,222,.8);
	border: none;
}

/* inquiryBox */
#contentsWrap #inquiryBox {
	margin-top: 30px;
}
#inquiryBox .inline {
	margin: 0;
	padding: 20px;
}
#inquiryBox dt {
	margin-bottom: 5px;
	font-weight: bold;
}
.formLink {
	position: absolute;
	right: 0;
	bottom: 0;
	background: #007684;
	color: #fff;
}
.formLink a {
	display: inline-block;
	padding: 8px 15px;
	color: #fff;
	text-decoration: none;
}


/* フッター
--------------------------------------------------------- */
#footer{
	width: 100%;
	font-size: 15px;
	text-align: center;
	margin-top: 100px;
}

#footerInner{
	width: 100%;
	background-color: #F2F2F2;
	padding: 1.5em 0 2em;
	line-height: 1.6em;
	text-align: center;
}

	/* ページトップへ */
	#pageTopLinkWrapper{
		width: 980px;
		margin: 0 auto;
		text-align:right;
	}
		#pageTopLink{
			width: 980px;
			position: relative;
			text-align:right;
		}
		p#pagetopBtn{
			position: absolute;
			top: -70px;
			right: 20px;
		}
		p#pagetopBtn img{
			border: none;
		}

#footerContent{
	width: 980px;
	margin: auto;
	text-align: left;
}

#footerContentL{
	float: left;
}
#footerContentR{
	float: left;
	margin-top: 3em;
	margin-left: 3em;
}

#footerLink li{
	float: left;
	margin-right: 2em;
	white-space: nowrap;
}
	#footerLink li a {
		background: url(../image/ico_arrow01.png) no-repeat left center;
		padding-left: 16px;
	}

#footer address{
	font-style:normal;
	line-height:1.6em;
}

#footer a{ text-decoration: underline; }
#footer a:hover{ text-decoration: none; }


/* copyright */
#copyrightWrapper{
	width: 100%;
	background-color: #007684;
	color: #fff;
	padding: 0.5em 0;
	text-align: center;
	font-size: 14px;
}

#copyrightInner{
	width: 980px;
	margin: 0 auto;
	padding: 16px auto;
	text-align: center;
}
#copyrightInner p{
	margin: 0;
	padding: 0;
	line-height: 1.1;
}