@charset "utf-8";

/* ------------------------------------------------
   about
-------------------------------------------------*/

#bdid_about #vision{
	margin:0 0 30px;
	padding:0 20px 20px;
	text-align:center;
	border:2px dotted #04447C;
}
#bdid_about #vision h3{
	display:inline-block;
	top:-15px;
	margin:0px auto;
	padding:0px 15px;
	font-weight:bold;
	font-size:1.4rem;
	background:#FFF;
	color:#04447C;
}
#bdid_about #vision h3:before{
	content:" ";
	display:inline-block;
	position:relative;
	width:30px;
	height:30px;
	margin:0 10px -5px 0;
	background:url(../../image/about/vision.png) no-repeat 0 0;
}
#bdid_about #vision p{
	text-align:left;
}

/* --- responsive --- */
@media only screen and (max-width:767px){
	#bdid_about #vision{
		padding:0 10px 15px;
	}
	#bdid_about #vision h3{
		top:-25px;
		line-height:1.45;
	}
	#bdid_about #container p{
		text-align:left !important;
	}
}

/* ------------------------------------------------
   message
-------------------------------------------------*/

#bdid_message #container{
	padding:0 0 170px;
	background:none;
}
#bdid_message #container h2{
	margin:0 0 25px;
}
#bdid_message #container h3{
  display:inline-block;
  height:26px;
  margin:0 0 5px 0;
  padding:2px 10px;
  font-weight:bold;
  font-size:0.9rem;
  text-align:left;
}
#bdid_message #container h3:after{
  content:" ";
  position:absolute;
  top:0px;
  right:-26px;
  border:13px solid transparent;
  border-top:13px solid #04447C;
  border-left:13px solid #04447C;
}

#bdid_message #like_words{
	list-style:none;
	padding:0px 0 20px 2rem;
}
#bdid_message #like_words li{
	margin:0 0 20px;
	font-size:0.9rem;
	font-family: 'Noto Serif JP', serif;
}

#bdid_message #container p{
	margin:0 0 20px;
	font-weight:normal;
	font-family: 'Noto Serif JP', serif;
}

/* --- responsive --- */
@media only screen and (max-width:767px){
	#bdid_message #container{
		width:100%;
		padding:10px;
		background:rgba(255,255,255,0.8);
	}
	#bdid_message #like_words{
		padding:0px 0 20px 0;
	}
	#bdid_message #like_words li{
		font-weight:bold;
	}
}

/* ------------------------------------------------
   plan
-------------------------------------------------*/

#bdid_plan #container section{
	position:relative;
	margin:0 0 40px;
}
#bdid_plan #container .category_title{
	position:relative;
	margin:0 0 15px;
	padding:12px 10px 10px;
	background:rgba(0,0,0,0.02);
	}
	#bdid_plan #container .category_title::before,
	#bdid_plan #container .category_title::after{
		content:" ";
		position:absolute;
		left:0px;
		width:100%;
		height:5px;
		background:url(../../image/base/arrow_border.png) repeat 0 0;
		}
		#bdid_plan #container .category_title::before{
			top:0px;
		}
		#bdid_plan #container .category_title::after{
			bottom:0px;
	}
	#bdid_plan #container .category_title p{
		margin:0px;
	}
	#bdid_plan #container .category_title p strong{
		font-size:1.1rem;
		color:#04447C;
}

#plan_menu{
	margin:0 0 30px;
}
#plan_menu ul{
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:center;
	flex-wrap:wrap;
	position:relative;
	list-style:none;
}
#plan_menu li{
	position:relative;
	width:200px;
	height:40px;
	margin:0 5px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	background:rgba(0,83,58,0.5);
	}
	#plan_menu li.active{
		background:rgba(0,83,58,1);
	}
	#plan_menu li.active::after{
		content:" ";
		position:absolute;
		bottom:-20px;
		left:calc(50% - 10px);
		border:10px solid transparent;
		border-top:10px solid rgba(0,83,58,1);
	}
	#plan_menu li a{
		display:-webkit-flex;
		display:flex;
		justify-content:center;
		align-items:center;
		width:100%;
		height:100%;
		padding:2px 0 0 0;
		font-weight:bold;
		font-size:0.84rem;
		text-decoration:none;
		color:#FFF;
}



