@charset "UTF-8";

/*----■YDBページ■---*/

/*===========================================
	全体
===========================================*/

#ydb_sub_content a:link ,
#ydb_sub_content a:visited ,
#ydb_sub_content a:active {
	color:#0171c5;
	text-decoration:underline;
}
#ydb_sub_content a:hover {
	color:#0171c5;
	text-decoration:none;
}

#ydb_sub_content a.btnOV:hover img {
	box-shadow: 0 0 6px rgba(0, 0, 0, .2);
	border-radius:5px;
}
/*----------- リンクなし -----------*/
#ydb_sub_content ul.nolink a ,
#ydb_sub_content table.nolink a {
	color:#0171c5;
	text-decoration:none;
}
#ydb_sub_content ul.nolink a:hover ,
#ydb_sub_content table.nolink a:hover {
	color:#0171c5;
	text-decoration:underline;
}

/*-------------------------------
	パンくず
-------------------------------*/
#ydb_sub_content #pankz {
	margin: 0px;
	padding: 0;
	padding-bottom: 15px;
	text-align: right;
	background:url(../../img/ydb/pankz.jpg) repeat-x bottom left;
}
	#ydb_sub_content #pankz ul {
		margin: 0;
		padding: 0;
	}
		#ydb_sub_content #pankz li {
			margin: 0;
			padding: 0;
			background: none;
		}


/*===========================================
	見出し要素
===========================================*/

#ydb_sub_content h1 {
	margin:0px 0px 30px 0;
	padding:17px 0px 10px 0px;
	font-size:17pt;
	font-weight:normal;
	border-bottom: 1px solid #858585;
}
#ydb_sub_content h2 {
	clear: both;
	margin:45px 0 20px 0;
	padding:0;
	font-size:15pt;
	font-weight:normal;
	position: relative;
	border-bottom: 4px solid #ccc;
}
	#ydb_sub_content h2::after {
		position: absolute;
		bottom: -4px;
		left: 0;
		z-index: 2;
		content: '';
		width: 20%;
		height: 4px;
		background-color: #3498db;
	}
	#ydb_sub_content h2.h2_first {
		margin:0 0 20px 0;
	}
#ydb_sub_content h3 {
	clear: both;
	margin:35px 15px 20px 15px;
	padding:0;
	color:#525252;
	font-size:13pt;
	font-weight:normal;
	border-bottom: 1px solid #cccccc;
}
#ydb_sub_content h3:first-letter {
	font-size:13pt;
}
	#ydb_sub_content h3.h3_first {
		margin: 0px 0px 20px 0px;
	}
#ydb_sub_content h4 {
	clear: both;
	margin:25px 15px 10px 15px;
	padding:0;
	color:#525252;
	font-size:11pt;
	font-weight:normal;
	border:none;
}
#ydb_sub_content h4:first-letter {
	font-size:11pt;
}
#ydb_sub_content h5 {
	clear: both;
	margin:25px 15px -5px 15px;
	padding:0px;
	color:#555;
	font-weight:bold;
	border-bottom:1px dotted #ccc;
}
#ydb_sub_content h6 {
	clear:both;
	margin:25px 5px -10px 10px;
	padding:0px;
	color:#6FBDF7;
	font-weight:bold;
}

/*-------------------------------
	タイトル
-------------------------------*/
#ydb_sub_content div.title_b {
	clear:both;
	margin:25px 15px 10px 15px;
	padding:0px;
	color:#2b84c5;
	font-size:17pt;
	font-weight:bold;
}

/*-------------------------------
	その他HTMLタグ要素再定義
-------------------------------*/

/*----------- p -----------*/
#ydb_sub_content p {
	margin:10px;
}

/*----------- table -----------*/
#ydb_sub_content table{
	margin:20px 0px 0px 10px;
	border-collapse:collapse;
	border-spacing:0;
}
	#ydb_sub_content table th {
		padding: 5px 10px;
		border:1px solid #888;
		background:#EDF7FE;
		text-align:left;
		vertical-align:top;
}	
	#ydb_sub_content table td {
		padding: 5px 10px;
		border: 1px solid #888;
		text-align:left;
		vertical-align:top;
	}
		#ydb_sub_content table td.vm {
			vertical-align:middle;
		}
