@charset "UTF-8";

.cf:before,
.cf:after {
	content: " "; /* 1 */
	display: table; /* 2 */
}

.cf:after {
	clear: both;
}
.clear{
	clear: both;
}

/**
* For IE 6/7 only
* Include this rule to trigger hasLayout and contain floats.
*/

footer {
	z-index:1000;
}

.cf {
	*zoom: 1;
}

.aligncenter {
	text-align: center;
}
.alignright {
	text-align: right;
}
.link-pdf a {
	background: url(./000000021.gif) left center no-repeat;
	padding: 7px 0 5px 21px
}
.link-doc a {
	background: url(./000000022.gif) left center no-repeat;
	padding: 7px 0 5px 21px
}

.contents-menu2 li span{
	margin-top: 4px;
	display: block;
}

.red{
	color:#CC0000;
}

.error-message{
	color:#CC0000;
}
.green{
	color:#393;
}
span.f_s{
	font-size:90%; font-weight:normal;
}

ul.list{
	margin-left:1.5em; list-style-position:outside;


}
ul.list li{
	list-style:disc; padding-bottom:7px;

}

ul.list_tokyushu{
	margin-left:1.5em; list-style-position:outside;


}
ul.contents-menu2 li ul.list_tokyushu li{
	list-style: disc;
	padding-bottom: 4px;
	font-size: 0.9em;
	width: auto;
	float: none;
	margin: 0;
	border: none;
	line-height: 1.6em;

}
ul.contents-menu2 li a ul.list_tokyushu li{
	color:#333;

}



.frame_yellow {
	margin-bottom: 20px;
	padding: 18px 16px 16px 16px;
	border: solid 1px #FFD700;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
	-ms-border-radius: 6px;
	background: #FFFACD;
}


#maincontents p.caption{
font-size:90%; margin:0px; line-height:1.4em; padding:0px 0px 0px 0px; text-align:center;

}

dl.adobe {
  margin: 30px 0;
}

dl.adobe dt{
	float: left;
	margin-right: 15px;

}
dl.adobe dd{
float:left; font-size:95%; line-height:1.5em;

}

ul.linkbk a{
color:#333;

}

.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  *zoom: 1;
}


/* トップページ
---------------------------------------------------------------------- */



.tab{overflow:hidden;}
.tab li{
	background: #ffeded;
	padding: 7px 10px 3px 10px;
	float: left;
	margin-right: 2px;
	cursor: pointer;
	min-width: 5em;
	text-align: center;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	border: 1px solid #ffb5b5;
	border-bottom: none;
	font-size: 0.812rem;
}

.tab div.newsbtn{background:#ffe5e5; padding:0px; float:right; margin-right:3px; cursor: pointer; text-align:right;
border:none;
}

.tab li.select{background:#FFF;
border:1px solid #FFF;
border-bottom:none; }
.content .contentInner {
  background: #FFF;
  padding: 20px 10px 18px 14px;
  overflow: auto;
  height: 170px;
}
.hide {display:none;}

#topmain li{list-style:none; font-size:0rem;}



/* indent_news */

dl.indent_news {
	margin: 0px 0px 12px 0px;
	border-bottom: 1px dotted #CCC;
	padding: 2px 0px 8px 2px;
	font-size: 105%;
}

.indent_news dt {
	float: left;
	margin: 0px 14px 0px 0px;
	padding: 0px 0px 0px 0px;
	line-height: 1.5em;
}
.indent_news dt img{
	padding: 0px 0px 0px 8px;
}

.indent_news dd {
	overflow: hidden;
	margin: 0px;
	padding: 0px 0px 3px 0px;
	line-height: 1.5em;
}

.topbg{

	}

#topcontents{
	margin-top: 20px;
	}



#topnews {
  width: 736px;
  padding: 10px 6px 6px 6px;
  margin-bottom: 25px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  background: #ffe5e5;
}
#toppage #topcontents {
  display: flex;
}
#toppage #topnews {
  width: 633px;
  float: none;
  margin-right: 20px;
}
#maincontents #topnews ul,
#maincontents #topnews h3 {
  padding: 0;
  margin: 0;
}
#topnews h2 {
  font-size: 1rem;
  background: url(./000000003.png) no-repeat left center;
  padding: 0 0 0 24px;
  margin: 0 0 10px;
}

#topnews .newsbtn{
	float: right;
}

#topnews li{
	list-style:none;
}

#topcontents #banner{
	text-align:right;
}


#topbanner {
  width: 100%;
  background: url(./000000023.gif);
  border-top: 1px solid #CCC;
  padding-bottom: 50px;
}

#topbanner_area {
	width:980px; margin:0px auto; padding:16px 0px 0px 0px;
}
#topbanner_area h2 {
  font-size: 125%;
  font-weight: bold;
  padding: 0px 0px 0px 10px;
  margin: 0px 0px 1em 0px;
  border-left: 4px solid #FF6347;
  line-height: 1.5em;
  text-align: left;
}

#topbanner_area h2 span {
  font-size: 0.75rem;
  font-weight: normal;
  padding-left: 5px;
  vertical-align: bottom;
}

