@charset "UTF-8";
/*  reset
-----------------------------------------------------------------------------*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, img {
	margin: 0;
	padding: 0;
}

fieldset, img {
	border: 0;
}

address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}

ol, ul {
	list-style: none;
}

caption, th {
	text-align: left;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}

q:before, q:after {
	content: '';
}

abbr, acronym {
	border: 0;
}

a {
	text-decoration: none;
}

a:hover, a.selected {
	text-decoration: none;
}

a {
	/*\*/
	overflow: hidden;
	/**/
}

.box {
	margin:5px;
}

.box p {
	margin:1em;
}

.tR {text-align:right;}

/*  body
-----------------------------------------------------------------------------*/
body {
	color: #333;
	font-size: 0.85em;
	font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.5;
}

/*  link
-----------------------------------------------------------------------------*/
/* --- 訪問前 --- */
a {
	color: #006a75;
	text-decoration: underline;
}

	

/* --- 訪問後 --- */
a:visited {
	color: #006a75;
	text-decoration: underline;
}

/* --- オンマウス --- */
a:hover {
	color: #7a0000;
	text-decoration: underline;
}

/* --- クリックした瞬間 --- */
a:active {
	color: #7a0000;
	text-decoration: underline;
}

/*  link_icon
-----------------------------------------------------------------------------*/
.link_pdf {
	background: url(../../images/icon_pdf.png) no-repeat left 1px;
	padding: 2px 0 1px 20px;
}

.link_doc {
	background: url(../../images/icon_doc.png) no-repeat left 1px;
	padding: 2px 0 1px 20px;
}

.link_xls {
	background: url(../../images/icon_xls.png) no-repeat left 1px;
	padding: 2px 0 1px 20px;
}

.link_blank {
	background: url(../../images/icon_blank.png) no-repeat left 1px;
	padding: 2px 0 1px 25px;
}

.link_zip {
	background: url(../../images/icon_zip.png) no-repeat left 3px;
	padding: 2px 0 1px 25px;
}

.link_img {
	background: url(../../images/icon_img.png) no-repeat left 3px;
	padding: 2px 0 1px 20px;
}

.link_xlsr{
	display: block;

}
.link_xlsr::after {
	content: "";
	background: url(../../images/icon_xls.png) no-repeat left 1px;
	padding: 2px 0 1px 20px;
}

/*  font-size
-----------------------------------------------------------------------------*/
.font_s {
	font-size: 0.8em;
}

.font_m {
	font-size: 1em;
}

.font_l {
	font-size: 1.2em;
}

/*  basic
-----------------------------------------------------------------------------*/
p {
	margin: 0 0 1em 4%;
}

strong {
	font-weight: bold;
}

ul {
	margin: 0;
}
ul li {
	margin-bottom: 0.3em;
}

ol {
	margin-top: 0.3em;
}
ol li {
	margin-bottom: 0.3em;
}

img {
	vertical-align: middle;
}

/*  finish
-----------------------------------------------------------------------------*/
.finish {
	color: red;
	display: block;
	background: url(../../images/icon_finish.png) no-repeat left 1px;
	padding: 2px 0 1px 25px;
}

table .finish {
	margin-bottom: 0;
}

.finish_box {
	border:solid 2px #cc0000;
	padding:0.5em;
	color:#c00;
	font-size:130%;
	margin:1em auto;
}

.construct,
.release {
	color:red;
	position:relative;
}

	.construct::before {
		content:"準備中";
		background:#03aff2;
		color:white;
		padding:0 0.5em;
		margin-right:0.5em;
		border-radius:5px;
	}

	.release::before {
		content:"公開";
		background:#ff8f00;
		color:white;
		padding:0 0.5em;
		margin-right:0.5em;
		border-radius:5px;
	}

/*  list_title
-----------------------------------------------------------------------------*/
.list_title {
	background: url(../../images/icon_text.png) no-repeat left 4px;
	padding: 2px 0 1px 20px;
	margin-bottom: 0;
}


/*  table
-----------------------------------------------------------------------------*/

table {
	border-collapse: collapse;
	width: 96%;
	margin: 0 0 1.5em 4%;
}
table p {
	margin: 0;
}
table ul {
	margin: 0;
}

th {
	background: #eeeeee;
	text-align: center;
	border: 1px solid #dddddd;
	padding: 10px;
}

td {
	border: 1px solid #dddddd;
	padding: 10px;
}

#tab_area table {
	margin:10px 10px 10px 0;
	width:100%;
}

#tab_area table tr {
}

#tab_area table th {
	width:9em;
	text-align:left;
}

#tab_area table th,
#tab_area table td {
	background:white;
	border:0;
	vertical-align:top;
	padding-top:1.5em;
	padding-bottom:1.5em;
}

#tab_area table td:nth-child(2) {
	width:130px;
	vertical-align:middle;
}
	#tab_area table td:nth-child(2) img {
		width:100%;
		height:auto;
		border:solid 1px #ccc;
	}

#tab_area table tr {
	border-bottom:solid 1px #ccc;
}

caption,
.caption {
	background: url(../../images/icon_table.png) no-repeat left 5px;
	padding: 2px 20px 0;
	margin-bottom: 0.1em;
}

.info_table {
	margin-top: 2em;
}

.info_table th:first-child,
.info_table th:last-child {
	width: 18%;
}

/*  aside
-----------------------------------------------------------------------------*/
.aside {
	background: #d9e6ee;
	border-left: 6px solid #00548f;
	padding: 20px 20px;
	margin: 0 0 1.5em 4%;
}
.aside p {
	margin: 0;
}

.youshiki {
	overflow: hidden;
	*zoom: 1;
}
.youshiki dt, .youshiki dd {
	float: left;
	margin-right: 20px;
}

/*  important
-----------------------------------------------------------------------------*/
.important {
	background: #fff0f0;
	border-left: 6px solid red;
	padding: 20px 20px;
	margin: 0 0 1.5em 4%;
}
.important p {
	margin: 0;
}

/*  top_box
-----------------------------------------------------------------------------*/
.top_box {
	border: 1px solid #dddddd;
	background: #eeeeee;
	padding: 0.3em;
	margin-bottom: 1em;
}
.top_box div {
	border: 1px solid #dddddd;
	background: #fff;
	padding: 1.5em;
}
.top_box p {
	margin: 0;
}

/*  session
-----------------------------------------------------------------------------*/
.session {
	position: relative;
	margin: 0 0 1em 4%;
	padding-left: 3%;
}
.session:before {
	content: "";
	position: absolute;
	border-style: solid;
	border-width: 6px 0 6px 8px;
	border-color: transparent transparent transparent #00548f;
	top: 2px;
	left: 4px;
}
.session p {
	margin: 0;
}


/**********イメージ付刊行物リスト*******************/

ul.publications_list{
	margin:0 0 1em 0;
}

.pubWrapper {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
	-webkit-justify-content: left; /* Safari */
	justify-content: left;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap: wrap;
	margin:1em auto;
}

.pubWrapper li{
	width: 200px;
	text-align: center;
	margin-top:1em;
	margin-bottom: 10px;
	display: block;
	padding-right: 0px;
	min-height: 300px;
}

.pubWrapper img{
	box-shadow:5px 5px 5px 5px rgba(0, 0, 0, 0.2);
	margin-bottom: 1em;
}

/*ホバー時透過*/

ul.publications_list li.pubWrapper a img:hover{
	opacity: 0.5;
}

/*float解除*/
ul.publications_list:after{
	content: "";
		clear: both;
		display: block;
}

/*刊行物ニュース部分*/
dl.publications_list2{
	margin: 0 4%;
}

dl.publications_list2 dt{
	float: left;
	width: 20%;
	display: list-item;
	list-style: disc inside;
}

/*float解除*/
dl.publications_list2:after{
	content: "";
		clear: both;
		display: block;
}





/*  news_list
-----------------------------------------------------------------------------*/
.news_list li {
	margin-bottom: 1em;
	padding-left: 12px;
	position: relative;
}
.news_list li:before {
	content: "";
	position: absolute;
	border-style: solid;
	border-width: 6px 0 6px 8px;
	border-color: transparent transparent transparent #ff0000;
	top: 3px;
	left: 0;
}

.news_list2 li {
	display:block;
	float:right;
	margin-bottom: 1em;
	padding: 0px 50px 0px 12px;
	position: relative;
}
.news_list2 li:before {
	content: "";
	position: absolute;
	border-style: solid;
	border-width: 6px 0 6px 8px;
	border-color: transparent transparent transparent #ff0000;
	top: 3px;
	left: 0;
}

	
/* movie
-----------------------------------------------------------------------------*/
.movie{
	text-align:center;
	}
	
table.movie_tb{
	border:none;
	}


/*  sub_list
-----------------------------------------------------------------------------*/
.sub_list {
	margin: 0 0 1em 4%;
}
.sub_list dd {
	padding-left: 1em;
}

/*  last_update
-----------------------------------------------------------------------------*/
#last_update {
	text-align: right;
	margin-bottom: 1em;
}

/*  go_top
-----------------------------------------------------------------------------*/
.go_top {
	text-align: right;
	margin-bottom: 1em;
}

