/* 
*
*	コンテンツ調整用 
*
*   スタイルガイド
*	ベースカラー１		：	#545A6A
*	補助背景カラー		：	#40B4DE #3390B2
*	補助アクティブカラー	：	#D80391	#AD0274
*
*/
/* メイン */
.nsgr_fmt {
	/* font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; */
	letter-spacing: 0.09em;		/*字間*/
}

/* メインタイトル */
.nsgr_main_title {
	font-size: 16px;
	color:#fff;
	background-color:#1F2A37; 
	line-height:60px; 
	padding-left:20px;
}

/* 項目タイトル */
.nsgr_title {
	font-size: 13px;
	color:#fff;
	background-color:#1F2A37; 
	line-height:40px;
	letter-spacing: 0.1em;	
}

/* 項目タイトル2 */
.nsgr_title2 {
	font-size: 13px;
	color:#fff;
	background-color:#555555; 
	line-height:40px;
	letter-spacing: 0.1em;
	border-radius: 2px;			/*角の丸み*/	
}

/* 項目タイトル99 */
.nsgr_title99 {
	font-size: 13px;
	color:#E0D5B3;
	background-color:#000000; 
	line-height:40px;
	letter-spacing: 0.1em;	
}



/* メインボタン ベース　（nsgr_btn nsgr_typeX） */
.nsgr_btn {
	line-height: 14px;
	font-size: 13px;
	cursor: pointer;
	display: inline-block;
	text-decoration: none;
	letter-spacing: 0.09em;
	padding: 0.9em 1em;	
	border-radius: 2px;			/*角の丸み*/
	font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2), 0 18px 32px -2px rgba(255, 255, 255, 0.1) inset;/*影*/
	-webkit-tap-highlight-color: transparent;
	transition: .3s ease-out;	
}
.nsgr_btn:hover {
	box-shadow: 0 5px 5px 0 rgba(0,0,0,0.14), 0 1px 7px 0 rgba(0,0,0,0.12), 0 3px 1px -1px rgba(0,0,0,0.2);	/*浮き上がるように*/
}
.nsgr_btn_type2 {
	line-height: 14px;
	font-size: 13px;
	cursor: pointer;
	display: inline-block;
	text-decoration: none;
	letter-spacing: 0.09em;
	padding: 0.8em 1em;	
	border-radius: 2px;			/*角の丸み*/
	font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;	
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2), 0 18px 32px -2px rgba(255, 255, 255, 0.1) inset;/*影*/
	-webkit-tap-highlight-color: transparent;
	transition: .3s ease-out;	
}
.nsgr_btn_type2:hover {
	box-shadow: 0 5px 5px 0 rgba(0,0,0,0.14), 0 1px 7px 0 rgba(0,0,0,0.12), 0 3px 1px -1px rgba(0,0,0,0.2);	/*浮き上がるように*/
}




/* ボタンタイプ1 黒→水色 */
.nsgr_type1 		{	background-color: #1F2A37;	color: #FFFFFF;	}
.nsgr_type1:hover 	{	background-color: #40B4DE;	}

/* ボタンタイプ2 青→少し黒 */
.nsgr_type2 		{	background-color: #40B4DE; color: #FFFFFF;	}
.nsgr_type2:hover 	{	background-color: #3390B2;	}	

/* ボタンタイプ3 ピンク→少し黒 */
.nsgr_type3			{	background-color: #990266; color: #FFFFFF;	}
.nsgr_type3:hover 	{	background-color: #AD0274;	}

/* ボタンタイプ4 赤→少し赤 */
.nsgr_type4 		{	background-color: #BB2222; color: #FFFFFF;	}
.nsgr_type4:hover 	{ 	background-color: #8A0218;	}

/* ボタンタイプ5 緑→少し濃い緑 */
.nsgr_type5 		{	background-color: #188A02; color: #FFFFFF;	}
.nsgr_type5:hover 	{ 	background-color: #082D02;	}

/* ボタンタイプ5 橙→少し明るい橙 */
.nsgr_type5 		{	background-color: #E47911; color: #FFFFFF;	}
.nsgr_type5:hover 	{ 	background-color: #EE8720;	}

/* ボタンタイプ6 紫→少し明るい紫 */
.nsgr_type6 		{	background-color: #433F49; color: #FFFFFF;	}
.nsgr_type6:hover 	{ 	background-color: #100021;	}

/* ボタンタイプ7 紫→少し明るい紫 */
.nsgr_type7 		{	background-color: #330363; color: #FFFFFF;	}
.nsgr_type7:hover 	{ 	background-color: #27004C;	}

/* ボタンタイプ0 グレー→少し濃いグレー */
.nsgr_type0 		{	background-color: #7F7F7F; color: #FFFFFF;	}
.nsgr_type0:hover 	{ 	background-color: #6B2B2B;	}

/* ボタンタイプ0a 少し赤みがかったグレー→少しaグレー */
.nsgr_type0a 		{	background-color: #7C6A6A; color: #FFFFFF;	}
.nsgr_type0a:hover 	{ 	background-color: #7A4444;	}

/* ボタンタイプ0a 少し濃いグレー→水色 */
.nsgr_type_gray1 		{	background-color: #444444; color: #FFFFFF;	}
.nsgr_type_gray1:hover 	{ 	background-color: #40B4DE;	}

/* ボタンタイプ0a 少し薄いグレー→水色 */
.nsgr_type_gray2 		{	background-color: #555555; color: #FFFFFF;	}
.nsgr_type_gray2:hover 	{ 	background-color: #40B4DE;	}

/* ボタンタイプ 黒のまま */
.nsgr_type_black 			{	background-color: black;	color: #FFFFFF;	}
.nsgr_type_black:hover 	{	background-color: black;	}

/* ボタンタイプ 白のまま */
.nsgr_type_white 			{	background-color: white;	color: black;	}
.nsgr_type_white:hover 	{	background-color: white;	}

/* ボタンタイプ マゼンタのまま */
.nsgr_type_magenta 			{	background-color: #ff0c9c;	color: white;	}
.nsgr_type_magenta:hover 	{	background-color: #ff0c9c;	}

/* Table スクロール用*/
thead.nsgr_scrollHeads, tbody.nsgr_scrollBodys{
  width:100%;
  display:block;
}

tbody.nsgr_scrollBody{
  overflow-y:scroll;
  max-height:380px;
}

.nsgr_scrollBodys th{
 	padding:0;
 	margin:0;
 	table-layout:fixed;
}
.nsgr_scrollBodys td{
	padding:0;
	margin:0;
	table-layout:fixed;
}


/* ICON */
.es_icon { display: inline-block; position: relative; }


.es_search.es_icon {
  color: #fff;
  position: absolute;
  margin-top: 2px;
  margin-left: 3px;
  width: 7px;
  height: 7px;
  border: solid 1px currentColor;
  border-radius: 100%;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.es_search.es_icon:before {
  content: '';
  position: absolute;
  top: 8px;
  left: 3px;
  height: 5px;
  width: 1px;
  background-color: currentColor;
}
/* End.ICON */