#topbanner_area .left_area {
  margin:0px;
  float:left;
}
#topbanner_area .left_area .inner_box {
  border:1px solid #CCC;
  background:#FFF;
  overflow: auto;
  width:398px;
  height:227px;
}

#topbanner_area .left_area ul {
	width:360px; padding:2px 10px 10px 10px; margin:0 auto;
	text-align:left;
	}
#topbanner_area .left_area li {
	line-height:1.4em; padding:17px 0px 14px 0px;
	border-bottom:1px dotted #DDD;
	list-style:none;
	font-size:108%;
	}

	#topbanner_area .left_area li a{
	color:#333;
	}

	#topbanner_area .left_area li.key{
	background: url(./000000024.gif) 0px 9px no-repeat; padding-left:36px;
	}
	#topbanner_area .left_area li.jrc{
	background: url(./000000025.gif) 0px 9px no-repeat; padding-left:36px;
	}
	#topbanner_area .left_area li.rcy{
	background: url(./000000026.gif) 0px 9px no-repeat; padding-left:36px;
	}


#topbanner_area .right_area {
  width: 574px;
  margin: 0px;
  float: right;
  text-align: left;
  margin-left: 6px;
}
.pickup_banner {
  display: flex;
  justify-content: flex-start;
  align-content: flex-start;
  flex-wrap: wrap;
}
.pickup_banner li {
  margin-right: 6px;
  display: block;
}
.pickup_banner li:nth-child(even) {
  margin-right: 0;
}
.pickup_banner li img {
	line-height: 1.0em;
        max-width: 283px;
}



.hover1 li{
	margin:0; padding:0;
	height: 26px; list-style:none;
	}

.hover1 a{
	display:block; padding:0px; line-height:1.0em;
	}
.hover1 a.menu:hover{
	background:#FFF;padding:0px;
	}

#fade2{
	padding:1px 0;
	}

.topbg1 .default1{
	background: url(./000000008.jpg) top center no-repeat;width:325px; height:243px;
	}
.topbg1 .hover1{
	background: url(./000000009.jpg) top center no-repeat;
	width: 325px;
	height: 243px;
	/*display:none;*/
	}

.topbg2 .default1{
	background: url(./000000010.jpg) top center no-repeat;width:325px; height:243px;
	}
.topbg2 .hover1{
	background: url(./000000011.jpg) top center no-repeat;
	width: 325px;
	height: 243px;
	/*display:none;*/
	}

.topbg3 .default1{
	background: url(./000000012.jpg) top center no-repeat;width:326px; height:243px;
	}
.topbg3 .hover1{
	background: url(./000000013.jpg) top center no-repeat;
	width: 326px;
	height: 243px;
	/*display:none;*/
	}

.topbg4 .default1{
	background: url(./000000014.jpg) top center no-repeat;width:325px; height:243px;
	}
.topbg4 .hover1{
	background: url(./000000015.jpg) top center no-repeat;
	width: 325px;
	height: 243px;
	/*display:none;*/
	}

.topbg5 .default1{
	background: url(./000000016.jpg) top center no-repeat;width:325px; height:243px;
	}
.topbg5 .hover1{
	background: url(./000000017.jpg) top center no-repeat;
	width: 325px;
	height: 243px;
	/*display:none;*/
	}

.topbg6 .default1{
	background: url(./000000018.jpg) top center no-repeat;width:326px; height:243px;
	}
.topbg6 .hover1{
	background: url(./000000019.jpg) top center no-repeat;
	width: 326px;
	height: 243px;
	/*display:none;*/
	}




/* レイアウト
---------------------------------------------------------------------- */
body {
	line-height: 1.8;
	font-size: 0.812rem;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #333;
	-webkit-text-size-adjust: 100%;
}
body#lightbox {
	background-color:#FFF;
	color:#333;
}
a {
	text-decoration: none;
	color: #036eb8;
}
#wrapper {
	text-align: center;
}
/* header */
header {
	width: 980px;
	margin: 0 auto;
	padding: 20px 0;
	text-align: left;
	position: relative;
	border-bottom: solid 2px #f00;
	background: url(./000000027.gif) right bottom no-repeat;
}
header .logo a {
	display: block;
	width: 250px;
	height: 41px;
	background: url(./000000028.gif) left top no-repeat;
	text-indent: -9999px;
}
/* スキップリンク */
header #skip-link {
  position: absolute;
  top: 10px;
  padding: 10px 0;
  /* right: 380px; */
	right: 150px;
  width: 90px;
}
header #skip-link a {
  display: block;
  color: #333;
  padding-left: 20px;
  background: url(./000000004.png) 5px center no-repeat;
}

/* search-box */
header #search-box {
	position: absolute;
	top: 0;
	padding: 10px 0;
	right: 144px;
	width: 225px;
}
header #search-box #search-txt {
	width: 170px;
	border: solid 1px #ccc;
	float: left;
	margin: 2px 0 0 0;
}
header #search-box #search-btn {
	float: right;
}
/* font-resize */
header #font-resize {
	position: absolute;
	top: 10px;
	right: 0;
	width: 124px;
	height: 42px;
}
header #font-resize dl {
	width: 124px;
	height: 42px;
}
header #font-resize dt {
	width: 124px;
	height: 18px;
	background: url(./000000029.gif) left top no-repeat;
	text-indent: -9999px;
	margin-bottom: 6px;
}
header #font-resize dd * {
  box-sizing: border-box;
}
header #font-resize dd ul {
	widows: 186px;
  list-style: none;
  display: flex;
}
header #font-resize dd ul li {
  width: 62px;
}
header #font-resize dd ul li a {
	display: block;
	width: 62px;
  opacity: 1 !important;
  text-align: center;
  line-height: 1.5;
  color: #000;
  padding: 2px;
  font-weight: bold;
  box-sizing: border-box;
}