#bdid_plan #container section .committee_info{
	position:relative;
	width:100%;
	min-height:225px;
	margin:0 0 40px;
	padding:0px;
	}
	#bdid_plan #container section .committee_info img{
		position:absolute;
		top:0px;
		right:0px;
	}
	#bdid_plan #container section .committee_info h4{
		margin:0 0 4px;
	}
	#bdid_plan #container section .committee_info p{
		font-size:0.85rem;
	}
	#bdid_plan #container section .committee_info h4+p{
		font-size:0.75rem;
		line-height:1.6;
}
#bdid_plan #container section .message{
	position:relative;
	margin:30px 0 0 0;
	padding:15px 15px 3px;
	border:1px solid rgba(7,78,130,0.5);
	background:linear-gradient(90deg, rgba(255,255,255,1), rgba(7,78,130,0.1));
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	}
	#bdid_plan #container section .message p{
		font-size:0.82rem;
		text-align:left;
		line-height:1.6;
	}
	#bdid_plan #container section .message:after{
		content:" ";
		position:absolute;
		top:-22px;
		left:5px;
		width:102px;
		height:30px;
		background:url(../../image/about/message.png) no-repeat 0 0;
}

/* --- responsive --- */
@media only screen and (max-width:767px){
	#bdid_plan #container section .committee_info{
		min-height:0;
		margin:0 0 40px;
		padding:0px;
		}
		#bdid_plan #container section .committee_info img{
			position:relative;
			margin:0 0 10px;
	}
}

/* ------------------------------------------------
   history
-------------------------------------------------*/

#bdid_history .year_box{
	margin:0 0 50px 0;
}
#bdid_history .year_box .slogan{
	padding:2px 10px;
	font-weight:bold;
	text-align:center;
	background:rgba(0,0,0,0.1);
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	}
	#bdid_history .year_box .slogan:before{
		display:inline-block;
		content:"スローガン";
		margin:0 15px 0 0;
		padding:2px 5px;
		font-weight:bold;
		font-size:0.65rem;
		text-align:center;
		background:rgba(7,78,130,0.2);
		border:1px solid rgba(0,0,0,0.1);
		-moz-border-radius:8px;
		-webkit-border-radius:8px;
		border-radius:8px;
		line-height:1.2;
}

#bdid_history .year_box dl{
	position:relative;
	margin:0 0 25px;
	}
	#bdid_history .year_box dl dt{
		position:absolute;
		left:0px;
		width:130px;
		padding:5px 0 0 17px;
		font-weight:bold;
		font-size:0.84rem;
	}
	#bdid_history .year_box dl dt:before{
		content:" ";
		position:absolute;
		top:10px;
		left:0px;
		width:12px;
		height:12px;
		background:rgba(7,78,130,1);
	}
	#bdid_history .year_box dl dt:after{
		content:" ";
		position:absolute;
		top:13px;
		left:2px;
		width:5px;
		height:5px;
		border-top:1px solid #FFF;
		border-right:1px solid #FFF;
		transform:rotate(45deg);
	}
	#bdid_history .year_box dl dd{
		position:relative;
		padding:7px 0 7px 130px;
		font-size:0.84rem;
		border-bottom:1px dotted #999;
	}
	#bdid_history .year_box dl dd p{
		margin:0 0 10px;
		font-size:0.77rem;
		line-height:1.5;
	}
	#bdid_history .year_box dl dd p:last-child{
		margin:0px;
}
#bdid_history .year_box ul.photo.co4 li img{
	width:100%;
	height:auto;
}


/* --- responsive --- */
@media only screen and (max-width:767px){
	#bdid_history .year_box dl dt{
		position:relative;
	}
	#bdid_history .year_box dl dd{
		padding:5px 0 5px 0px;
	}
}


/* ------------------------------------------------
   club
-------------------------------------------------*/

#bdid_club #container ul#club_list{
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	flex-wrap:wrap;
	position:relative;
	list-style:none;
	}
	#bdid_club #container ul#club_list li{
		position:relative;
		width:48%;
		margin:0 0 30px;
	}
	#bdid_club #container ul#club_list li img{
		margin:0 0 7px;
	}
	#bdid_club #container ul#club_list li p{
		text-align:center;
	}
	#bdid_club #container section .message{
		position:relative;
		margin:30px 0 0 0;
		padding:15px 15px 3px;
		border:1px solid rgba(7,78,130,0.5);
		background:linear-gradient(90deg, rgba(255,255,255,1), rgba(7,78,130,0.1));
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
		border-radius:6px;
		}
		#bdid_club #container section .message p{
			font-size:0.75rem;
			text-align:left !important;
			line-height:1.5;
		}
		#bdid_club #container section .message:after{
			content:" ";
			position:absolute;
			top:-22px;
			left:5px;
			width:102px;
			height:30px;
			background:url(../../image/about/message.png) no-repeat 0 0;
	}

/* --- responsive --- */
@media only screen and (max-width:767px){
	#bdid_club #container ul#club_list li{
		position:relative;
		width:100%;
	}
}

/* ------------------------------------------------
   activities
-------------------------------------------------*/

#bdid_activities #activities_index{
}
#bdid_activities #activities_contents{
}

