* {
			font-family:			"Open Sans", "Helvetica Neue", Helvetica, "Arial", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
		}
		.font-com {
			font-family:			"Open Sans", "Helvetica Neue", Helvetica, "Arial", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
		}
		.font-norm {
			font-weight:			normal;
		}
		.mono {
			font-family:			'Courier New','monospace';
		}

		body {
			padding-top:			40px;
/*
			background:				rgb(185, 200, 232) url('../img/322eaea5228d.jpg') no-repeat center center; 
			background:				rgb(205, 220, 252) url('../img/322eaea5228d.jpg') no-repeat center center;
			background:				rgb(223, 242, 249) url('../img/322eaea5228d.jpg') no-repeat center center; 
			background:				rgb(192, 210, 234) url('../img/322eaea5228d.jpg') no-repeat center center; 
*/
			background:				rgb(208, 225, 239) url('../img/322eaea5228d.jpg') no-repeat center center; 

			font-size:				18px;
			/* コンテンツの高さが画像の高さより大きい時、動かないように固定 */
			background-attachment:	fixed;
			/* 表示するコンテナの大きさに基づいて、背景画像を調整 */
			background-size:		cover;
			/* 画像を常に天地左右の中央に配置 */
			background-position:	center center;

			min-height:				1024px;
		}

		@media ( min-width: 768px ) {
			#banner {
				min-height: 300px;
				border-bottom: none;
			}
			.bs-docs-section {
				margin-top: 8em;
			}
			.bs-component {
				position: relative;
			}
			.bs-component .modal {
				position: relative;
				top: auto;
				right: auto;
				left: auto;
				bottom: auto;
				z-index: 1;
				display: block;
			}
			.bs-component .modal-dialog {
				width: 90%;
			}
			.bs-component .popover {
				position: relative;
				display: inline-block;
				width: 220px;
				margin: 20px;
			}
			.nav-tabs {
				margin-bottom: 15px;
			}
			.progress {
				margin-bottom: 10px;
			}
		}

		:root {
			--fore-color-link:		#2196f3;

			--fore-color-green:		#128f76;
			--fore-color-lime:		#21bb79;
			--fore-color-cyan:		#217dbb;
			--fore-color-blue:		#2130bb;
			--fore-color-purple:	#5f21bb;
			--fore-color-violet:	#9221bb;
			--fore-color-pink:		#bb217d;

			--back-color-green:		#d9faf4;
			--back-color-lime:		#e1faef;
			--back-color-cyan:		#e1f0fa;
			--back-color-blue:		#e1e4fa;
			--back-color-purple:	#ebe1fa;
			--back-color-violet:	#f3e1fa;
			--back-color-pink:		#fae1f0;

			--line-color-green:		#52cfb6;
			--line-color-lime:		#61fbb9;
			--line-color-cyan:		#61bdfb;
			--line-color-blue:		#6170fb;
			--line-color-purple:	#9f61fb;
			--line-color-violet:	#d261fb;
			--line-color-pink:		#fb61bd;
		}

		a, a:focus, a:active, a:visited {
			color:					var(--fore-color-link);
			text-decoration:		none;
		}
		a:hover {
			color:					var(--fore-color-link);
			text-decoration:		underline;
			background-color:		transparent;
		}
		.bs-component {
			margin-bottom:			10px;
		}
		.bs-docs-section {
			margin-top:				20px;
		}
		.navbar {
			min-height:				40px;
		}
		.navbar-brand {
			height:					40px;
			padding-top:			10px;
			padding-left:			60px;
			padding-bottom:			10px;
			background:				url("../img/sfc36.png") no-repeat;
			background-position:	left 20px top 5px;
			font-size:				0.9em;
		}
		.navbar-default .navbar-nav > li > a:hover {
			color:					var(--fore-color-link);
		}
		.navbar-default .navbar-nav > li:hover {
			background-color:		#1a252f;
		}
		.navbar-brand.a:hover {
			color:					var(--fore-color-link);
		}
		.navbar-toggle {
			margin-top:				5px;
			margin-bottom:			5px;
			margin-right:			35px;
		}
		.nav > li {
			position:				relative;
			display:				block;
			margin-top:				3px;
		}
		.navbar-nav > li > a {
			margin-top:				1px;
			margin-bottom:			1px;
			font-size:				0.9em;
		}
		.dropdown-menu > li > a {
			font-size:				0.9em;
		}


		.container {
			padding-right:			2px;
			padding-left:			2px;
		}
		.col-md-4, .col-sm-6, .col-xs-12{
			padding-right:			0px;
			padding-left:			0px;
		}

		.h1, .h2, .panel-heading {
/*
			color:				navy;
*/
		}

		h1 {
			width:				317px;
			margin-left:		auto;
			margin-right:		auto;
			margin-top:			0;
			margin-bottom:		10px;

			position:			relative;
			/*	background:			#f1f8ff;	*/
			text-align:			center;

			font-size:			1.4em;
			font-weight:		bold;
			color:				white;
			text-shadow:		1px 1px 1px white;
/*
			padding:			0.25em 0.5em;
			border-left:		solid 2em #5c9ee7;
			background-color:	white;
			color:				#1a252f;

			padding-top:		5px;
			padding-bottom:		3px;

			border:				1px solid #ccc;
			padding-left:		10px;
*/
/*
			background:			-webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%);
			background:			linear-gradient(  to bottom, #fff 0%, #f0f0f0 100%);

			font-weight:		bold;
			color:				navy;
			text-shadow:		1px 1px 1px white;
		}
		h1:before {
			font-family: 		FontAwesome;
			content:			"\f040";
			position:			absolute;
			padding:			0em;
			color:				white;
			font-weight:		normal;
			left:				-1.35em;
			top:				50%;
			-moz-transform:		translateY(-50%);
			-webkit-transform:	translateY(-50%);
			-ms-transform:		translateY(-50%);
			transform:			translateY(-50%);
*/
		}