header #font-resize dd ul li#fontsize-m a {
  border-right: 1px solid #dfdfdf;
}
header #font-resize dd ul li a:hover,
header #font-resize dd ul li a.active {
  background: #808080;
  color: #fff;
}


#maincontents div.subtitle {
	text-align: left;
	padding: 3px 2px;
	margin: 0px 0px 25px 0px;
	border-bottom: 1px solid #CCC;
	border-top: 1px solid #CCC;
	background: #FFF;
}


#maincontents .subtitle h1 {
	font-size: 125%;
	font-weight: bold;
	padding: 7px 4px 5px 10px;
	margin: 0px 0px 0px 0px;
	color: #333;
	border-left: 4px solid #FF6347;
	line-height: 1.4em;
	background: #EFEFEF;
}

#maincontents h3 {
	font-size: 110%;
	font-weight: bold;
	padding: 0px;
  margin: 0px 0px 0.8em 0px;
}

#maincontents h3.top-m{
	margin-top: 1.8em;
}

#maincontents h2.subtitle2{
	font-size: 125%;
	font-weight: bold;
	padding: 0px 0px 0px 10px;
	margin: 2em 0px 1em 0px;
	border-left: 4px solid #FF6347;
	line-height: 1.5em;
}
#maincontents h3.subtitle3{
	font-size: 125%;
	font-weight: bold;
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 0.8em 0px;
	border-left: 4px solid #32CD32;
	line-height:1.5em;
}


/* global-nav */
#gnav {
  width: 980px;
  margin: 0 auto 20px;
  font-size: 0.9375rem;
  box-sizing: border-box;
}
.gnav-list {
  display: flex;
  position: relative;
}
.gnav-list * {
  box-sizing: content-box;
}

.gnav-list > li {
  display: flex;
  vertical-align: middle;
  padding: 0;
  margin: 0;
}

.gnav-list > li > a {
  display: flex;
  justify-content: center;
  align-items: center;
  border-left: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  color: #545465;
  width: 130px;
  height: 45px;
  padding: 10px;
  font-weight: bold;
  line-height: 1.5;
}
.gnav-list > li a:hover,
.gnav-list > li.active a {
  background: #E80000;
  color: #fff;
}
#toppage .gnav-list > #nav01 > a,
#katsudo .gnav-list > #nav02 > a,
#seminar .gnav-list > #nav03 > a,
#saigai .gnav-list > #nav04 > a,
#kyoryoku .gnav-list > #nav05 > a,
#volunteer .gnav-list > #nav06 > a,
#youth .gnav-list > #nav07 > a {
  background: #E80000;
  color: #fff;
}
.gnav-list > #nav01 > a {
  width: 60px;
}
.gnav-list > #nav02 > a {
  width: 102px;
}
.gnav-list > #nav04 > a {
  width: 110px;
}
.gnav-list > #nav05 > a {
  width: 110px;
}
.gnav-list > #nav06 > a {
  width: 160px;
}
.gnav-list > #nav07 > a {
  width: 160px;
}
.gnav-list > li:last-of-type > a {
  border-right: 1px solid #CCC;
}

.gnav-list .gnav-list-second {
  visibility: hidden;
  opacity: 0;
  z-index: 1;
}

.gnav-list > .gnav-list-single {
  position: relative;
}

.gnav-list .gnav-list-single .gnav-list-second {
  position: absolute;
  top: 66px;
  left: 0;
  margin: 0 1px 0 0;
  background: #fff;
  width: 200px;
  display: block;
  z-index: 2000;
  border-right: 1px solid #CCC;
  border-left: 1px solid #CCC;
}

.gnav-list .gnav-list-single:hover .gnav-list-second,
.gnav-list .gnav-list-single.active .gnav-list-second {
  visibility: visible;
  opacity: 1;
}
.gnav-list .gnav-list-single:last-child .gnav-list-second {
  right: 0;
  left: auto;
}
.gnav-list .gnav-list-single .gnav-list-second > li {
  border-bottom: 1px solid #CCC;
}
.gnav-list .gnav-list-single .gnav-list-second > li a {
  color: #333;
  background-color: #fff;
  padding: 6px 8px;
  border-radius: 5px;
  margin: 4px;
  opacity: 1 !important;
  line-height: 1.3;
  display: block;
  width: auto;
  height: auto;
  font-size: 0.85em;
  font-weight: normal;
  color: #545465;
  text-align: left;
}
.gnav-list .gnav-list-single:hover .gnav-list-second > li a,
.gnav-list .gnav-list-single.active .gnav-list-second > li a {
	border: none;
}
.gnav-list .gnav-list-single:hover .gnav-list-second > li a:hover,
.gnav-list .gnav-list-single.active .gnav-list-second > li a:focus {
  background: #ffe6e6;
  color: #000;
}

