@charset "UTF-8";
/* CSS Document */

body { background-color:#fff;}

.contena{ width:900px; margin:0 auto; background-color:#FFF;}
a:hover { text-decoration: underline;}

/*ヘッダー部分*/
#header{ padding:10px 0;}
#sitelogo{ float:left; width:200px;}
#sub_menu{ float:left; width:700px;position:relative;}
#sub_menu ul{position:absolute;right:0;width:auto;}
#sub_menu li{ float:left; margin:0px 0; padding:0 5px; line-height:9pt; font-size:9pt;display:block;border-right:solid 1px #999; white-space:nowrap;}
#sub_menu li:first-child{ border-left:solid 1px #999;}
#sub_menu a:hover { text-decoration: underline;}
#headbana {float:left; width:700px; text-align:right; margin-top:15px;}
#main_menu { clear:both; width:900px; margin:0 ; padding:10px 0 0 0;border:solid 0px #999}
#main_menu li{ float:left; width:150px; height:30px; text-align:center;display:block; border:solid 0px #999;}
#main_menu li a:hover img{ filter: alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;}
div.line01{ background-image:url(images/header_line01.gif)}

#banner { padding:0px 0 50px 0;}

/*トップページ＿メインイメージ*/
#banner { position: relative; overflow: hidden; }
#banner ul { list-style: none; }

#slider-top{ width:898px; height:165px; border:solid 1px #999;}

/*トップページ＿メインコンテンツ*/
#contents_top div{ float:left; width:209px; height:210px; border:solid 1px #999; padding: 1px; margin-right:16px}
#contents_top div.news{ margin-right:0px; border:none; padding:0px; width:213px}
#contents_top div a:hover img{ filter: alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;}
#contents_topbana{ clear:both; margin:10px 0;}
#contents_topbana div {float:left; width:209px; padding: 1px; border:solid 1px #999; margin-right:16px}
#contents_topbana div:last-child { margin-right:0px;}
#contents_topbana div a:hover img{ filter: alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;}


/*メインコンテンツ 右メニューバー部分*/
#side_bar{float:left; width:210px;}
#side_bar ul{ margin:0 0 30px 0;}
#side_bar li a { width:202px; height:21px; border-bottom:solid 1px #999; padding:10px 4px; margin-right:16px; margin-bottom:0px; background-image:url(images/sidemenu_back.gif); display:block}
#side_bar li a:hover { text-decoration: none;}
#side_bar li.none { width:202px; height:21px; border-bottom:solid 1px #999; padding:10px 4px; margin-right:16px; margin-bottom:0px; background-image:none; display:block ;cursor:default;}
#side_bar li.none a { width:202px; height:21px; border-bottom:solid 1px #999; padding:10px 4px; margin-right:16px; margin-bottom:0px; background-image:none; display:block ;cursor:default;}
#side_bar li.komenu a { width:202px; height:13px;  border-bottom:none;padding:4px 4px; margin-right:16px; margin-bottom:0px; background-image:url(images/sidemenu_back_b.gif); display:block}
#side_bar li.none a:hover{ background-image:none; cursor:default;}
#side_bar li.komenu a:hover{ background-image:url(images/sidemenu_back_b01.gif)}
#side_bar li:first-child { border-top:solid 1px #999;}
#side_bar li a:hover{ background-image:url(images/sidemenu_back01.gif)}
#side_bar ul.bana li a{ width:209px; height:58px; border:solid 1px #999; padding:0px; margin-right:16px; margin-bottom:5px; background-image:none;}
#side_bar ul.bana li a:hover img{ filter: alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;}

/*メインコンテンツ*/

#main_contents{float:left; width:655px; padding:0 35px 0 0;}
#main_contents h2{ font-size:16px; line-height:16px; padding:7px 8px; border:solid 1px #999; margin:30px 0 10px 0px; background-color:#666; color:#FFF;}
#main_contents h2 a{ font-size:16px; line-height:16px; color:#FFF;}

#main_contents p,#main_contents div{
	padding: 0px 0px 15px 30px;
	font-size: 10pt;
	text-align: left;
}
#main_contents li{ padding:0px 0px 5px 30px;}
.news p{ padding:5px 0 ; border-top: dashed 1px #CCC;}
.news p:first-child{
	border-top: solid 1px #999;
	font-weight: bold;
}
.news p span{ font-size:10px;}
.news p a:hover {
	text-decoration: underline;
	color: #F00;
}
#main_contents div.zirei:first-child { border-top:solid #999 1px;}

#main_contents div.zirei{padding:20px 0; margin:20px 0; border-bottom:solid #999 1px;}
#main_contents div.zirei div{float:left; width:320px; }
#main_contents div.zirei div h4{ font-weight:bold; font-size:18px; }
#main_contents div.zirei div h5{ font-weight:bold; font-size:24px; line-height:26px; margin-bottom:20px;}
#main_contents div.zirei div h5 span{ font-weight:bold; font-size:14px; line-height:20px}
#main_contents div.zirei div img {float:left;}
#main_contents div.zirei div p {padding:0px; margin:20px 0 ; font-size:16px}
#main_contents div.zirei div a { padding:3px 20px 3px 3px; margin:20px 0 ; border:solid 1px #ccc; background-image:url(images/arrow001.gif); background-position:right; background-repeat:no-repeat;}
#main_contents div.zirei div a:hover { background-color:#ccc; color:#FFF;border:solid 1px #ccc;}

/*ニュース*/

#news h2{ font-size:18px; line-height:16px; padding:10px 0px 10px 5px; border-left:solid 3px #2893b3;border-top:solid 0px #fff;border-right:solid 0px #fff;border-bottom:solid 0px #fff; margin:10px 0 10px 0px; background-color:#fff; color:#2893b3;}
#news div{ padding:0px 0px 30px 30px;border-bottom:solid 1px #ccc; margin-bottom:30px}
#news div span{ font-weight:bold; color:#c00 ; font-size:14px;  display:block; margin-bottom:20px;}
#news div.back{ padding:10px;border:solid 1px #ccc; margin:10px; background-color:#eee}
#news a:hover {
	text-decoration: underline;
	color: #039;
}


/*法人向けフォント*/
#dounyu h2{ font-size:16px; line-height:16px; padding:7px; border:solid 0px #666; margin:30px 0 10px 0px; background-color:#666; color:#fff;}
#dounyu div{ padding:0px 0px 15px 100px; background-image:url(../embedded_fonts/images/arrow01.gif); background-position:bottom left; background-repeat:no-repeat;}
#dounyu div.end{ background-image:none;}
#dounyu p{
	padding: 5px 0px;
	font-weight: normal;
	text-align: left;
}
#main_contents table.nomal td {
	border: solid 1px #999;
	padding: 5px 10px;
}
#dounyu div.kumikomi{
	padding: 0px 0px 30px 0px;
	background-image: none;
	font-weight: bold;
}
#dounyu div.kumikomi2{ padding:10px; background-image:none; border-bottom:solid 1px #ccc; clear:both; height:140px;}
#dounyu div.kumikomi2:first-child{ border-top:solid 1px #ccc;}
#dounyu div.kumikomi2 a{ padding:5px; line-height:30px; border:solid 1px #999; }

