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:"─";}


body>section>section>p,
body>section>section>h2,
body>section>section>h3{
	font-size:100%;
	margin:0 1em;
	padding:0;
	font-weight:normal;
}

body>section>section>h2{
	margin:1em 0 0.5em 0;
	padding:0.2em 0.5em;
	font-size:130%;
	border-radius: 1em;
	box-shadow:inset 3px 3px 6px 6px rgba(255,255,255,0.4); 
	color:#ffffff;
	text-shadow:2px 2px 4px rgba(255,0,0,0.3),1px 1px 2px rgba(255,0,0,0.3),-1px -1px 1px rgba(255,0,0,0.3);
}

body>section>section>h3{
	display:inline-block;
	margin-top:1em;
	padding:0.5em 1em;
	border:1px solid #ffffff;
	border-bottom:none;
	background:rgba(255,255,255,0.5);
	color:#000000;
}

body>section>section>h3 *{
	color:#000000;
}

body>section>section>h3+p{
	display:inline-block;
	padding:0.5em 1em;
	border:1px solid #ffffff;
}

body>section>section>h2+h3{
	margin-top:0;
}

body>section>section>h4{
	margin:0 2em;
	padding:1em 0.5em 0.2em 0.5em;
	border:1px solid #ffffff;
	border-top:none;
	border-bottom:none;
	background:rgba(255,255,255,0.3);
	text-shadow:1px 1px 1px rgba(255,255,255,0.7),-1px -1px 1px rgba(255,255,255,0.7),1px -1px 1px rgba(255,255,255,0.7),-1px 1px 1px rgba(255,255,255,0.7);
}
body>section>section>h4 *{
	color:rgba(0,0,0,1);
}

body>section>section>h4+p{
	padding:1em;
	border:1px solid #ffffff;
}

p.nouryokuti>span{
	display:inline-block;
	line-height:2em;
	width:25%;
	text-align:left;
	border:1px solid #ffffff;
	border-left:none;
	box-sizing: border-box;
}

p.nouryokuti>span:first-child{
	border-left:1px solid #ffffff;
}

p.nouryokuti>span[title]::before{
	content: attr(title);
	display:inline-block;
	width:50%;
	text-align:center;
	background:rgba(255,255,255,0.5);
	margin-right:22%;
	color:#000000;
}

p[title]{
	line-height:2em;
	border:1px solid #ffffff;
	margin-bottom:0.5em;
}

p[title]::before{
	content: attr(title);
	display:inline-block;
	width:5em;
	text-align:center;
	background:rgba(255,255,255,0.5);
	margin-right:2%;
	color:#000000;
}

body>section>section>h3 rt{
	text-align: left;
}
/*

body{font-size:small;}

div.item{margin:1em 0;padding:0.5em;background:rgba(255,255,255,0.4);}

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;
	font-size:150%;
}

div.item>p{
	margin:-1px 0 0 0;
	padding:0;
}
div.item>p.data{
	border:none;
	border-left:1px solid rgba(255,255,255,1);
	margin:0;
}
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;
}

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;font-size:90%;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;}
*/