#bdid_activities #blog_rss_menu{

}
#bdid_activities #blog_rss_menu h4{
	position:relative;
	margin:0 0 10px;
	padding:0px;
	font-weight:bold;
	font-size:0.9rem;
	text-align:left;
	border-bottom:2px solid #04447C;
	color:#04447C;

}
#bdid_activities #blog_rss_menu ul{
	position:relative;
	width:242px;
	margin:0 0 20px;
	padding:0px;
	list-style:none;
	}
	#bdid_activities #blog_rss_menu ul li{
		position:relative;
		width:100%;
		min-height:0;
		margin:0 0 2px;
		font-size:0.78rem;
		background:none;
		cursor:pointer;
		transition-duration:0.5s;
	}
	#bdid_activities #blog_rss_menu ul li a{
		display:block;
		position:relative;
		width:100%;
		min-height:0;
		margin:0 0 2px;
		padding:0 0 0 17px;
		font-weight:normal;
		font-size:0.78rem;
		background:none;
		cursor:pointer;
		color:#000;
		transition-duration:0.5s;
	}
	#bdid_activities #blog_rss_menu ul li a.active{
		color:#FFF !important;
		background:rgba(0,115,174,0.7);
	}
	#bdid_activities #blog_rss_menu ul li a:hover{
		color:#FFF !important;
		background:rgba(0,115,174,1);
	}
	#bdid_activities #blog_rss_menu ul li a:after{
		content:" ";
		position:absolute;
		top:50%;
		left:6px;
		width:0px;
		height:0px;
		margin:-6px 0 0 0;
		background:none;
		border: 5px solid transparent;
		border-left: 5px solid rgba(0,0,0,0.5);
	}
	#bdid_activities #blog_rss_menu ul li a.active:after,
	#bdid_activities #blog_rss_menu ul li a:hover:after{
		border-left: 5px solid rgba(255,255,255,0.9);
}


#bdid_activities #blogger_iframe{
	position:relative;
	width:720px;
	margin:0 auto;
	padding:0 89px 20px 49px;
	overflow:hidden;
	background:#FFF;
}
#bdid_activities #blogger_iframe_box{
	position:relative;
	width:582px;/*542*/
	margin:0 auto;
	border:1px solid rgba(0,0,0,0.1);
	overflow:hidden;
	background:#FFF;
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
}
#bdid_activities #blogger_iframe iframe{
	position:relative;
	width:1000px;
	margin:-203px 0 -100px -332px;
	min-height:2500px;
	z-index: 10;
	pointer-events:none;
}
p#sc_fade{
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	display:-webkit-flex;
	display:flex;
	align-items:center;
	position:absolute;
	right:39px;
	top:0px;
	width:50px;/*542*/
	height:150px;
	padding:15px 0 0 0;
	font-weight:bold;
	text-align:left;
	background:rgba(0,0,0,0.1);
	color:#000;
	display:none;
	}
	p#sc_fade:before{
	content:" ";
	position:absolute;
	bottom:-10px;
	left:50%;
	margin:0 0 0 -9px;
	border: 9px solid transparent;
	border-top: 9px solid #000;
	}
	p#sc_fade:after{
		content:" ";
		position:absolute;
		top:150px;
		left:0px;
		border:25px solid transparent;
		border-top:25px solid rgba(0,0,0,0.1);
		border-left:25px solid rgba(0,0,0,0.1);
	}
.koutei{
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	flex-wrap:wrap;
	position:relative;
	padding:0 0 0 105px;
	}
	.koutei h5{
		position:absolute;
		top:0px;
		left:0px;
		width:90px;
		height:100%;
		padding:7px;
		font-weight:bold;
		font-size:1.0rem;
		text-align:center;
		border:3px solid #C6D1C5;
		background:#FFF;
		color:#04447C;
	}
	.koutei ul{
		position:relative;
		width:100%;
		list-style:none;
		}
		.koutei ul li{
			position:relative;
			width:100%;
			padding:3px 0;
			border-bottom:1px dotted #04447C;
			}
			.koutei ul li span{
				display:inline-block;
				position:relative;
				width:210px;
				font-weight:bold;
				color:#04447C;
	}

/* --- responsive --- */
@media only screen and (max-width:767px){
	#bdid_activities #activities_index{
		display:block !important;
	}
	#bdid_activities #activities_contents{
		display:none !important;
	}
}


/* ------------------------------------------------
   read_box
-------------------------------------------------*/

#bdid_activities #read_box{
	padding:10px 0;
}
#bdid_activities .rb_box{
	position:relative;
	width:700px;/* 700 540  */
	margin:0 auto 30px;
	padding:0 80px;
	background:url(../../image/activities/bg_paper.png) repeat-y center 0 #FAFAF5;
	border-top:70px solid #FAFAF5;
	border-bottom:30px solid #FAFAF5;
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
	box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
}
#bdid_activities .rb_box .rb_date{
	display:inline-block;
	position:absolute;
	top:-45px;
	left:50px;
	padding:3px 15px;
	font-size:0.76rem;
	background:#005298;
	color:#FFF;
}
#bdid_activities .rb_box .rb_title_box{
	display:block;
	position:relative;
	width:calc(100% + 60px);
	margin:-5px 0 0px -30px;
	}
	#bdid_activities .rb_box .rb_title_box h4{
		position:relative;
		margin:0 0 11px;
		padding:5px 0 6px 10px;
		font-weight:bold;
		font-size:1.0rem;
		text-align:left;
		border-left:5px solid #04447C;
	}