/* contents */

#contents {
	width: 980px;
	margin: 0 auto 30px auto;
	text-align: left;
	transition: all 0.2s linear;
}
#lightbox #contents {
	width: 750px;
	margin: 0 auto 0px auto;
	padding-bottom: 0px;
}

#toppage #contents {
	padding-bottom: 0px;
	margin-bottom: 18px;
}
#contents-h {
	margin: 0px auto 10px auto;
	-webkit-box-shadow: 0 0 3px #999; /* webkit */
	-moz-box-shadow: 0 0 3px #999; /* FireFox */
	box-shadow: 0 0 3px #999;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=135,strength=3,enabled=true)";

filter: progid:DXImageTransform.Microsoft.Shadow(color=#999999,direction=120,strength=3,enabled=true); /* IE5.5+ */
	background: #fff; /* IE Hack */
	height:155px;
	padding:0px;
	width:976px;
}



#js_fade {
    position:absolute;
    height: 488px;
	width: 976px;
	background-color:#FFF;
    z-index: 1000;
	background-image:url(./000000020.jpg) ;
}


#topmain {
  margin: 0px auto 40px auto;
  display: flex;
  align-items: flex-start;
}
.slider_wrap {
  margin-right: 20px;
  position: relative;
  max-width: 730px;
}
.slider_wrap * {
  box-sizing: border-box;
}
.slider_wrap img {
  max-width: 100%;
}

.slick-list {
  margin-bottom: 15px;
}

/* ページャ */
.pager {
  line-height: 0;
  margin: 15px 0;
  padding: 0;
  text-align: center;
}

.pager li {
  display: inline-block;
}

.pager button {
  border: none;
  cursor: pointer;
  display: block;
  width: 0;
  height: 0;
  padding: 6px;
  margin-right: 12px;
  text-indent: -99999rem;
  border-radius: 50%;
}

/* 未選択時 */
.pager button {
  background: #999999;
}

/* 選択時 */
.pager button:hover,
.pager .slick-active button {
  background: #CC0000;
}

/* 前へ・次へ */
.slider_ctl1 {
  bottom: 0;
  height: 67px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0;
  pointer-events: none;
}

.slider_ctl1_previous {
  background: none;
  border: none;
  cursor: pointer;
  height: 32px;
  width: 31px;
  z-index: 1;
  position: relative;
  left: 11px;
  pointer-events: auto;
  padding: 0;
}

.slider_ctl1_next {
  background: none;
  border: none;
  cursor: pointer;
  float: right;
  height: 32px;
  position: relative;
  right: 11px;
  width: 31px;
  z-index: 1;
  pointer-events: auto;
  padding: 0;
}
#slider_arrows img {
  max-width: inherit;
}
.slider_ctl1_previous:hover,
.slider_ctl1_next:hover {
  opacity: 0.7;
}

/* 再生・停止 */
.slider_ctl2 {
  margin: 0 auto;
  padding-right: 1px;
  text-align: right;
  display: flex;
  justify-content: flex-end;
  position: absolute;
  right: 0;
  bottom: 4px;
  width: 100px;
}

.slider_ctl2_play {
  background-color: #FFF;
  border-radius: 3px 0 0 3px;
  border: 1px solid #cccccc;
  border-right: none;
  cursor: pointer;
  display: inline-block;
  font-size: 0rem;
  height: 30px;
  width: 30px;
}

.slider_ctl2_stop {
  background-color: #FFF;
  border-radius: 0 3px 3px 0;
  border: 1px solid #cccccc;
  cursor: pointer;
  display: inline-block;
  font-size: 0rem;
  height: 30px;
  width: 30px;
}

.slider_ctl2_play:hover,
.slider_ctl2_stop:hover,
.slider_ctl2_play.active,
.slider_ctl2_stop.active {
  background-color: #ffcccc;
}

.slider_ctl2_play img,
.slider_ctl2_stop img {
  max-width: initial;
}
.text-out {
  display: block;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}

.topic-path {
	font-size: 0.85em;
	margin-bottom: 30px;
}
/* maincontents */

h2.pagetitle {
	margin-bottom:20px;
}


#maincontents {
	/* width: 750px; */
	width: 100%;
	float: right;
}
#lightbox #maincontents {
	/* width: 750px; */
	width: 100%;
	float: none;
	margin: 30px auto;
}

/* sidebar */
#sidebar {
	width: 200px;
	float: left;
}
#sidebar #sidemenu {
	background: #fff;
	width: 200px;
	padding: 1px 0;
	border-radius: 5px;
	-wibkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	-webkit-box-shadow: 0 0 3px #999; /* webkit */
	-moz-box-shadow: 0 0 3px #999; /* FireFox */
	box-shadow: 0 0 3px #999;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=135,strength=3,enabled=true)";
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#999999,direction=120,strength=3,enabled=true); /* IE5.5+ */
	background:#fff; /* IE Hack */
}
#sidebar #sidemenu li {
	border-bottom: solid 1px #ccc;
	line-height: 1.5;
	display: block;
}

#sidebar #sidemenu li ul li{
	border-bottom: none;
	line-height: 1.5em;
	margin-left:16px;
	padding:0px;
}

