@charset "Shift_JIS";

/*-----------------------------------------
__h2〜h4
-----------------------------------------*/
h2 {float:left;}
h3 {margin:0 0 15px;}
h3.fontInfoListH3 {margin:0; position:relative;}
h3.noSPh3 {margin:0;}
p.h3Remark {position:relative; top:-10px; margin:0; font-size:1.0em; line-height:0; color:#666; text-align:right;}
h4 {margin:0 0 5px;}

/*-----------------------------------------
__汎用
-----------------------------------------*/
/*==========margin*/
.rightSPs {margin-right:10px;}
.bottomSPs {margin-bottom:10px;}
.bottomSPm {margin-bottom:20px;}
.bottomSPl {margin-bottom:30px;}
.leftSP300 {margin-left:300px;}
.leftSPl {margin-left:270px;}
.noneSP {margin:0; padding:0;}

/*==========clearfix(float解除box)*/
.clearfix:after {content:"."; display:block; clear:both; height:0; visibility:hidden;}
.clearfix {min-height:1px;}
* html .clearfix {height:1px;
	/*\*//*/
	height:auto; overflow:hidden;
	/**/
}
.clearfixBottom:after {content:"."; display:block; clear:both; height:0; visibility:hidden;}
.clearfixBottom {min-height:1px; margin-bottom:20px;}
* html .clearfixBottom {height:1px;
	/*\*//*/
	height:auto; overflow:hidden;
	/**/
}
.clearfixTop:after {content:"."; display:block; clear:both; height:0; visibility:hidden;}
.clearfixTop {min-height:1px; margin-top:20px;}
* html .clearfixTop {height:1px;
	/*\*//*/
	height:auto; overflow:hidden;
	/**/
}
/*==========右ブロックバナー*/
/*LETS*/
div#letsBnr {border:1px solid #333; margin-bottom:10px;}
div#letsBnr p {margin:0 auto; padding:5px 0 15px; text-align:center;}
div#letsBnr ul li {width:170px; height:25px; margin:0 auto; padding-bottom:10px; text-align:center;}
div#letsBnr ul li img {vertical-align:bottom;}

/*書体検索*/
/*#searchBox {width:500px; height:110px; margin-bottom:20px; background:url(/images/common/searchbox_bg.gif) no-repeat;}
.formArea {width:360px; padding:13px 0 0 130px;}
dl.data {padding:0; margin-top:5px;}
dl.data dt {width:135px; float:left; padding-top:6px;}
dl.data dd {margin:0 0 0 135px;}
dl.data dd .words {position:relative; width:160px;}
dl.data dd .searchBtn {position:relative; top:5px;}
dl.data dd .pulldown {position:relative; width:215px; top:5px;}*/

div#searchBoxS {border:1px solid #006;}
div#searchBoxS p {margin:0 auto; padding:3px 0 15px; text-align:center;}
.formAreaS {width:170px; margin:0 auto;}
dl.dataS {margin-top:20px; padding-bottom: 5px;}
dl.dataS dt {margin-bottom:10px;}
dl.dataS dd {margin-bottom:5px; padding:0;}
dl.dataS dd .words {width:170px; margin:-8px 0 5px;}
dl.dataS dd .searchBtn {padding:0; margin:0;}
dl.dataS dd .pulldown {width:170px; margin-top:-8px;}

/*==========hr(区切り線)*/
hr {display:none;}
.line01 {width:500px; height:3px; background:url(/images/common/line_top.gif) no-repeat; margin:10px 0 20px;}
.line02 {width:500px; height:3px; background:url(/images/common/line_bottom.gif) no-repeat; margin:10px 0;}

/*==========詳しくはこちら*/
.detail {text-align:right; margin-top:20px;}

/*==========マーク付リンク*/
.linkPart {margin:0; padding: 2px 2px 2px 20px; background:url(/images/common/glue_arrow.gif) no-repeat left center;}

/*-----------------------------------------
__halfBox(2分割・ライン有)
-----------------------------------------*/
.halfBoxL {float:left; width:239px; padding-right:10px; border-right:1px solid #999;}
.halfBoxR {float:right; width:240px; padding-left:10px;}
.halfBoxL p,
.halfBoxR p {padding:5px 0 0 70px; font-size:1.2em; color:#666;}

/*-----------------------------------------
__shotaiMihon(書体見本)
-----------------------------------------*/
.shotaiMihon {width:500px; margin-bottom:20px;}
.shotaiMihon th,
.shotaiMihon td {width:40px; text-align:center; padding:5px 0;border:1px solid #CCC; border-width:0 0 1px;}

/*-----------------------------------------
__fontInfo(書体情報)
-----------------------------------------*/
.fontInfo:after {content:"."; display:block; clear:both; height:0; visibility:hidden;}
.fontInfo {min-height:1px; margin-bottom:30px;}
* html .fontInfo {height:1px;
	/*\*//*/
	height:auto; overflow:hidden;
	/**/
}
.fontInfoL {float:left; width:250px;}
.fontInfoR {float:right; width:240px;}
.fontInfoR p {
	padding-top:10px;
	font-size:1.1em;
	color:#333;
	line-height: 130%;
}

/*=======================書体情報TABLE*/
.fontInfoList {width:500px; margin-bottom:20px; border-bottom:1px solid #CCC; position:relative; top:-16px;}
.fontInfoList th {text-align:center;}
.fontInfoList td {padding:5px 0; text-align:center;}

/*=======================フォント名TABLE*/
.fontNameList {width:500px; margin-bottom:30px; border-bottom:1px solid #CCC; border-collapse:collapse;}
.fontNameList th {width:45px; text-align:left; padding-left:5px; border:1px solid #CCC; border-width:0 1px 1px 0;}
.fontNameList td {padding:5px; border-bottom:1px solid #CCC;}
.fontNameList td#small {font-size:10px;}
.fontNameList td#bottomDot {border-bottom:1px dotted #CCC;padding:5px;} /*ドット下線TD*/
.fontNameList td.fnlDetail {padding:5px 0; font-size:1.0em; color:#666;} /*詳細TD*/

/*=======================パッケージ製品情報TABLE*/
.fontPackageList {width:500px; margin-bottom:30px; border-bottom:1px solid #CCC; border-collapse:collapse;}
.fontPackageList th {width:45px; text-align:left; padding-left:5px; border:1px solid #CCC; border-width:0 1px 1px 0;}
.fontPackageList td {padding:5px; border-bottom:1px solid #CCC; font-size:1.1em;}
.fontPackageList td.fnlDetail {padding:5px 0; font-size:1.0em; color:#666;} /*詳細TD*/



/*_____対応ウエイト*/
ul.fnlTypeList:after {height:0; visibility:hidden; content:"."; display:block; clear:both;}
.fontNameList td ul.fnlTypeList li {float:left; width:20px; height:20px; background:#E8E8E8; margin-right:2px; font-size:12px; color:#333; text-align:center;}
.fontNameList td ul.fnlTypeList li.intend {color:#BBB;} /*未対応*/

/*=======================同じタイプの書体を探す*/
.search {padding:10px 0; margin-bottom:30px; border-bottom:1px solid #CCC;}
.search .pulldown {width:175px; margin-right:15px;}

/*=======================デザイナー名*/
.designerName {border-bottom:1px solid #CCC; padding:0 0 20px 50px; margin-bottom:30px; font-size:1.2em;}

/*=======================備考欄*/
.attention {padding:0 10px; background:#E8E8E8; border:1px solid #CCC;}
.attention p {margin:0; padding:10px 0; font-size:1.2em; border-bottom:1px solid #CCC;}
.attention p.attEnd {border:0;}

/*-----------------------------------------
__section_category
-----------------------------------------*/
.section,
.categoryListBlock {
	float:right;
	width:450px;
	padding-top: 20px;
}

.secImg {float:left; width:140px; text-align:center;}
.secEx {float:right; width:295px; padding-top:60px;}
.secBottom {margin:25px 0 15px; height:50px; padding:0; background:url(/images/common/line_top.gif) no-repeat bottom; text-align:right;}

/*-----------------------------------------
__localNav
-----------------------------------------*/
div.lnaviTitle {text-align:left;}
ul#localNav {margin-bottom:20px; padding:3px 0;}
ul#localNav li {display:inline; margin-right:3px; padding-left: 12px; list-style-type:none; background:url(/images/common/localnavi_bg.gif) no-repeat left center; font-size:1em; color:#666;}
ul#localNav li.current {font-weight:bold;}

/*-----------------------------------------
__書体ファミリートップ
-----------------------------------------*/
.shotaiImg {float:left; width:70px;}
.shotaiList {float:right; width:430px;}
.shotaiList p {margin:0 0 0 15px; padding:0;}
.shotaiList p.shotai {margin-bottom:20px; padding:0; font-size:1.2em; color:#000;}


/*-----------------------------------------
__mainSub共通
-----------------------------------------*/
div#mainSub div.column {
	width: 500px;
	height: auto;
	margin: 0;
	padding: 0 0 20px;
	background: url(/images/common/line_bottom.gif) no-repeat left bottom;
	clear: both;
	font-size: 12px;
	line-height: 130%;
}

div#mainSub div.columnNoBorder {
	width: 500px;
	height: auto;
	margin: 0;
	padding: 0 0 20px;
	clear: both;
	font-size: 12px;
	line-height: 130%;	
}

div#mainSub div.column:after, div#mainSub div.columnNoBorder:after {
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}

div.column h3, div#mainSub div.columnNoBorder h3 {
	margin: 0 0 20px;
	clear: both;
}
div.column h4, div.columnNoBorder h4 {
	margin: 0 0 15px;
	clear: both;
}
div.column h5, div#mainSub div.columnNoBorder h5 {
	width: 433px;
	margin: 15px 0 20px 67px;
}

div.column h4.h4MarginTop {
	padding: 30px 0 0;
	clear: both;
}

div.column h4.h4subTitle {
	width: 500px;
	height: auto;
	margin: 0;
	padding: 15px 0 0 0;
	color: #C96;
	font-size: 18px;
}

div.column h4.h4subTitle2 {
	width: 500px;
	height: auto;
	margin: 0;
	padding: 15px 0;
	color: #C96;
	font-size: 18px;
}

div.column h4.h4subTitle3 {
	width: 500px;
	height: auto;
	margin: 0;
	padding: 15px 0 0 0;
	color: #724230;
	font-size: 18px;
}

dl.links {
	width: 410px;
	margin: 0 0 0 70px;
	padding: 0;
}

dl.links dt {
	width: auto;
	min-height: 15px;
	_height: 15px;
	margin: 0 0 5px 15px;
	padding: 0 0 0 17px;
	background: url(/images/common/glue_arrow.gif) no-repeat 0 0;
	line-height: 110%;
}

dl.links dd {
	width: auto;
	margin: 0 0 20px;
	padding: 0 0 0 30px;
	color: #724230;
}

div.fontsample {
	width: auto;
	color: #FFF;
	text-align: left;
}

div.topics {
	width: auto;
	margin: 25px 0 0 0;
	padding: 0;
	clear: both;
}

div.topics dl {
	width: auto;
	margin: 0;
	padding: 0;
}

div.topics dl dt {
	padding: 0 0 5px;
	font-weight: bold;
	border-bottom: 1px solid #CCC;
	clear: both;
}

div.topics dl dt.bottomLineNone {
	padding: 0 0 5px;
	font-weight: bold;
	border: none;
	clear: both;
}

div.topics dl dd {
	width: auto;
	margin: 5px 0 40px 0;
	padding: 0;
	clear: both;
}

div.topics dl dd.noMargin {
	margin-top: 10px;
	margin-bottom: 10px;
}

div.topics dl dd.midMargin {
	margin-top: 15px;
	margin-bottom: 15px;
}

div.topics dl dd.midMargin02 {
	margin-bottom: 15px;
}

div.topics dl dd.indent {
	width: auto;
	height: auto;
	margin: 10px 0 20px 40px;
	padding: 0;
	clear: both;
}

div.topics dl dd.indent02 {
	width: auto;
	height: auto;
	margin: 10px 0 15px 30px;
	padding: 0;
	clear: both;
}

div.topics dl dd.right {
	width: auto;
	height: auto;
	margin: 10px 0 20px 0;
	padding: 0;
	text-align: right;
}

div.topics dl dd.caption {
	font-size: 10px;
	color: #666;
}

div.topics dl dd.linkL {
	width: auto;
	min-height: 15px;
	_height: 15px;
	margin: 10px 0 20px 0;
	padding: 0 0 0 17px;
	background: url(/images/common/glue_arrow.gif) no-repeat 0 0;
	line-height: 110%;
	clear: both;
}

div.topics dl dd.linkLbottom {
	width: auto;
	min-height: 15px;
	_height: 15px;
	margin: 10px 0 40px 0;
	padding: 0 0 0 17px;
	background: url(/images/common/glue_arrow.gif) no-repeat 0 0;
	line-height: 110%;
	clear: both;
}

div.topics dl dd.linkLIndent {
	width: auto;
	min-height: 15px;
	_height: 15px;
	margin: 10px 0 20px 40px;
	padding: 0 0 0 17px;
	background: url(/images/common/glue_arrow.gif) no-repeat 0 0;
	line-height: 110%;
	clear: both;
}

div.topics dl dd.linkR {
	width: auto;
	min-height: 15px;
	_height: 15px;
	margin: -20px 0 20px 0;
	padding: 0 0 0 17px;
	background: url(/images/common/glue_arrow.gif) no-repeat 0 0;
	line-height: 110%;
	float: right;
}

div.topics dl dd ul li {
	line-height: 140%;
}

div.topics dl dd ul.list li {
	list-style-type: disc;
	list-style-position: outside;
	display: marker;
	marker-offset: 5px;
	margin-left: 10px;
}

div.topics dl dd ul li.linkInner {
	width: auto;
	min-height: 15px;
	_height: 15px;
	margin: 0.5em 0 0.5em 5px;
	padding: 0 0 0 17px;
	background: url(/images/common/glue_arrow.gif) no-repeat 0 0;
	line-height: 110%;
	clear: both;
}

div.topics dl dd ol {
	margin: 0 0 0 25px;
	padding: 0;
}

div.topics dl dd ol li {
	list-style-type: decimal;
	margin-bottom: 3px;
}

ul.pageIndex, ul.pageIndexR {
	margin: 0;
	padding: 0;
}

ul.pageIndex li {
	width: auto;
	height: auto;
	margin: 0 0 5px 0;
	padding: 0 0 0 15px;
	background: url(/images/common/arrow_bt.gif) no-repeat 0 0;
}

ul.pageIndexR li {
	width: auto;
	height: auto;
	margin: 0 0 5px 130px;
	padding: 0 0 0 15px;
	background: url(/images/common/arrow_bt.gif) no-repeat 0 0;

}

ul.pageIndexR {
	margin: 0;
	padding: 0;
	
}

ul.pageIndex li {
	width: auto;
	height: auto;
	margin: 0 0 5px 0;
	padding: 0 0 0 15px;
	background: url(/images/common/arrow_bt.gif) no-repeat 0 0;
}

li.link {
	width: auto;
	min-height: 15px;
	_height: 15px;
	margin: 20px 0 0 0;
	padding: 0 0 0 17px;
	background: url(/images/common/glue_arrow.gif) no-repeat 0 0;
	line-height: 110%;
}

li.linkS {
	width: auto;
	min-height: 15px;
	_height: 15px;
	margin: 5px 0 0 0;
	padding: 0 0 0 17px;
	background: url(/images/common/glue_arrow.gif) no-repeat 0 0;
	line-height: 110%;
}

p.pMarginTop {
	margin-top: 20px;
}

p.pLink {
	width: auto;
	min-height: 15px;
	_height: 15px;
	margin: 0 0 5px 0;
	padding: 0 0 0 17px;
	background: url(/images/common/glue_arrow.gif) no-repeat 0 0;
	line-height: 110%;
}

p.pLinkBottom {
	width: auto;
	min-height: 15px;
	_height: 15px;
	margin: 0 0 30px 0;
	padding: 0 0 0 17px;
	background: url(/images/common/glue_arrow.gif) no-repeat 0 0;
	line-height: 110%;
}

p.pLinkTop {
	width: auto;
	min-height: 15px;
	_height: 15px;
	margin: 10px 0 0 0;
	padding: 0 0 0 17px;
	background: url(/images/common/glue_arrow.gif) no-repeat 0 0;
	line-height: 110%;
}

p.caution {
	margin: 20px 0;
	color: #F00;
	font-size: 12px;
	clear: both;
}

p.cautionF14 {
	margin: 20px 0;
	color: #F00;
	font-size: 14px;
	font-weight: bold;
	clear: both;
}

p.caption {
	font-size: 10px;
	clear: both;
}

p.figR {
	width: auto;
	height: auto;
	margin: 0;
	padding: 0 0 0 10px;
	float: right;
}

p.pBottomS {
	margin-bottom: 10px;
}

p.pBottom {
	margin-bottom: 40px;
}

p.pBottomR {
	padding: 0 0 40px 30px;
	float: right;
}

p.pMidR {
	padding: 0 0 20px 30px;
	float: right;
}

p.pTopR {
	padding: 0 0 0 30px;
	float: right;
}


p.signature {
	width: auto;
	margin: 30px 0 0 0;
	text-align: right;
}

.small {
	font-size: 10px;
}

.large {
	font-size: 14px;
}

.red {
	color: #F00;
}

div.column dl.companyInfo {
	width: auto;
	margin: 20px 0 0 0;
}
div.column dl.companyInfo dt {
	width: auto;
	height: 20px;
	margin: 0 0 10px 0;
	float: left;
	line-height: 150%;
}

div.column dl.companyInfo dd {
	margin: 0 0 20px 120px;
	padding: 0;
	line-height: 150%;
}

div.column dl.companyInfo dd dl dt {
	width: 50px;
	height: auto;
	margin: 0 10px 5px 0;
	padding: 0;
	font-size: 90%;
	float: left;
	clear: left;
}

div.column dl.companyInfo dd dl dd {
	height: auto;
	margin: 0 10px 5px 60px;
	padding: 0;
	font-size: 90%;
}

div.column dl.companyInfo dd dl dd.freedial {
	padding: 0 0 0 23px;
	background: url(/images/common/freedial.gif) no-repeat 0 0;
}

p.pTbTitle {
	margin: 20px 0 3px;
	font-weight: bold;
	clear: both;
}

p.pTbTitleBottom {
	margin: 20px 0 3px;
	padding: 20px 0 0 0;
	font-weight: bold;
	clear: both;
}

table.standardTB {
	width: 500px;
	margin: 0 0 20px 0;
	border-top: 1px solid #CCC;
	border-collapse: collapse;
}

table.standardTB th {
	width: auto;
	margin: 0;
	padding: 8px 10px;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	text-align: center;
}

table.standardTB th.noborder {
	width: 170px;
	margin: 0;
	padding: 15px 0;
	border-right: 0;
	border-bottom: 1px solid #CCC;
	text-align: center;
}

table.standardTB td {
	width: auto;
	margin: 0;
	padding: 8px 0 8px 15px;
	border-bottom: 1px solid #CCC;
	text-align: left;
}

/*エリア検索（販売会社情報、他）*/
div#areaSearch {
	margin: 15px 0 5px 25px;
}

div#areaSearch p {
	margin-bottom: 5px;
}

/*-----------------------------------------
__書体カテゴリ一覧
-----------------------------------------*/
p.categoryList {
	margin: 0 0 20px 20px;
	padding: 0;
	font-size: 11px;
}

/*-----------------------------------------
__ノーマルリスト
-----------------------------------------*/
ul.normal {
	margin: 0 0 0 15px;
	padding: 0;
}

ul.normal li {
	list-style-type: disc;
	list-style-position: outside;
	margin-bottom: 10px;
}

ul.normalS {
	margin: 0 0 0 15px;
	padding: 0;
}

ul.normalS li {
	list-style-type: disc;
	list-style-position: outside;
	margin-bottom: 3px;
}

ol.normalNum {
	margin: 0 0 0 25px;
	padding: 0;
}

ol.normalNum li {
	list-style-type: decimal;
	margin-bottom: 3px;
}

/*-----------------------------------------
__※リスト
-----------------------------------------*/
ul.attList,
ul.attListRed {
	margin: 0 0 0 16px;
	padding: 0;
}

ul.attList li,
ul.attListRed li {
	list-style-position: outside;
	margin-bottom: 3px;
}

ul.attList li {
	list-style-image: url(/images/common/att_list_bg.gif);
}

ul.attListRed li {
	list-style-image: url(/images/common/att_listred_bg.gif);
}