/*----------- tableカラー違い -----------*/
#ydb_sub_content table.ydbTB{
	margin:0 0 0 10px;
	border-collapse:collapse;
	border-spacing:0;
}
	#ydb_sub_content table.ydbTB th {
		padding: 5px 10px;
		border:1px solid #ccc;
		background:#99C6E8;
		text-align:center;
		vertical-align:middle;
		font-weight:bold;
		color:#333333;
	}
		#ydb_sub_content table.ydbTB th.thBc {
			background:#E0EEF8;
			text-align:center;
			font-weight:normal;
			color:#333333;
		}
	#ydb_sub_content table.ydbTB td {
		padding: 5px 10px;
		border: 1px solid #ccc;
		text-align:left;
		vertical-align:top;
	}
		#ydb_sub_content table.ydbTB td.BcR{
			text-align:right;
			vertical-align:middle;
		}
		#ydb_sub_content table.ydbTB td.BcC{
			text-align:center;
			vertical-align:middle;
		}
		#ydb_sub_content table.ydbTB td.Bc02{
			color:#0171c5;
			font-size:20px;
			font-weight:bold;
			text-align:right;
			vertical-align:middle;
		}

/*----------- table枠線なし -----------*/
#ydb_sub_content table.noboder{
	margin:20px 0px 0px 10px;
}
	#ydb_sub_content table.noboder th {
		padding: 5px 10px;
		border:none;
		background:none;
}	
	#ydb_sub_content table.noboder td {
		padding: 5px 10px;
		border: none;
	}

/*----------- tableマージンなし -----------*/
#ydb_sub_content table.nomargin{
	margin:0px 20px;
}
/*----------- ul , ol -----------*/
#ydb_sub_content ul {
	margin:0;
	padding:0;
	list-style-type:none;
}
#ydb_sub_content ul {
	margin:20px 20px 0px 20px;
}
	#ydb_sub_content ul li {
		padding:0px 0px 0px 20px;
		background:url(../../img/ydb/list.gif) 4px 8px no-repeat;
	}
		#ydb_sub_content ul li ul {
			margin:0px 0px 0px 0px;
		}
			#ydb_sub_content ul li ul li {
				padding:0px 0px 0px 20px;
				background:url(../../img/ydb/list_s.gif) 4px 8px no-repeat;
			}
#ydb_sub_content ol {
	margin:20px 20px 0px 40px;
	padding:0;
}
	#ydb_sub_content ol li {
		list-style-type: decimal;
	}
		#ydb_sub_content ol li ol {
			margin:0px 0px 0px 20px;
		}
			#ydb_sub_content ol li ol li {
				list-style-type:lower-roman;
			}
/*----------- OLの中のUL -----------*/
#ydb_sub_content ol ul{
	margin: 5px 0px;
	padding:0px;
}
	#ydb_sub_content ol ul li{
		margin: 0px 0px 3px 0px;
		padding:0px 0px 0px 20px;
		list-style-type: none;
		background:url(../../img/ydb/list.gif) 4px 8px no-repeat;
	}

/*----------- blockquote -----------*/
#ydb_sub_content blockquote {
	margin:20px 20px 0px 30px;
	padding:10px;	
	border: 1px solid #6FBDF7;
	background: #EDF7FE;
}
	#ydb_sub_content blockquote p {
		margin:10px 15px 5px 15px;
	}

/*----------- code -----------*/
#ydb_sub_content code {
	margin:20px 0px 0px 0px;
	border:1px #cccccc solid;
	background-color:#f9f9f9;
}

/*----------- q -----------*/
#ydb_sub_content q {
	background-color:#f9f9f9;
}

/*----------- hr -----------*/
#ydb_sub_content hr {
	margin:20px 10px 0px 10px;
}

/*-------------------------------
	テキスト
-------------------------------*/
/*----- 左寄せ -----*/
#ydb_sub_content .txt_left {
	text-align: left;
}

/*----- 右寄せ -----*/
#ydb_sub_content .txt_right {
	text-align: right;
}