/*  wrapper
-----------------------------------------------------------------------------*/
#wrapper {
	background-color: #fff;
	max-width: 1280px;
	min-width: 900px;
	margin: 0 auto;
}

#pageNavigation {
	display:none;
}

/*  header
-----------------------------------------------------------------------------*/
#header {
	*zoom: 1;
	height:175px;
	/*font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;*/
}

#header h1 {
	margin:0;
	padding:0;
}

/* --- SIPロゴ --- */
.sip_logo {
	background: url(../../images/title.png) no-repeat;
	display: block;
	float: left;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	width: 300px;
	height: 160px;
	margin-top:10px;
}

/* --- ヘッダー右側 --- */
#header_sub {
	overflow: hidden;
	*zoom: 1;
}

/* --- JSTロゴ--- */
#jst_logo {
	overflow: hidden;
	*zoom: 1;
	margin-top:10px;
}
#jst_logo a {
	background: url(../../images/logo_jst.png) no-repeat;
	display: block;
	float: right;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	width: 190px;
	height: 40px;
	margin-bottom:5px;
}

/* --- 文字サイズ変更--- */
#font_size {
	overflow: hidden;
	*zoom: 1;
	margin-bottom: 5px;
}
#font_size dl {
	float: right;
	overflow: hidden;
	*zoom: 1;
}
#font_size dt, #font_size dd {
	float: left;
}
#font_size dt {
	padding: 6px 10px 0 0;
}

#font_size_btn {
	margin: 0;
}
#font_size_btn li {
	border: 1px solid #dddddd;
	display: inline-block;
	cursor: pointer;
	margin-left: 2px;
	padding: 1px 2px;
}
#font_size_btn li.active {
	background: #666666;
	border: 1px solid #666666;
	color: #fff;
}

/* --- サイト内検索--- */
#search {
	float: right;
	padding:0;
	margin:0;
}
#search input.box {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 1em;
	background: rgb(255, 255, 255) url("https://www.google.com/cse/static/images/1x/googlelogo_lightgrey_46x16dp.png") no-repeat scroll left center;
	border:solid 1px #ccc;
	text-indent: 48px;
	width:200px;
	height:20px;
}

#image-btn {
		border: 0px;
		width: 50px;
		height: 20px;
		background: url(../../images/search.png) left top no-repeat;
		text-indent:-9999px;
}



/* --- ヘッダーサブメニュー--- */
#header_sub_menu {
	overflow: hidden;
	*zoom: 1;
	clear: both;
}
#header_sub_menu ul {
	float: right;
	margin: 0;
}
#header_sub_menu li {
	float: left;
	margin-left: 1.5em;
}
#header_sub_menu a {
	color: #333;
	padding-left: 12px;
	position: relative;
}
#header_sub_menu a:hover {
	color: #7a0000;
}
#header_sub_menu a:before {
	content: "";
	position: absolute;
	border-style: solid;
	border-width: 6px 0 6px 8px;
	border-color: transparent transparent transparent #ff0000;
	top: 3px;
	left: 0;
}

/*  global_nav
-----------------------------------------------------------------------------*/
#GLOBAL_NAV {
	font-size:90%;
	margin-left:300px;
	padding:0;
}
#GLOBAL_NAV > li {
	float: left;
	font-size: 1.3em;
	width: 25%;
	text-align: center;
	margin:0;
	padding:0;
	position:relative;
	line-height:30px;
	border-top: 1px solid #cccccc;
	border-bottom:1px dashed #cccccc;
}
#GLOBAL_NAV > li a {
	 display: block;
	text-decoration:none;
	color:#333;
		padding: 10px 5px;
}
#GLOBAL_NAV > li a:hover {
	background:#ccc;
}


ul.menu__second-level {
		visibility: hidden;
		opacity: 0;
		z-index: 1;
}

ul.menu__third-level {
		visibility: hidden;
		opacity: 0;
}

.menu li {
	margin-bottom:0;
}

.menu > li:hover {
		background: #f5f5f5;
		-webkit-transition: all .5s;
		transition: all .5s;
}

.menu__second-level li {
	border-top:1px solid #fff;
}


/* floatクリア */
.menu:before,
.menu:after {
		content: " ";
		display: table;
}

.menu:after {
		clear: both;
}


.menu > li.menu__multi {
		position: relative;
}

li.menu__multi ul.menu__second-level {
		position: absolute;
		top: 50px;
		width: 100%;
		-webkit-transition: all .2s ease;
		transition: all .2s ease;
		background: #f5f5f5;
		text-align:left;
}

li.menu__multi:hover ul.menu__second-level {
		top: 50px;
		visibility: visible;
		opacity: 1;
}

li.menu__multi ul.menu__second-level li {
		position: relative;
		background: #f5f5f5;
}

	.menu li ul.menu__second-level li a {
		display:block;
		line-height:1.2;
	}

li.menu__multi ul.menu__second-level li:hover {
		background: #ccc;
}

li.menu__multi ul.menu__second-level li ul.menu__third-level {
		position: absolute;
		top: -1px;
		left: 100%;
		width: 100%;
		background: #ccc;
		-webkit-transition: all .2s ease;
		transition: all .2s ease;
}

li.menu__multi ul.menu__second-level li:hover ul.menu__third-level {
		visibility: visible;
		opacity: 1;
}

li.menu__multi ul.menu__second-level li ul.menu__third-level li {
		position: relative;
}

li.menu__multi ul.menu__second-level li ul.menu__third-level li:hover {
		background: #666;
		color:white;
}

.init-right:after {
		content: '';
		display: inline-block;
		width: 6px;
		height: 6px;
		margin: 0 0 0 10px;
		border-right: 1px solid #fff;
		border-top: 1px solid #fff;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
}



/* --- bodyに該当クラスがついている場合、アクティブに --- */
.body_home #GLOBAL_NAV .gnav_home a,
.body_about #GLOBAL_NAV .gnav_about a,
.body_kadai #GLOBAL_NAV .gnav_kadai a,
.body_k01 #GLOBAL_NAV .gnav_kadai a,
.body_k03 #GLOBAL_NAV .gnav_kadai a,
.body_k04 #GLOBAL_NAV .gnav_kadai a,
.body_k07 #GLOBAL_NAV .gnav_kadai a,
.body_k08 #GLOBAL_NAV .gnav_kadai a,
.body_koubo #GLOBAL_NAV .gnav_koubo a,
.body_contact #GLOBAL_NAV .gnav_link a {
	background: #ccc;
}

/*  breadcrumb
-----------------------------------------------------------------------------*/
#breadcrumb {
	padding: 10px;
	font-size: 0.9em;
}
#breadcrumb p {
	margin: 0 0 1.5em 0;
}

#breadcrumb strong {
	font-size: 1.6em;
}

	#breadcrumb li {
		display:inline-block;
		margin-right:2em;
	}

#main_image {
	width:100%;
}

	#main_image img {
		width:100%;
		height:auto;
	}

	#main_image p{
		margin:1.5em 0.5em 2em 0.5em;
		font-size:120%;
		letter-spacing:0.1em;
	}

/*  container
-----------------------------------------------------------------------------*/
#container {
	padding: 0 10px;
	overflow: hidden;
	*zoom: 1;
}


/*  side_area_right
-----------------------------------------------------------------------------*/
#side_area_right {
	float: right;
	width: 220px;
	margin-left: 10px;
}
#side_area_right ul {
	margin: 0;
}
#side_area_right li {
	margin-bottom: 5px;
	width: 100%;
	position: relative;
}
#side_area_right a {
	box-sizing: border-box;
	color: #333;
	display: block;
	width: 100%;
	text-decoration:none;
}

#side_area_right h2 {
	border:solid #ccc 1px;
	text-align:center;
	margin:5px 0;
	padding:10px 25px;
}

.more {
	border:solid 1px #ccc;
	text-align:center;
	padding:0.2em;
}

	.more a {
		text-decoration:none;
	}


#side_area_right .menu {
}

	#side_area_right .menu li {
		border-bottom:solid 1px #ccc;
		position:relative;
	}
	
	#side_area_right .menu li a.mm {
		display:block;
		text-decoration:none;
		padding: 0.5em 0.5em 0.5em 15px;
	}
	
	#side_area_right .menu li a.mm::after {
		content: "";
		position: absolute;
		border-style: solid;
		border-width: 5px 0 5px 5px;
		top: 35%;
		left: 0;
		border-color: transparent transparent transparent #333;
	}
	
	#side_area_right .menu li a:hover,
	.menu_sub li a:hover {
		background:#ccc;
	}

#side_area_right .com {
	font-size:80%;
	margin-left:20px;
}
	#side_area_right .menu_sub li {
		border-bottom:dashed 1px #ccc;
	}
	
#side_area_right .menu_sub {
	margin:0 0 0 10px;
}

	#side_area_right .menu_sub li a {
		padding-left:10px;
	}

#side_area_right .menu_sub li a::after {
		content: "";
		position: absolute;
		border-style: solid;
		border-width: 3px 0 3px 3px;
		top: 35%;
		left: 0;
		border-color: transparent transparent transparent #333;
	}

#side_area_right .menu_sub li:last-child {
	border-bottom:solid 1px #ccc;
}