/*
		div.bodyArea h1 {
			border-left:		0;
			border-bottom:		0;
		}
*/
		div.panel-green  > h1 {
/*
			border-top:			3px solid var(--line-color-green);
*/
			color:				var(--fore-color-green);
		}
		div.panel-lime   > h1 {
/*
			border-top:			3px solid var(--line-color-lime);
*/
			color:				var(--fore-color-lime);
		}
		div.panel-cyan   > h1 {
/*
			border-top:			3px solid var(--line-color-cyan);
*/
			color:				var(--fore-color-cyan);
		}
		div.panel-blue   > h1 {
/*
			border-top:			3px solid var(--line-color-blue);
*/
			color:				var(--fore-color-blue);
		}
		div.panel-purple > h1 {
/*
			border-top:			3px solid var(--line-color-purple);
*/
			color:				var(--fore-color-purple);
		}
		div.panel-violet > h1 {
/*
			border-top:			3px solid var(--line-color-violet);
*/
			color:				var(--fore-color-violet);
		}
		div.panel-pink   > h1 {
/*
			border-top:			3px solid var(--line-color-pink);
*/
			color:				var(--fore-color-pink);
		}


		.box h2{
			text-align:center;
			position:relative;
			/* top:80px; */
		}
		.box {
			width:				317px;
			/*width:70%;*/
			/*height:60px;*/
			background:			white;
			/* margin:				40px auto; */
			margin-left:		auto;
			margin-right:		auto;
			margin-top:			0;
			margin-bottom:		10px;
		}
		.h2 {
			position:			relative;
/*
			width:				317px;
			margin-left:		auto;
			margin-right:		auto;
			margin-top:			0;
			margin-bottom:		10px;
			background-color: white;
			font-weight:		bold;
*/
			font-size:			1.0em;
			text-align:			center;
			padding-top:5px;
			padding-bottom:5px;
		}
		.h2:after {
			z-index: -1;
			position: absolute;
			content: "";
			bottom: 9px;
			right: 9px;
			left: auto;
			width: 30%;
			top: 60%;
			/* max-width:300px; */
			background: white;
			box-shadow: 0 10px 20px #777;
			transform: rotate(5deg);
		}

		.h3 {
			width:				317px;
			margin-left:		auto;
			margin-right:		auto;
			margin-top:			0;
			margin-bottom:		10px;
/*
			border:				1px solid #ccc;
*/
			position:			relative;
			padding:			5px 32px;
/*
			background:			-webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%);
			background:			linear-gradient(  to bottom, #fff 0%, #f0f0f0 100%);
*/
			font-size:			0.8em;
			background-color:	white;
			color:				#1a252f;
/*
			text-shadow:		1px 1px 1px white;
*/
			border:				solid 1px rgb(165, 180, 212);
		}

		.h3:before {
			font-family: 		FontAwesome;
			content:			"\f040";
			position:			absolute;
			color:				#5c9ee7;
			font-weight:		normal;
			padding:			0em;
/*
			left:				-1.35em;
			top:				50%;
*/
			left:				7px;
			top:				7px;
/*
			-moz-transform:		translateY(-50%);
			-webkit-transform:	translateY(-50%);
			-ms-transform:		translateY(-50%);
			transform:			translateY(-50%);
*/
		}

		div.panel-green  > .h2 {
			color:				var(--fore-color-green);
/*
			text-shadow:		2px 2px 1px var(--fore-color-green);
*/
			border-left:		solid 10px var(--line-color-green);
		}
		div.panel-lime   > .h2 {
			color:				var(--fore-color-lime);
/*
			text-shadow:		2px 2px 1px var(--fore-color-lime);
*/
			border-left:		solid 10px var(--line-color-lime);
		}
		div.panel-cyan   > .h2 {
			color:				var(--fore-color-cyan);
/*
			text-shadow:		2px 2px 1px var(--fore-color-cyan);
*/
			border-left:		solid 10px var(--line-color-cyan);
		}
		div.panel-blue   > .h2 {
			color:				var(--fore-color-blue);
/*
			text-shadow:		1px 1px 5px var(--fore-color-blue);
*/
			border-left:		solid 10px var(--line-color-blue);
		}
		div.panel-purple > .h2 {
			color:				var(--fore-color-purple);
/*
			text-shadow:		2px 2px 1px var(--fore-color-purple);
*/
			border-left:		solid 10px var(--line-color-purple);
		}
		div.panel-violet > .h2 {
			color:				var(--fore-color-violet);
/*
			text-shadow:		2px 2px 1px var(--fore-color-violet);
*/
			border-left:		solid 10px var(--line-color-violet);
		}
		div.panel-pink   > .h2 {
			color:				var(--fore-color-pink);
/*
			text-shadow:		2px 2px 1px var(--fore-color-pink);
*/
			border-left:		solid 10px var(--line-color-pink);
		}

		div.panel-green  > .h3 {
			color:				var(--fore-color-green);
			border:				solid 1px var(--line-color-green));
		}
		div.panel-lime   > .h3 {
			color:				var(--fore-color-lime);
			border:				solid 1px var(--line-color-lime));
		}
		div.panel-cyan   > .h3 {
			color:				var(--fore-color-cyan);
			border:				solid 1px var(--line-color-cyan));
		}
		div.panel-blue   > .h3 {
			color:				var(--fore-color-blue);
			border:				solid 1px var(--line-color-blue));
		}
		div.panel-purple > .h3 {
			color:				var(--fore-color-purple);
			border:				solid 1px var(--line-color-purple));
		}
		div.panel-violet > .h3 {
			color:				var(--fore-color-violet);
			border:				solid 1px var(--line-color-violet));
		}
		div.panel-pink   > .h3 {
			color:				var(--fore-color-pink);
			border:				solid 1px var(--line-color-pink));
		}

		div.panel-green  > .h3:before {
			color:				var(--fore-color-green);
		}
		div.panel-lime   > .h3:before {
			color:				var(--fore-color-lime);
		}
		div.panel-cyan   > .h3:before {
			color:				var(--fore-color-cyan);
		}
		div.panel-blue   > .h3:before {
			color:				var(--fore-color-blue);
		}
		div.panel-purple > .h3:before {
			color:				var(--fore-color-purple);
		}
		div.panel-violet > .h3:before {
			color:				var(--fore-color-violet);
		}
		div.panel-pink   > .h3:before {
			color:				var(--fore-color-pink);
		}

		div.panel {
			width:				317px;
			overflow-x:			hidden;
			margin-left:		auto;
			margin-right:		auto;
			margin-bottom:		10px;

			padding-bottom:		0;
			padding-top:		0;

			border:				none;
/*
			border:				1px solid transparent;
			border-radius:		0px;

			-webkit-box-shadow:	5px 5px 5px rgba(0, 0, 0, .15);
			box-shadow:			5px 5px 5px rgba(0, 0, 0, .15);
*/
/*
			background-color:	rgba(255,255,255,0.7);
*/
			background-color:	white;

			-webkit-box-shadow:	2px 2px 5px 3px rgba(0, 0, 0, .2);
			box-shadow:			2px 2px 5px 3px rgba(0, 0, 0, .2);
		}