#bdid_activities .rb_box .rb_description{
	font-size:0.85rem !important;
	line-height:1.6;
	}
	#bdid_activities .rb_box .rb_description span{
		background-color:transparent !important;
		font-family:'Noto Sans', 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif !important;
		font-size:0.85rem !important;
}
#bdid_activities .rb_box .rb_description div,
#bdid_activities .rb_box .rb_description .MsoNormal{
	max-width:100% !important;
	background-color:transparent !important;
}
#bdid_activities .rb_box .rb_description table,
#bdid_activities .rb_box .rb_description tbody{
	max-width:100% !important;
	background-color:transparent !important;
}
#bdid_activities .rb_box img{
	max-width:100% !important;
	height:auto;
	margin:5px 0 10px;
	padding:5px;
	background:#FFF;
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
	box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
}
/* pager */
#bdid_activities #pager{
	position:relative;
	width:100%;
	height:30px;
	z-index:100;
}
#bdid_activities #pager_prew,
#bdid_activities #pager_next{
	display:inline-block;
	position:absolute;
	top:0px;
	margin:0px !important;
	}
#bdid_activities #pager_prew{
	left:15px;
	}
	#bdid_activities #pager_prew a{
		display:inline-block;
		position:relative;
		height:30px;
		padding:5px 10px;
		font-size:0.78rem;
		text-decoration:none;
		background:#04447C;
		color:#FFF;
		transition-duration:0.5s;
		}
		#bdid_activities #pager_prew a:hover{
			background:#005298;
	}
	#bdid_activities #pager_prew a:after{
		content:" ";
		position:absolute;
		top:0;
		left:-30px;
		border:15px solid transparent;
		border-right:15px solid #04447C;
		transition-duration:0.5s;
	}
	#bdid_activities #pager_prew a:hover:after{
		border-right:15px solid #005298;
	}
#bdid_activities #pager_next{
	right:15px;
	}
	#bdid_activities #pager_next a{
		display:inline-block;
		position:relative;
		height:30px;
		padding:5px 10px;
		font-size:0.78rem;
		text-decoration:none;
		background:#04447C;
		color:#FFF;
		transition-duration:0.5s;
		}
		#bdid_activities #pager_next a:hover{
			background:#005298;
	}
	#bdid_activities #pager_next a:after{
		content:" ";
		position:absolute;
		top:0;
		right:-30px;
		border:15px solid transparent;
		border-left:15px solid #04447C;
		transition-duration:0.5s;
	}
	#bdid_activities #pager_next a:hover:after{
		border-left:15px solid #005298;
}

/* --- responsive --- */
@media only screen and (max-width:767px){
	#bdid_activities .rb_box{
		width:100%;
		padding:0 10px;
		background:#FAFAF5;
		border-top:none;
		border-bottom:none;
	}
	#bdid_activities .rb_box .rb_date{
		display:inline-block;
		position:relative;
		top:0px;
		left:0px;
		margin:0 0 10px;
	}
	#bdid_activities .rb_box .rb_title_box{
		width:100%;
		margin:0px;
		}
		#bdid_activities .rb_box .rb_title_box h4{
			padding:3px 0 4px 10px;
			font-size:0.9rem;
	}
	#bdid_activities .rb_box .rb_description{
		font-size:0.80rem !important;
		line-height:1.5;
		}
		#bdid_activities .rb_box .rb_description span{
		font-size:0.80rem !important;
	}
	#bdid_activities .rb_box img{
		max-width:100% !important;
		height:auto;
		margin:5px 0 7px -12px;
		padding:5px;
	}
	#bdid_activities .rb_box .rb_description table img{
		margin:5px 0 7px 0px;
	}
}

/* ------------------------------------------------
   list
-------------------------------------------------*/

.bdcs_list #second_nav > ul li a{
	padding:0 15px 0 35px;
}
.bdcs_list #second_nav > ul li a:before{
	content:" ";
	position:absolute;
	left:20px;
	display:inline-block;
	border: 6px solid transparent;
	border-left: 6px solid #091646;
	transition-duration:0.5s;
	}
	.bdcs_list #second_nav > ul li a:hover:before{
		border-left: 6px solid #FFF;
		left:220px;
	}
	/* nav_new */
	.bdcs_list #second_nav > ul li.nav_new a{
		padding:0 15px 0 20px;
	}
	.bdcs_list #second_nav > ul li.nav_new a:before{
		display:none;
	}
	/* nav_com */
	.bdcs_list #second_nav > ul li.nav_com:after{
		display:none;
	}
	.bdcs_list #second_nav > ul li.nav_com{
		position:relative;
		width:100%;
		min-height:0;
		margin:15px 0 8px;
		font-size:0.83rem;
		line-height:1.6;
		background:none;
}