/* side_area_right@2018071add */
.koubo_past a {
	position: relative;
	margin-bottom: 5px;
	padding: 0.5em 0.5em 0.5em 25px;
}
.koubo_past a:hover {
	background: #ccc;
}
.koubo_past a::after{
		content: "";
		position: absolute;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 10.4px 6px 0 6px;
		border-color: #333 transparent transparent transparent;
		top: 35%;
		left: 10px;
}
.more_koubo_past {
	margin-bottom: 10px;
}

/*  side_area_right event
-----------------------------------------------------------------------------*/


#side_area_right #event li,
#side_area_right #download li,
#side_area_right .column li{
min-height:0;
}
#side_area_right #event a,
#side_area_right #download a,
#side_area_right .column a{
border:0;
min-height:0;
}
#side_area_right #event a:hover,
#side_area_right #download a:hover,
#side_area_right .column a:hover{
	opacity:0.8;
}
#side_area_right #event a:before,
#side_area_right #download a:before,
#side_area_right .column a:before{
	display: inline;
}
#side_area_right #event a:after,
#side_area_right #download a:after,
#side_area_right .column a:after{
	border-width:0;
}

/*  contents_area
-----------------------------------------------------------------------------*/
#CONTENTS_AREA {
	margin: 0 230px 0 0;
}

#tab_contents {
	margin:0 20px 0 0;
	height:39px;
}

.inr {
	margin-right:1em;
	overflow:hidden;
}

	#tab_contents li {
		margin-right:3px;
	}

	#tab_contents li a {
		display:block;
		width:120px;
		height:40px;
		text-indent:-9999px;
	}
	
	#tab_contents li a.all {
		background:url(../../images/btn_new_off.png) no-repeat 0 center;
	}
	
	#tab_contents li a:hover.all,
	#tab_contents li a.all.active {
		background:url(../../images/btn_new_on.png) no-repeat 0 center;
	}
	
	#tab_contents li a.cate1 {
		background:url(../../images/btn_topi_off.png) no-repeat 0 center;
	}
	
	#tab_contents li a:hover.cate1,
	#tab_contents li a.cate1.active {
		background:url(../../images/btn_topi_on.png) no-repeat 0 center;
	}
	
	#tab_contents li a.cate2 {
		background:url(../../images/btn_press_off.png) no-repeat 0 center;
	}
	
	#tab_contents li a.cate2:hover,
	#tab_contents li a.cate2.active {
		background:url(../../images/btn_press_on.png) no-repeat 0 center;
	}
	
	#tab_contents li a.cate3 {
		background:url(../../images/btn_event_off.png) no-repeat 0 center;
	}
	
	#tab_contents li a.cate3:hover,
	#tab_contents li a.cate3.active {
		background:url(../../images/btn_event_on.png) no-repeat 0 center;
	}
	
	#tab_contents li a.cate4 {
		background:url(../../images/btn_link_off.png) no-repeat 0 center;
	}
	
	#tab_contents li a.cate4:hover,
	#tab_contents li a.cate4.active {
		background:url(../../images/btn_link_on.png) no-repeat 0 center;
	}


#tab_area {
	margin:0 20px 10px 0;
	height:1200px;
	border:solid 1px #ccc;
	overflow:auto;
}

	/*#tab_area.k01 {
		height:400px;
	}*/

#tab_area .inr {
	margin:10px 20px;
}
	
	#tab_area .inr img {
	}
	
	#tab_area .tit {
	}


.cat1 {
	background:#e60012;
	text-align:center;
	color:white;
	width:5em;
	margin:10px 0;
	font-size:90%;
	padding:0.2em 0 0.2em 0.6em;
	letter-spacing:0.6em;
}
.cat2 {
	background:#f5a100;
	text-align:center;
	color:white;
	width:5em;
	margin:10px 0;
	font-size:90%;
	padding:0.2em;
}
	

.cat3 {
	background:#ef858c;
	text-align:center;
	color:white;
	width:5em;
	margin:10px 0;
	font-size:90%;
	padding:0.2em;
}
.cat4 {
	background:#00479d;
	text-align:center;
	color:white;
	width:5em;
	margin:10px 0;
	font-size:90%;
	padding:0.2em;
}
.cat5 {
	background:#4f64ae;
	text-align:center;
	color:white;
	width:5em;
	margin:10px 0;
	font-size:90%;
	padding:0.2em 0 0.2em 0.6em;
	letter-spacing:0.6em;
}
.cat6 {
	background:#149b9e;
	text-align:center;
	color:white;
	width:5em;
	margin:10px 0;
	font-size:90%;
	padding:0.2em 0 0.2em 0.6em;
}

.cat7 {
	background:#fff33e;
	text-align:center;
	color:#949697;
	width:8em;
	margin:10px 0;
	font-size:80%;
	padding:0.2em 0 0.2em 0;
}



.t1 {
	background:url(../../images/icon_topics.png) no-repeat 0 center;
	padding-left:22px;
	font-size:90%;
	background-size:20px;
}
.t2 {
	background:url(../../images/icon_press.png) no-repeat 0 center;
	padding-left:22px;
	font-size:90%;
	background-size:20px;
}
.t3 {
	background:url(../../images/icon_event.png) no-repeat 0 center;
	padding-left:22px;
	font-size:90%;
	background-size:20px;
}


#tab_contents {
	overflow:hidden;
}

#tab_contents ul {
	float:left;
}

#tab_contents li {
	float:left;
}

#tab_contents .more {
	float:right;
	border:0;
	margin-top:10px;
}

.waku {
	border-bottom:dotted 1px #ccc;
	padding:1em;
	margin:10px 20px 20px 0;
	overflow:hidden;
}

#k01 .inr .waku {
	min-height:12em;
}

.tit {
	font-weight:bold;
	font-size:150%;
	margin-bottom:1em;
}

#k01 .tit2 {
	font-weight:bold;
	font-size:130%;
	margin: 0 0 1em 4%;
}

.face_photo {
	float:right;
	width:200px;
}

.pd_name {
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size:120%;
}

.top_link li {
	position:relative;
	padding-left:10px;
}

.top_link li::after {
		content: "";
		position: absolute;
		border-style: solid;
		border-width: 5px 0 5px 5px;
		top: 15%;
		left: 0;
		border-color: transparent transparent transparent #e8392f;
}

ul.team {
	overflow:hidden;
	margin:2em 0;
}

ul.team li {
	width:49%;
	display:inline-block;
	margin:0;
	padding:0;
}

ul.team li a {
	display:block;
	text-align:center;
	text-decoration:none;
	font-size:120%;
	width:80%;
	margin:0 auto;
	padding:0.4em;
	text-shadow: 1px 1px 3px #000;
	font-weight:bold;
}

ul.team_k01 li a:link,
ul.team_k01 li a:visited {
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(left, rgba(250,209,212,1) 0%, rgba(230,0,18,1) 39%, rgba(230,0,18,1) 60%, rgba(250,209,212,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(250,209,212,1) 0%,rgba(230,0,18,1) 39%,rgba(230,0,18,1) 60%,rgba(250,209,212,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(250,209,212,1) 0%,rgba(230,0,18,1) 39%,rgba(230,0,18,1) 60%,rgba(250,209,212,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fad1d4', endColorstr='#fad1d4',GradientType=1 ); /* IE6-9 */
	color:white;
	border:solid 1px #fff;
}

ul.team_k01 li a:hover {
	border:solid 1px #e52e44;
	color:#e52e44;
	background:white;
	text-shadow: 1px 1px 3px #fff;
}

ul.half {
	overflow:hidden;
}

ul.half li {
	width:46%;
	float:left;
	margin-left:1em;
	text-indent:-1em;
}

	.arrow {
		position:relative;
		padding-left:20px;
	}

	.arrow::after {
			content: "";
			position: absolute;
			border-style: solid;
			border-width: 5px 0 5px 5px;
			top: 5px;
			left: 0;
			border-color: transparent transparent transparent #333;
		 }

.h210 {
	height:210px;
}

	.h210 img {
		margin-top:80px;
	}

.waku dl {
	overflow:hidden;
	padding-bottom:5px;
}

.waku dt {
	position:relative;
	padding-left:10px;
	margin-bottom:0.5em;
}

.waku dt::after {
		content: "";
		position: absolute;
		border-style: solid;
		border-width: 5px 0 5px 5px;
		top: 15%;
		left: 0;
		border-color: transparent transparent transparent #00afcb;
}

.waku dd {
	margin-left:2em;
	padding-top:1em;
}

	.k01_sub .waku dd {
		padding:0;
	}

.waku dd.waku_photo {
	float:left;
	margin-right:1.5em;
	box-shadow: 5px 5px 5px rgba(0,0,0,0.4); 
	padding:0;
}

.date {
	text-align:right;
}


	.k01_sub .waku table td.center{
		text-align: center;
	}


/*  footer
-----------------------------------------------------------------------------*/
#footer {
	padding: 22px 10px;
	margin-top: 3em;
	overflow: hidden;
	*zoom: 1;
}

#footer_nav {
	overflow: hidden;
	*zoom: 1;
	margin: 0 0 20px 0;
	text-align:center;
}
#footer_nav li {
	display:inline-block;
	padding:0 1em;
	border-right:solid 1px #666;
	width:20%;
}

	#footer_nav li:last-child{
		border:0;
	}