#sidebar #sidemenu li ul li a{
	padding: 7px 4px 4px 20px;
}
#sidebar #sidemenu li a {
	margin: 5px;
	color: #333;
	background-color: #fff;
	background: url(./000000004.png) 5px center no-repeat;
	padding: 11px 5px 11px 20px;
	border-radius: 5px;
	-wibkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	transition: all 0.2s linear;
	opacity: 1 !important;
	display: block;
	align-items: center;
}
#sidebar #sidemenu li a:hover,
#sidebar #sidemenu li a.now {
	background-color: #ffe6e6;
}

#kyoryoku #sdbr_index #item_index a,
#kyoryoku #sdbr_kifu #item_kifu a,
#kyoryoku #sdbr_gekkan #item_gekkan a,
#kyoryoku #sdbr_bank #item_bank a,
#kyoryoku #sdbr_izou #item_izou a,
#kyoryoku #sdbr_madoguchi #item_madoguchi a,
#kyoryoku #sdbr_other #item_other a,
#kyoryoku #sdbr_zei #item_zei a,
#kyoryoku #sdbr_seido #item_seido a,
#kyoryoku #sdbr_konju #item_konju a,
#kyoryoku #sdbr_enterprise #item_enterprise a {
	background-color: #ffe6e6;
}

/* footer */
footer {
	width: 100%;
	border-top: solid 4px #a6a6a6;
}
footer .access {
	background: #FFF;
	padding: 10px 0;
}
footer .access .inner-box {
	background: transparent url(./000000030.gif) no-repeat scroll 0% 0% / contain;
	width: 1100px;
	padding: 4px 0;
	margin: 0 auto;
	text-align: left;
}
footer .access .inner-box p {
	margin-left: 200px;
}
footer .bottom-line {
	background: #808080;
	color: #fff;
	padding: 5px 0;
	font-size: .9em;
}
footer .bottom-line a {
	color: #fff;
}
footer .bottom-line .inner-box {
	width: 1100px;
	margin: 0 auto;
	text-align: left;
}
footer .bottom-nav li {
	float: left;
}
footer .bottom-nav li a {
  padding: 0 10px;
  border-right: solid 1px #CCC;
}
footer .bottom-nav li:first-child a {
	padding-left: 0px;
	border-right: solid 1px #CCC;
}
footer .bottom-nav li:last-child a {
	border-right: none;
}
.copyright {
  float: right;
  margin-top: 5px;
}
#page-top a {
	display: block;
	width: 65px;
	height: 65px;
	text-indent: -9999px;
	background: url(./000000007.png) center center no-repeat;
	position: fixed;
	bottom: 180px;
	right: 30px;
}


a.btn {
	display: block;    /*Box幅がテキストに追従させるために*/
	background: #EEE;
	padding: 10px 16px 8px 12px;    /*右の背景とかぶらないように*/
	text-decoration: none;
	margin: 0px 15px 0px 0px;
	-webkit-box-shadow: 1px 1px 3px #999; /* webkit */
	-moz-box-shadow: 1px 1px 3px #999; /* FireFox */
	box-shadow: 1px 1px 3px #999;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=135,strength=3,enabled=true)";
filter: progid:DXImageTransform.Microsoft.Shadow(color=#999999,direction=120,strength=3,enabled=true); /* IE5.5+ */
	border: 1px solid #FFF;
	float:left;
}
div.link_inner a.btn {
	width: 20em;
	text-align: left;
	margin: 0px 0px 0px 10px;
}
a.btn span {
    display: block;
    background: url(./000000004.png) 0px 5px no-repeat;
    padding: 0 0px 0 14px;    /*左の背景とかぶらないように*/
    line-height: 1.4em;/*50pxの真ん中にテキストがくるように*/
}

div.link {
	text-align: center;
	margin: 0 auto 1.2em auto;
}
.link_inner {
	display: flex;
	justify-content: center;
}

.border_a{
	height: 10px;
	border-bottom: 1px dotted #AAA;
	margin: 0 auto 2em auto;
}

span.font_l{
	font-size:120%;
}

div.table_bg{
	background:#CCC; margin-bottom:7px;
}


/* ページ別スタイル
---------------------------------------------------------------------- */
#maincontents p {
	margin-bottom: 1.8em;
}

#maincontents #table_koho p {
	margin: 0px;
}
#maincontents #table_koho td.cell_koho_magazine{
	padding: 0px 0px 28px 0px;
}

#maincontents p.nm {
	margin-bottom: 0;
}

#maincontents p.shisetsu {
	margin-bottom: 0; line-height:1.6em;
}

.read .left-col {
	width: 480px;
	float: left;
}
.read .left-col .link-pdf a {
	font-size: 1.05em;
}
.read .right-col {
	float: right;
}
.contents-menu li {
	width: 365px;
	float: left;
	margin-bottom: 20px;
	border: solid 1px #DDD;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
}
.contents-menu li:nth-child(2n) {
	float: right;
}
.contents-menu li img {
	padding-bottom: 8px;
}
.contents-menu li a {
	display: block;
	padding: 11px;
}
.contents-menu li a strong {
	font-size: 1.2em;
	background: url(./000000004.png) 0 center no-repeat;
	padding-left: 15px;
}
.contents-menu li a span {
	font-size: .9em;
	color: #333;
	padding-left: 15px;
	display:block;
}
ul.contents-menu2 {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
}
ul.contents-menu2 > li {
	width: 365px;
	margin: 0 16px 12px 0;
	border: solid 1px #CCC;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
  -ms-border-radius: 5px;
  list-style: none;
}
ul.contents-menu2 > li:nth-child(even) {
  margin-right: 0;
}

