@charset "utf-8";
/* ===================================================================
CSS information

 File Name  : common.css
=================================================================== */

body {
	margin :0 auto;
	font-family:  "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", sans-serif;
	font-size:90%;
	color: #333;
}

#policy li a ,
#gotop a {
	color: #020e24;
	text-decoration: none;
}
#policy li a:hover,
#gotop a:hover {
	color: #00b4cc;
	text-decoration: none;
}
#PAGENAVIGATION,
#NAVITITLE,
#MAINTITLE {
	display:none;
}
#header{
	width: 100%;
	border-bottom: 2px solid #C6C6C6;
}
	#header h1{
		float:left;
		width: 540px;
		padding: 20px 0 0 10px;
}
	#header h1 a:hover{
		opacity: 0.8;
}
#header_inner{
	padding-top: 10px;
	max-width:1280px;
	min-width:940px;
	margin: 0 auto;
}
#header_right{
	float:right;
	width:300px;
	text-align: right;
}

#head_link {
	float:left;
	clear:both;
}

#head_link li {
		padding-left: 14px;
		background: url(../images/arrow03.png) no-repeat 0 6px;
	}

#header_inner {
 	background: url(../images/mainImg.jpg) left top no-repeat;
}

#jst_logo {
	padding: 4px;
	background-color: rgba(255, 255, 255, 0.6);
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#66ffffff,EndColorStr=#66ffffff);/*IE8以下用*/
}

/*文字サイズ変更*/
#FONTTOOL {
	margin:0;
	padding:0;
	float:right;

}
	#FONTTOOL li {
		width: 28px;
		height: 26px;
		list-style:none;
		padding:0;
		margin:0 2px 2px 0;
		float:left;
	}

/*  パンくず  */
#breadCrumbs {
	padding-bottom: 20px;
}

/*検索*/
#search {
	clear:both;
	padding: 0;
	margin: 0;
	line-height: 0;
	font-size: 80%;
}

#search input[type=text]{
	background: url("http://www.google.com/cse/intl/ja/images/google_custom_search_watermark.gif") no-repeat scroll left center #FFF;
}

	#search input[type=text]:focus{
		background:white;
	}
#search .cse
#search .gsc-control-cse,
#search .gsc-control-cse {
	padding:0;
	margin:0;
}
.search_text {
	width:160px;
	height: 20px;
	border:solid 1px #ccc;
}
.gsc-search-button {
	vertical-align: middle;
}
#search input.gsc-input,
#search .gsc-input-box,
#search .gsc-input-box-hover,
#search .gsc-input-box-focus {
	border:solid 1px #008BD5;
	border-radius :3px
}
#search td {
	padding:0;
}

/*ナビゲーション*/
#menu {
	width: 100%;
	clear:both;
	background:
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,dbe0e6+100 */
background: #ffffff; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkYmUwZTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #ffffff 0%, #dbe0e6 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dbe0e6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#dbe0e6 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#dbe0e6 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#dbe0e6 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#dbe0e6 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dbe0e6',GradientType=0 ); /* IE6-8 */
}

#menu_inner {
	max-width:1280px;
	min-width:940px;
	margin: 0 auto;
	height: 55px;
}

	#menu ul {
		overflow:hidden;
	}
	#menu li {
		float:left;
		width: 16.5%;
		border-right: solid 1px #DDD;
		text-align: left;
		background:
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,dbe0e6+100 */
background: #ffffff; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkYmUwZTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #ffffff 0%, #dbe0e6 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dbe0e6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#dbe0e6 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#dbe0e6 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#dbe0e6 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#dbe0e6 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dbe0e6',GradientType=0 ); /* IE6-8 */
}


	#menu a{
		text-decoration: none;
		color: #333;
		font-weight: bold;
		text-align: center;
		height:50px;
		line-height:55px;
		display: block;
	}

	#menu .nav_home_on, #menu .nav_home_off:hover,
	#menu .nav_jigyo_on, #menu .nav_jigyo_off:hover,
	#menu .nav_koubo_on, #menu .nav_koubo_off:hover,
	#menu .nav_gaiyo_on, #menu .nav_gaiyo_off:hover,
	#menu .nav_event_on, #menu .nav_event_off:hover,
	#menu .nav_contact_on, #menu .nav_contact_off:hover {
			border-bottom: 5px solid #00b4cc;
}

	#menu li.contact_nav a {
		margin-bottom: -6px;
		padding-top: 6px;
		line-height: 1.5;
	}

	/*ナビゲーション201612追記*/


/*コンテンツ*/
#contents {
	max-width:1260px;
	min-width:920px;
	margin: 0 auto;
	padding: 10px 10px 30px;
	overflow: hidden;
	position:relative;
}
#contents_side {
	float: left;
	width: 230px;
}
	.fixed {
		position: fixed;
	}