#footer_nav a {
	color: #333;
	position: relative;
}


#footer_nav a:hover {
	color: #7a0000;
}

#copyright {
	text-align:center;
}
#k01 #page-top {
    position: fixed;
    bottom: 10px;
    right: 10px;
    font-weight: bold;
    font-size: 80%;
    z-index: 5;
    text-align: center;
}
#k01 #page-top a {
    position: relative;
    display: block;
    width: 48px;
    height: 48px;
    background: #1bb1cd;
    color: #fff;
    opacity: 0.7;
}
#k01 #page-top a:after {
    position: absolute;
    right: 16px;
    top: 40%;
    display: block;
    content: "";
    width: 16px;
    height: 16px;
    border-top: 3px solid #FFF;
    border-right: 3px solid #FFF;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

/*  h1
-----------------------------------------------------------------------------*/
#container h1 {
	border-bottom: 4px solid #00548f;
/*
	background: #efefef;
	background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #efefef));
	background: -webkit-linear-gradient(#ffffff, #efefef);
	background: -moz-linear-gradient(#ffffff, #efefef);
	background: -o-linear-gradient(#ffffff, #efefef);
	background: linear-gradient(#ffffff, #efefef);
	*zoom: 1;
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFEFEFEF');
	border: 1px solid #dddddd;
*/
	color: #00548f;
	font-size: 1.6em;
	padding: 1.6em 1.2em 0.6em;
	margin-bottom: 0.5em;
	box-sizing: border-box;
	min-height: 83px;
	position: relative;
}
/*
#CONTENTS_AREA h1:after,
.title {
	content: "";
	display: block;
	position: absolute;
	left: 3%;
	bottom: 12%;
	border-bottom: 4px solid #00548f;
	width: 94%;
}*/

/* --- 各課題について --- */
/*
.body_k01 h1 {
	background: #ffcccc url(../../images/icon_k01.png) no-repeat 1em 35%;
	filter: none;
	padding: 1.9em 1em 0.3em 130px;
}
.body_k01 h1:after {
	bottom: 5%;
	border-bottom: 4px solid red;
}

.body_k03 h1 {
	background: #fffae5 url(../../images/icon_k03.png) no-repeat 1em 35%;
	filter: none;
	padding: 1.9em 1em 0.3em 130px;
}
.body_k03 h1:after {
	bottom: 5%;
	border-bottom: 4px solid #ffcc00;
}

.body_k04 h1 {
	background: #ffebeb url(../../images/icon_k04.png) no-repeat 1em 35%;
	filter: none;
	padding: 1.9em 1em 0.3em 130px;
}
.body_k04 h1:after {
	bottom: 5%;
	border-bottom: 4px solid #ff9999;
}

.body_k07 h1 {
	background: #e5e5fa url(../../images/icon_k07.png) no-repeat 1em 35%;
	filter: none;
	padding: 1.9em 1em 0.3em 130px;
}
.body_k07 h1:after {
	bottom: 5%;
	border-bottom: 4px solid mediumblue;
}

.body_k08 h1 {
	background: #f4f0fb url(../../images/icon_k08.png) no-repeat 1em 35%;
	filter: none;
	padding: 1.9em 1em 0.3em 130px;
}
.body_k08 h1:after {
	bottom: 5%;
	border-bottom: 4px solid mediumpurple;
}
*/

.body_event h1 {
	background: #ebffe1 url(../../images/icon_event.png) no-repeat 1em 35%;
	filter: none;
	padding: 1.9em 1em 0.3em 130px;
}
.body_event h1:after {
	bottom: 5%;
	border-bottom: 4px solid #72D740;
}

.new_k07 {
	position: absolute;
	top: -5px;
	left: -10px;
	border: 0;
	box-shadow: none;
	z-index: 100;
	background:url(../../images/icon_new.png) no-repeat;
	text-indent:-9999px;
	width:73px;
	height:49px;
}


/*  h2
-----------------------------------------------------------------------------*/
/*旧
#CONTENTS_AREA h2 {
	border: 1px solid #dddddd;
	color: #00548f;
	font-size: 1.3em;
	padding: 12px 25px;
	margin: 2em 0 1em;
	position: relative;
}
#CONTENTS_AREA h2:before {
	content: "";
	background: #00548f;
	display: block;
	position: absolute;
	left: 12px;
	top: 13%;
	width: 5px;
	height: 75%;
}
#CONTENTS_AREA h2 a, h2 a:visited {
	color: #00548f;
}*/

#CONTENTS_AREA h2 {
	font-size: 1.3em;
	padding: 12px 25px 12px 12px;
	margin-bottom:1.5em;
	margin-top:2em;
}

#CONTENTS_AREA h2 {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,00afcb+100 */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(0,175,203,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(0,175,203,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(0,175,203,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00afcb',GradientType=1 ); /* IE6-9 */
}

	#CONTENTS_AREA h2::before {
		content:"■ ";
	}

