/*---- 全体指定 ----*/

.green{
	color:		#009900;
}

.blue{
	color:		#0000ff;
}

.blue2{
	color:		#3399ff;
}

.red{
	color:		#33ff99;
}

.red2{
	color:		#ff66cc;
}
.center{
	text-align:	center;
}
.right{
	text-align:	right;
}
.left{
	text-align:	left;
}
input{
	font-size:	12pt;
}
.marginleft10{
	padding-left: 20px;
}
.long{
	width:			95%;
	max-width:		230px;
	min-width:		150px;
}
.middle{
	width:			95%;
	max-width:		200px;
	min-width:		50px;
}
.short{
	width:		60px;
}
.w_100{
	width:		100px;
}
.w_75{
	width:		75px;
}
.w_40{
	width:		40px;
}
.w_30{
	width:		30px;
}
.w_10{
	width:		10px;
}
div.all{
	text-align:		center;
	height:			100%;
	margin-left:	3%;
	margin-right:	3%;
	margin-top:		10px;
/*	opacity:	0.5;	*/
}
button{
	box-shadow:		rgba(0, 0, 0, 0.169) 1px 1px 1px ;
}

/*---- <div> search　 ------*/
button.search{
	font-size:			15pt;
	width:				75px;
	height:				34px;
/*	background-color:	#ccffff;		*/
	box-shadow:		rgba(0,0,0,0.5) 1px 1px 2px ;
/*	border-radius:	12px;				*/
}


#andsearch{
	background-color:	#ccffff;
}
#notsearch{
	background-color:	#ffdddd;
}



div.search{
	height:		120px;
	width:		100%;
	min-width:	1100px;
	max-width:	1300px;
	margin:	0 auto;

	display: flex;
	flex-direction: row;
	justify-content: center;

/*	border:	1px solid #aaa;		*/
}
div.search:after{
	clear:		both;
	display:	block;
}
div.search div{
	font-family:		"メイリオ","Meiryo","游ゴシック","Yu Gothic","游ゴシック体","YuGothic",sans-serif;
	font-size:			9pt;
	height:				120px;	
/*    margin: 			auto;	*/
}
div.searchA{
	min-width:				170px;
	width:					20%;
/*	background-color:	black;		*/
}
#logo{
	width:		100%;
	overflow:	hidden;
}
#logo img{
	margin-top: 10px;
	margin-right: -50px;
}
.non{
	display:none;
}





div.searchB{
/*	left: 				calc((100% - 1100px) / 6 + 250px);		*/
/*	min-width:				240px;	*/
	width:					280px;
/*	background-color:	yellow;		*/
	overflow:			hidden;
	overflow-y:			scroll;

	visibility:			hidden;

	&.active{
		visibility:		visible;
	}
}

div.searchB span{
	display:	block;
	float:		left;
}

div.searchC{
/*	padding-left:			7px;
	margin-top: 30px;
	min-width:				270px;		*/
	width:					280px;
/*	background-color:	blue;		*/

	& table{
		width: 100%;
		height: 100%;

		font-size: 11pt;
	}
}

div.searchD{
	text-align:				right;
	width:					290px;


/*	background-color:	red;		*/
}
div.search table{
	width:				100%;
	text-align:			left;
}



.seireki{
	width:				50px;
	font-size: 			10pt;
}
div.searchD button.btnD{
	padding:		0 3px;
	width:				55px;
	height:				45px;
	line-height:		15px;
}
div.searchD select.sort{
	vertical-align:	center;
	margin:			10px 0;
	width:			90px;
	height:			25px;
}
div.searchD button.sort{
	vertical-align:	center;
	padding:		0 3px;
	margin:			10px 0;
	height:			25px;
}



/*---- <div> page　 ------*/
div.page button{
	width:				auto;
}
div.page{
	width:				800px;
	height:				48px;
	margin:				0 auto;
}
div.page:after{
	clear:		both;
	display:	block;
}
div.page>div{
	font-family:		"メイリオ","Meiryo","游ゴシック","Yu Gothic","游ゴシック体","YuGothic",sans-serif;

	margin:				3px 0;
	position:			relative;
	top:				0;
	left:				calc(50% - (400px / 2));
	float:				left;
}
div.pageA{
	width:				400px;
}
div.pageB{
	text-align:			left;
	width:				230px;
}
span#comment{
	font-size:			11pt;
}
div.pageA2{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}
div.pageA21{
	margin-left: 20px;
}
div.pageA23{
	margin-right: 20px;
}