/*----- 真ん中寄せ -----*/
#ydb_sub_content .text-center {
	text-align: center;
}

/*----- フォント大 -----*/
#ydb_sub_content .font_large {
	font-size:13pt;
}

/*----- フォント中 -----*/
#ydb_sub_content .font_medium {
	font-size:11pt;
}
/*----- フォント小 -----*/
#ydb_sub_content .font_small {
	font-size:8pt;
}

/*----- フォント赤 -----*/
#ydb_sub_content .font_red {
	color: #cc0000;
}

/*----- フォント青 -----*/
#ydb_sub_content .font_blue {
	color: #2B84C5;
}

/*----- フォントノーマル -----*/
#ydb_sub_content .font_normal {
	font-weight: normal;
}

/*----- search_word -----*/
#ydb_sub_content .search_word {
	background: #EDFF1F;
	font-weight: bold;
}

/*----- ○×の表示 -----*/
#ydb_sub_content .fontfamily {
	font-family: Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}
/*-------------------------------
	イメージ
-------------------------------*/

#ydb_sub_content p img {
	padding: 0;
	max-width: 100%;
}

#ydb_sub_content img.alignright {
	padding: 0 0 10px 10px;
	margin: 0 0 2px 7px;
	display: inline;
}

#ydb_sub_content img.alignleft {
	padding: 0 10px 10px 0;
	margin: 0 7px 2px 0;
	display: inline;
}

#ydb_sub_content .f_right {
	float: right;
}

#ydb_sub_content .f_left {
	float: left;
}
	#ydb_sub_content .f_left_pad {
		float: left;
		padding: 0 20px 10px 10px;
	}

/*===========================================
	ボタン
===========================================*/

/*----- ボタン右 -----*/

#ydb_sub_content div.button_right{
	clear: both;
	margin: 20px 0;
	text-align: right;
}

/*----- ボタン真ん中 -----*/

#ydb_sub_content div.button_center{
	clear: both;
	margin: 20px 0 35px 0;
	text-align: center;
}

/*===========================================
	ボタン 横並び
===========================================*/
#ydb_sub_content  ul.bt_area{
	margin: 0 auto;
	padding: 0;
}
	#ydb_sub_content  ul.bt_area li{
		display: inline;
		background: none;
		margin: 0 5px;
		padding: 0;
	}
	#ydb_sub_content  ul.bt_area li img {
		margin: 3px 0;
	}

/*-------------------------------
	打ち消し線 
-------------------------------*/
#ydb_sub_content .uchikeshi {
	text-decoration: line-through;
	color: #ff0000;
}
	#ydb_sub_content .uchikeshi em{
		color: #000000;
		font-style: normal;
	}

/*===========================================
	お知らせページ
===========================================*/

#ydb_sub_content #topics {
	margin: 0;
	padding: 0;
}
	#ydb_sub_content #topics a{
		color:#0171c5;
		text-decoration:none;
	}
	#ydb_sub_content #topics a:hover {
		text-decoration:underline;
	}
	#ydb_sub_content #topics dl {
		margin: 0;
		padding: 0;
		border-bottom:1px #cccccc dotted;
	}
		#ydb_sub_content #topics dt {
			float:left;
			width:100px;
			clear:both;
			margin: 0;
			padding: 10px 0;
			font-weight:normal;
		}
		#ydb_sub_content #topics dd {
			padding: 10px 0;
		}
@media (max-width: 719px) {
	#ydb_sub_content #topics dt {
		float:none;
		width:100%;
		padding: 10px 0 0 0;
	}
}
/*===========================================
	ページビュー
===========================================*/

#ydb_sub_content div.pageview {
	margin: 30px 0;
	padding: 0;
	text-align: center;
}

/*===========================================
	お問い合わせボックス
===========================================*/

#ydb_sub_content div#contact_wrap {
	clear: both;
	margin:20px 0;
	padding: 5px 10px 20px 10px;
	background: #eef7fe;
	border-right: 1px solid #e8e8e8;
	border-bottom: 1px solid #e8e8e8;
}

/*===========================================
	囲み青ボックス
===========================================*/