#k01 #CONTENTS_AREA h2,
#CONTENTS_AREA h2.k01_title {
/*background: rgb(250,209,212); /* Old browsers */
background: -moz-linear-gradient(left, rgba(250,209,212,1) 0%, rgba(230,0,18,1) 87%, rgba(230,0,18,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(250,209,212,1) 0%,rgba(230,0,18,1) 87%,rgba(230,0,18,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(250,209,212,1) 0%,rgba(230,0,18,1) 87%,rgba(230,0,18,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fad1d4', endColorstr='#e60012',GradientType=1 ); /* IE6-9 */
text-shadow: 1px 1px 3px #fff; */
}


#k01 #CONTENTS_AREA /*.inner_k01*/ h2{
  background: #8f021a;
  text-shadow:none;
  color: #FFF;
  padding-left:1em;
  margin-top: 0;
}
#k01 #CONTENTS_AREA /*.inner_k01*/ h2:before{content: "";}

#k01 #CONTENTS_AREA h2 a {
	color:white;
}


#k03 #CONTENTS_AREA h2,
#CONTENTS_AREA h2.k03_title {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fce3b3+0,f5a100+100 */
background: rgb(252,227,179); /* Old browsers */
background: -moz-linear-gradient(left, rgba(252,227,179,1) 0%, rgba(245,161,0,1) 87%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(252,227,179,1) 0%,rgba(245,161,0,1) 87%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(252,227,179,1) 0%,rgba(245,161,0,1) 87%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fce3b3', endColorstr='#f5a100',GradientType=1 ); /* IE6-9 */
text-shadow: 1px 1px 3px #fff; 
}
#k04 #CONTENTS_AREA h2,
#CONTENTS_AREA h2.k04_title {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fcebec+0,ef858c+100 */
background: rgb(252,235,236); /* Old browsers */
background: -moz-linear-gradient(left, rgba(252,235,236,1) 0%, rgba(239,133,140,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(252,235,236,1) 0%,rgba(239,133,140,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(252,235,236,1) 0%,rgba(239,133,140,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcebec', endColorstr='#ef858c',GradientType=1 ); /* IE6-9 */
text-shadow: 1px 1px 3px #fff; 
}


#k07 #CONTENTS_AREA h2,
#CONTENTS_AREA h2.k07_title {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cedcec+0,cedcec+40,00469b+100 */
background: rgb(206,220,236); /* Old browsers */
background: -moz-linear-gradient(left, rgba(206,220,236,1) 0%, rgba(206,220,236,1) 40%, rgba(0,70,155,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(206,220,236,1) 0%,rgba(206,220,236,1) 40%,rgba(0,70,155,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(206,220,236,1) 0%,rgba(206,220,236,1) 40%,rgba(0,70,155,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cedcec', endColorstr='#00469b',GradientType=1 ); /* IE6-9 */
text-shadow: 2px 2px 2px #fff; 
}

#k08 #CONTENTS_AREA h2,
#CONTENTS_AREA h2.k08_title_t {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f3f4f9+0,4f64ae+100 */
background: rgb(243,244,249); /* Old browsers */
background: -moz-linear-gradient(left, rgba(243,244,249,1) 0%, rgba(79,100,174,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(243,244,249,1) 0%,rgba(79,100,174,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(243,244,249,1) 0%,rgba(79,100,174,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f4f9', endColorstr='#4f64ae',GradientType=1 ); /* IE6-9 */
text-shadow: 2px 2px 2px #fff; 
}
#p05 #CONTENTS_AREA h2 {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fffbcc+0,fff33e+100 */
background: #fffbcc; /* Old browsers */
background: -moz-linear-gradient(left, #fffbcc 0%, #fff33e 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #fffbcc 0%,#fff33e 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #fffbcc 0%,#fff33e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffbcc', endColorstr='#fff33e',GradientType=1 ); /* IE6-9 */
text-shadow: 1px 1px 3px #fff; 
}
#p08 #CONTENTS_AREA h2 {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#bbf7f9+0,149b9e+100 */
background: #bbf7f9; /* Old browsers */
background: -moz-linear-gradient(left, #bbf7f9 0%, #149b9e 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #bbf7f9 0%,#149b9e 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #bbf7f9 0%,#149b9e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bbf7f9', endColorstr='#149b9e',GradientType=1 ); /* IE6-9 */
text-shadow: 1px 1px 3px #fff; 
}

/* --- 各課題について --- */
#CONTENTS_AREA h2.kk01 {
	background: rgb(250,209,212); /* Old browsers */
background: -moz-linear-gradient(left, rgba(250,209,212,1) 0%, rgba(230,0,18,1) 87%, rgba(230,0,18,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(250,209,212,1) 0%,rgba(230,0,18,1) 87%,rgba(230,0,18,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(250,209,212,1) 0%,rgba(230,0,18,1) 87%,rgba(230,0,18,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fad1d4', endColorstr='#e60012',GradientType=1 ); /* IE6-9 */
text-shadow: 1px 1px 3px #fff; 
}
#CONTENTS_AREA h2.kk01:before {
	color: red;
}

#CONTENTS_AREA h2.kk03 {
background: rgb(252,227,179); /* Old browsers */
background: -webkit-linear-gradient(left, rgba(252,227,179,1) 0%, rgba(245,161,0,1) 87%);
background: -o-linear-gradient(left, rgba(252,227,179,1) 0%, rgba(245,161,0,1) 87%);
background: linear-gradient(to right, rgba(252,227,179,1) 0%, rgba(245,161,0,1) 87%); /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fce3b3', endColorstr='#f5a100',GradientType=1 ); /* IE6-9 */
text-shadow: 1px 1px 3px #fff; 
}
#CONTENTS_AREA h2.kk03:before {
	color: #ffcc00;
}

#CONTENTS_AREA h2.kk04 {
background: rgb(252,235,236); /* Old browsers */
background: -moz-linear-gradient(left, rgba(252,235,236,1) 0%, rgba(239,133,140,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(252,235,236,1) 0%,rgba(239,133,140,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(252,235,236,1) 0%,rgba(239,133,140,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcebec', endColorstr='#ef858c',GradientType=1 ); /* IE6-9 */
text-shadow: 1px 1px 3px #fff; 
}
#CONTENTS_AREA h2.kk04:before {
	color: #ff9999;
}

#CONTENTS_AREA h2.kk07 {
background: rgb(228,236,245); /* Old browsers */
background: -moz-linear-gradient(left, rgba(228,236,245,1) 0%, rgba(0,71,157,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(228,236,245,1) 0%,rgba(0,71,157,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(228,236,245,1) 0%,rgba(0,71,157,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4ecf5', endColorstr='#00479d',GradientType=1 ); /* IE6-9 */
text-shadow: 2px 2px 2px #fff; 
}
#CONTENTS_AREA h2.kk07:before {
	color: mediumblue;
}

#CONTENTS_AREA h2.kk08 {
background: rgb(243,244,249); /* Old browsers */
background: -moz-linear-gradient(left, rgba(243,244,249,1) 0%, rgba(79,100,174,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(243,244,249,1) 0%,rgba(79,100,174,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(243,244,249,1) 0%,rgba(79,100,174,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f4f9', endColorstr='#4f64ae',GradientType=1 ); /* IE6-9 */
text-shadow: 2px 2px 2px #fff; 
}
#CONTENTS_AREA h2.kk08:before {
	color: mediumpurple;
}

/*  h3
-----------------------------------------------------------------------------*/
h3 {
	font-size: 1.2em;
	position: relative;
	padding: 5px 10px;
	margin: 0 0 1em 0;
}
h3:after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	border-bottom: 4px solid #00548f;
	width: 100%;
}

/*  h4
-----------------------------------------------------------------------------*/
h4 {
	font-size: 1.2em;
	position: relative;
	padding: 5px 10px;
	margin: 0 0 1em 1.2em;
	border-bottom: 1px dashed #00548f;
}

/*  トップページの例外処理
-----------------------------------------------------------------------------*/
.body_home h1 {
	margin-top: 1.5em;
}

.body_home .aside {
	margin-top: 4em;
}


/* 採用ページ */
.list_indent01 li{
	text-indent:-1em;
	margin-left:1em;
}

.list_indent02 li{
	text-indent:-2em;
	margin-left:2em;
}

.list_indent03 li{
	text-indent:-3em;
	margin-left:3em;
}


/* 関連資料ページ内リンク */
ul#siryo_link {
	margin:0 0 1em 30px;
	padding:0;
}

ul#siryo_link li {
	display:inline-block;
	margin-right:1em;
}

ul#siryo_link li:before {
	content: "▼";
	color:#f00;
}

ul#siryo_link a {
	color: #333;
	padding-left:0;
}
ul#siryo_link a:hover {
	color: #7a0000;
}

.siryo_back {
	text-align:right;
	margin-top:-1em;
}

.siryo_back a{
	padding-left:0.5em;
}

.siryo_back:before {
	content: "▲";
	color:#f00;
}

/*イベント情報*/

.event_info1{
	margin-left:2em;
}

.event_info1 dt{
	float:left;
	width::2em;
}

.event_info1 dd{
	margin:0 0 0.5em 4em;
}

.event_info2{
	margin:0 0 0 2em;
}

.event_info2 dt{
	width::2em;
	margin-bottom:0.5em;
}

.event_info2 dd{
	overflow:auto;
	margin:0 0 0.25em 1em;
}

.event_info2 .photo{
	float:left;
	margin-bottom:1em;
}

.event_info3{
	margin-left:2em;
}

.event_info3 dt{
	float:left;
	width:7em;
	clear:left;
}

.event_info3 dd{
	margin:0 0 0.5em 7.5em;
}

/*共通*/

.clear{
	clear:both;
}

.mb01em{
	margin-bottom:1em;
}


/*写真2枚横並び（width300pxのみ）*/

ul.photo_list li{
	float:left;
	width:300px;
	margin:0 10px 10px 0;
}

.photo_space{
		width:930px;
	margin:auto;
}



/*オープン、クローズ*/
#OPEN01_k08,
#OPEN01_k07,
#OPEN11,
#OPEN10,
#OPEN09,
#OPEN08,
#OPEN07,
#OPEN06,
#OPEN05,
#OPEN04,
#OPEN03,
#OPEN02,
#OPEN01 {
display: none;
}

#AC01_k08,
#AC01_k07,
#AC11,
#AC10,
#AC09,
#AC08,
#AC07,
#AC06,
#AC05,
#AC04,
#AC03,
#AC02,
#AC01 {
float:right;
cursor: pointer;
}

/*k07 刊行物*/

h3.publications{
	padding-left: 20px;
	background: url(../../images/icon_rarrow.png) no-repeat;
	background-position: left;
	margin: 0;

}

h3.publications:after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	border-bottom: none;
	width: 100%;
}




/*
* Other
*/
/*  k01_kadai.html  <p class="link_blank">  */
td p {
	margin-top: 1em;
}

ul.list {
	margin:0;
}

.list li {
	display:inline-block;
}

.clear {
	clear:both;
}

/************************
*k08_link
***************************/
#link {
	overflow:hidden;
}

.link_left {
	float:left;
	width:50%;
}

.link_right{
	float:right;
	width:50%;
}

#k08_link li {
	position:relative;
	padding-left:12px;
}

#k08_link li:before {
	content: "";
	position: absolute;
	border-style: solid;
	border-width: 6px 0 6px 8px;
	border-color: transparent transparent transparent #9370DB;
	top: 3px;
	left: 0;
}

	#k08_link li li:before {
		border-color: transparent transparent transparent #999;
	}


/* 20170606追加　燃焼中ページ */



td.center_txt{text-align: center;}


#k01 .k01_sub #CONTENTS_AREA dl{
	list-style: none;
	width: 96%;
	margin: 0 0 1.5em 4%;
	display: table;
}

#k01 .k01_sub #CONTENTS_AREA dd:after{
	content: "."; 
	display: block; 
	height: 0; 
	font-size:0;  
	clear: both; 
	visibility:hidden;
}

#k01 .k01_sub #CONTENTS_AREA dt{
	float: left;
	width: 6em;
	display: block;
}



#k01 .k01_sub #CONTENTS_AREA dd{
	display: block;
	padding-left: 6em;
}



#k01 .k01_sub #CONTENTS_AREA dl.banner dt{
		width: 10em;
	}



#k01 .k01_sub #CONTENTS_AREA table th:nth-child(2) , #k01 .k01_sub #CONTENTS_AREA table th:first-child{
	width: 12%;
}

#k01 .k01_sub #CONTENTS_AREA table th:last-child{
	width: 64%;
}


.k01_point{
	border: 2px solid #d1d1d1;
	padding: 1em;
	font-size: 120%;
	font-weight: bold;
}

.k01_onethird{
	width: 90%;
	margin:  auto 1.5em;
	text-align: center;
}

ul.k01_onethird li {
    width: 33%;
    float: left;

}

span.trance_b{
	position: relative;
	display: inline-block;
	margin-left: 1em;
}

.trance_b::before{
	content: "";
	position: absolute;
	border-style: solid;
	border-width: 5px 0 5px 5px;
	top: 15%;
	left: -1em;
	border-color: transparent transparent transparent #00afcb;
}

.team_left{
	float: left;
	margin-right: 2em;
}


.team_right dd{
	padding-top: 0em;
	margin-bottom: 1em;
}


ul.k01_onethird li img{
	box-shadow: 5px 5px 5px rgba(0,0,0,0.4);
	padding: 0;
	margin-bottom: 1em;
}