.side_box {
	width: 210px;
	border:1px solid #C6C6C6;
	padding: 10px 10px 0 10px;
}
	.side_box li a{
		display: block;
		line-height: 1.5;
		margin-bottom: 10px;
		padding-left: 25px;
		background: url(../images/arrow02.gif) no-repeat 0 center;
	}
	.sideNav_ttl {
		font-size: 110%;
		margin-bottom: 0.5em;
		color:#152576;
}
.relatedlink {
	width: 230px;
}
	.relatedlink h3 {
		padding: 10px 0 10px 20px;
		text-align: left;
		border:1px solid #C6C6C6;
		-moz-border-radius: 5px 5px 0px 0px;
		-webkit-border-radius: 5px 5px 0px 0px;
		border-radius: 5px 5px 0px 0px;
		border-bottom: 2x solid #C6C6C6;
		background: rgb(255,255,255); /* Old browsers */
		background: #ffffff; /* Old browsers */
		/* IE9 SVG, needs conditional override of 'filter' to 'none' */
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkYmUwZTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top,  #ffffff 0%, #dbe0e6 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dbe0e6)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #ffffff 0%,#dbe0e6 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #ffffff 0%,#dbe0e6 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #ffffff 0%,#dbe0e6 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #ffffff 0%,#dbe0e6 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dbe0e6',GradientType=0 ); /* IE6-8 */
}
	.relatedlink h3 span {
		padding-left: 10px;
		font-weight: bold;
		color: #152576;
		border-left: 5px solid #152576;
	}
	.relatedlink ul {
		padding-top: 15px;
		border:1px solid #C6C6C6;
	}
	.relatedlink li {
		width: 180px;
		margin:0 auto 10px;
	}
#contents_main {
	margin-left: 250px;
}
.contents_txt img,.gaiyo_img img {
	width: 100%;
}
.pamphlet_box {
	padding: 15px;
	border: 1px solid #C6C6C6;
}

.box {
	padding: 10px 0 10px 20px;
	border:1px solid #C6C6C6;
	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
	border-bottom: 1px solid #C6C6C6;
}

	h3.box {
		font-size:120%;
		font-weight: bold;
		color: #152576;
	}
	h3.box span {
		padding-left: 10px;
		border-left: 5px solid #152576;
	}
	h3.box span.h3_txt {
		padding-left: 20px;
		border-left: none;
		color: #fd560a;
		font-size:85%;
	}

	h4 {
		font-size:110%;
		color: #152576;
		border-bottom:dotted 1px #020e24;
		margin:0.5em 0;
		padding:0.2em 0 0.2em 0.5em;
		font-weight: bold;
	}

.contact_ttl {
	padding: 5px 0 5px 10px;
	border-left: 10px solid #3CB371;
	border-bottom: 2px solid #3CB371;
	margin-bottom: 10px;
}

.box_inner {
	padding: 20px;
	margin-bottom: 10px;
	border: 1px solid #C6C6C6;
}
	.box_inner p{
		line-height: 1.5;
		padding: 0.5em 0;
	}
	.box_inner .news dt {
		width: 9em;
		float: left;
		padding-left: 1.5em;
	}
	.box_inner .news dd {
		margin-left: 10em;
		line-height: 1.5;
		margin-bottom: 10px;
	}
	.box_inner dl, .box_inner dd, .box_inner li {
		line-height: 1.5;
	}
#policy {
	max-width:1280px;
	min-width:940px;
	margin: 0 auto;
	padding-bottom: 10px;
}
#policy li {
	float: right;
	margin-right: 10px;
	padding-left: 17px;
	background: url(../images/arrow02.gif) no-repeat 2px center;
}
#footer{
	padding: 20px 10px;
	color: #fff;
	clear:both;
	background-color: #020e24;
}
#footer_inner {
	max-width:1280px;
	min-width:940px;
	margin: 0 auto;
	text-align: center;
}

#copy {
	max-width:1280px;
	min-width:940px;
	text-align: center;
}

h3 {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,dbe0e6+100 */
background: #ffffff; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkYmUwZTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #ffffff 0%, #dbe0e6 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dbe0e6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#dbe0e6 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#dbe0e6 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#dbe0e6 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#dbe0e6 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dbe0e6',GradientType=0 ); /* IE6-8 */

}

.news {
	padding: 1em 0;
	border-bottom: 1px solid #DDD;
}

.news dt {
	background:url(../images/arrow01.gif) no-repeat left 2px;
}

.news a {
	color:#00b4cc;
	text-decoration: none;
}

.news a:hover {
	color:#fd560a;
	text-decoration: underline;
}
	.box_inner dl.news:last-child {
		padding: 1em 0 0;
		border-bottom: none;
	}

#FONTTOOL #txt_size {
	width: 78px;
	padding-top: 4px;
}

#head_link li {
	padding-top: 4px;
}

h5 {
color: #152576;
}

#gotop {
	float: right;
	text-align:right;
	padding: 0 0 3px 15px;
	background: url(../images/arrow05.gif) no-repeat 0 6px;
}

a {
	text-decoration: none;
}

a:hover {
	color: #fd560a;
	text-decoration: underline;
}
	/* 201612追記 */
/* アイコン */
.pdf {
	background: url(../images/icon_pdf.gif) left center no-repeat;
	padding-left: 25px;
}

.more_link {
	text-align: right;
}
.pamphlet_box a,
.link_box a,
.more_link a {
	color: #00b4cc;
}
.link_box {
	margin-bottom: 10px;
	padding: 15px;
	border: 1px solid #C6C6C6;
}
.link_box img:hover {
	opacity: 0.8;
}
.event_box h4 {
	margin-top: 20px;
}
.event_box h4:first-child {
	margin-top: 0;
}
.event_gaiyou dt {
	float: left;
	margin-bottom: 3px;
	color: #152576;
	font-weight: bold;
}
.event_gaiyou dd {
	margin-left: 3.5em;
	margin-bottom: 3px;
}
.event_table {
	width: 90%;
	margin-top:1em;
}
.event_table th {
	width: 30%;
	padding: 10px 20px;
	border: 1px solid #131554;
	font-weight: bold;
	background-color: #cfe9ec;
}
.event_table td {
	padding: 10px 20px;
	border: 1px solid #131554;
}