ul.contents-menu2 > li.type_a,ul.contents-menu2 > li.type_a a {
	background:#FFF5EE;
}
ul.contents-menu2 > li.type_b, ul.contents-menu2 > li.type_b a {
	background:#F0F8FF;
}
ul.contents-menu2 > li.type_c,ul.contents-menu2 > li.type_c a{
	background:#F0FFF0;
}
ul.contents-menu2 > li .contents-menu2-img {
  max-width: 343px;
}


ul.contents-menu2 > li.three {
	width: 242px;
	margin: 0 9px 12px 0;
	border: solid 1px #CCC;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
}
ul.contents-menu2 > li.three:nth-child(3n) {
  margin-right: 0;
}
ul.contents-menu2 > li.three .contents-menu2-img {
  max-width: 220px;
}

ul.contents-menu2 > li a.regular {
	min-height:6em;
}
ul.contents-menu2 > li a.ml {
	min-height:7em;
}
ul.contents-menu2 > li a.mll {
	min-height:8em;
}
ul.contents-menu2 > li a.large {
	min-height:11em;
}
ul.contents-menu2 > li a.xlarge {
	min-height: 10em;
}

ul.contents-menu2 > li a {
	display:block;
}

ul.contents-menu2 > li.cream {
	background:#FFFACD;
}
ul.contents-menu2 > li .pad {
	margin: 12px 11px 8px 11px;
}

ul.contents-menu2 > li .pad_l {
	margin: 24px 11px 23px 11px;
}
ul.contents-menu2 > li.right{
	float: right; margin-right:0px;
}
ul.contents-menu2 > li img {
	padding-bottom: 8px;
	max-width: 100%;
}
ul.contents-menu2 > li img.nm {
	padding-bottom: 0px;
}
ul.contents-menu2 > li img.center {
	text-align:center;
	margin:0 auto;
}

ul.contents-menu2 > li strong {
	font-size: 1.2em;
	background: url(./000000004.png) 0px 9px no-repeat;
	padding-left: 14px;
	display: block;
	margin-bottom: 5px;
}
ul.contents-menu2 > li a strong img {
  vertical-align: middle;
  padding-bottom: 0;
}
ul.contents-menu2 > li strong span{
	font-size: 1.2em;
	padding-left: 0px;
	display: block;
	margin-bottom: 5px;
	margin-top: 0px;
}


ul.contents-menu2 > li a span {
	font-size: .9em;
	color: #333;
	padding-left: 15px;
	display:block;
}

ul.contents-menu2 > li a span.seminar {
	padding-left: 0px;
}
ul.contents-menu2 > li a span.medium {
	font-size:100%;
	padding-left: 15px;
	display:block;
}

ul.contents-menu2 > li a li {
	font-size: .9em;
	color: #333;
	width:300px;
	margin-left: 30px;
	margin-bottom:0;
	border:none;
	list-style-type:disc;
}
ul.contents-menu2 > li a li.short_item {
	float:left;
	width:120px;
}



.link-set ul {
	border-bottom: dotted 1px #ccc;
	padding: 10px 0;
	font-size: .9em;
}
.link-set li {
	width: 374px;
	float: left;
	text-indent: 10px;
	padding: 5px 0;
}
.link-set li a {
	font-size: 1.2em;
}
.link-set li:first-child {
	border-right: dotted 1px #ccc;
}


/*奉仕団*/

.town table td a {
	background: url(./000000004.png) 0px 6px no-repeat;
	padding-left: 13px;
	display: block;
	margin:2px 0px 0px 0px;
}


/* 沿革 */


table.history {
	margin-bottom:6px;
}
table.history td.table.history th {
	vertical-align: top;
	line-height: 1.5em;
	padding:6px 6px 4px 6px;
}

table.history th, table.history td{
	background:#FFF;
}

table.history th.a{
	background: #FFD7D7;
	text-align: center;
}
table.history th.b{
	background: #FFDB8E;
	text-align: center;
}
table.history th.c{
	background: #98FB98;
	text-align: center;
}

table.history td.a{
	background: #FFF5EE;
}
table.history td.b{
	background: #FFFACD;
}
table.history td.c{
	background: #F0FFF0;
}


table.history dl:after{
	clear:left;
}
table.history dt{
	width: 3.6em;
	float: left;
	font-weight: bold;
}
table.history dd{
	float: left;
	max-width: 185px;
}



/*table設定*/

table.def {
	margin-bottom: 0px;
}
table.def td,table.def th {
	vertical-align: middle;
	line-height: 1.6em;
	padding: 7px 7px 5px 7px;
}

table.def th, table.def td{
	background:#FFF;
}
table.def th, table.def td.gr{
	background:#EEE;
}