#ydb_sub_content div.blue_box {
	clear: both;
	margin: 20px 0;
	padding: 5px 10px 20px 10px;
	background: #eef7fe;
	border-right: 1px solid #e8e8e8;
	border-bottom: 1px solid #e8e8e8;
}

/*===========================================
	囲み青ボックス内のリスト左右
===========================================*/

#ydb_sub_content div.blue_box ul.ul_left{
	float: left;
	margin:10px;
	padding: 0;
}
#ydb_sub_content div.blue_box ul.ul_right{
	float: right;
	margin:10px;
	padding: 0;
}
/*===========================================
	囲みボックス 白背景青枠
===========================================*/

#ydb_sub_content div.border_box {
	clear: both;
	margin: 15px 15px 25px 15px;
	padding: 10px;
	border-top: 1px solid #e8e8e8;
	border-right: 2px solid #e8e8e8;
	border-bottom: 2px solid #e8e8e8;
	border-left: 1px solid #e8e8e8;
}
#ydb_sub_content div.border_box a {
	color:#0171c5;
	text-decoration:none;
}
#ydb_sub_content div.border_box a:hover {
	color:#0171c5;
	text-decoration:underline;
}
	#ydb_sub_content div.border_box_wp a{
		text-decoration:none;
	}
	#ydb_sub_content div.border_box_wp a:hover{
		display:block;
	    filter:alpha(opacity=70);
	    -moz-opacity: 0.7;
	    opacity: 0.7;
	}

/*===========================================
	囲みボックス内のリスト左右
===========================================*/

#ydb_sub_content div.border_box ul.ul_left{
	float: left;
	margin:10px;
	padding: 0;
}
#ydb_sub_content div.border_box ul.ul_right{
	float: right;
	margin:10px;
	padding: 0;
}

/*===========================================
	YDB eLibraryご利用ガイド
===========================================*/
#ydb_sub_content div#col2{
	margin:0 20px;
	padding:0;
}
#ydb_sub_content div#col2 h4{
	margin-left:0;
	margin-right:0;
}
	#ydb_sub_content div#col2 div.col2l{
		float:left;
		margin:0;
		padding:0;
	}
	#ydb_sub_content div#col2 div.col2r{
		float:right;
		margin:0;
		padding:0;
	}

/*===========================================
	clear
===========================================*/

#ydb_sub_content .clear{
	clear: both;
}
/*===========================================
	■clearfix
===========================================*/
/*  --- fix related --- */
/*-- to fix clear flot --*/
#ydb_sub_content div.blue_box:after ,
#ydb_sub_content div.border_box:after ,
#ydb_sub_content div#col2:after {
	content:".";
	display:block;
	height:0;
	line-height:0;
	visibility:hidden;
	clear:both;
}
#ydb_sub_content div.blue_box ,
#ydb_sub_content div.border_box ,
#ydb_sub_content div#col2 {
	display:inline-block;
}
#ydb_sub_content div.blue_box ,
#ydb_sub_content div.border_box ,
#ydb_sub_content div#col2 {
	display:block;
	}
/* Mac IE \*//*/
#ydb_sub_content div.blue_box ,
#ydb_sub_content div.border_box ,
#ydb_sub_content div#col2 {
	overflow:hidden;
}
/* */

/*===========================================
	新型コロナウィルスお知らせH2タイトル
===========================================*/
#CLtext h2.h2_ydbside {
	clear: both;
	margin:0 0 20px 0;
	padding:0;
	font-size:15pt;
	font-weight:normal;
	position: relative;
	border-bottom: 4px solid #ccc;
}
	#CLtext h2.h2_ydbside::after {
		position: absolute;
		bottom: -4px;
		left: 0;
		z-index: 2;
		content: '';
		width: 20%;
		height: 4px;
		background-color: #3498db;
	}