/*---- <div> result　 ------*/


div.div_hT{

	width:	calc( 100% - 17px );
	min-width:			calc(1100px - 17px);

/*
	width:		100%;
	min-width:	1100px;
	overflow-y: scroll;
*/
}

div#div_rT{
	min-width:			1100px;
	display:			none;
	overflow-y:			scroll;
}

#kensu1,#kensu2{
	color:				#009900;
}

div#loading{
	position:	fixed;
	width:		100px;
	height:		50px;
	left:		calc(50% - 100px / 2);
	top:		calc(50% - 50px / 2);
	
	background:		#0dd;
	border-radius:	12px;
	box-shadow:		rgba(0,0,0,0.7) 3px 3px 10px ;		
	
	z-index:	1000;
	opacity:	0.7;
	
/*	display:	none;		*/
}
div#loading img{
    width: auto;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    margin: auto;
}


table.headerTable,table#resultTable{
	border-collapse:	collapse;
	border-spacing:		0;
	width:				100%;
	table-layout:		fixed;
	word-break : 		break-all;
	word-wrap:			break-all;
}
table.headerTable{
	font-size:			9pt;
	font-weight:		500;
	background-color:	LightBlue;
}
table.headerTable td,tr{
	border:				1px solid #aaa;
	overflow:			auto;
}

#topPage{

	width:				70%;
	max-width:			600px;
	margin:				0 auto 100px;

	font-family: 	"monospace","メイリオ","Meiryo","游ゴシック","Yu Gothic","游ゴシック体","YuGothic",sans-serif;


	& h3{
		font-weight: 600;
	}

	& h4{
		font-weight: 600;
	}

	& p{
		text-align: left;
		margin-bottom: 40px;

		line-height:		16px;		
	}
	& button{
		padding: 8px 20px;
	}

}











#resultTable td,#resultTable tr{
	border:				1px solid #aaa;
	overflow:			hidden;
}

td.tdA{	width:	4%;}		/*	No			*/
td.tdB{	width:	11%;}		/*	リンク		*/	
td.tdC{	width:	15%;}		/*	資料名		*/	
td.tdD{	width:	8%;}		/*	年月日 		*/	
td.tdE{	width:	10%;}		/*	差出・編著  		*/	
td.tdF{	width:	10%;}		/*	典拠 		*/	
td.tdG{	width:	15%;}		/*	内容・摘要  		*/	
td.tdH{	width:	10%;}		/*	資料群名	*/		
td.tdI{	width:	11%;}		/*	資料形態（ヘッダ）		*/	
td.tdI1{	width:	5.5%;}		/*	資料形態1		*/	
td.tdI2{	width:	5.5%;}		/*	資料形態2		*/	
td.tdJ{	width:	6%;}		/*	資料番号		*/	

div.cell{
	font-family:		"メイリオ","Meiryo","游ゴシック","Yu Gothic","游ゴシック体","YuGothic",sans-serif;
	font-size:			9pt;
	width:			100%;
	height:			55px;
	overflow-y:		auto;
	overflow:		auto;
}


#resultTable td.tdB{
	text-align:		center;
	vertical-align:	middle;
	height:			55px;
}

#resultTable td.tdB img{
	height:			auto;
	width:			atuo;
	max-height:		calc(100% - 4px);
	max-width:		calc(100% - 4px);
}

.hidden{
	display:		none;
}

/*#div_rT{ scrollbar-base-color:#fff; }/* IE用スクロールバーカラー */
/*#div_rT::-webkit-scrollbar { width:17px; height: auto; }/* スクロールバー幅 */
/*#div_rT::-webkit-scrollbar-track { background: #aaa; }/* 背景 */
/*#div_rT::-webkit-scrollbar-thumb { background:#ff0; }/* スクロールバー本体 */

td.background-image {
    background-size: contain; /* 画像をセル全体に拡大縮小 */
    background-repeat: no-repeat; /* 画像を繰り返さない */
	background-position: center;
}