table.def th.a{
	background: #FFD7D7;
	text-align: center;
}
table.def th.b{
	background: #FFEDB7;
	text-align: center;
}
table.def th.c{
	background: #a3e09e;
	text-align: center;
}

table.def th.s{
	background: #C8EDFF;
	text-align: center;
}


table.def td.a{
	background: #FFF5EE;
}
table.def td.ab{
	background: #FFFACD;
}
table.def td.b{
	background: #FFFACD;
}
table.def td.c{
	background: #F0FFF0;
}
table.def td.s{
	background: #F0F8FF;
}


table.def dl:after{
	clear:left;
}
/*
table.def dt{
	width: 3.6em;
	float: left;
	font-weight: bold;
}
table.def dd{
	float: left;
	max-width: 185px;
}*/



/* float指定 */

.left450{
	float:left; width:450px;
}

.right280{
	float:right; width:280px; text-align:left;
}

.left560{
	float:left; width:560px;
}

.right170{
	float:right; width:170px; text-align:left;
}

.right180{
	float:right; width:180px; text-align:left;
}

.ph_r{
	float:right; width:auto; text-align:left; margin:0px 0px 20px 30px;
}
.ph_l{
	float:left; width:auto; text-align:left; margin:0px 30px 20px 0px;
}




/* indent */

dl.indent {
	margin: 0px 0px 1em 0px;
}

.indent dt {
	float: left;
	margin: 0px 4px 0px 0px;
	padding: 0px 0px 3px 0px;
}
.indent dd {
	overflow: hidden;
	margin: 0px;
	padding: 0px 0px 3px 0px;
	line-height: 1.8em;
}





/* Clearfix */
.indent dl:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.indent dl {
    display: inline-block;
	padding:0px; margin:0px 0px 0px 0px;
}

/* Hides from IE-mac \*/
* html .indent dl {
    height: 1%;
}
.indent dl {
    display: block;
}
/* End hide from IE-mac */




/* 専用ページ */

h3.bg_gray {
	background:#EEE;
	padding:4px 8px 3px 8px;
	margin:6px 0px 12px 0px;
	font-size:0.937rem;

}

#private td.cell_title,#private td.cell_text_01{
	padding:9px 8px 7px 8px; vertical-align:top;}

#private .indent dd {
	overflow: hidden;
	margin: 0px;
	padding: 0px 0px 7px 0px;
	line-height: 1.8em;
}
#private dl.info dd {

	padding-bottom: 1.5em;
}

#private li.list_border{
	padding:0px 0px 12px 0px;
	line-height: 2.0em;
	border-bottom:1px dotted #999;
	margin-bottom:10px;
	font-size:0.812rem;
	list-style:none;
}

#private ul#hiddenmenu1,#private ul#hiddenmenu2,#private ul#hiddenmenu3,#private ul#hiddenmenu4{
	padding:14px 10px 6px 10px;
	margin-top:8px;
	background:#FFFACD;
}

#private ul#hiddenmenu1 li,#private ul#hiddenmenu2 li,#private ul#hiddenmenu3 li,#private ul#hiddenmenu4 li{
	list-style:none;
}



#private ul#hiddenmenu1 h3,#private ul#hiddenmenu2 h3,#private ul#hiddenmenu3 h3,#private ul#hiddenmenu4 h3{
	padding-bottom:10px;
}

.album table {
	table-layout: fixed;
	width: 100%;
}

.album table td{
	font-size:0rem;
	width:276px;
	height:46px;
	padding:0;
}


/* 青少年赤十字 */

h3.blackboard{ margin:0px auto 30px auto; background:#FFF; padding:8px; border:1px solid #EEE; line-height:1.0em; width:710px;
-webkit-box-shadow: 0 0 4px #999; /* webkit */
	-moz-box-shadow: 0 0 4px #999; /* FireFox */
	box-shadow: 0 0 4px #999;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=135,strength=4,enabled=true)";

	}

/* フォーム */

.inq-att, .indispensable{color:#F00;
	}
table.def td.form_back_1{background:#EEE;
	}





/* ニュース */

.news_ar dl.news{ border-bottom:1px dotted #CCC; padding:0px 0px 10px 0px; margin:0px 0px 10px 0px;
	}

#box_sub .news_ar a{ border-right:1px solid #CCC; padding:0px 10px 0px 0px; margin:0px 0px 0px 0px;
  }
.news_ar .news dt img {
  vertical-align: text-top;
}
.news_ar .news dd img {
  vertical-align: middle;
}





/* 広報誌 */

.nt_latest {
	position:relative;
	float:left;
	width:300px;
}
.nt_latest img.latest-mark {
	display:block;
	position:absolute;
	top:0;
	left:0;
}
table.nt_contents {
	float:left;
	width:260px;
}
table.nt_contents caption {
	text-align:center;
}
table.nt_contents th {
	text-align:center;
	width:4em;
}
table.nt_contents th,
table.nt_contents td {
	font-size:0.9em;
	font-weight:normal;
	padding-left:0.5em;
}
table.nt_contents td .small {
	font-size:0.9em;
}
table.nt_contents td ul {
	list-style-type:none;
}
.koukoku {
	margin-top:1em;
}