#main_contents div.kumifontmenu {
	padding: 0;
	margin: 0;
	;
	width: 625px;
	height: 350px;
	background-image: url(/embedded_fonts/images/embd_fontimg_bk.jpg);
	background-position: 0 0;
	clear: both;
	display: block
}
#main_contents div.kumifontmenu ul { margin:0; padding:128px 0 0 30px; background:none;}
#main_contents div.kumifontmenu li { width:164px; float:left; padding:2px; background-color:#4b62a9; color:#FFF; margin:0 30px 0 0; text-align:center;}
#main_contents div.kumifontmenu li:hover{ background-color:#809ee2;}
#main_contents div.kumifontmenu li:hover a{color:#FFF; text-decoration:none; }
div.kumifontmenu li a{color:#FFF; text-decoration:none}

a.bo:hover img { opacity: 0.6;}

/*フォント書体見本*/
#fontList li {float: left;width: 200px;list-style: inside disc;}
#fontList ul.wabun li {float:left; width:142px; list-style:none; border:solid 1px #CCC; padding:4px; margin:2px}
#fontList ul.wabun img {padding:0px; margin:0px}
#fontList a:hover img{ filter: alpha(opacity=50);-moz-opacity:0.6;opacity:0.6;}
#fontList a:hover { text-decoration: underline;}
#fontList h2{ font-size:16px; line-height:16px; padding:7px 8px; border:solid 1px #999; margin:30px 0 10px 0px; background-color:#666; color:#FFF; clear:both;}
div.fontlist_b span{ font-weight:bold}

/*UDフォント*/
table.udfont{float:left; width:300px}
table.udfont td { border-bottom:dashed 1px #999; padding:3px;}
table.udfont th { border-bottom:dashed 1px #999; padding:3px; text-align:left; font-size:14px;}
#main_contents div.verup{ padding:15px; border:solid 1px #666; text-align:center ; margin:5px 30px;}
#main_contents div.verup h4{ font-size:18px; margin-bottom:10px}
#main_contents div.verup p{ padding:0px; font-size:14px}
#main_contents h3.verup{ font-size:14px}
#main_contents span.title{ font-size:14px; display:block; margin-top:15px;}

/*モトヤフォントについて*/
#main_contents table.histry td,#main_contents table.histry th {border-bottom:dashed 1px #999; padding:5px 10px;}
#main_contents table.histry td img{ float:right; margin:5px;}

#main_contents table.histry th { font-size:24px; font-weight:normal}
#katsuzi div,#katsuzi p{ padding:5px 0px }

/*導入事例*/
 ul#donyu_zirei li { width: 300px; height:17px; border:solid 0px #ddd; padding:2px 12px 2px 5px; background:url(images/arrow001.gif) no-repeat right center; margin:0 50px 3px 20px; }
  ul#donyu_zirei2 li { width: 300px; height:17px; border:solid 0px #ddd; padding:2px 12px 2px 5px; background:url(images/arrow001.gif) no-repeat right center; margin-right:0px; margin-bottom:3px; }
  ul#donyu_zirei li a:hover,ul#donyu_zirei2 li a:hover {text-decoration: underline;}
#main_contents table.histry th { font-size:24px; font-weight:normal}
#katsuzi div,#katsuzi p{ padding:5px 0px }
#customer li{ padding:0px}

/*Q_Aについて*/

div#qa{ clear:both}
div#qa p{ padding:0px;}
 ul#q_amenu li { float:left; width: 103px; padding:2px 1px 2px 0px; margin:0;}
div#qa p.q_a_Q{ font-size:14px; font-weight:bold ; padding:0 0 0 50px; margin:0; height:45px; background:url(../support/images/Qimage.gif) no-repeat; display:block; line-height:20px}
div#qa p.q_a_Q span{ font-size:20px; font-weight:bold}
div#qa p.q_a_A{ font-size:14px; padding:0 0 30px 50px; margin:10px 0 30px 0;  background:url(../support/images/Aimage.gif) no-repeat; display:block; border-bottom:solid 1px #CCC}
div#qa li{ font-size:14px; font-weight:bold ; margin:10px 0 10px 20px; padding:0; line-height:20px;list-style-type:disc;}
div#qa ul{ margin:10px 0 50px 0px; padding:0; display:block; line-height:20px;list-style-type:disc;}
div#qa li a:hover, #qa a:hover  {text-decoration: underline;}
#qa a  {color:#039;}
/*JIS0213*/
table.jis0213 td{ padding:3px; border-bottom:solid 1px #CCC}
table.jis0213 tr:first-child td{ border-top:solid 1px #CCC}

/*ライセンスについて*/
#main_contents table.licence{ width:655px;}
#main_contents table.licence tr:first-child td,#main_contents table.licence tr:first-child th {border-top:dashed 1px #999;}
#main_contents table.licence td,#main_contents table.licence th {border-bottom:dashed 1px #999; padding:5px 10px;}
#main_contents table.licence td img{ float:right; margin:5px;}

#main_contents table.histry th { font-size:24px; font-weight:normal}
#katsuzi div,#katsuzi p{ padding:5px 0px }


/*フッター部分*/
#footer{ padding:10px 0; clear:both;}
#sitemap_menu{ width:880px; background:#ddd; padding:10px;}
#sitemap_menu ul{ float:left; display:block; margin:0 10px}
#sitemap_menu li{ margin:0 0; padding:4px 15px; line-height:9pt; font-size:9pt; display:block ; }
#sitemap_menu li a:hover { text-decoration: underline;}
#footer_bottom{ clear:both; width:900px; margin:0; padding:10px 0 0 0; display:block ;border:solid 0px #999}
#footer_bottom li{ float:left; display:block; margin:0 10px}
#footer_bottom li.pmark,#footer_bottom li.footerbana{ margin:0px 5px;}
#footer_bottom li.footerbana a img{ margin-top:5px;}
#footer_bottom li.footerbana a:hover img{ filter: alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;}
#footer_bottom li.pmark2{ margin:10px 5px 0px 0px; width:300px;}
#footer_bottom li.copyright{ float:right; margin:50px 5px 0px 10px;}










.nivo-controlNav { margin: 5px 0 40px 430px; padding: 0;}
.nivo-controlNav a {
	font-size: 6pt;
	float: left;
	text-align: center;
	display: block;
	background: #aaa;
	color: #fff;
	width: 14px; height: 14px;
	margin: 0 3px;
	border-radius: 50%;
	-moz-border-radius: 50%;
 	-webkit-border-radius: 50%;}
.nivo-controlNav a.active { background: #666;}