h2 {
	position:relative;
	color:#000000;
}
h2:before {
	content:"■";
	color:#00b49b;
}
.dl-box {
	margin-bottom:1em;
	border-bottom:#00b49b solid 1px;
}

.dl-box li {
	display:inline-block;
	padding-right:2em;
}
@media screen and (max-width: 479px) {
	.dl-box li {
		width:100%;
			padding-right:0;
	}
}


.ph-box {
	margin:0 auto 1em auto;
	max-width:512px;
}

/* #unicode-table */
#unicode-table table { width: 100%; margin:0 auto 2em auto; border:none; border-collapse:collapse;}
#unicode-table caption { padding:8px 0; background: rgb(0,200,180); font-weight: bold; color:#FFFFFF; line-height:1.2em; font-size:24px;}
#unicode-table thead th { font-size: 0.75em; font-weight: normal; text-align: center; }
#unicode-table th ,
#unicode-table td 
	{ border: 1px solid rgb(0,200,180); padding: 0.25em 0.5em;}
#unicode-table colgroup.codepoint { width: 25%; }
#unicode-table colgroup.sbfont { width: 8%; }
#unicode-table colgroup.xy { width: 30%; }
#unicode-table tbody tr th:nth-of-type(1) { text-align: center; font-family: monospace; font-size: 1.4em; }
#unicode-table tr td:nth-of-type(1) { text-align: center; font-family: 'smilebasicfont' }
#unicode-table tr td:nth-of-type(2) { text-align: right; font-family: monospace; white-space: pre; font-size: 1.4em; }
#unicode-table thead tr { background: rgb(230,255,240); }
#unicode-table tr:nth-of-type(2n) { background: rgb(240,250,245); }
#unicode-table tr td.separator { background: rgb(200,230,215); height: 1em; }
#unicode-table tr.fontb td:nth-of-type(1) { font-family: 'smilebasicfontb'; }
#unicode-table span.control { color: rgb(0,128,255); }
#unicode-table span.linedigit
	{
	background: -moz-linear-gradient( left, #666, #666, #fff, #fff );
	background: -webkit-gradient( linear, left top, right top, from(#666), color-stop(0.5,#666), color-stop(0.5,#fff), to(#fff) );
	}
#unicode-table span.linezero { background-color: #666; }


@media screen and (max-width: 479px) {
	#unicode-table tbody tr th:nth-of-type(1) { font-size: 1.2em; }
#unicode-table tr td:nth-of-type(2) { font-size: 1.2em; }
}

#unicode-table ul {
	font-size:15px;
	line-height:1.3;
}
#unicode-table ul li {
	position:relative;
	margin:0 0 0 1em;
	padding:0 2em 8px 0;
}
#unicode-table ul li a {
}
#unicode-table ul li:after {
		display: block;
	content: '';
	position: absolute;
	top: .4em;
	left: -1em;
	width: 7px;
	height: 7px;
	border-right: 2px solid #666;
	border-bottom: 2px solid #666;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
#unicode-table ul li.onpage a {
	color:#000000; cursor:default; font-weight:bold;}
#unicode-table ul li.onpage:after {
		display: block;
	content: '';
	position: absolute;
	top: .4em;
	left: -1em;
	width: 9px;
	height: 5px;
		border-right:none;
	border-left: 2px solid #00b49b;
	border-bottom: 2px solid #00b49b;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}


a.txt-btn-w:hover + .file { color: #00b49b; }

a.txt-btn-w + .file {
	margin-top:-6px;
}
.file {
	font-size:12px;
	font-weight:bold;
	background:url(../publishimage/common/icon-dl.png) no-repeat; 
	padding-left:24px;
	line-height:18px;
	color:#000000;
	-webkit-transition: all .3s;
	transition: all .3s;
}