.cl100{
	clear: both;
	margin: 1em;
}

li.pubWrapper2 {
    float: left;
    width: 310px;
    text-align: center;
    margin-bottom: 10px;
    display: block;
    padding-right: 30px;
    margin: 1em auto;
    min-height: 300px;
    position: relative;
}

li.pubWrapper2 img {

    box-shadow: 5px 5px 5px 5px rgba(0, 0, 0, 0.2);
    margin-bottom: 1em;

}

/*--20180225追加--*/
#k01_menu{
	margin:2em auto 1em auto;
	width:100%;
	text-align:center;
}
#k01_menu li {
	display:inline-block;
	width:15%;
	margin:0 1% 0 0;
	padding:0;
}
#k01_menu li a {
    display:block;
    text-align:center;
    box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.4);
    text-decoration:none;
    padding:1em;
    background: #8f021a;
    color: #fff;
}
  #k01_menu .k01_top li:nth-child(1) a,
  #k01_menu .k01_gaiyou li:nth-child(2) a,
  #k01_menu .k01_kadai li:nth-child(3) a,
  #k01_menu .k01_seika li:nth-child(4) a,
  #k01_menu .k01_event li:nth-child(5) a,
  #k01_menu .k01_publications li:nth-child(6) a{
    opacity: 0.6;
  }
.k01_bn_area{margin: 2em 1em 0;}
.k01_bn_area li{
	display:inline-block;
	margin:0 1% 0 0;
	padding:0;
}
#k01_menu li a:hover,.k01_bn_area li a:hover{opacity: 0.6}
#container .inner_k01{padding:1em}
#container .inner2_k01{ padding:1em}
#container .inner_k01 img,
#container .inner2_k01 img{ max-width: 100%}
#container .inner_k01 h2,
#container .inner2_k01 h2{border-bottom: none;}
.k01_gaiyou dt{float: right;width: 35%;}
.k01_gaiyou dd h2{
  color: #fff!important;
  font-size: 1.3em!important;
  margin-bottom: 1em!important;
  min-height: 0px!important;
  text-align: center;
  padding-top: 0.8em!important;
  }
dl.k01_gaiyou {
  background: #8f021a;
  overflow:hidden;
}

.k01_gaiyou dd{
    color: #fff;
    padding: 1em 3.5em;
    box-sizing: border-box;
    width: 65%;
}
.k01_seika dt{
  width: 45%;
  float: left;
  padding-right: 1em;
}
.k01_seika dd {
  float: right;
  width: 50%;
  color: #fff!important;
  margin-bottom: 1em!important;
  min-height: 0px!important;
  padding-top: 2em!important;
  font-size: 110%;
  }
.k01_seika dd a{color: #fff}
dl.k01_seika {
  background: #8f021a;
  overflow:hidden;
}

.k1_kyoten dt{
  width:45%;
  float: left;
}
.k1_kyoten dd{
  float: right;
  width: 55%;
  padding: 1em 3.5em;
  box-sizing: border-box;
}
.inner_k01 p{margin: 0 0 1em 0.5em!important;}

.inner_k01 .flexbox_wap li {
	width:50%;
}

figure{margin: 0 0.2em;}
/*#kadai_sub h1.style_h2{
    background: #8f021a;
    text-shadow: none;
    color: #FFF;
    padding-left: 1em;
    font-size: 1.3em;
    padding: 12px 25px 12px 12px;
    margin-bottom: 1.5em;
    margin-top: 2em;
    min-height: 0;
    border-bottom: none;
}*/
#kadai_sub .kadai_list img{padding-bottom: 1em}
#kadai_sub .kadai_list{max-width:976px;margin: 0 auto; margin-bottom: 2em}
#kadai_sub .kadai_list a:hover{opacity: 0.6}
.col_team1 .inner2_k01 h3,
.col_team2 .inner2_k01 h3,
.col_team3 .inner2_k01 h3,
.col_team4 .inner2_k01 h3
{
    color: #FFF;
    padding-left: 1em;
    font-size: 1.3em;
    padding: 10px 0 8px 12px;
    margin-bottom: 1.5em;
    margin-top: 2em;
}
.col_team1 .inner2_k01 h3{background: #f2bc15;}
.col_team2 .inner2_k01 h3{background: #d1b639;}
.col_team3 .inner2_k01 h3{background: #ca4622;}
.col_team4 .inner2_k01 h3{background: #1e8e7f;}
.col_team1 .inner2_k01 > h3:after,
.col_team2 .inner2_k01 > h3:after,
.col_team3 .inner2_k01 > h3:after,
.col_team4 .inner2_k01 > h3:after
{border-bottom: none}
.col_team_gaiyou dt{width:35%!important;
    box-sizing: border-box;line-height: 2;}
.col_team_gaiyou dd{float: right;width:60%!important;
    box-sizing: border-box;padding-left:0!important;}
.kenkyu_lab{margin-top:12em;}
.kenkyu_lab li{
  display:table-cell;
  border: #ccc solid 1px;
  box-sizing: border-box;
  font-size: 85%;
  padding: 0.5em;
}
.kenkyu_lab li:nth-child(2){
  background: #666;
  color: #fff;
}






/* 20170906追加　インフラ */
#k07_menu {
	margin:2em auto 1em auto;
	width:100%;
	text-align:center;
}

#k07_menu li {
	display:inline-block;
	width:18%;
	margin:0 1% 0 0;
	padding:0;
}

	#k07_menu li a {
		display:block;
		text-align:center;
		box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.4);
		text-decoration:none;
		padding:1em;
	}

.k07_new {
}

.k07_new p {
	margin:0 0 1em 0;
}

#k07 #CONTENTS_AREA.k07_new h2 {
	background:white;
	color:black;
	font-weight:bold;
	margin:0;
}

#CONTENTS_AREA.k07_new h2::before {
		content: "";
}

.k07_new h4 {
	font-size:90%;
}

.k07_intro {
	margin-top:1em;
	overflow:hidden;
}

.pd_photo {
	float:right;
	margin-left:1em;
}

.k07_kaihatsu {
	float:left;
	margin-right:1em;
}

.k07_message {
	padding-top:1em;
	margin-left:1em;
}

.k07_kaihatsu_txt {
	margin-top:150px;
}
	
	.k07_kaihatsu_txt strong {
		font-size:120%;
		color:#0054a6;
	}
	
	.k07_kaihatsu_txt ul {
		margin-top:0.5em;
	}

.new_mark{
	 color: #C00;
	 font-weight: bold;
	font-size:1em;
}

#k07 #CONTENTS_AREA.k07_new h2.k07_kadai_tit {
	 color:#044795;
	 border-bottom:2px white solid;
	 border-top:2px white solid;
	 position:relative;
	background:url(../../images/k07/back_kadai01.png) 0 center repeat-x;
	min-height:55px;
	line-height:55px;
	font-size:150%;
}

#k07 #CONTENTS_AREA.k07_new h2.k07_kadai_tit span {
	 margin-left:80px;
}

	#k07 #CONTENTS_AREA.k07_new h2.k07_kadai_tit:before {
		content: url("../../images/k07/icon_kadai01.png");
		position:absolute;
		top: 50%;
		margin-top:-30px;
	}

#k07 #CONTENTS_AREA.k07_new h2.k07_kadai_tit2 {
	 color:#044795;
	 border-bottom:2px white solid;
	 border-top:2px white solid;
	 position:relative;
	background:url(../../images/k07/back_kadai02.png) 0 center repeat-x;
	min-height:55px;
	line-height:55px;
	font-size:150%;
}

#k07 #CONTENTS_AREA.k07_new h2.k07_kadai_tit2 span {
	 margin-left:80px;
}

	#k07 #CONTENTS_AREA.k07_new h2.k07_kadai_tit2:before {
		content: url("../../images/k07/icon_kadai02.png");
		position:absolute;
		top: 50%;
		margin-top:-30px;
	}

#k07 #CONTENTS_AREA.k07_new h2.k07_kadai_tit3 {
	 color:#044795;
	 border-bottom:2px white solid;
	 border-top:2px white solid;
	 position:relative;
	background:url(../../images/k07/back_kadai03.png) 0 center repeat-x;
	min-height:55px;
	line-height:55px;
	font-size:150%;
}

#k07 #CONTENTS_AREA.k07_new h2.k07_kadai_tit3 span {
	 margin-left:80px;
}

	#k07 #CONTENTS_AREA.k07_new h2.k07_kadai_tit3:before {
		content: url("../../images/k07/icon_kadai03.png");
		position:absolute;
		top: 50%;
		margin-top:-30px;
	}

#k07 #CONTENTS_AREA.k07_new h2.k07_kadai_tit4 {
	 color:#044795;
	 border-bottom:2px white solid;
	 border-top:2px white solid;
	 position:relative;
	background:url(../../images/k07/back_kadai04.png) 0 center repeat-x;
	min-height:55px;
	line-height:55px;
	font-size:150%;
}

#k07 #CONTENTS_AREA.k07_new h2.k07_kadai_tit4 span {
	 margin-left:80px;
}

	#k07 #CONTENTS_AREA.k07_new h2.k07_kadai_tit4:before {
		content: url("../../images/k07/icon_kadai04.png");
		position:absolute;
		top: 50%;
		margin-top:-30px;
	}