/*
		div.panel:hover {
			-webkit-box-shadow:	3px 3px 3px rgba(0, 0, 0, .2);
			box-shadow:			3px 3px 3px rgba(0, 0, 0, .2);
		}
*/
		div.panel-gray {
			position:			relative;
			border-left:		1px solid #e0e0e0;
		}	
		div.panel-blue {
			position:			relative;
		}
		div.panel-purple {
			position:			relative;
		}	
		div.panel-violet {
			position:			relative;
		}	
		div.panel-pink {
			position:			relative;
		}	
		div.panel-lime {
			position:			relative;
		}	
		div.panel-cyan {
			position:			relative;
		}	
		div.panel-green {
			position:			relative;
		}	

		div.panel-heading {
/*
			background:					-webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%);
			background:					linear-gradient(  to bottom, #fff 0%, #f0f0f0 100%);
			text-shadow:				1px 1px 1px white;
			background-color:			rgba(192,192,192,0.2);
*/
			border-bottom:				#e0e0e0 1px solid;

			padding:					5px 7px;

			border-top-left-radius:		0px;
			border-top-right-radius:	0px;

			font-weight:				normal;
			font-size:					0.8em;
		}
		div.panel-gray > div.panel-heading {
			color:						#333;
		}
		div.panel-blue > div.panel-heading {
			color:						var(--fore-color-blue);
		}
		div.panel-purple > div.panel-heading {
			color:						var(--fore-color-purple);
		}
		div.panel-violet > div.panel-heading {
			color:						var(--fore-color-violet);
		}
		div.panel-pink > div.panel-heading {
			color:						var(--fore-color-pink);
		}
		div.panel-lime > div.panel-heading {
			color:						var(--fore-color-lime);
		}
		div.panel-cyan > div.panel-heading {
			color:						var(--fore-color-cyan);
		}
		div.panel-green > div.panel-heading {
			color:						var(--fore-color-green);
		}
		div.panel-top-line {
			position:					relative;
			border-top:					3px solid #e0e0e0;
		}
		div.panel-top-line:after {
			position:					absolute;
			top:						-3px;
			left:						0;
			z-index:					2;
			content:					'';
			width:						20%;
			height:						3px;
		}
		div.panel-gray > div.panel-top-line:after {
			background-color:			#777777;
		}
		div.panel-green > div.panel-top-line:after {
			background-color:			var(--line-color-green);
		}
		div.panel-lime > div.panel-top-line:after {
			background-color:			var(--line-color-lime);
		}
		div.panel-cyan > div.panel-top-line:after {
			background-color:			var(--line-color-cyan);
		}
		div.panel-blue > div.panel-top-line:after {
			background-color:			var(--line-color-blue);
		}
		div.panel-purple > div.panel-top-line:after {
			background-color:			var(--line-color-purple);
		}
		div.panel-violet > div.panel-top-line:after {
			background-color:			var(--line-color-violet);
		}
		div.panel-pink > div.panel-top-line:after {
			background-color:			var(--line-color-pink);
		}
		div.panel-gray > .panel-pin:before {
			content :			url(../img/pin-gray-16.png) ;
			display:			inline-block;
		}
		div.panel-green > .panel-pin:before {
			content :			url(../img/pin-green-16.png) ;
			display:			inline-block;
		}
		div.panel-cyan > .panel-pin:before {
			content :			url(../img/pin-cyan-16.png) ;
			display:			inline-block;
/*
			top:				-2px;
			position:			relative;
*/
		}
		div.panel-blue > .panel-pin:before {
			content :			url(../img/pin-blue-16.png) ;
			display:			inline-block;
		}
		div.panel-pink > .panel-pin:before {
			content :			url(../img/pin-pink-16.png) ;
			display:			inline-block;
		}
		div.panel-violet > .panel-pin:before {
			content :			url(../img/pin-violet-16.png) ;
			display:			inline-block;
		}
		div.panel-purple > .panel-pin:before {
			content :			url(../img/pin-purple-16.png) ;
			display:			inline-block;
		}

		div.panel-body {
			padding-bottom:		0;
			padding-top:		5px;
			padding-left:		4px;
			font-weight:		normal;
			font-size:			0.8em;
			background:			transparent;
		}
		div.panel-gray > div.panel-body {
			color:				#333;
		}
		div.panel-blue > div.panel-body {
			color:				var(--fore-color-blue);
		}
		div.panel-purple > div.panel-body {
			color:				var(--fore-color-purple);
		}
		div.panel-violet > div.panel-body {
			color:				var(--fore-color-violet);
		}
		div.panel-pink > div.panel-body {
			color:				var(--fore-color-pink);
		}
		div.panel-lime > div.panel-body {
			color:				var(--fore-color-lime);
		}
		div.panel-cyan > div.panel-body {
			color:				var(--fore-color-cyan);
		}
		div.panel-green > div.panel-body {
			color:				var(--fore-color-green);
		}
		div.h5 {
			width:				306px;
			margin-left:		auto;
			margin-right:		auto;
			margin-top:			0;
			margin-bottom:		5px;

			padding-left:		5px;
			padding-top:		2px;
			padding-bottom:		2px;

			border:				0px solid #ccc;
/*
			background:			-webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%);
			background:			linear-gradient(  to bottom, #fff 0%, #f0f0f0 100%);
			box-shadow:			0 -1px 0 rgba(255, 255, 255, 1) inset;
*/
			font-size:			1.0em;
		}

		div.panel-table {
			width:				307px;
			margin-left:		auto;
			margin-right:		auto;

			overflow-x:			auto;
			margin-top:			0;
			margin-bottom:		5px;
			padding-right:		0;
			padding-top:		0;
			padding-left:		0;
			padding-bottom:		0;
			border-right:		#e0e0e0 0px solid;
			border-top:			#e0e0e0 1px solid;
			border-left:		#e0e0e0 1px solid;
			border-bottom:		#e0e0e0 0px solid;
			color:				black;
			background-color:	white;
		}
		table
		{
			border:				none;
			border-collapse:	collapse;
			margin:				0;
			font-size:			1.0em;
			width:				470px;
		}
		table.non-scroll
		{
			width:				306px;
		}
		table tr.odd
		{
			background-color:	#f8f8f8;
		}

		table td
		{
			border:				none;
			padding:			3px;
			vertical-align:		middle;
			text-align:			left;
			border-right:		#e0e0e0 1px solid;
			border-top:			#e0e0e0 0px solid;
			border-left:		#e0e0e0 0px solid;
			border-bottom:		#e0e0e0 1px solid;
		}
		table th
		{
			border:				none;
			padding:			3px;
			font-weight:		normal;
			vertical-align:		middle;

			border-right:		#e0e0e0 1px solid;
			border-top:			#e0e0e0 0px solid;
			border-left:		#e0e0e0 0px solid;
			border-bottom:		#e0e0e0 1px solid;
		}
		table td.odd
		{
			background-color:	#f8f8f8;
		}
		div.panel-gray > div.panel-body > div.panel-table > table th
		{
			background-color:	#f5f5f5;
			color:				#333;
		}
		div.panel-blue > div.panel-body > div.panel-table > table th
		{
			background-color:	var(--back-color-blue);
			color:				var(--fore-color-blue);
		}
		div.panel-purple > div.panel-body > div.panel-table > table th
		{
			background-color:	var(--back-color-purple);
			color:				var(--fore-color-purple);
		}
		div.panel-violet > div.panel-body > div.panel-table > table th
		{
			background-color:	var(--back-color-violet);
			color:				var(--fore-color-violet);
		}
		div.panel-pink > div.panel-body > div.panel-table > table th
		{
			background-color:	var(--back-color-pink);
			color:				var(--fore-color-pink);
		}
		div.panel-lime > div.panel-body > div.panel-table > table th
		{
			background-color:	var(--back-color-lime);
			color:				var(--fore-color-lime);
		}
		div.panel-cyan > div.panel-body > div.panel-table > table th
		{
			background-color:	var(--back-color-cyan);
			color:				var(--fore-color-cyan);
		}
		div.panel-green > div.panel-body > div.panel-table > table th
		{
			background-color:	var(--back-color-green);
			color:				var(--fore-color-green);
		}

		table.noborder
		{
			margin-bottom:		8px;

			border-right:		white 0px solid;
			border-top:			white 0px solid;
			border-left:		white 0px solid;
			border-bottom:		white 0px solid;
		}
		table.noborder td
		{
			border-right:		white 0px solid;
			border-top:			white 0px solid;
			border-left:		white 0px solid;
			border-bottom:		white 0px solid;
			padding-bottom:		0;
			color:				black;
		}
		table.noborder th
		{
			color:				#333;
			background:			transparent;
			border:				none;
			border-right:		white 0px solid;
			border-top:			white 0px solid;
			border-left:		white 0px solid;
			border-bottom:		white 0px solid;
			font-weight:		normal;
			text-align:			left;
			padding-bottom:		0;
		}
		div.panel-blue > div.panel-body > table.noborder th
		{
			color:				var(--fore-color-blue);
		}
		div.panel-purple > div.panel-body > table.noborder th
		{
			color:				var(--fore-color-purple);
		}
		div.panel-violet > div.panel-body > table.noborder th
		{
			color:				var(--fore-color-violet);
		}
		div.panel-pink > div.panel-body > table.noborder th
		{
			color:				var(--fore-color-pink);
		}
		div.panel-lime > div.panel-body > table.noborder th
		{
			color:				var(--fore-color-lime);
		}
		div.panel-cyan > div.panel-body > table.noborder th
		{
			color:				var(--fore-color-cyan);
		}
		div.panel-green > div.panel-body > table.noborder th
		{
			color:				var(--fore-color-green);
		}
		.team
		{
			padding-left:		10px;
			vertical-align:		middle;
		}
		.alc
		{
			text-align:			center;
			vertical-align:		middle;
		}
		.alr
		{
			text-align:			right;
			vertical-align:		middle;
		}
		.note
		{
			font-size:			0.9em;
			vertical-align:		middle;
		}
		.odd
		{
			background-color:	#f8f8f8;
		}

		table td.blb
		{
			border-bottom:		white 0px solid;
		}
		table td.blr
		{
			border-right:		white 0px solid;
		}
		table th.blr
		{
			border-right:		white 0px solid;
		}
		.list-group-item {
			padding:			5px 10px;
			border-bottom:		white;
		}
		div.panel-pitch
		{
			background:			url('../img/pitch_296_438.jpg') no-repeat center center;
			width:				306px;
			height:				438px;
			-webkit-box-shadow:	2px 3px 5px rgba(0, 0, 0, .15);
			box-shadow:			2px 3px 5px rgba(0, 0, 0, .15);
		}
		.open > .dropdown-menu {
			background-color:	#2c3e50;
			padding-top:		0px;
			padding-bottom:		0px;
		}
		.dropdown-menu > li > a {
			color:				white;
			border-top:			#4c5e70 solid 1px;
			border-bottom:		#0c1e30 solid 1px;
		}
		.dropdown-menu > li:first-child a {
			padding-top:		5px;
			border-top:			#0c1e30 solid 0px;
		}
		.dropdown-menu > li:last-child a {
			border-bottom:		#0c1e30 solid 1px;
			padding-bottom:		5px;
		}
		.navbar-link:hover {
			color:				var(--fore-color-link);
		}

		.dropdown-menu > li > a:hover, 
		.dropdown-menu > li > a:active,
		.dropdown-menu > li > a:focus { 
			color:				var(--fore-color-link);
			background-color:	#2c3e50;
		}

		td.team > a, 
		td.team > a:active,
		td.team > a:focus,
		td.team > a:visited {
			color:				#var(--fore-color-link);
			text-decoration:	none;
			background-color:	transparent;
		}
		td.team > a:hover {
			color:				var(--fore-color-link);
			text-decoration:	underline;
			background-color:	transparent;
		}

		.navbar-nav {
			margin-bottom:		0;
		}

		div.panel-trans {
			background:			transparent;
			border:				white 0px solid;
			padding:			0px;
		}
		.list-group-item {
			border:				none;
			margin:				0px;
		}
		a.list-group-item {
			padding:			5px 7px;
			font-weight:		normal;
			font-size:			0.8em;
			line-height:		160%;
		}
		a.list-group-item sup,
		a.list-group-item sub {
			font-size:			0.75em;
		}

		div.panel-blue   > a.list-group-item, 
		div.panel-blue   > a.list-group-item:hover,
		div.panel-blue   > a.list-group-item:active,
		div.panel-blue   > a.list-group-item:focus {
			color:				var(--fore-color-blue);
		}
		div.panel-purple   > a.list-group-item, 
		div.panel-purple   > a.list-group-item:hover,
		div.panel-purple   > a.list-group-item:active,
		div.panel-purple   > a.list-group-item:focus {
			color:				var(--fore-color-purple);
		}
		div.panel-violet   > a.list-group-item, 
		div.panel-violet   > a.list-group-item:hover,
		div.panel-violet   > a.list-group-item:active,
		div.panel-violet   > a.list-group-item:focus {
			color:				var(--fore-color-violet);
		}
		div.panel-pink   > a.list-group-item, 
		div.panel-pink   > a.list-group-item:hover,
		div.panel-pink   > a.list-group-item:active,
		div.panel-pink   > a.list-group-item:focus {
			color:				var(--fore-color-pink);
		}
		div.panel-lime   > a.list-group-item, 
		div.panel-lime   > a.list-group-item:hover,
		div.panel-lime   > a.list-group-item:active,
		div.panel-lime   > a.list-group-item:focus {
			color:				var(--fore-color-lime);
		}
		div.panel-cyan   > a.list-group-item, 
		div.panel-cyan   > a.list-group-item:hover,
		div.panel-cyan   > a.list-group-item:active,
		div.panel-cyan   > a.list-group-item:focus {
			color:				var(--fore-color-cyan);
		}
		div.panel-green   > a.list-group-item, 
		div.panel-green   > a.list-group-item:hover,
		div.panel-green   > a.list-group-item:active,
		div.panel-green   > a.list-group-item:focus {
			color:				var(--fore-color-green);
		}

		a.list-group-item-index {
			padding-top:		12px;
			padding-bottom:		12px;
			padding-left:		12px;
		}

		a.list-group-item-head {
/*
			background:			-webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%);
			background:			linear-gradient(  to bottom, #fff 0%, #f0f0f0 100%);

			text-shadow:		1px 1px 1px white;
*/
/*
			border-top:			2px solid #ccc;
			border-left:		1px solid #ccc;
			border-right:		1px solid #ccc;
			border-bottom:		1px solid #ccc;
*/
/*
			-webkit-box-shadow:	5px 5px 5px rgba(0, 0, 0, .15);
			box-shadow:			5px 5px 5px rgba(0, 0, 0, .15);
			position:relative;

			border-right: 1px solid #b3b3b3;
			border-bottom: 1px solid #b3b3b3;
			border-left: 1px solid #b3b3b3;
*/
			background: #f0f0f0;
			background-image: linear-gradient(#ffffff,#f0f0f0);
			text-shadow: 0 1px 1px #fff;
			border-top: 3px solid #e3e3e3;
			color: #3e3e3e;

		}
		div.panel-green   > a.list-group-item-head {
			color:				var(--fore-color-green);
		}
		div.panel-lime   > a.list-group-item-head {
			color:				var(--fore-color-lime);
		}
		div.panel-cyan   > a.list-group-item-head {
			color:				var(--fore-color-cyan);
		}
		div.panel-blue   > a.list-group-item-head {
			color:				var(--fore-color-blue);
		}
		div.panel-purple   > a.list-group-item-head {
			color:				var(--fore-color-purple);
		}
		div.panel-violet   > a.list-group-item-head {
			color:				var(--fore-color-violet);
		}
		div.panel-pink   > a.list-group-item-head {
			color:				var(--fore-color-pink);
		}

		a.list-group-item-head:after {
			position:					absolute;
			top:						-3px;
			left:						0;
			z-index:					2;
			content:					'';
			width:						20%;
			height:						3px;
		}
		div.panel-green a.list-group-item-head:after {
			background-color:			var(--line-color-green);
		}
		div.panel-lime a.list-group-item-head:after {
			background-color:			var(--line-color-lime);
		}
		div.panel-cyan a.list-group-item-head:after {
			background-color:			var(--line-color-cyan);
		}
		div.panel-blue a.list-group-item-head:after {
			background-color:			var(--line-color-blue);
		}
		div.panel-blue a.list-group-item-head-2:after {
			background-color:			var(--line-color-blue);
		}
		div.panel-purple a.list-group-item-head:after {
			background-color:			var(--line-color-purple);
		}
		div.panel-violet a.list-group-item-head:after {
			background-color:			var(--line-color-violet);
		}
		div.panel-pink a.list-group-item-head:after {
			background-color:			var(--line-color-pink);
		}

		a.list-group-item-sub {
			padding-top:		0;
			padding-bottom:		5px;
			padding-left:		10px;
			padding-right:		10px;

			background-color:	rgba(255, 255, 255, 0.7);
			/*border:				rgb(203, 222, 229) 1px solid;*/
			/* border-top:			rgb(203, 222, 229) 3px solid; */
			border-top:			#e3e3e3 3px solid;
			/* color:				#0a6ebd; */
		}
		a.list-group-item-sub-no-padding {
			padding-bottom:		0;
		}
		div.panel-cyan a.list-group-item-sub {
			color:				var(--fore-color-cyan);
		}
		div.panel-blue a.list-group-item-sub {
			color:				var(--fore-color-blue);
		}
		div.panel-pink a.list-group-item-sub {
			color:				var(--fore-color-pink);
		}

		a.list-group-item-sub:hover, 
		a.list-group-item-sub:focus, 
		a.list-group-item-sub:active {
			background-color:	white;
		}

		div.panel-blue a.list-group-item-sub:hover, 
		div.panel-blue a.list-group-item-sub:focus, 
		div.panel-blue a.list-group-item-sub:active,
		div.panel-pink a.list-group-item-sub:hover, 
		div.panel-pink a.list-group-item-sub:focus, 
		div.panel-pink a.list-group-item-sub:active {
			text-decoration:	underline;
			color:				var(--fore-color-link);
		}

		a.list-group-item sub,
		a.list-group-item:hover sub,
		a.list-group-item:active sub,
		a.list-group-item:focus sub,
		a.list-group-item sup,
		a.list-group-item:hover sup,
		a.list-group-item:active sup,
		a.list-group-item:focus sup,
		a.list-group-item-sub sub,
		a.list-group-item-sub:hover sub,
		a.list-group-item-sub:active sub,
		a.list-group-item-sub:focus sub,
		a.list-group-item-sub sup,
		a.list-group-item-sub:hover sup,
		a.list-group-item-sub:active sup,
		a.list-group-item-sub:focus sup {
			color:				black;
			text-decoration:	none;
			background:			transparent;
			display:			inline-block;
		}
		a.list-group-item-sub:after {
			position:					absolute;
			top:						-3px;
			left:						0%;
			z-index:					2;
			content:					'';
			width:						20%;
			height:						3px;
		}
		div.panel-cyan a.list-group-item-sub:after {
			background-color:			var(--line-color-cyan);
		}
		div.panel-blue a.list-group-item-sub:after {
			background-color:			var(--line-color-blue);
		}
		div.panel-pink a.list-group-item-sub:after {
			background-color:			var(--line-color-pink);
		}


		.glyphicon {
			color:				silver;
			text-shadow:		1px 1px white;
		}
		.panel-list > ul.ul-index > li > sub, 
		.panel-list > ul.ul-index > li > a > sub, 
		.panel-list > ul.ul-index > li > a:hover sub, 
		.panel-list > ul.ul-index > li > a:active sub, 
		.panel-list > ul.ul-index > li > a:focus sub,
		.panel-list > ul.ul-index > li > sup, 
		.panel-list > ul.ul-index > li > a > sup, 
		.panel-list > ul.ul-index > li > a:hover sup, 
		.panel-list > ul.ul-index > li > a:active sup, 
		.panel-list > ul.ul-index > li > a:focus sup {
			color:				black;
			text-decoration:	none;
			background:			transparent;
			display:			inline-block;
		}

		.panel-list > ul.ul-index > li > a > .glyphicon {
			color:				silver;
			text-shadow:		1px 1px white;
		}



		div.panel-list-base {
			width:				317px;
			overflow-x:			hidden;
			margin-left:		auto;
			margin-right:		auto;
			padding-bottom:		0;
			padding-top:		0;
/*
			background-color:	rgba(255,255,255,0.0);
			border:				1px solid #ccc;
			border-radius:		0px;
			background-color:	rgba(255,255,255,0.7);
*/
			background-color:	rgba(255,255,255,0.5);
			border:				0px solid #ccc;
			border-radius:		2px;

/*
			-webkit-box-shadow:	5px 5px 5px rgba(0, 0, 0, .15);
			box-shadow:			5px 5px 5px rgba(0, 0, 0, .15);
*/
		}

		div.panel-list-base:hover, div.panel-list-base:active, div.panel-list-base:focus {
/*
			-webkit-box-shadow:	5px 5px 5px rgba(0, 0, 0, .15);
			box-shadow:			5px 5px 5px rgba(0, 0, 0, .15);
*/
		}

		div.panel-list-m0090 {
			border-radius:				7px;
			border:						dashed 2px #70FB61;
		}
		div.panel-list-m0060 {
			border-radius:				7px;
			border:						dashed 2px #61FB9F;
		}
		div.panel-list-m0030 {
			border-radius:				7px;
			border:						dashed 2px #61FBEC;
		}
		div.panel-list-pm000 {
			border-radius:				7px;
			border:						dashed 2px #61FBEC;
		}
		div.panel-list-p0030 {
			border-radius:				7px;
			border:						dashed 2px #FBEC61;
		}
		div.panel-list-p0060 {
			border-radius:				7px;
			border:						dashed 2px var(--line-color-blue);
		}
		div.panel-list-p0090 {
			border-radius:				7px;
			border:						dashed 2px var(--line-color-purple);
		}
		div.panel-list-p0120 {
			border-radius:				7px;
			border:						dashed 2px #EC61FB;
		}
		div.panel-list-p0150 {
			border-radius:				7px;
			border:						dashed 2px var(--line-color-pink);
		}
		div.panel-list-p0180 {
			border-radius:				7px;
			border:						dashed 2px #FB6170;
		}
		div.panel-list-m0150 {
			border-radius:				7px;
			border:						dashed 2px #FB9F61;
		}
		div.panel-list-m0120 {
			border-radius:				7px;
			border:						dashed 2px #FBEC61;
		}



		div.panel-list-green > div.panel-heading {
			color:						var(--fore-color-green);
		}
		div.panel-list-green > div.panel-body {
			color:						var(--fore-color-green);
		}

		div.panel-list-lime > div.panel-heading {
			color:						var(--fore-color-lime);
		}
		div.panel-list-lime > div.panel-body {
			color:						var(--fore-color-lime);
		}

		div.panel-list-cyan > div.panel-heading {
			color:						var(--fore-color-cyan);
		}
		div.panel-list-cyan > div.panel-body {
			color:						var(--fore-color-cyan);
		}

		div.panel-list-blue > div.panel-heading {
			color:						var(--fore-color-blue);
		}
		div.panel-list-blue > div.panel-body {
			color:						var(--fore-color-blue);
		}

		div.panel-list-purple > div.panel-heading {
			color:						var(--fore-color-purple);
		}
		div.panel-list-purple > div.panel-body {
			color:						var(--fore-color-purple);
		}

		div.panel-list-violet > div.panel-heading {
			color:						var(--fore-color-violet);
		}
		div.panel-list-violet > div.panel-body {
			color:						var(--fore-color-violet);
		}

		div.panel-list-pink > div.panel-heading {
			color:						var(--fore-color-pink);
		}
		div.panel-list-pink > div.panel-body {
			color:						var(--fore-color-pink);
		}

		ul.ul-index {
			-webkit-padding-start:		0;
			padding:					0.5em;
			margin-bottom:				0;
		}
		ul.ul-index li {
			line-height:				1.5;
			list-style-type:			none!important;/*ポチ消す*/
			padding:					0.5em;
			color:						var(--fore-color-blue);
			font-size:					0.8em;
		}
		ul.ul-index li > a {
			color:						var(--fore-color-blue);
		}

		div.panel-list-green > ul.ul-index li {
			border-bottom:				dotted 1px var(--line-color-green);
		}
		div.panel-list-lime > ul.ul-index li {
			border-bottom:				dotted 1px var(--line-color-lime);
		}
		div.panel-list-cyan > ul.ul-index li {
			border-bottom:				dotted 1px var(--line-color-cyan);
		}
		div.panel-list-blue > ul.ul-index li {
			border-bottom:				dotted 1px var(--line-color-blue);
		}
		div.panel-list-purple > ul.ul-index li {
			border-bottom:				dotted 1px var(--line-color-purple);
		}
		div.panel-list-violet > ul.ul-index li {
			border-bottom:				dotted 1px var(--line-color-violet);
		}
		div.panel-list-pink > ul.ul-index li {
			border-bottom:				dotted 1px var(--line-color-pink);
		}

		div.panel-list-green > ul.ul-index li:last-of-type{
			border-bottom:				none;
		}
		div.panel-list-lime > ul.ul-index li:last-of-type{
			border-bottom:				none;
		}
		div.panel-list-cyan > ul.ul-index li:last-of-type{
			border-bottom:				none;
		}
		div.panel-list-blue > ul.ul-index li:last-of-type{
			border-bottom:				none;
		}
		div.panel-list-purple > ul.ul-index li:last-of-type{
			border-bottom:				none;
		}
		div.panel-list-violet > ul.ul-index li:last-of-type{
			border-bottom:				none;
		}
		div.panel-list-pink > ul.ul-index li:last-of-type{
			border-bottom:				none;
		}

		ul.ul-index li.h1 {
			margin:				0;
			padding-left:		20px;
			font-size:			1.2em;
			font-weight:		bold;
			text-shadow:		1px 1px 1px white;
		}

		div.panel-list-green  > ul.ul-index li {
			color:				var(--fore-color-green);
		}
		div.panel-list-lime   > ul.ul-index li {
			color:				var(--fore-color-lime);
		}
		div.panel-list-cyan   > ul.ul-index li {
			color:				var(--fore-color-cyan);
		}
		div.panel-list-blue   > ul.ul-index li {
			color:				var(--fore-color-blue);
		}
		div.panel-list-purple > ul.ul-index li {
			color:				var(--fore-color-purple);
		}
		div.panel-list-violet > ul.ul-index li {
			color:				var(--fore-color-violet);
		}
		div.panel-list-pink   > ul.ul-index li {
			color:				var(--fore-color-pink);
		}

		div.panel-list-green > ul.ul-index li.h1:before {
			content :			url(../img/pin-green-16.png) ;
			display:			inline-block;
			left:				-10px;
			position:			relative;
		}

		div.panel-list-lime > ul.ul-index li.h1:before {
			content :			url(../img/pin-lime-16.png) ;
			display:			inline-block;
			left:				-10px;
			position:			relative;
		}
		div.panel-list-cyan > ul.ul-index li.h1:before {
			content :			url(../img/pin-cyan-16.png) ;
			display:			inline-block;
			left:				-10px;
			position:			relative;
		}
		div.panel-list-blue > ul.ul-index li.h1:before {
			content :			url(../img/pin-blue-16.png) ;
			display:			inline-block;
			left:				-10px;
			position:			relative;
		}
		div.panel-list-purple > ul.ul-index li.h1:before {
			content :			url(../img/pin-purple-16.png) ;
			display:			inline-block;
			left:				-10px;
			position:			relative;
		}
		div.panel-list-violet > ul.ul-index li.h1:before {
			content :			url(../img/pin-violet-16.png) ;
			display:			inline-block;
			left:				-10px;
			position:			relative;
		}
		div.panel-list-pink > ul.ul-index li.h1:before {
			content :			url(../img/pin-pink-16.png) ;
			display:			inline-block;
			left:				-10px;
			position:			relative;
		}

		ul.ul-index li > a {
			display:			block;
		}
		ul.ul-index li > a:hover,
		ul.ul-index li > a:active,
		ul.ul-index li > a:focus {
			color:				var(--fore-color-link);
			text-decoration:	underline;
		}
/*
		div.panel-list-green  > ul.ul-index li > a:hover, 
		div.panel-list-green  > ul.ul-index li > a:active {
			background: -webkit-linear-gradient(transparent 10%, var(--back-color-green) 80%);
			background: linear-gradient(        transparent 10%, var(--back-color-green) 80%);
		}
		div.panel-list-lime  > ul.ul-index li > a:hover,
		div.panel-list-lime  > ul.ul-index li > a:active {
			background: -webkit-linear-gradient(transparent 10%, var(--back-color-lime) 80%);
			background: linear-gradient(        transparent 10%, var(--back-color-lime) 80%);
		}
		div.panel-list-cyan  > ul.ul-index li > a:hover,
		div.panel-list-cyan  > ul.ul-index li > a:active {
			background: -webkit-linear-gradient(transparent 10%, var(--back-color-cyan) 80%);
			background: linear-gradient(        transparent 10%, var(--back-color-cyan) 80%);
		}
		div.panel-list-blue  > ul.ul-index li > a:hover,
		div.panel-list-blue  > ul.ul-index li > a:active {
			background: -webkit-linear-gradient(transparent 10%, var(--back-color-blue) 80%);
			background: linear-gradient(        transparent 10%, var(--back-color-blue) 80%);
		}
		div.panel-list-purple  > ul.ul-index li > a:hover,
		div.panel-list-purple  > ul.ul-index li > a:active {
			background: -webkit-linear-gradient(transparent 10%, var(--back-color-purple) 80%);
			background: linear-gradient(        transparent 10%, var(--back-color-purple) 80%);
		}
		div.panel-list-violet  > ul.ul-index li > a:hover,
		div.panel-list-violet  > ul.ul-index li > a:active {
			background: -webkit-linear-gradient(transparent 10%, var(--back-color-violet) 80%);
			background: linear-gradient(        transparent 10%, var(--back-color-violet) 80%);
		}
		div.panel-list-pink  > ul.ul-index li > a:hover,
		div.panel-list-pink  > ul.ul-index li > a:active {
			background: linear-gradient(transparent 10%, var(--back-color-pink) 80%);
		}
*/
		ul.ul-index li > a > .glyphicon {
			color:				var(--fore-color-link);
		}

		ul.pagination {
			margin-top:			5px;
			margin-bottom:		5px;
		}
		.pagination > li > a:hover,
		.pagination > li > a:focus,
		.pagination > li > a:active {
			color: #2196f3;
		}

		.breadcrumb {
			margin-bottom:0;
			padding:0;
			background-color:transparent;
		}
		.breadcrumb > li + li:before {
			content: ">";
		}
		div.popover {
			padding:				0;
		}
		h3.popover-title {
			font-size:				0.75em;
/*
			background:			-webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%);
			background:			linear-gradient(  to bottom, #fff 0%, #f0f0f0 100%);
*/
			color:				navy;
		}
		div.popover-content {
			padding:				0;
		}

		div.popover-content > div.panel-table.panel-popover.panel-popover-lime {
			border-right:		var(--line-color-lime) 0px solid;
			border-top:			var(--line-color-lime) 1px solid;
			border-left:		var(--line-color-lime) 1px solid;
			border-bottom:		var(--line-color-lime) 0px solid;
		}
		div.popover-content > div.panel-table.panel-popover.panel-popover-cyan {
			border-right:		var(--line-color-cyan) 0px solid;
			border-top:			var(--line-color-cyan) 1px solid;
			border-left:		var(--line-color-cyan) 1px solid;
			border-bottom:		var(--line-color-cyan) 0px solid;
		}
		div.popover-content > div.panel-table.panel-popover.panel-popover-blue {
			border-right:		var(--line-color-blue) 0px solid;
			border-top:			var(--line-color-blue) 1px solid;
			border-left:		var(--line-color-blue) 1px solid;
			border-bottom:		var(--line-color-blue) 0px solid;
		}
		div.popover-content > div.panel-table.panel-popover.panel-popover-purple {
			border-right:		var(--line-color-purple) 0px solid;
			border-top:			var(--line-color-purple) 1px solid;
			border-left:		var(--line-color-purple) 1px solid;
			border-bottom:		var(--line-color-purple) 0px solid;
		}
		div.popover-content > div.panel-table.panel-popover.panel-popover-violet {
			border-right:		var(--line-color-violet) 0px solid;
			border-top:			var(--line-color-violet) 1px solid;
			border-left:		var(--line-color-violet) 1px solid;
			border-bottom:		var(--line-color-violet) 0px solid;
		}
		div.popover-content > div.panel-table.panel-popover.panel-popover-pink {
			border-right:		var(--line-color-pink) 0px solid;
			border-top:			var(--line-color-pink) 1px solid;
			border-left:		var(--line-color-pink) 1px solid;
			border-bottom:		var(--line-color-pink) 0px solid;
		}

		div.popover-content > div.panel-table > panel-popover table {
			border-collapse:	collapse;
			margin:				0;
		}

		div.popover-content > div.panel-table.panel-popover.panel-popover-lime table td {
			border-right:		var(--line-color-lime) 1px solid;
			border-top:			var(--line-color-lime) 0px solid;
			border-left:		var(--line-color-lime) 0px solid;
			border-bottom:		var(--line-color-lime) 1px solid;
		}
		div.popover-content > div.panel-table.panel-popover.panel-popover-cyan table td {
			border-right:		var(--line-color-cyan) 1px solid;
			border-top:			var(--line-color-cyan) 0px solid;
			border-left:		var(--line-color-cyan) 0px solid;
			border-bottom:		var(--line-color-cyan) 1px solid;
		}
		div.popover-content > div.panel-table.panel-popover.panel-popover-blue table td {
			border-right:		var(--line-color-blue) 1px solid;
			border-top:			var(--line-color-blue) 0px solid;
			border-left:		var(--line-color-blue) 0px solid;
			border-bottom:		var(--line-color-blue) 1px solid;
		}
		div.popover-content > div.panel-table.panel-popover.panel-popover-purple table td {
			border-right:		var(--line-color-purple) 1px solid;
			border-top:			var(--line-color-purple) 0px solid;
			border-left:		var(--line-color-purple) 0px solid;
			border-bottom:		var(--line-color-purple) 1px solid;
		}
		div.popover-content > div.panel-table.panel-popover.panel-popover-violet table td {
			border-right:		var(--line-color-violet) 1px solid;
			border-top:			var(--line-color-violet) 0px solid;
			border-left:		var(--line-color-violet) 0px solid;
			border-bottom:		var(--line-color-violet) 1px solid;
		}
		div.popover-content > div.panel-table.panel-popover.panel-popover-pink table td {
			border-right:		var(--line-color-pink) 1px solid;
			border-top:			var(--line-color-pink) 0px solid;
			border-left:		var(--line-color-pink) 0px solid;
			border-bottom:		var(--line-color-pink) 1px solid;
		}

		div.popover-content > div.panel-table.panel-popover.panel-popover-cyan table td.title {
/*
			background:			-webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%);
			background:			linear-gradient(  to bottom, #fff 0%, #f0f0f0 100%);
*/
			color:				var(--fore-color-cyan);
		}
		div.popover-content > div.panel-table.panel-popover.panel-popover-blue table td.title {
/*
			background:			-webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%);
			background:			linear-gradient(  to bottom, #fff 0%, #f0f0f0 100%);
*/
			color:				var(--fore-color-blue);
		}
		div.popover-content > div.panel-table.panel-popover.panel-popover-pink table td.title {
/*
			background:			-webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%);
			background:			linear-gradient(  to bottom, #fff 0%, #f0f0f0 100%);
*/
			color:				var(--fore-color-pink);
		}

		div.popover-content > div.panel-table.panel-popover.panel-popover-gray table td.mono {
			background-color:	#f8f8f8;
		}
		div.popover-content > div.panel-table.panel-popover.panel-popover-lime table td.mono {
			color:				var(--fore-color-lime);
			background-color:	var(--back-color-lime);
		}
		div.popover-content > div.panel-table.panel-popover.panel-popover-cyan table td.mono {
			color:				var(--fore-color-cyan);
			background-color:	var(--back-color-cyan);
		}
		div.popover-content > div.panel-table.panel-popover.panel-popover-blue table td.mono {
			color:				var(--fore-color-blue);
			background-color:	var(--back-color-blue);
		}
		div.popover-content > div.panel-table.panel-popover.panel-popover-purple table td.mono {
			color:				var(--fore-color-purple);
			background-color:	var(--back-color-purple);
		}
		div.popover-content > div.panel-table.panel-popover.panel-popover-violet table td.mono {
			color:				var(--fore-color-violet);
			background-color:	var(--back-color-violet);
		}
		div.popover-content > div.panel-table.panel-popover.panel-popover-pink table td.mono {
			color:				var(--fore-color-pink);
			background-color:	var(--back-color-pink);
		}

		div.popover-content > div.panel-table.panel-popover table td.gray {
			color:				gray;
		}


		.pagetop {
			position:			fixed;
			bottom:				0;
			right:				10px;
			padding:			10px;
			background:			#7e7a7a;

			border-radius:		5px;
			-webkit-border-radius: 5px;
			-moz-border-radius:	5px;

			font-size:			12px;
			-ms-filter:			"alpha(opacity=80)";
			-moz-opacity:		0.8;
			-khtml-opacity:		0.8;
			opacity:			0.8;
		} 
		.pagetop a {
			display:			block;
			text-decoration:	none;
			color:				white;
		}

		.pagetop:hover {
			opacity:			0.6;
		}