/* お申し込み前に必ずお読みください */
.flow_chart {
	text-align:center;
	margin-bottom:60px;
}
#case-postcard .flow_chart .btn_area {
	display:inline-block;
	text-align:left;
	width:604px;
	padding-left:5px;
	margin-top:15px;
}
#cvs_payment {
	margin-bottom:60px;
}
#cvs_payment dl {
	margin-bottom:1.8em;
}



.list_photo {
	list-style:none;
	padding:0;
	margin:0;
	text-align:center;
}

.list_photo li {
	display:inline-block;
	/display:inline;
	/zoom:1;
	margin-left:30px;
}

.list_photo li:first-child {
	margin-left:0;
}

.subtitle h3 small {
	display:inline-block;
	/display:inline;
	/zoom:1;
	margin-left:1.25em;
	font-size:0.812rem;
	font-weight:normal;
}


/* 2019追加 */
/* ページ内リンク
--------------------------------------------------------------------- */
#box_sub {
  padding: 8px 10px 6px 10px;
  margin: 10px 0px 20px auto;
  border: 2px solid #DDD;
}
#box_sub div#title_boxtop {
  width: 680px;
  padding-bottom: 8px;
  margin-bottom: 0px;
  float: left;
  background-image: url(./000000067.gif);
  background-repeat: no-repeat;
}
#box_sub div#title_boxmiddle {
  width: 100%;
  margin: 0px;
}
#box_sub div#title_boxbottom {
  width: 680px;
  height: 9px;
  margin: 0px;
  background: url(./000000068.gif);
  background-repeat: no-repeat;
  clear: left;

}
#box_sub div#title_boxmiddle #btn_pdf {
  margin: 10px 0px 0px auto;

}
#box_sub div#title_boxmiddle #btn_pdf #text {
  font-size: 0.625rem;
  padding: 10px 0px 0px 0px;

}
#box_sub div#title_boxmiddle #btn_pdf #btn_seishonen {
  padding: 10px 0px 0px 0px;
}

/* ビジュアル編集モード
--------------------------------------------------------------------- */
.multiple_lines {
  margin-bottom: 1rem;
}

/* リンクリスト
--------------------------------------------------------------------- */
#maincontents .link_list {
  margin: 0 0 20px;
  padding: 0;
}
#maincontents .link_list li {
  display: block;
  margin: 0 0 5px;
  padding: 0;
  line-height: 1.5;
}
#maincontents .link_list img {
  vertical-align: middle;
}

/* 緊急情報
--------------------------------------------------------------------- */
#emergency {
  background: #ff0000;
  margin: 0 0 20px;
}
#emergency h2 {
  font-size: 1rem;
  color: #fff;
  padding: 3px 5px;
}
#emergency .multiple_lines {
  margin: 0 5px 5px;
  padding: 10px;
  background: #fff;
}
#contents[style="font-size: 0.937rem;"] #emergency h2 {
  font-size: 1.5rem;
}

@media all and (-ms-high-contrast: none) {
  header #font-resize dd ul li a {
    padding: 4px 2px 0;
  }
  .gnav-list > li a {
    padding-top: 15px;
  }
  .gnav-list .gnav-list-single .gnav-list-second {
    top: 71px;
  }
}

/* 1カラム表示
--------------------------------------------------------------------- */
#maincontents.single_column {
  width:85%;
  float:none;
  margin:0 auto;
}

/* 講習詳細
--------------------------------------------------------------------- */
.seminarDetail table.def.ext-seminar th{
  min-width: 95px;
  box-sizing: border-box;
}

/* お申込み前に必ずお読みください
--------------------------------------------------------------------- */
.notes-box {
  border: 2px solid #E80000;
  padding: 10px;
  margin-bottom: 25px;
  text-align: center;
  color: #CC0000;
}
.notes-box em {
  font-weight: bold;
  font-style: normal;
  font-size: 1.25em;
}

/* サイトマップ
--------------------------------------------------------------------- */
.sitemap{
  padding: 10px;
}
.sitemap .inner-box {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: space-between;
}

.sitemap .inner-box nav {
  width: 49%;
  box-sizing: border-box;
  border: 1px solid #ddd;
  border-radius: 5px;
  margin: 0 0 20px;
  padding: 10px 15px 15px;
}

.sitemap .inner-box nav ul {
  margin-left: 2em;
  list-style: disc;
}

.sitemap .inner-box nav h2 {
  font-size: 1.2em;
  margin-bottom: 5px;
}


/* 汎用スタイル
--------------------------------------------------------------------- */
.mb10 {
  margin-bottom: 10px !important;
}
.mb20 {
  margin-bottom: 20px !important;
}
.mb30 {
  margin-bottom: 30px !important;
}
.mb40 {
  margin-bottom: 40px !important;
}
.mb50 {
  margin-bottom: 50px !important;
}
.mt10 {
  margin-top: 10px !important;
}
.mt20 {
  margin-top: 20px !important;
}
.mt30 {
  margin-top: 30px !important;
}
.mt40 {
  margin-top: 40px !important;
}
.mt50 {
  margin-top: 50px !important;
}

/* ****************************************
 custom style
 add 220115
**************************************** */
html, body {
	height: 100%;
}
#wrapper {
	height: 100%;
}
#wrapper > footer {
	position: sticky;
  top: 100vh;
}