/*===========================================
	ボタン背景青
===========================================*/
.btn-ydbBL {
  color: #333333;
  background-color: #EAF1FA;
  border-color: #cccccc;
}
.btn-ydbBL:focus,
.btn-ydbBL.focus {
  color: #333333;
  background-color: #e6e6e6;
  border-color: #8c8c8c;
}
.btn-ydbBL:hover {
  color: #333333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-ydbBL:active,
.btn-ydbBL.active,
.open > .dropdown-toggle.btn-ydbBL {
  color: #333333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-ydbBL:active:hover,
.btn-ydbBL.active:hover,
.open > .dropdown-toggle.btn-ydbBL:hover,
.btn-ydbBL:active:focus,
.btn-ydbBL.active:focus,
.open > .dropdown-toggle.btn-ydbBL:focus,
.btn-ydbBL:active.focus,
.btn-ydbBL.active.focus,
.open > .dropdown-toggle.btn-ydbBL.focus {
  color: #333333;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}
.btn-ydbBL:active,
.btn-ydbBL.active,
.open > .dropdown-toggle.btn-ydbBL {
  background-image: none;
}
.btn-ydbBL.disabled:hover,
.btn-ydbBL[disabled]:hover,
fieldset[disabled] .btn-ydbBL:hover,
.btn-ydbBL.disabled:focus,
.btn-ydbBL[disabled]:focus,
fieldset[disabled] .btn-ydbBL:focus,
.btn-ydbBL.disabled.focus,
.btn-ydbBL[disabled].focus,
fieldset[disabled] .btn-ydbBL.focus {
  background-color: #ffffff;
  border-color: #cccccc;
}
/*===========================================
	FAQ BOX
===========================================*/
.faq_box{
	position: relative;
	border:5px solid #CEE3F3;
	border-radius:20px;
	padding-bottom:20px;
	padding-right:15px;
}
	.faq_box .iconFAQ{
		position: absolute;
		top: 0;
		right: 0;
		transform: translateY(-50%) translateX(1.3em);
	}
		.faq_box .iconFAQ img{
			width:70%;
		}
	.faq_box .faq_box_title{
		margin:15px 20px;
		color:#3991D0;
		font-weight:bold;
		font-size:16px;
	}
	#ydb_sub_content .faq_box ul li a{
		text-decoration:none;
	}
	#ydb_sub_content .faq_box ul li a:hover{
		text-decoration:underline;
	}
/*===========================================
	右メニューFAQ BOX
===========================================*/
.faq_box_side{
	position: relative;
	border:5px solid #CEE3F3;
	border-radius:20px;
	margin-top:50px;
	padding:40px 15px 10px 15px;
}
	.faq_box_side .iconFAQ{
		position: absolute;
		top: 0;
		right: 0;
		transform: translateY(-50%) translateX(1.3em);
	}
		.faq_box_side .iconFAQ img{
			width:70%;
		}
	#ydb_sub_content .faq_box_side ul li a{
		text-decoration:none;
	}
	#ydb_sub_content .faq_box_side ul li a:hover{
		text-decoration:underline;
	}
	.faq_box_side ul{
		margin-left:-40px;
		list-style-type:none;
	}
		.faq_box_side ul li {
			padding-left:15px;
			padding-bottom:3px;
			background:url(../../img/ydb/list.gif) 4px 8px no-repeat;
			text-align:left;
		}
	.faq_box_side .faqmore{
		text-align:right;
		font-size:12px;
	}
	.faq_box_side ul li a{
		text-decoration:none;
	}
	.faq_box_side ul li a:hover{
		text-decoration:underline;
	}

/*===========================================
	YDBお問い合わせフォーム
===========================================*/
 h2.request {
	 clear: both;
	 margin:45px 0 20px 0;
	 padding:0;
	 font-size:15pt;
	 font-weight:normal;
	 position: relative;
	 border-bottom: 4px solid #ccc;
 }
h2.request::after {
	position: absolute;
	bottom: -4px;
	left: 0;
	z-index: 2;
	content: '';
	width: 20%;
	height: 4px;
	background-color: #3498db;
}

table.request{
	margin:20px 0px 0px 10px;
	border-collapse:collapse;
	border-spacing:0;
}
table.request th {
	padding: 1px 10px;
	border:1px solid #ddd;
	background:#daeeff;
	text-align:left;
	vertical-align:top;
}
table.request td {
	padding: 1px 10px;
	border: 1px solid #ddd;
	text-align:left;
	vertical-align:top;
}

.text-middle {
	vertical-align:middle;