@charset "UTF-8";

/**************************************************************/
/*
	基本設定
*/
/**************************************************************/
body	{
		margin					: 0;
		padding					: 0;
		position				: relative;
	}
/* 地図表示領域 */
#map	{
		position				: absolute;
		margin					: 0;
		padding					: 0;
		width					: 100%;
		cursor					: pointer;
		z-index					: 1;
	}
/* 操作パネルオープン */
#open	{
		position				: absolute;
		margin					: 0;
		padding					: 0;
		cursor					: pointer;
		z-index					: 10;
	}
/* 操作パネルクローズ（操作パネル内） */
#close	{
		text-align				: right;
	}
/* 操作パネル開閉画像 */
#open img,
#close img	{
		cursor					: pointer;
		padding					: 2px;
	}

/* 操作パネル */
#nav	{
		margin					: 0;
		padding					: 0;
		font-size				: 13px;
		
		background-color		: #fff;
		border					: 0;
		border-right			: 3px double #666;
		
		position				: absolute;
		top						: 0;
		left					: 0;
		z-index					: 20;
	}

/**************************************************************/
/*
	操作パネル内の表示設定
*/
/**************************************************************/
/* タイトル（操作パネル内） */
#title	{
		margin					: 0 10px 15px;
		padding					: 7px;
		background-color		: #000;
		color					: #fff;
		font-weight				: bold;
	}
/* 操作パネル内の各要素 */
#nav form	{
		margin					: 10px;
		width					: 270px;
	}
#nav dl	{
		margin					: 0;
		padding					: 0;
		clear					: both;
	}
#nav dt	{
		margin					: 0 0 5px;
		padding					: 0;
		width					: 120px;
		float					: left;
	}
#nav dd	{
		margin					: 0 0 5px;
		padding					: 0;
		width					: 120px;
		float					: left;
	}
input.opacity	{
		width					: 80px;
	}

/* 地質単元一覧 */
#legends	{
		height					: 130px;
		margin-bottom			: 10px;
	}
#legends ul	{
		margin					: 0;
		padding					: 2px 5px 1px;
		border					: 1px solid #777;
		height					: 130px;
		overflow-y				: auto;
		list-style				: none;
	}

/* 地質単元一覧詳細表示 */
ul.dialog	{
		font-size				: 13px;
		list-style				: none;
	}

/* 地質単元一覧の各要素 */
ul.dialog li,
#legends ul li	{
		border					: 0;
		border-left				: 30px solid #fff;
		padding					: 2px 0 2px 5px;
		margin					: 0 0 1px;
	}

/* 地質単元一覧詳細表示での各要素 */
div.symbol	{
	white-space: nowrap;
}
ul.dialog li	{
		background-color		: #f5f5f5;
		padding					: 2px;
	}
ul.dialog li div.symbol	{
		clear					: both;
		float					: left;
		width					: 150px;
	}
ul.dialog li div.text	{
		margin-left				: 150px;
	}

/* サジェスチョン機能 */
#candidates	{
		position				: absolute;
		z-index					: 1001;
		margin					: 0;
		padding					: 0 3px;
		border					: 1px solid #555;
		list-style				: none;
		background-color		: #fff;
		display					: none;
		cursor					: pointer;
		width					: 200px;
		max-height				: 200px;
		overflow-y				: auto;
	}

/**************************************************************/
/*
	スクロールバーに関する設定
*/
/**************************************************************/
/* 各要素におけるスクロールバーの表示 */
ul.dialog::-webkit-scrollbar,
#legends ul::-webkit-scrollbar,
#candidates::-webkit-scrollbar	{
		width					: 7px;
	}
ul.dialog::-webkit-scrollbar-thumb,
#legends ul::-webkit-scrollbar-thumb,
#candidates::-webkit-scrollbar-thumb	{
		background-color		: #999;
		border-radius			: 2px;
	}
ul.dialog::-webkit-scrollbar-track-piece,
#legends ul::-webkit-scrollbar-track-piece,
#candidates::-webkit-scrollbar-track-piece	{
		background-color		: #efefef;
	}

/**************************************************************/
/*
	凡例ポップアップ表示に関する設定
*/
/**************************************************************/
/* 凡例ポップアップ */
dl.popup	{
		border					: 1px solid #555;
		border-top				: 0px;
		background-color		: #ccc;
	}
dl.popup dt,
dl.popup dd	{
		margin					: 0;
		padding					: 3px;
		border-top				: 1px solid #555;
	}
dl.popup dt	{
		float					: left;
		width					: 60px;
	}
dl.popup dd	{
		width					: 200px;
		margin-left				: 66px;
		border-left 			: 1px solid #555;
		background-color		: #fff;
	}

/**************************************************************/
/*
	判例詳細表示のリンクに関する設定
*/
/**************************************************************/
/* 凡例詳細表示のリンク */
#listup	{
	display						: none;
}

/**************************************************************/
/*
	DDマップのファイルドラッグ時におけるドロップ領域に関する設定
*/
/**************************************************************/
/* DDマップのドロップ領域 */
#drop	{
		background				: rgba( 255, 0, 0, 0.5 ) no-repeat url('../img/drop_ja.png') 50% 50%;
		position				: absolute;
		top						: 0;
		left					: 0;
		z-index					: 100000;
	}

/**************************************************************/
/*
	clearfix
*/
/**************************************************************/
/* clearfix */
.clearfix::after {
		content					: "";
		display					: block;
		clear					: both;
	}