/* list table */

.bdcs_list #container h4{}

.bdcs_list #container table{
	position:relative;
	width:100%;
	margin:0 0 40px;
	border-top:none;
	border-left:none;
	line-height:2;
	}
	.bdcs_list #container table tr{
		border-bottom:1px solid rgba(0,0,0,0.2);
	}
	.bdcs_list #container table th,
	.bdcs_list #container table td{
		text-align:left;
		padding:5px;
		font-size:0.82em;
		border-right:none;
		border-bottom:none;
		background:none;
	}
	.bdcs_list #container table td:nth-child(1){width:350px;}
	.bdcs_list #container table td:nth-child(2){width:65px;padding:5px 0px 5px 5px;}
	.bdcs_list #container table td:nth-child(3){width:65px;padding:5px 5px 5px 0px;}
	.bdcs_list #container table td:nth-child(4){width:240px;font-size:0.6em;word-break: break-all;line-height:1.35;}


/* --- responsive --- */
@media only screen and (max-width:767px){
		.bdcs_list #container table tr{
			display:block !important;
			width:auto;
			margin:0 0 10px;
			padding:5px;
			line-height:1.75;
			border:1px solid rgba(0,0,0,0.2);
		}
		.bdcs_list #container table th,
		.bdcs_list #container table td{
			display:block !important;
			width:auto !important;
		}
		.bdcs_list #container table td:nth-child(1){
			font-weight:bold;
			font-size:0.9rem;
		}
		.bdcs_list #container table td:nth-child(2),
		.bdcs_list #container table td:nth-child(3){
			display:inline-block !important;
	}
}

/* ------------------------------------------------
   kaiin
-------------------------------------------------*/

#bdid_info #container section{
	margin:0 0 35px;
}

#bdid_info #nyukai_title{
	font-weight:bold;
	font-size:1.10rem;
	color:#04447C;
}

#bdid_info #souhusaki{
	position:relative;
	width:480px;
	max-width:100%;
	background:#E8F0FA;
	border:2px solid #014099;
	margin:0 auto 20px;
	padding:15px 30px 5px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	}
	#bdid_info #souhusaki h4{
		position:relative;
		margin:0 0 5px;
		font-size:1.0rem;
		color:#014099;
		border:none;
	}
	#bdid_info #souhusaki p{
		font-size:0.84rem;
	}
	#bdid_info #souhusaki p span.blue{
		color:#014099;
	}
	#bdid_info #souhusaki h4 + p{
		margin:0 0 5px;
		font-weight:bold;
		font-size:1.1rem;
		color:#000;
		border:none;
}
#bdid_info .lrpadding{
	padding:0 25px;
}
#bdid_info #kaimei h4{
	border:none;
}
/* --- responsive --- */
@media only screen and (max-width:767px){
	#bdid_info #souhusaki{
		padding:15px 15px 5px;
		}
		#bdid_info #souhusaki p{
			font-size:0.77rem;
		}
		#bdid_info #souhusaki h4 + p{
			font-size:0.87rem;
	}
	#bdid_info .lrpadding{
		padding:0px;
	}
	#bdid_info #kaimei h4{
		width:70%;
		border:none;
	}
}

/*
#bdid_info #container ul#conditions1_4{
	list-style:none;
	line-height:1.5;
	}
	#bdid_info #container ul#conditions1_4 li{
		margin:0 0 7px;
		padding-left:30px;
		text-indent:-30px;
}

#bdid_info #container #flow .feebox{
	position:relative;
	margin:0 0 15px;
	padding:10px 20px 5px;
	background:rgba(0,64,151,0.2);
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	}
	#bdid_info #container #flow .feebox p{
		margin:0 0 5px;
	}
	#bdid_info #container #flow .fee_h{
		display:inline-block;
		width:100px;
		margin:0 15px 0 0;
		padding:2px 10px;
		text-align:center;
		background:rgba(0,64,151,1);
		color:#FFF;
		-moz-border-radius:4px;
		-webkit-border-radius:4px;
		border-radius:4px;
}

#flow_img{
	position:relative;
	width:570px;
	max-width:100%;
	margin:20px auto 25px;
	text-align:center;
	}
	#flow_img p{
		position:absolute;
		left:300px;
	}
	#flow_img p:nth-of-type(1){top:61px;}
	#flow_img p:nth-of-type(2){top:82px;}
	#flow_img p a{
		padding:0 0 0 12px;
		font-weight:bold;
		font-size:0.78rem;
		color:rgba(0,64,151,0.8);
	}
	#flow_img p a:after{
		content:" ";
		position:absolute;
		top:50%;
		left:0px;
		margin-top:-5px;
		border: 6px solid transparent;
		border-left: 6px solid rgba(0,64,151,0.8);
	}
*/
#bdid_info #container #qa{
	position:relative;
}
#bdid_info #container #qa dl{
	position:relative;
	}
	#bdid_info #container #qa dl dt{
		position:relative;
		padding:15px 0 10px 50px;
		font-weight:bold;
		font-size:1.0rem;
	}
	#bdid_info #container #qa dl dd{
		position:relative;

		padding:15px 0 25px 50px;
		margin:0 0 15px;
		border-bottom:2px dotted rgba(0,0,0,0.2);
	}
	#bdid_info #container #qa .qa_q,
	#bdid_info #container #qa .qa_a{
		display:inline-block;
		position:absolute;
		top:0px;
		left:0px;
		opacity:0.8;
	}
	#bdid_info #container #qa dl dd p:last-child{
		margin:0px;
}


