@charset "UTF-8";

body{
}
.front section{
	background:
		linear-gradient(	180deg, rgba(200,230,240, .5), rgba(255, 255, 255, 0))
		, url(/images/bg_carboni_g.jpg) repeat 0% 0% ;
}

.bar {background-color:gold;}
#disp{/*iframe*/
	display:block;
	width:210px;height:460px; margin:0 0 0px 0;
}
.center{position: absolute; top: 0px; left:200px;}
.bar0{margin: 0.2em 0 0.2em 0;}

.box2{
	display:none;
}
.bg{background:silver;}

.links .E, .links .C, .links .J, .links .K, .links .M, .links .S{
	display:none;
}
.E .E, .C .C, .J .J, .K .K, .M .M, .S .S{display:block;}


/* 
.box1{}
	min-height: 500px;
pre{white-space: pre;}
	background-size: 200px;
	background-repeat: no-repeat;
	background-position: 440px 600px;
	background: url(../images/conju_j.jpg) no-repeat 50% 96% beige;
NG	text-shadow: red 2px 3px 4px, 5px 6px; DarkSlateGray
.list table, .list * td, 
	color: white; 
	color:white; background-color:Olive;
	margin:0 1em;	color: white; font-size:14px;
	background: url(../images/bg_opa.gif) slategray;
	background: url(../images/bg_whado.jpg)  no-repeat 50% 50% #F0FFFF;
	background: url(./images/bg_opa.gif) beige;
	background-size: 100% 100%;	-moz-background-size: 100% 100%;
	display: block;	position: absolute;	top: 200px;	left: 100px; width:100px;
section::before {
}
	background-color:rgba(255,255,255,0.8);	/ * RGB and alpha* /
#popgo{right:unset;left:200px;}
*/

/******************************************/
.td > pre{
	line-height:1.6;	font-size: 1.1em;
}
#head{
	z-index: 2;
	display:block; top:10px; right:240px; 
}/*position:absolute; */
.fixr{
	position: absolute; top:50px; right:10px; border:1px dotted gray;
	white-space: nowrap; 	z-index: 2; overflow: hidden;
}
.fixr:hover{
	width:auto;
}

#pre03{position: absolute; top:0px; left:0px; background-color: cornsilk;}
.td:hover #pre03{display: none;}
.vv u{text-decoration:none;}
.plain .vv>v0, .plain .vv>.v1, .plain .vv>.v2, .plain .vv>.v3{
	display:none !important;
}
.hide{visibility: visible;}
.hide pre u{	color:white;}
pre:hover u{
	color:red !important;
}
/*
#pre03 .v2, #pre03 .v3{display: none;}
*/
td,.td{	
	position:relative; 	vertical-align:top;
}

.vv>.v0, .vv>.v1, .vv>.v2, .vv>.v3{
	border:orangered 0px dotted; display:none;
}
/*
.plain .vv u, .vv:hover u{color:blue;}
.cc{color:gray}
	padding:0.2em 0 0 0.2em;	
	position:absolute; top:0px; left:0px; right:0; 
	background-color:#eee;
.vv:hover u{color:red;}
*/
div.v0 .v0, div.v1 .v1, div.v2 .v2, div.v3 .v3{display:block;}/*table-cell*/

/* for td */
/*--------------------------------------*/
.v1 .vv:not(div){color:blue; }
.v2 .vv:not(div){color:darkslategray; }
.v3 .vv:not(div), .v4 .vv{color:maroon; }
/*--------------------------------------*/

/*.v1 .vv u,.v2 .vv u,.v3 .vv u{color:#eee; }	*/
.vv .rr{color:green; }

.v3 .vv:hover .v3{display:none;}
.v3 .vv:hover .v2{display:table-cell;}
.v2 .vv:hover .v2{display:none;}
.v2 .vv:hover .v1{display:table-cell;}
.v1 .vv:hover .v1{display:none;}

input[type="radio"], input[type="checkbox"]{margin-left: 0.8em;}
/*** COLGROUP, COL *******
.bar .title{	color: yellow;}
*/

