@charset "UTF-8";

/***** SINGLE *****
@import "/common.css";
em{color:yellow;}
sans-serif …… ゴシック系のフォント
serif …… 明朝系のフォント
cursive …… 筆記体・草書体のフォント
fantasy …… 装飾的なフォント
monospace …… 等幅フォント
*/

.nodisp, .nodisp0{display:none; }
.disp{display:block}

/*
 * */

/* for table */
td{	
	position:relative; 	vertical-align:top;
}
td.vv{
	padding:0.2em 0 0 0.2em;	background:inherit; 
}

.vv>.v0, .vv>.v1, .vv>.v2, .vv>.v3{
	color:brown;
	display:none;	background-color:rgba(250,250,250,0.95);	/*honeydew*/
	position:absolute; top:0px; left:0px; right:0; 
	padding:0.2em 0 0 0.2em; 
}
tr.v0 .v0, tr.v1 .v1, tr.v2 .v2, tr.v3 .v3{display:table-cell;}

.plain td>div.v0, .plain td>div.v1, .plain td>div.v2, .plain td>div.v3{
	display:none !important;
}
.v1 .vv u ,.v2 .vv u,.v3 .vv u, .tr .vv u{color:transparent; }	/*#eee*/

/*.plain .vv u{color:inherit; }	#eee*/

/*.plain .vv u, .vv:hover u{color:blue;} ??*/
.vv:hover u{color:red;}

.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;}
.v1 .vv:hover .v0{display:table-cell;}
.v0 .vv:hover .v0{display:none;}

/* for div in table 
.vv .v1{ color:blue;}
.vv .v2{ color:darkslategray;}
.vv .v3, .vv .v4{ color:maroon;}
 * */

.v4 .vv, .v4 .note{ background:#eee;}
.gray .vv, .gray .note{ color:dimgray;  background:#ddd;}

/*
	header,section,footer,.group, #navi, #menu{
.v1 u,.v2 u,.v3 u{color:#eee;}
.plain .vv u, .vv:hover u{color:blue;}
.vv u{ color:blue; text-decoration:none; background-color:yellow;}
  width: 50px;
  height: 50px;
  overflow-x: hidden;
.cate:after {
  background: inherit;
  position: absolute;
  padding-right: 0px;
  content: "...";
  right: 0;
  bottom: 0;
}
  text-overflow: ellipsis;
.word div,.posi div,.flag div{font-size: 10px;}
 * */

span.sil{color:silver;}
td.ini{	background:lightblue; }



div.v1 p, div.v2 p, div.v3 p{ color:#444; text-indent:0;}	/*skip*/
div.v1 .todo, div.v2 .todo, div.v3 .todo{ color:black;}


/* for table 
td> .v0, td> .v1, td> .v2{background:inherit; color:black;}
td> .v3  { color:maroon;}
td> .gray{ color:black;} ??
 * */

/* to avoid button in list.html */
/*.v0 .vv,
.v1 .vv,.v2 .vv{ color:darkgreen;}
.v3 .vv{ color:maroon;}
.v4 .vv{ color:maroon;}
div>div.v0, div>div.v1, div>div.v2{
	font-size:inherit; line-height:inherit; letter-spacing:inherit; vertical-align:middle; 
	background:inherit !important;
	position:absolute; left:0px; top:0px; height:98%; display:none;
}
td>.v0, td>.v1, td>.v2{	position:relative;}
div.v0>.v0, div.v1>.v1, div.v2>.v2{display:table-cell;}
*/
div div.v0{color:black;}
div div.v2, div div.v1{color:black;}
em {
font-size:inherit; color:maroon;	/*background:yellow; font-style:normal;*/
}

span.ub, span.gr, span.sil{
font-size:inherit !important; font-family:inherit !important; 
letter-spacing:inherit; margin:0;
}
span.gr{color:black; }
span.ub{color:inherit; }



/*---------------------------------
td u { text-decoration: none; background:white; color:blue;}
.vv>u, div>u { background:yellow;}
*/

td.note button{float:right;}

/*
td.note .rr{color:gray;}
td> .prov, td> .v0, td> .v1, td> .v2, td> .v3, td> .gray{font-size:13px;} font-size:12px;
td.note, td.r1, td.r2{font-size:13px; }
td button{float:right;}
tr td.gray{ color:dimgray; background:#ccc;}
.oppo{	background:lightblue; }
td.r0 .rr, td.r1 .rr, td.r2 .rr{color:blue; }
*/

/*
.v0 .vv{ color:indigo;}
.ch{	background:gold; }
.si{	background:darkkhaki; }
.me{	background:khaki; }
.mo div{	color:red; }
.m1 div, .w1 div{	color:#333; }
.m2 div, .w2 div{	color:#666; }
.m1, .m2{	background:yellowgreen; }
.w1, .w2{	background:darksalmon; }
<li>[M]（Main Man）⇛　主役（男）。</li>
<li>[W]（Main Woman）⇛　主役（女）。</li>
<li>[Op]（opponent）⇛　対抗者。</li>
<li>[pu]（public）⇛　警官など。</li>
<li>[m1]（a man）⇛　脇役1（男）。</li>
<li>[w1]（a woman）⇛　脇役1（女）。</li>
<li>[si]（sibling）⇛　兄弟姉妹。</li>
<li>[ch]（child）⇛　子女。</li>
<li>[pa]（parent）⇛　親。</li>
*/