/* --- responsive --- */
@media only screen and (max-width:767px){
	#flow_img p{
		display:none;
	}
	#bdid_info #container #qa dl dt{
		font-size:0.85rem;
	}
}

/* ------------------------------------------------
   news
-------------------------------------------------*/

#bdid_news #container{
	padding:0 5px;
	background:none;
}
#bdid_news #container ul{
	display:block;
	list-style:none;
	width:100%;
	padding:0px !important;
	}
	#bdid_news #container ul li{
		position:relative;
		margin:0 0 38px;
		padding:10px 10px 7px;
		font-size:0.9rem;
		background:rgba(255,255,255,0.8);
		-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
		-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
		box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
		border-radius:6px;
		}
		#bdid_news #container ul li:after{
			content:" ";
			position:absolute;
			left:0px;
			bottom:-20px;
			width:100%;
			height:1px;
			border-bottom:2px dotted #CB2542;
		}
		#bdid_news #container ul li:last-child:after{
			display:none;
	}
	#bdid_news #container ul li p{
		font-size:0.78rem;
	}
	#bdid_news #container ul li h4{
		width:100%;
		margin:0px;
		padding:5px 5px 8px;
		font-size:1.0rem;
	}
	#bdid_news #container ul li p.date{
		padding:0 5px;
		font-size:0.74rem;
		text-align:right;
		border-bottom:1px dotted #CB2542;
		background:rgba(7,78,130,0.1);
}
/* --- responsive --- */
@media only screen and (max-width:767px){
	#bdid_news main{
		padding:20px 5px 100px;
	}
}

/* ------------------------------------------------
   solidarity
-------------------------------------------------*/

#bdid_solidarity #container ul#so_list{
	display:block;
	list-style:none;
	width:100%;
	padding:0px !important;
}
#bdid_solidarity #container ul#so_list li{
	display:inline-block;
	width:222px;
	margin:0 12px 15px 0 !important;
	border:1px solid #666;
	transition-duration:0.5s;
	}
	#bdid_solidarity #container #so_list li:nth-child(3n+3){
		margin:0 0 15px 0 !important;
	}

	#bdid_solidarity #container #so_list li img{
		margin:0 0 5px;
	}
	#bdid_solidarity #container #so_list li a{
		display:block;
		position:relative;
		width:100%;
		height:100%;
		padding:0 0 5px;
		font-size:0.78rem;
		text-align:center;
		text-decoration:none;
		background:#666;
		color:#FFF;
		transition-duration:0.5s;
	}
	#bdid_solidarity #container #so_list li:hover{
		border:1px solid rgba(7,78,130,1.0);
	}
	#bdid_solidarity #container #so_list li:hover a{
		background:rgba(7,78,130,1.0);
	}

/* --- responsive --- */
@media only screen and (max-width:767px){
	#bdid_solidarity #container ul#so_list{
		text-align:center;
	}
	#bdid_solidarity #container ul#so_list li{
		width:111px;
	}
	#bdid_solidarity #container #so_list li:nth-child(3n+3){
	margin:0 13px 15px 0 !important;
	}
}


/* ------------------------------------------------
   member
-------------------------------------------------*/

#bdid_member #login_list{

}
#bdid_member #login_list{
	position:relative;
	}
	#bdid_member #login_list ul{
		list-style:none;
	}
	#bdid_member #login_list ul li{
		position:relative;
		margin:0 0 20px;
		padding:15px;
		border:1px solid rgba(0,0,0,0.3);
	}
	#bdid_member #login_list ul li h3.arrow{
		padding:0px 0 5px 30px;
		border-bottom:2px solid rgba(7,78,130,0.6);
	}
	#bdid_member #login_list ul li .ll_box{
		display:-webkit-flex;
		display:flex;
		-webkit-box-pack:justify;
		-ms-flex-pack:justify;
		justify-content:space-between;
		flex-wrap:wrap;
	}
	#bdid_member #login_list ul li .ll_box_img{
		width:200px;
		text-align:center;
	}
	#bdid_member #login_list ul li .ll_box_detail{
		width:calc(100% - 215px);
		text-align:left;
	}

