@charset "UTF-8";
@import url("../app_common.css");

/* 検索文字領域 */
#searched_moji_area {
	margin				:0px auto 0px;
}


/* 検索文字 */
#searched_moji {
	float	:left;


/*	background-color	:#F9F9D1;*/
	background-color	:#fd6;

	font-size		:24px;
	font-weight		:bold;
	text-align		:center;

	width				:200px;
	padding				:12px 0px 4px 0px;
/*
	margin				:20px 0px 0px 8px;

	border-bottom		:0px;
*/
	border-radius		:12px 12px 12px 12px / 12px 12px 12px 12px;
}



/* 別の文字で検索領域 */
#search_moji_area {
	background-color	:#F9F9D1;

	padding				:4px 12px 4px;
	margin				:24px auto 0px;

	border				:1px solid #6D9A4A;
	border-radius		:4px 4px 4px 4px / 4px 4px 4px 4px;
}


#search_button_area {
	font-size		:16px;
	font-weight		:bold;
}


#search_moji {
	font-size	:16px;
	line-height	:1;
	width		:60px;
	height 		:30px;
	padding		:0px;
	margin		:0px 12px;
	text-align	:center;
}

#search_btn {
	background-color:#2f6539;
	color			:#fff;
	font-size		:15px;
	font-weight		:bold;
	line-height		:1;
	width			:108px;
	height 			:35px;
	padding			:0px;
	margin			:0px;
	border			:1px solid #fff;
	border-radius	:0;
	text-decoration	:none;
	box-shadow		:none;
}

#search_btn:hover {
	background-color:#6f9569;
}


#search_moji_note {
	display	:none;
}





.search_result_all_area {

}


.search_result_box {
	display		:inline-block;
	text-align	:center;
	border		:2px solid #824522;
	margin		:8px;
	width		:150px;
	min-width	:150px;
}

.search_result_box_btn {
	background-color:#666;
	padding			:2px 4px;
}


@media screen and (min-width: 600px) {
/*
	#searched_moji {
		float				:left;
		height				:52px;
		padding				:28px 0px 0px 0px;
		margin				:40px 0px 0px 8px;
	}
*/

	#search_moji_area {
		float			:right;
		width			:340px;
		margin-right	:8px;
	}

	#search_moji_note {
		display	:block;
	}

}
@media screen and (min-width: 960px) {
	#searched_moji_area {
		width			:800px;
	}

/*
	#searched_moji {
		margin			:40px 56px 0px 0px;
	}
*/

	#search_moji_area {
		width			:500px;
	}

	#search_btn {
		font-size		:15px;
		line-height		:1;
		width			:138px;
		height 			:35px;
		padding			:0px;
		margin			:0px;
	}

	#search_moji_note {
		margin	:4px 12px 0px;
	}
}




/* 検索結果領域 */
#search_result_area {
	background-color	:#F9F9D1;
/*	width				:100%;*/

	padding				:12px 0px 12px;
	margin				:0px 0px 40px;

	border-top			:2px solid #fd6;
	border-bottom		:2px solid #fd6;
}

@media screen and (min-width: 600px) {
	#search_result_area {
		min-width			:550px;
		padding				:12px 12px 12px;
		margin				:0px auto 40px;
		border				:2px solid #fd6;
		border-radius		:8px 8px 8px 8px / 8px 8px 8px 8px;
	}
}
@media screen and (min-width: 960px) {
	#search_result_area {
/*		width       	:100%;*/
		min-width			:900px;
		margin				:0px 12px 40px;
	}
}



#no_keyword_msg {
	background-color:#fcc;
	color			:#333;
	font-size		:20px;
	font-weight		:bold;
	padding			:4px 4px 3px 12px;
	margin			:40px 0px;
}


/* 凡例 */
#explanatory_note {
	float:right;
	background-color:#666;
	text-align		:center;
	color			:#fff;
	width			:280px;
	padding			:4px;
	margin			:0px 4px 12px;
}

/* 奈文研検索結果見出し */
#nabunken_result_header {
	background-color:#7AC36D;
	color			:#fff;
	font-size		:18px;
	font-weight		:bold;
	padding			:4px 4px 3px 12px;
	margin-top		:12px;
}


/* 資料編纂所検索結果見出し */
#hi_u_tokyo_result_header {
	background-color:#c35956;
	color			:#fff;
	font-size		:18px;
	font-weight		:bold;
	padding			:4px 4px 3px 12px;
	margin-top		:12px;
}

/* 古典籍くずし字データセット国文研 */
#kokubunken_result_header {
	background-color:#aa9;
	color			:#fff;
	font-size		:18px;
	font-weight		:bold;
	padding			:4px 4px 3px 12px;
	margin-top		:12px;
}

.search_result_tbl_area {
	background-color:#fff;
	border			:1px solid #999;
	margin			:0px 0px 32px;
}


.search_result_scroll_area {
	overflow-x		:scroll;
	overflow		:scroll visible;
}

.search_result_scroll_area::-webkit-scrollbar{height:13px;}				/*バーの太さ*/
.search_result_scroll_area::-webkit-scrollbar-track{background:#aa9;}	/*バーの背景色*/
.search_result_scroll_area::-webkit-scrollbar-thumb{background:#eee;}	/*バーの色*/


.search_result_count {
	padding			:4px 4px 3px 12px;
}


.search_result_tbl {
	background-color:#fff;
	border-collapse	:collapse;
	margin			:0px;
}

.search_result_tbl td{
	width			: 150px;
	min-width		: 150px;
	text-align		: center;
	vertical-align	: middle;
	border			: 2px solid #824522;
	font-size		: smaller;
}

.sr_btn_td {
	background-color:#666;
}

.sr_btn_td a {
	color			:#fff;
}

.sr_btn_td a:visited {
	color			:#ddd;
}


.close_btn_area {
	padding		:8px 12px;
	text-align	:right;
}