#k07 #CONTENTS_AREA.k07_new h2.k07_kadai_tit5 {
	 color:#044795;
	 border-bottom:2px white solid;
	 border-top:2px white solid;
	 position:relative;
	background:url(../../images/k07/back_kadai05.png) 0 center repeat-x;
	min-height:55px;
	line-height:55px;
	font-size:150%;
}

#k07 #CONTENTS_AREA.k07_new h2.k07_kadai_tit5 span {
	 margin-left:80px;
}

	#k07 #CONTENTS_AREA.k07_new h2.k07_kadai_tit5:before {
		content: url("../../images/k07/icon_kadai05.png");
		position:absolute;
		top: 50%;
		margin-top:-30px;
	}

#PlagOpen4,
#PlagClose4 {
	overflow:hidden;
}


.k07_more {
	background:url(../../images/k07/k07_more.png) no-repeat 0 center;
	padding-left:20px;
}

.more1 {
	text-align:right;
	margin-top: 1em;
	margin-bottom: 1em;
}

.k07_section {
	border-top:solid 10px #eee;
	overflow:hidden;
	padding-bottom:1em;
}

.k07_section p {
	margin:1em;
}

.k07_box {
	padding:0.2em;
	margin:0 0.5em;
}

.fR {
	float:right;
	margin-left:1em;
}

.k07_result {
	margin:0 1em;
}

	.k07_result dt {
		font-weight:bold;
		margin-bottom:0.5em;
		position:relative;
		padding-left:10px;
	}
	
	.k07_result dt::before {
		content: "";
		position: absolute;
		border-style: solid;
		border-width: 6px 0 6px 8px;
		border-color: transparent transparent transparent #0054a6;
		top: 3px;
		left: 0;
	}
	
	.k07_result dd {
		margin-bottom:1em;
		margin-left:1em;
	}
	
.k07_movie {
	margin-left:1.5em;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap: wrap;
}

.k07_movie ul {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}

.k07_movie li {
	width:32%;
	background:#efefef;
	line-height:2;
	margin-right:1%;
	display: flex;
 	flex-direction: column;
}

.k07_movie li iframe{
	margin-top: auto;
}

.fR {
	float:right;
	margin-left:1em;
}

.fL {
	float:left;
	margin-right:1em;
}

.k07_section p.ml {
	margin-left:1.5em;
}


.k07_kadai_box {
	border-top:solid 4px #8aa3d2;
	margin:1em 1.5em 0 1.5em;
	padding:1em 0 0 0;
	overflow:hidden;
}


	.k07_kadai_box dl {
	}
	
	.k07_kadai_box dt {
		float:left;
		padding:0.2em;
	}
	
	.k07_kadai_box dd {
		padding:0.2em;
	}
	
	.k07_kadai_box .news_list{
		margin-left:50px;
		margin-top:1em;
	}
	
	.k07_kadai_box .news_list li{
		margin-bottom:0;
	}
	
	
.k07_kadai_inr {
	overflow:hidden;
}

.k07_back {
	background:#8aa3d2;
	width:80px;
	color:white;
	text-align:center;
}

.kadai_photo {
	text-align:center;
	width:100%;
	text-align:center;
	margin:0 auto;
}

	.kadai_photo h4 {
		text-align:left;		
	}

	.kadai_photo img {
		 width:100%; 
		 max-width:950px; 
		 height:auto;
	}

.kadai_left {
	float:left;
	width:65%;
}

	.kadai_left img {
		max-width:610px;
	}

.kadai_right {
	float:right;
	width:35%;
}

	.kadai_right img {
		max-width:310px;
	}

h4.k07_kadai {
	font-size:150%;
	padding:0.5em;
	font-weight:bold;
	border-bottom:0;
	margin:0;
}

h3.k07 {
	background:#8aa3d2;
	color:white;
	font-weight:bold;
	border:0;
	margin-top:1em;
}

	h3.k07:after {
		border:0;
	}

/*k07イベント資料*/
.link_click a {
	border:solid 1px #00479d;
	background:#00479d;
	color:white;
	font-size:120%;
	display:block;
	padding:0.2em;
	text-decoration:none;
}

.link_click a:hover {
	border:solid 1px #00479d;
	background:white;
	color:#00479d;
}

.k07_event {
	overflow:hidden;
}


.k07_event li {
	border:solid 1px #ccc;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.4);
	text-align:center;
	float:left;
	margin-right:1em;
	overflow:hidden;
}

.k07_event li a {
	display:block;
	padding:0.5em;
	text-decoration:none;
}

.k07_event li a:hover {
	background:#ffffcc;
}

.k07_event_box {
}

.k07_event_box h3 {
	margin-bottom:0;
}

.k07_event_box h3:after {
	border-bottom:0;
}

.k07_event_box dl {
	overflow:hidden;
	border-bottom: 4px solid #00548f;
	padding-bottom:1em;
	padding-top:1em;
}

.k07_event_box dt {
	font-weight:bold;
	font-size:120%;
}

.k07_event_box dd {
	margin-left:1em;
}

.breadright {
	float:right; 
	margin-left:1em;
}


/* k07movie(20171205追記) */


.k07_new.movie ul{

}
/*
.k07_new.movie ul::after{
	content: '';
	display: table;
	clear: both;
}*/

.k07_new.movie h2{
	text-align: left;
	border-bottom: 1px dashed #ccc;
}

.k07_new.movie p span{
	text-align: left;
	margin-left: 2%;
	margin-right: auto;
	display: block;
	color: #666;
}

.k07_new.movie #k07_menu li{
	min-width: 30%;
	line-height: 3em;

}

#container h1.k07_event20180719_ttl {
	padding: 0;
	margin-bottom: 0.5em;
	min-height: auto;
	position: static;
	border-bottom: none;
}



/* go topボタン */
#page-top {
	position: fixed;
	bottom: 5px;
	right: 30px;
}
#page-top a:hover {
	opacity: 0.7;
}
#page-top a:active {
	opacity: 1;
}

/*防災ページ*/
.k08_title {
	font-family:"MS PGothic", "Osaka", Arial, sans-serif;
	font-weight:bold;
	font-size:260%;
	color:#4f64ae;
	text-shadow: 1px 1px 3px #666; 
}

.k08_title2 {
	font-family:"MS PGothic", "Osaka", Arial, sans-serif;
	font-weight:bold;
	font-size:150%;
	margin-bottom:1em;
}


.k08_kadai {
	margin-left:1em;
	display:block;
	float:left;
}

.k08_date {
	width:9em;
	white-space:nowrap;
	display:block;
	float:left;
}

.k08_cate1 {
	padding:0 1em;
	background:#F2DCDB;
	margin-left:1em;
}

.k08_cate2 {
	padding:0 1em;
	background:#DAEEF3;
	margin-left:1em;
}

.k08_cate3 {
	padding:0 1em;
	background:#CCFFCC;
	margin-left:1em;
}

.k08_cate4 {
	padding:0 1em;
	background:#FFFF99;
	margin-left:1em;
}

.k08_cate5 {
	/* その他 */
	padding:0 1em;
	background:#E4E4E4;
	margin-left:1em;
}

.k08_tit {
	display:block;
	font-weight:bold;
	margin-left:1em;
	margin-top:0.5em;
}

.k08_list li {
	border-bottom:dashed 1px #ccc;
	padding-bottom:0.5em;
}

#form01 {
	display:block;
	width:100%;
	text-align:right;
}



.top_link.team_k08_1 li::after {
		border-color: transparent transparent transparent #e5e017;
}

.top_link.team_k08_1 li.blue::after {
		border-color:transparent transparent transparent #00a3df;
}

.top_link.team_k08_2 li::after {
		border-color: transparent transparent transparent #f08300;
}

.top_link.team_k08_3 li::after {
		border-color: transparent transparent transparent #23ac38;
}

.top_link.team_k08_3 li.pup::after {
		border-color: transparent transparent transparent #767cbb;
}

.top_link.team_k08_3 li.pink::after {
		border-color: transparent transparent transparent #ea618f;
}


.k08_slide {
	border:solid 1px #ccc;
	text-align:center;
}

.k08_slide img {
	width:100%;
	max-width:980px;
}

.waku .k08_gaiyo dt {
		margin-bottom: 0;
}


.waku .k08_gaiyo dd {
		padding-top: 0;
		margin-bottom:1em;
}


.k08_table td:first-child {
	width:50%;
}

	.k08_table td:first-child span {
		color:#666;
		font-size:80%;
	}

.k08_table td:nth-child(2) {
	width:30%;
}

.k08_table td:nth-child(3) {
	width:20%;
	text-align:center;
}