/* --- responsive --- */
@media only screen and (max-width:767px){
	#bdid_member #login_list ul li .ll_box{
		display:-webkit-flex;
		display:flex;
		-webkit-box-pack:justify;
		-ms-flex-pack:justify;
		justify-content:space-between;
		flex-wrap:wrap;
	}
	#bdid_member #login_list ul li .ll_box_img{
		width:100%;
		margin:0 0 10px;
	}
	#bdid_member #login_list ul li .ll_box_detail{
		width:100%;
	}
}



/* ------------------------------------------------
   matching
-------------------------------------------------*/

#bdid_matching #matching_list{
	position:relative;
	}
	#bdid_matching #matching_list ul{
		list-style:none;
	}
	#bdid_matching #matching_list ul li{
		position:relative;
		margin:0 0 20px;
		padding:15px;
		border:1px solid rgba(0,0,0,0.3);
	}
	#bdid_matching #matching_list ul li h3.arrow{
		padding:0px 0 5px 30px;
		border-bottom:2px solid rgba(7,78,130,0.6);
	}
	#bdid_matching #matching_list ul li .ll_box{
		display:-webkit-flex;
		display:flex;
		-webkit-box-pack:justify;
		-ms-flex-pack:justify;
		justify-content:space-between;
		flex-wrap:wrap;
	}
	#bdid_matching #matching_list ul li .ll_box_img{
		width:200px;
		text-align:center;
	}
	#bdid_matching #matching_list ul li .ll_box_detail{
		width:calc(100% - 215px);
		text-align:left;
	}
	#bdid_matching #matching_list ul li .ll_box_detail p{
		font-size:0.83rem;
	}

/* --- responsive --- */
@media only screen and (max-width:767px){
	#bdid_matching #matching_list ul li .ll_box{
		display:-webkit-flex;
		display:flex;
		-webkit-box-pack:justify;
		-ms-flex-pack:justify;
		justify-content:space-between;
		flex-wrap:wrap;
	}
	#bdid_matching #matching_list ul li .ll_box_img{
		width:100%;
		margin:0 0 10px;
	}
	#bdid_matching #matching_list ul li .ll_box_detail{
		width:100%;
	}
}


/* ------------------------------------------------
   link
-------------------------------------------------*/

#bdid_link #container h4{
	top:1px;
	margin:0px;
}
#bdid_link #container ul{
	position:relative;
	margin:0 0 25px;
	list-style:none;
	border-top:1px solid rgba(7,78,130,0.3);
	}
	#bdid_link #container ul li{
		position:relative;
		list-style:none;
		border-bottom:1px solid rgba(7,78,130,0.3);
	}
	#bdid_link #container ul li a{
		display:block;
		position:relative;
		width:100%;
		height:100%;
		text-decoration:none;
		padding:7px 20px 7px 27px;
		color:#000;
	}
	#bdid_link #container ul li a:after{
		content:" ";
		position:absolute;
		top:50%;
		left:10px;
		margin-top:-6px;
		border: 6px solid transparent;
		border-left: 6px solid rgba(0,0,0,0.7);
	}
	#bdid_link #container ul li a:hover{
		background:rgba(7,78,130,0.2);
}

/* ------------------------------------------------
   privacypolicy
-------------------------------------------------*/

#bdid_privacypolicy #container #privacypolicy_contents > ul{
	list-style:none;
	}
	#bdid_privacypolicy #container #privacypolicy_contents > ul > li{
		position:relative;
		margin:0 0 30px;
}

#bdid_privacypolicy #container h3{
	text-align:left;
	font-weight:bold;
	background:rgba(0,115,174,0.1);
	color:rgba(0,115,174,1);
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
}


/* --- responsive --- */
@media only screen and (max-width:767px){
}


/* ------------------------------------------------
   bdid_obog
-------------------------------------------------*/

#bdid_obog #second_nav > ul li a{
	padding:0 15px 0 35px;
}
#bdid_obog #second_nav > ul li.active a{
}
#bdid_obog #second_nav > ul li a:before{
	content:" ";
	position:absolute;
	left:20px;
	display:inline-block;
	border: 6px solid transparent;
	border-left: 6px solid #074E82;
	transition-duration:0.5s;
	}
	#bdid_obog #second_nav > ul li.active a:before,
	#bdid_obog #second_nav > ul li a:hover:before{
		border-left: 6px solid #FFF;
		left:220px;
	}
	#bdid_obog #second_nav > ul li.active a{
		color:#FFF;
	}
	#bdid_obog #second_nav > ul li.active:after{
		width:100%;
	}

	/* nav_new */
	#bdid_obog #second_nav > ul li.nav_new a{
		padding:0 15px 0 20px;
	}
	#bdid_obog #second_nav > ul li.nav_new a:before{
		display:none;
	}
	/* nav_com */
	#bdid_obog #second_nav > ul li.nav_com:after{
		display:none;
	}
	#bdid_obog #second_nav > ul li.nav_com{
		position:relative;
		width:100%;
		min-height:0;
		margin:15px 0 8px;
		font-size:0.83rem;
		line-height:1.6;
		background:none;
}
#bdid_obog #sn_banner a:before{
	display:none !important;
}

