@charset "UTF-8";

body {
}

/*----------------------------------------------------------------------

フォント

-----------------------------------------------------------------------*/
.content {
	position: relative;
}
h2 {
	font-size: 280%;
	font-family: Georgia, Century, serif;
	font-weight: normal;
	padding-bottom: 20px;
}
#shareButton {
	position: absolute;
	right: -15px;
	top: 50px;
	overflow: hidden;
}
#shareButton div.twitter {
	float: left;
	overflow: hidden;
	width: 120px;
	/*border-right:1px solid #ccc;*/
	padding: 0px 5px;
}
#shareButton div.facebook {
	float: left;
	overflow: hidden;
	width: 100px;
	/*border-left:1px solid #fff;
	border-right:1px solid #ccc;*/
	padding: 0px 5px;
}
#shareButton div.google {
	/*border-left:1px solid #fff;*/
	float: left;
	overflow: hidden;
	width: 70px;
	padding: 0px 5px;
}

#fontDownload {
	position: relative;
	width: 550px;
	height: 425px;
	overflow: hidden;
/*	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;*/
}

#pagenavi {
	position: absolute;
	width: 550px;
	top: 0px;
}
#pagenavi li a {
	position: absolute;
	width: 200px;
	padding: 165px 10px 140px;
	top: 0px;
}
#pagenavi li.prev a {
	left: 0px;
	text-align: left;
}
#pagenavi li.next a {
	right: 0px;
	text-align: right;
}
#pagenavi li a:hover {
	background-color: transparent;
}


#fontcontent {
	width: 50000px;
}
.font {
	float: left;
	width: 550px;
}

#fontnavi {
	float: right;
	width: 207px;
	margin-top: 0px;
	height: 26px;
}
/*-------------フォントリスト---------------*/
#fontlist {
	/*border-top: 1px solid #eaeaea;*/
}
#fontlist li {
	font-size: 85%;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #ccc;
}
#fontlist li a {
	text-decoration: none;
	padding: 5px 4px;
	display: block;
}
#fontlist li a:hover {
	background-color: #e8e8e8;
	color: #c60046;
}
#fontlist li.active {
	border-bottom: 1px solid #c60046;
	border-top: 1px solid #8a0031;
}
#fontlist li.active a {
	background: #c60046;
	color: #fff;
}

/*-------------フォントカテゴリ---------------*/
#categorynavi {
	padding-bottom: 45px;
	border-bottom: 1px solid #dcdcdc;
}
#categorynavi li {
	float: left;
}
#categorynavi li#cnAlphabet {
	margin-right: 7px;
}
#categorynavi li a {
	display: block;
	background: no-repeat left top;
}
#categorynavi li a:hover {
	zoom: 1;
}
#categorynavi li a img {
	visibility: visible;
}
#categorynavi li a:hover img {
	visibility: hidden;
}
#categorynavi li#cnKana a {
	background-image: url(../images/cn_kana_on.gif);
}
#categorynavi li#cnAlphabet a {
	background-image: url(../images/cn_alphabet_on.gif);
}

/*クリアフィックス*/
.font:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.font {
	display: inline-table;
    min-height:1%;  /* for IE 7*/
}
/* Hides from IE-mac \*/
* html .font { height:1%; }
.font { display: block; }
/* End hide from IE-mac */
/*---end---*/

.font h3 {
	/*padding: 20px;*/
}
/*-------------ダウンロードナビ---------------*/
.downloadnavi {
	margin: 15px 0px 0px 0px;
	width: 550px;
}
/*クリアフィックス*/
.downloadnavi:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.downloadnavi {
	display: inline-table;
	min-height:1%;  /* for IE 7*/
}
/* Hides from IE-mac \*/
* html .downloadnavi { height:1%; }
.downloadnavi { display: block; }
/* End hide from IE-mac */
/*---end---*/

.font p.ver {
	font-family: Georgia, Century, serif;
	font-size: 14px;
	padding: 5px 0 5px 5px;
}

.downloadnavi ul {
	float: right;
}
.downloadnavi li {
	float: left;
	margin-left: 8px;
}
.downloadnavi li a {
	display: block;
	text-decoration: none;
	font-family: Georgia, Century, serif;
	font-size: 14px;
	padding: 5px 5px 5px 30px;
	margin: 0 0 0 0px;
	background: url(../images/dl_icon.gif) no-repeat 5px center;
	background-color: transparent;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	/*border-left: 1px solid #dcdcdc;*/
}
.downloadnavi li a:hover {
	border-top: 1px solid #8a0031;
	background-image: url(../images/dl_icon2_on.gif);
	background-color: #c60046;
	padding-top: 4px;
}

/*-------------情報---------------*/
.notice {
	background: #f3f3f3;
	/*background: url(../images/frame_top2.gif) no-repeat left top;*/
	padding: 1.7em 0px 0px 0px;
	margin-top: 25px;
	/*border-top: 1px solid #dcdcdc;*/
}
.notice dt {
	font-size: 108%;
	font-weight: bold;
	margin: 0px 0px 20px 0px;
	background: #fff;
	padding: 7px;
}
.notice dd {
	font-size: 91%;
	line-height: 1.7;
	margin: 0px 0px 30px 0px;
	padding: 10px;
}
.notice dd p {
	font-size: inherit;
	line-height: inherit;
	margin: 0px 0px 15px 0px;
}
.list {
	list-style: disc;
	font-size: inherit;
	line-height: inherit;
	margin: 0px 0px 15px 2.5em;
	padding: 0px;
}

ol.list {
	list-style: decimal;
}
p.update {
	text-align: right;
	color: #999;
}