/* k08(201804add) */
.cap{
	width:100%;
	height:30px;
	background-color:#ccc;
	font-size:12px;
}
#slider li {
	display: none;
	background: #FFF;
}
#slider li:first-child {
	display: block;
	background: #FFF;
}
#slider a img {
	-webkit-transition: all .2s;
	transition: all .2s;
}
#slider a img:hover {
	opacity: 0.7;
}
#slider li {
	width: 100%!important;
}
#k08 .bx-wrapper {
	margin-bottom: 40px;
	box-shadow: none;
	border: 0;
}
#k08 .bx-wrapper .bx-pager {
	color: rgba(204,204,204,0.8);
	padding-top: 0;
}
#k08 .bx-wrapper .bx-pager.bx-default-pager a {
	background: rgba(204,204,204,0.8);
	width: 13px;
	height: 13px;
	margin: 0 5px;
	border-radius: 0;
}
#k08 .bx-wrapper .bx-pager.bx-default-pager a:hover,
#k08 .bx-wrapper .bx-pager.bx-default-pager a.active,
#k08 .bx-wrapper .bx-pager.bx-default-pager a:focus {
	background: #4f64ae;
}
#k08 .bx-wrapper .bx-pager,
#k08 .bx-wrapper .bx-controls-auto {
	display: block;
	bottom: -20px;
}
#k08 .bx-wrapper .bx-controls-direction a {
	top: 45%;
	width: 36px;
	height: 70px;
}
#k08 .bx-wrapper .bx-prev,
#k08 .bx-wrapper .bx-next {
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
}
#k08 .bx-wrapper:hover .bx-prev,
#k08 .bx-wrapper:hover .bx-next {
	opacity: 1;
}
#k08 .bx-wrapper .bx-prev {
	background: url(../images/pre_arw.png) no-repeat 45% 60% rgba(0,0,0,0.6);
	left: 0;
}
#k08 .bx-wrapper .bx-next {
	background: url(../images/next_arw.png) no-repeat 65% 60% rgba(0,0,0,0.6);
	right: 0;
}
.slide_txt {
	margin: 0;
	padding: 10px;
	font-size: 120%;
}
.ex_box {
	border:#00548f solid 4px;
	margin-bottom: 20px;
	padding:2%;
	background-color: #f8f8ff;
}
.ex_box h4 {
	position: relative;
	font-size: 1.2em;
	padding: 5px;
	margin: 0 0 0.5em 1.2em;
	border-bottom: 1px dashed #00548f;
	color: #00548f;
}
.ex_box h4::before {
	content: "■";
}
.ex_box p {
	margin: 0 0 0 4%;
}
.ex_dl {
	margin:0 0 1em 4%;
}
.ex_dl dt {
	float: left;
}
.ex_close {
	background-color: #e9e9e9;
}
.tag_close {
	display: inline-block;
	width: 6.5em;
	margin-right: 1em;
	padding: 2px 0;
	color: #FFF;
	font-size: 80%;
	text-align: center;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	background: #7B7B7B;
}

.form_btn a {
	display: block;
	max-width: 780px;
	margin: 1em auto 0;
	padding: 10PX;
	background:#00469b;
	color:white;
	text-align:center;
	font-size:120%;
	text-decoration:none;
	border-radius:4px;
	border:solid 1px #00469b;
	-webkit-transition: all .2s;
	transition: all .2s;
}

.form_btn a:hover {
	background:white;
	color:#00469b;
}

/*k07 追加*/
.flexbox_wap {/* 折り返しのみ */
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap: wrap;
}


.k07_gaiyo li {
	margin-right:1em;
	text-align:center;
}

	.k07_gaiyo li img {
		box-shadow: 5px 5px 5px 5px rgba(0, 0, 0, 0.2);
	}


/*k08図*/

.k08_drawbox{
	display: flex;
	min-width: 980px;
	/*図を固定*/
	margin: 0 auto;
}

.k08_drawbox .draw_side{
	width: 30%;
}

.k08_drawbox .draw_center{
	background: url(../../images/k08_draw.gif) no-repeat;
	width: 60%;
	min-height: 600px;
	background-size:contain;
}

.k08_drawbox .draw_center p{
	text-align: center;
	margin-top: 6em;
}

.k08_drawbox .draw_center p img{
	max-width: 200px;
	height: auto;
}



.k08_drawbox a{
	display: block;
	width: 100%;
	height: 100%;
	color: #fff;
	font-weight: bold;
	padding-top: 2.2em;
	text-decoration: none;
	transition: 0.5s;

}

.k08_drawbox p a{
	padding-top: 0em;
	}

.k08_drawbox a:hover{
	opacity: 0.5;
	transition: 0.5s;
}

.k08_drawbox a.short{
	padding-top: 1.5em;
}

.k08_drawbox a.short2{
	padding-top: 1em;
}


.kouhyou_list{

}

.kouhyou_list .date{
	position: relative;
	display: inline-block;
	padding-left: 15px;
}

.kouhyou_list .date::before{
	content: "";
	position: absolute;
	border-style: solid;
	border-width: 6px 0 6px 8px;
	border-color: transparent transparent transparent #ff0000;
	top: 3px;
	left: 0;
}

.kouhyou_list .img_box{
	float: left;
	margin-right: 10px;
	height: 100%;
	position: relative;
}

.kouhyou_list .over{
	display: block;
	position: relative;
   width: 100px;
   height: 45px;
   overflow: hidden;
}

.kouhyou_list .over img{
	position: absolute;
	top: -20%;
}

.kouhyou_list .img_box img{
  border:solid 1px #ccc;
  max-width: 100px;
}

.kouhyou_list .img_box img:not(:last-child){
  marigin-bottom: 5px;
}

.box .kouhyou_list p {
    margin: 0;
    margin-left: 110px;
}

.kouhyou_list li::after{
	content: "."; 
	display: block; 
	height: 0; 
	font-size:0;  
	clear: both; 
	visibility:hidden;
}

small.drawbox{
  display: block;
  font-size:1em;
  margin: 1em 0;
}

small.drawbox::before{
	content: "※";
	margin-right: 5px;
}


ul.draw_first {
  margin-bottom: 6em;
}

ul.draw_first li span{
		height: 8em;
		display: block;
/*      font-family: '游ゴシック','Yu Gothic','メイリオ','Meiryo',sans-serif; */
}

ul.draw_first li{
	border-radius:8px;
	text-align: center;
	position: relative;
}

ul.draw_first li:hover{
	opacity: .3;
}

ul.draw_first li a {
	font-size: 130%;
}

ul.draw_first li ul.child{
	position: absolute;
	top: 8.5em;
}

ul.draw_first li ul.child li{
		text-align: left;
	}

.draw_center ul.draw_first{

	position:relative;
	width: 60%;
	margin:0 auto;
	margin-top:8.5em;
	border:5px solid #fff;
}

.draw_center ul.draw_first li{
	height: 8em;
}

.mid_d{
	border-bottom: 0px solid #fff ;
	border-top: 3px solid #767cbb;
	border-left: 3px solid #767cbb;
	border-right: 3px solid #767cbb;
	border-radius: 10px 10px 0 0;
	display: inline-block;
	width: 80px;
	position: relative;
	margin-left: 20px;
	margin-bottom:1em;
	text-align: center;
	font-weight: 1.5em;
	line-height: 2em;
	font-weight: bold;
	color: #767cbb;
}

.mid_d::after{
	content: "";
	width: 300%;
	position: absolute;
	left: 0;
	bottom:0;
	border-bottom:2px solid #767cbb;
	margin-left: -20px;
	/*ずらした分のマージン*/
}

.purple{
	background:#767cbb;
	color: #fff;
	width: 100%;
	padding: 0.1em 1em;
}

.clearfix:after {  
  content: ".";   
  display: block;   
  height: 0;   
  clear: both;   
  visibility: hidden;  
}  
  
.clearfix { display: inline-table;}


.sli_container{min-height: 316px;}

.fl25{
	float:left; width:25%;
}

.fr25{
	float:right; width:25%;
}

.k08_dulist{
	width: 100%;
	margin-top: 1em;
	margin-bottom: 2em;
}


/*k04追加*/


.accordionbox{
	clear:both;
}
#content .accordionlist p {
	margin-left:0;
}


.accordionlist .title{
    display:block;
    background: #fff;
}

.accordionlist .hide{
    display:none;
	background: #fff;
	padding:0 0 20px 15px;
}
.accordion_icon,
.accordion_icon span,
.accordion_icon2,
.accordion_icon2 span{
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
}
.accordion_icon {
	position: relative;
	width: 15px;
	height: 15px;
	float: left;
	margin: 0px 10px 5px 5px;
	background:white;
}

.accordion_icon2 {
	position: relative;
	width: 15px;
	height: 15px;
	float: left;
	margin: 8px 20px 5px 0;
}
.accordion_icon2:hover{cursor: pointer;}
.accordion_icon span {
	position: absolute;
    left: 6px;
    width: 15px;
	height: 2px;
    background-color: #214DA6;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-ms-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
}
.accordion_icon2 span {
	position: absolute;
    left: 6px;
    width: 15px;
	height: 2px;
    background-color: #fff;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-ms-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
}
.accordion_icon span:nth-of-type(1),
.accordion_icon2 span:nth-of-type(1){
    top: 15px;
	transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
}
.accordion_icon span:nth-of-type(2),
.accordion_icon2 span:nth-of-type(2){
    top: 15px;
	transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}
/*＋、－切り替え*/
.accordion_icon.active span:nth-of-type(1),
.accordion_icon2.active span:nth-of-type(1) {
	display:none;
}
.accordion_icon.active span:nth-of-type(2),
.accordion_icon2.active span:nth-of-type(2){
	top: 15px;
	transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

.dot li {
	list-style:disc;
	margin-left:2em;
}