#bdid_obog #main_contents section{
	position:relative;
	}
	#bdid_obog #main_contents section h3{
		text-align:left;
	}
	#bdid_obog #main_contents section .update_date{
		position: absolute;
		top: 7px;
		right:10px;
		font-size: 0.77rem;
		text-align: right;
		color: #FFF;
	}
	#bdid_obog #main_contents section ul{
		column-count:2;
		list-style: none;
		position: relative;
		margin: 0 0 15px;
	}
	#bdid_obog #main_contents section ul li{
		position: relative;
		padding:6px 0 6px 100px;
		font-size: 0.77rem;
		border-bottom:1px dotted #074E82;
		line-height:1.5;
	}
	#bdid_obog #main_contents section ul li *{
		line-height:1;
	}
	#bdid_obog #main_contents section ul li b{
		display: inline-block;
		position: absolute;
		top:8px;
		left: 0px;
		width:100px;
		font-size: 0.87rem;
	}

/* --- responsive --- */
@media only screen and (max-width:767px){
	#bdid_obog #main_contents section ul{
		column-count:1;
	}
}

/* ------------------------------------------------
   wr
-------------------------------------------------*/
#bdid_wr #this_year{
	padding:20px;
	text-align:center;
	border-top:3px solid #005298;
	}
	#bdid_wr #this_year .title{
		font-weight:bold;
		font-size:1.6rem;
		color:#005298;
	}	
	#bdid_wr #this_year img{
		margin:10px auto;
	}
	#bdid_wr #this_year img:hover{
		opacity:0.65;
}

#bdid_wr #wr_list{
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	flex-wrap:wrap;
	list-style:none;
	padding:20px;
	border-top:3px solid #005298;
	}
	#bdid_wr #wr_list li{
		position:relative;
		width:296px;
		max-width:48%;
		margin:0 0 30px;
		color:#005298;
	}
	#bdid_wr #wr_list li p{
		font-weight:bold;
		font-size:1.2rem;
		color:#005298;
	}
	#bdid_wr #wr_list li p::before{
		content:" ";
		position:relative;
		display:inline-block;
		width:14px;
		height:14px;
		margin:0 5px 0 0;
		background:#005298;
	}
	#bdid_wr #wr_list li img:hover{
		opacity:0.65;
}

/* ------------------------------------------------
   bdid_sitemap
-------------------------------------------------*/


#bdid_sitemap #sitemap_lr{
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	flex-wrap:wrap;
	position:relative;
	padding:20px 0;
	border-top:3px solid #005298;
}

#bdid_sitemap .sitemap_list{
	position:relative;
	width:49%;
	list-style:none;
	}
	#bdid_sitemap .sitemap_list > li{
		position:relative;
		padding:10px 0 20px;
		border-top:1px solid #005298;
	}
	#bdid_sitemap .sitemap_list h3{
		position:relative;
		padding:0px;
		font-weight:bold;
		font-size:1.2rem;
		text-align:left;
		background:none;
		color:#005298;
	}
	#bdid_sitemap .sitemap_list h3::before{
		content:" ";
		position:relative;
		display:inline-block;
		width:14px;
		height:14px;
		margin:0 5px 0 0;
		background:#005298;
	}
	#bdid_sitemap .sitemap_list ul{
		position:relative;
		padding-left:20px;
		list-style:none;
		}
		#bdid_sitemap .sitemap_list ul li{
			position:relative;
		}
		#bdid_sitemap .sitemap_list ul li a{
			display:inline-block;
			padding-left:17px;
			text-decoration:none;
			color:#333;
		}
		#bdid_sitemap .sitemap_list ul li a:hover{
			text-decoration:underline;
		}
		#bdid_sitemap .sitemap_list ul li a::before{
			content:" ";
			position:absolute;
			top:7px;
			left:0px;
			width:11px;
			height:11px;
			-moz-border-radius:50%;
			-webkit-border-radius:50%;
			border-radius:50%;
			background:#54A6DD;
		}
		#bdid_sitemap .sitemap_list ul li a:hover::before{
			background:#F00;
	}

/* --- responsive --- */
@media only screen and (max-width:767px){
	#bdid_sitemap .sitemap_list{
		width:100%;
	}
}
