body>section>section>h1{
	line-height:1.5em;
	min-height:1.5em;
	font-size:180%;
	border-radius: 3px;
	background-image: linear-gradient(top, hsla(0,0%,78%,0.4)  0%,
																				hsla(0,0%,90%,0.7) 50%,
																				hsla(0,0%,78%,0.4) 57%,
																				hsla(0,0%,70%,0.3)100%);
	box-shadow:0px 0px 3px 3px rgba(255,255,255,0.4); 
}

body>section>section>h1>ruby,
body>section>section>h1>ruby>rt{
	display:inline-block;
	color:#ffffff;
	text-shadow:2px 2px 4px rgba(255,0,0,0.7),1px 1px 2px rgba(255,0,0,0.7),-1px -1px 1px rgba(255,0,0,0.7);
}
body>section>section>h1>ruby>rt::before,
body>section>section>h1>ruby>rt::after{content:"─";}


div.item{margin:1em 0;padding:0.5em;background:rgba(255,255,255,0.4);font-size:80%;line-height:1em;}

body>section>section>div.item *{color:#000000;}

div.usfad{background:rgba(255,200,200,0.5)}
div.item>h2,
div.item h3{
	clear:both;
	font-weight:normal;
	margin:0.3em 0;
	font-size:150%;
}

div.item>p{
	margin:-1px 0 0 0;
	padding:0.5em 0;
	line-height:1.2em;
}
div.item>p.data{
	border:none;
	border-left:1px solid rgba(255,255,255,1);
	margin:0;
	padding:0;
	line-height:1.1em;
}

div.item>p.skils{
	padding:0;
	line-height:1.1em;
}

div.item>p.skils>strong,
div.item>p.skils>span,
div.item>p.data>span{
	border:1px solid rgba(255,255,255,1);
}
div.item>p.data>span{
	border-left:none;
}

/*
div.item>p:last-child{
	padding:0.5em 0;
	line-height:1.2em;
}
*/

div.item>p.skils>strong{
	display:inline-block;
	min-width:7em;
}

div.item>p.skils>strong::before{content: "〈";}
div.item>p.skils>strong::after{content: "〉";}



div.item>p span{
	display:inline-block;
	margin:0;
	padding:0 0.5em 0 0;
	text-align:left;
}

div.item>p span::before{
	content: attr(title); 
	display:inline-block;
	padding:0 0.2em;
	margin:0 0.5em 0 0;
	background:rgba(255,255,255,0.7);
	min-width:2em;
	text-align:center;

}

div.item>p.skils>span{
	display:inline-block;
	min-width:4.2em;
	border-left:none;
}

div.item>p.skils>::before{
	min-width:1.5em;
}

div.item>div.drag>p{
	margin:-1px 0 0 0;
	padding:0 0.5em 0 0;
	border:1px solid rgba(255,255,255,1);
}

div.item>div.drag>p::before{
	content: attr(title); 
	display:inline-block;
	padding:0 0.5em;
	margin:0 0.5em 0 0;
	background:rgba(255,255,255,0.7);
	min-width:3em;
	text-align:center;
}

.skils>span{
	display:inline-block;
	min-width:3em;
}

div.item>h2>span,
div.item>h3>span{margin:0;padding:0;min-width:auto;}

div.item>h2>strong::before,
div.item>h3>strong::before{content:"“";margin:0;padding:0;min-width:auto;}
div.item>h2>strong::after,
div.item>h3>strong::after{content:"”";margin:0;padding:0;min-width:auto;}