@charset "utf-8";
/* 共通 */
/*全体------------------------------------------------------------*/
html {
	overflow-y:scroll;
}
body {
	font-size:16px;
	line-height:1.4em;
}
a {
	color:#004080;
	text-decoration:underline;
	overflow:hidden;
}
a:hover {
	color:#990066;
	text-decoration:none;
}
ul, ol, li {
	margin:0;
	padding:0;
}
/*clearfix_start------------------------*/
.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
		font-size:0.1em;
		line-height:0;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*clearfix_end--------------------------*/

/*ヘッダー(タイトル、右側のナビ周り)------------------------------------------------------------*/
header {
	margin: 0;
	border-top:5px solid #004080;
}
#titleArea {
	width:900px;
	margin:5px auto;

}
#titleArea div.title {
	width:410px;
	margin:0;
	float:left;
}
#titleArea div.title h1 {
	margin:0;
}
#titleArea div.title a {
	text-decoration:none;
}
#titleArea div.title a:hover img {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
}
a.catalogDlBtn {
	margin:5px 0 0 0;
	padding:0;
	width:280px;
	height:40px;
	display:inline-block;
	background-color:#e77d00;
	/*background-color:#004080;------------------------*/
	color:#fff;
	text-align:center;
	line-height:40px;
	font-weight:bold;
	
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 5px;
}
a.catalogDlBtn:hover {
	background-color:#ee9900;
	/*background-color:#e77d00;------------------------*/
}

#titleArea div.subNavi {
	float:right;
	text-align:right;
}
#titleArea div.subNavi a {
	text-decoration:none;
}
#titleArea div.subNavi div.subNaviUe {
	margin:0;
	padding:0;
	text-align:right;
}
#titleArea div.subNavi div.subNaviShita {
	margin:0;
	padding:0;
	text-align:right;
	font-size:80%;
}
a.buyingGuideBtn {
	padding:0;
	width:200px;
	height:35px;
	display:inline-block;
	background-color:#004080;
	color:#fff;
	text-align:center;
	line-height:35px;
	font-weight:bold;
	
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 3px;

}
a.buyingGuideBtn:hover {
	background-color:#005fbe;
	/*background-color:#e77d00;------------------------*/
}

/*ヘッダー（サイト内検索）使用していない。------------------------*/
#titleArea div.subNavi div#search {
	float:right;
	font-size:75%;
}
#titleArea div.subNavi div#search form input.formText {
	width:100px;
	margin:0px 3px;
	border:1px solid #999;
	background:#fff;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}
#titleArea div.subNavi div#search form input.formSubmit {
	width:40px;
	border:1px solid #999;
	background:#ccc;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}

/*ヘッダー（グローバルナビ）------------------------*/
nav#Gnavi {
	background:url('../images/gn_bk.png') repeat-x 0 0 transparent;
	height:40px;
}
nav#Gnavi ul {
	width:896px;
	padding:0;
	margin:0 auto;
	list-style-type:none;
}
nav#Gnavi ul li {
	float:left;
}
nav#Gnavi ul li a {
	width:112px;
	height:40px;
	display:block;
	font-size:0;
	text-indent:-9999px;
}

/*グローバルナビゲーションを作成------------------------*/
nav#Gnavi ul li.gnHome a {
	background:url('../images/gn_home_off.png');
}
nav#Gnavi ul li.gnProducts a {
	background:url('../images/gn_products_off.png');
}
nav#Gnavi ul li.gnCase a {
	background:url('../images/gn_case_off.png');
}
nav#Gnavi ul li.gnDownload a {
	background:url('../images/gn_download_off.png');
}
nav#Gnavi ul li.gnFreetrial a {
	background:url('../images/gn_freetrial_off.png');
}
nav#Gnavi ul li.gnPurchase a {
	background:url('../images/gn_purchase_off.png');
}
nav#Gnavi ul li.gnRenew a {
	background:url('../images/gn_renew_off.png');
}
nav#Gnavi ul li.gnSupport a {
	background:url('../images/gn_support_off.png');
}

/*hoverしているときと該当のページを開いているときの画像（onに変更）------------------------*/
nav#Gnavi ul li.gnHome a:hover, #homeTop nav#Gnavi ul li.gnHome a {
	background:url('../images/gn_home_on.png');
}
nav#Gnavi ul li.gnProducts a:hover,  #productsTop nav#Gnavi ul li.gnProducts a {
	background:url('../images/gn_products_on.png');
}
nav#Gnavi ul li.gnCase a:hover, #caseTop nav#Gnavi ul li.gnCase a {
	background:url('../images/gn_case_on.png');
}
nav#Gnavi ul li.gnDownload a:hover, #downloadTop nav#Gnavi ul li.gnDownload a {
	background:url('../images/gn_download_on.png');
}
nav#Gnavi ul li.gnFreetrial a:hover, #freetriaTop nav#Gnavi ul li.gnFreetrial a {
	background:url('../images/gn_freetrial_on.png');
}
nav#Gnavi ul li.gnPurchase a:hover, #purchaseTop nav#Gnavi ul li.gnPurchase a {
	background:url('../images/gn_purchase_on.png');
}
nav#Gnavi ul li.gnRenew a:hover, #renewTop nav#Gnavi ul li.gnRenew a {
	background:url('../images/gn_renew_on.png');
}
nav#Gnavi ul li.gnSupport a:hover, #supportTop nav#Gnavi ul li.gnSupport a {
	background:url('../images/gn_support_on.png');
}

/*（共通部分）パンくずリスト----------------------------------------------------------*/
.pan {
	width: 900px;
	margin: 15px auto 15px;
}
.pan ol {
	margin: 0;
	padding: 0;
	list-style: none;
}
.pan li a {
	display: inline-block;
	text-decoration: none;
}
.pan li a:hover {
	color:black;
	background-color: #dddddd;
}
.pan li {
	margin: 0;
	padding: 0;
	float: left;
	width: auto;
	font-size: 75%;
	line-height: 1em;
}

/*IE8でlast-childが使えなかったため、first-chile使用*/
.pan li:before {
	content: '\003e';
	margin-left: 10px;
	margin-right: 10px;
	color: #888888;
}
.pan li:first-child:before {
	content: none;
}

/*（共通部分）コンテンツ----------------------------------------------------------*/
article.contents {
	width: 900px;
	margin: 0 auto 20px;
	position:relative;
}

/*（共通部分）----------------------------------------------------------*/
article.contents > h1 {
	font-size: 125%;
	background: url('../images/c_title_bk.png') 0 bottom no-repeat transparent;
	padding:20px 0 15px 0;
}

/*フッター------------------------------------------------------------*/
footer {
	margin: 0;
	background-color: #333;
	color: #fff;
	text-align: center;
}
footer #fnArea {
	padding: 20px 0 10px 0;
}
footer ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-size: 0;
}
footer ul li {
	display: inline;
	border-right: solid 1px #fff;
	padding: 0 10px 0 10px;
	font-size:12px;
	line-height: 1em;
}
footer ul li:first-child {
	border-left: solid 1px #fff;
}
footer ul li a {
	color: #fff;
	text-decoration: none;
}
footer ul li a:hover {
	color: #f90;
}
footer #crArea {
	border-top: solid 1px #fff;
	padding: 10px 0 10px 0;
}

/*2カラムの場合------------------------------------------------------------*/
nav#Snavi {
	width:200px;
	float:left;
	border:1px solid #aaa;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 5px;
	background-color:#f9f9f9;
	padding:0 0 30px 0;
}
nav#Snavi h1 {
	font-size:88%;
	line-height:50px;
	background-color:#eee;
	border-bottom:1px solid #ccc;
	margin:1px 1px 0 1px;
	padding:5px 0 0 10px;
}
nav#Snavi h1 a {
	text-decoration:none;
	color:#000;
	display:block;
}
nav#Snavi ul {
		
}
nav#Snavi ul li {
	list-style:none;
	border-bottom:1px #ccc dashed;
}
nav#Snavi ul li a {
	display:block;
	padding:10px 0 10px 20px;
	line-height:1.3em;
	font-size:75%;
	background:url(../images/arror_off.png) no-repeat 10px 10px;
	color:#000;
	text-decoration:none;

}
nav#Snavi ul li a:hover,
.PdtCompasslt nav#Snavi ul li.snCompasslt a,
.PdtCjyosanlt nav#Snavi ul li.snCjyosanlt a,
.PdtSshijilt nav#Snavi ul li.snSshijilt a,
.CaseCompasslt nav#Snavi ul li.snCompasslt a,
.CaseCjyosanlt nav#Snavi ul li.snCjyosanlt a,
.CaseSshijilt nav#Snavi ul li.snSshijilt a,
.DlCompasslt nav#Snavi ul li.snCompasslt a,
.DlCjyosanlt nav#Snavi ul li.snCjyosanlt a,
.DlSshijilt nav#Snavi ul li.snSshijilt a,
.FtCompasslt nav#Snavi ul li.snCompasslt a,
.FtCjyosanlt nav#Snavi ul li.snCjyosanlt a,
.FtSshijilt nav#Snavi ul li.snSshijilt a,
.PcCompasslt nav#Snavi ul li.snCompasslt a,
.PcCjyosanlt nav#Snavi ul li.snCjyosanlt a,
.PcSshijilt nav#Snavi ul li.snSshijilt a,
.RenewCompasslt nav#Snavi ul li.snCompasslt a,
.RenewCjyosanlt nav#Snavi ul li.snCjyosanlt a,
.RenewSshijilt nav#Snavi ul li.snSshijilt a {
	background:url(../images/arrow_on.png) no-repeat 10px 10px #aaa;
}
section#Scontents {
	width:680px;
	float:right;
}
section#Scontents > h1 {
	font-size:113%;
	padding:10px 0 5px 0;
	background:url(../images/sub_title_bk.png) 0 bottom no-repeat;
}


/*ニュース（TOP、以前のお知らせ、サポートニュースで使用）--------------------------------------------------*/
.news {
	margin: 20px 0 0 0;
}
.news h1 {
	border-left: solid 10px #004080;
	font-size: 100%;
	padding: 0 0 0 8px;
}
.news ul {
	border-top: dashed 1px #999;
	padding: 0;
	margin: 0;
	list-style-type: none;
}
.news li {
		font-size: 88%;
		border-bottom: dashed 1px #999;
		line-height:1.8em;
		padding:3px;
}
.news li a.link {
		text-decoration: none;
		color: #000;
		display: block;
}
.news li a.link:hover {
	background-color: #f3f3f3;
}
.news li a.link:after {
	content: "";
	display: block;
	clear: both;
}
.news time {
	float: left;
	width: 100px;
	color: #000;
}
.news .nM {
	font-size:75%;
	margin:3px 0 0 0;
	line-height:1.5em;
	float: left;
	width: 70px;
	text-align: center;
	font-weight:bold;
	color: #fff;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
.news .nPdt {
	background-color: #FF8800;
}
.news .nInfo {
	background-color: #0066aa;
}
.news .nEv {
	background-color: #FF8800;
}
.news .nEm {
	background-color: #FF0000;
}
.news .nText {
	float: none;
	width: auto;
	margin-left: 180px;
}
.news .nText .nTitle {
	margin:0;
	padding:0;
	font-weight:bold;

}
/*リンクがあるときだけタイトルにアンダーラインを入れる*/
.news a .nText .nTitle {
   	text-decoration:underline; 
}
.news a:hover .nText .nTitle {
   	text-decoration:none; 
}
.news .nText .nHonbun {
	padding:0;
	margin:0;
}
.news .nText .nHonbun p {
	padding:0 0 0 10px;
}
.news .nText .nHonbun span.nHizuke {
	color:orange;
	font-weight:bold;
}
.news .nText .nHonbun span.nChui {
	color:#666;
}
.news div.ichiran {
	text-align:right;
	font-size:80%;
	margin:5px 0 0 0;
}

/*事例紹介（case/)、無料体験（freetrial/）、製品購入（purchase/）、契約更新（renew/)、登録情報の確認（support/userinfo/）で使用-------*/
.kblSys {
	margin:20px 0 0 0;
}
.kblSys > h1 {
	border-left: solid 10px #004080;
	font-size: 100%;
	padding: 0 0 0 8px;
}
/*2カラムの場合のみ表示変更*/
section#Scontents .kblSys > h1 {
	margin:0;
	padding:0 0 0 25px;
	line-height:60px;
	font-size:113%;
	background:url(../../products/images/sc_h1_bk.png) 0 0 no-repeat #004080;
	color:#fff;
}
section#Scontents .kbl3step {
	margin:20px 0 0 0;
}
section#Scontents .kbl3step > h1 {
	border-left: solid 10px #004080;
	font-size: 100%;
	padding: 0 0 0 8px;
}

/* 左側に画像ないパターン-----*/
/* 契約更新（renew/)、登録情報の確認（support/userinfo/）で使用 -----------------*/
.kblSys .kblLink {
	margin:20px 20px;
}
.kblSys .kblLink a:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
}

/* 左側に画像あるパターン-----*/
/*事例紹介（case/)、無料体験（freetrial/）、製品購入（purchase/）で使用----------*/
.kblSys img.kblSysImg {
	float:left;
	margin:0 20px 0 20px;
}
.kblSys .kblSysR {
	margin:0 0 20px 0;
	width:660px;
	float:left;
}
.kblSys .kblSysR p {
	margin:0 5px 0 0;
	font-size:88%;
}
p.kblTxt {
	margin:40px 0 20px 0;
}
/* 左側に画像あるパターン（2カラムの場合）-----*/
.kblSys img.kblSysImg2 {
	float:left;
	margin:20px 20px 10px 0;
}
.kblSys .kblSysR2 {
	margin:20px 0 20px 0;
	width:460px;
	float:left;
}
.kblSys .kblSysR2 p {
	margin:0 5px 0 0;
	font-size:88%;
}
p.kblTxt {
	margin:40px 0 20px 0;
}
/* 共通リンク-----*/
p.PdtLink {
	background:url("../images/ya_arrow.png") 0 0 no-repeat;
	margin:10px 0 0 0;
	padding:0 0 0 30px;
	font-size:88%;
}
p.PdtLinkKankyo {
	margin:0 0 0 30px;
	font-size:88%;
}

/*.kblSysKingakuは製品購入（purchase/）で使用----------*/
.kblSys .kblSysKingaku {
	line-height:200%;
	width:100%;
	padding:20px 0 0 20px;
}
.kblSys .kblSysKingaku span {
	font-size:250%;
}

.kblSysAnnai a.toBuyingGuide {
	padding:0;
	width:180px;
	height:30px;
	display:inline-block;
	background-color:#004080;
	color:#fff;
	text-align:center;
	line-height:30px;
	font-weight:bold;
	font-size:88%;
	text-decoration:none;
	
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 3px;
}
.kblSysAnnai a.toBuyingGuide:hover {
	background-color:#e77d00;
}
/*無料体験（freetrial/）で使用----------*/
.kblSysR2 a.toBuyingGuide {
	padding:0;
	width:180px;
	height:30px;
	display:inline-block;
	background-color:#004080;
	color:#fff;
	text-align:center;
	line-height:30px;
	font-weight:bold;
	font-size:88%;
	text-decoration:none;
	
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 3px;
}
.kblSysR2 a.toBuyingGuide:hover {
	background-color:#e77d00;
}

#titleArea div.subNavi {
	float:right;
	text-align:right;
}
.kblAccess {
	margin:10px 0 0 0;
	padding:10px;
	border:1px solid #666;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 5px;

}
.kblAccess h1 {
	font-size:100%;
	margin:0 0 0 0;
	padding:0 0 0 10px;
	border-bottom:2px solid #004080;
	border-left:10px solid #004080;
}
.kblAccess .kblAccessBox {
	margin:0 0 0 15px;
	width:300px;
	float:left;
}
.kblAccess .kblAccessBox h1 {
	margin:10px 0 0 0;
	padding:0;
	border:none;
	font-size:100%;
	line-height:1em;
	
}
.kblAccess .kblAccessBox div.accountKuhaku {
	padding:5px 0 0 20px;
	font-size:88%;
	line-height:1.1em;
}
.kblAccess .kblAccessBox ul.accountChui {
	margin:0;
	padding:5px 0 0 20px;
	font-size:88%;
	line-height:1.1em;
	letter-spacing: -1.2px;
}
.kblAccess .kblAccessBox .kblAccessLink {
	margin:10px 0 0 0;
}
.kblAccess .kblAccessBox .kblAccessLink a:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
}
.kblAccess ul {
	margin:20px 0 0 20px;
}
.kblAccess ul li {
	font-size:88%;
}
.kblAccess .AccountUmu h1 {
	margin:20px 0 0 0;
	padding:0;
	border:none;
	font-size:100%;
	line-height:1em;
}
.kblAccess .AccountUmu ul {
	margin:0 0 0 20px;
}
/* ライセンス製品ご購入については下記よりご確認ください-----*/
/*製品購入（purchase/）無料体験版（freetrial/）で使用----------*/
.kblSupportGLink {
	margin:0;
	padding:10px 0 20px 0;
}
.kblSupportGLink p {
	border-top:1px dotted #000;
	padding:10px 0 0 0;
	font-size:89%;
}
.kblSupportGLink a {
	margin:20px 20px 0 20px;
	width:200px;
	height:50px;
	display:block;
	line-height:50px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 5px;
	background-color:#004080;
	color:#fff;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
}
.kblSupportGLink a:hover {
	background-color:#2d5780;
}


/* 製品ライセンスご購入の注意事項-----*/
/*無料体験（freetrial/）、製品購入（purchase/）で使用----------*/
.kblChuijikou h1 {
	font-size:100%;
	padding:3px 0 3px 10px;
	background-color:#eee;
	border:1px solid #ccc;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 5px;
}
.kblChuijikou ul {
	margin:10px 0 0 20px;
}
.kblChuijikou ul li {
	font-size:88%;
}
.kblChuijikou .kblChuiShosai {
	margin:0 0 0 10px;
}
.kblChuijikou .kblChuiShosai h1 {
	border-radius: 0;
	background-color:transparent;
	border-left:10px solid #004080;
	border-bottom:none;
	border-right:none;
	border-top:none;
	padding:2px 0 2px 5px;
}
.kblChuijikou .kblChuiShosai ul {
	margin:10px 0 0 20px;
}
.kblChuijikou .kblChuiImage {
	margin:20px 0 0 20px;
}
/*ボタンエリア-------------------------------------------------*/
div.btnArea {
	width:680px;
	margin:10px auto 0;
}
div.btnArea a {
	margin:0 0 0 20px;
	padding:0;
}
div.btnArea a:first-child {
	margin:0 0 0 0;
}
div.btnArea a:hover img {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
}
div.btnAreaNotLink {
	width:680px;
	margin:10px auto 0;
}
div.btnAreaNotLink img:first-child {
	margin:0 20px 0 0;
}
div.btnAreaNotLink a {
	margin:0;
	padding:0;
}
div.btnAreaNotLink a:hover img {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
}

/*COMING SOON--------------------------------------------------*/
.hmHm {
	position: relative;
	height: 100%;
}

/*（sale/index.html）無料体験する--------------------------------------------------*/
div.hmCS1 {
/*	border-radius: 50%;*/
	height: 155px; 
	width: 50px; 
/*	background-color:#ff66ff;*/
	text-align:center;
/*	font-size:125%;*/
/*	font-weight:bold;*/
/*	line-height:90px;*/
/*	color:#fff;*/
	
	position:absolute;
	top:117px;
	left:40px;
}

/*（sale/index.html）購入する--------------------------------------------------*/
div.hmCS2 {
/*	border-radius: 50%;*/
	height: 155px; 
	width: 50px; 
/*	background-color:#ff66ff;*/
	text-align:center;
/*	font-size:125%;*/
/*	font-weight:bold;*/
/*	line-height:90px;*/
/*	color:#fff;*/
	
	position:absolute;
	top:169px;
	left:40px;
}

/*（sale/renew/index.html）見積書作成システム、仕上チェック支援ツール （sale/case/index.html）見積書作成システム、仕上チェック支援ツール--------------------------------------------------*/
div.hmCS3 {
/*	border-radius: 50%;*/
	height: 155px; 
	width: 50px; 
/*	background-color:#ff66ff;*/
	text-align:center;
/*	font-size:125%;*/
/*	font-weight:bold;*/
/*	line-height:90px;*/
/*	color:#fff;*/
	
	position:absolute;
	top:-10px;
	left:-10px;
}
/*（sale/product/index.html）製品ラインナップ-------------------------------------------------*/
div.hmCS4 {
/*	border-radius: 50%;*/
	height: 155px; 
	width: 50px; 
/*	background-color:#ff66ff;*/
	text-align:center;
/*	font-size:125%;*/
/*	font-weight:bold;*/
/*	line-height:90px;*/
/*	color:#fff;*/
	
	position:absolute;
	top:-10px;
	left:-10px;
}
div.hmCS5 {
/*	border-radius: 50%;*/
	height: 155px; 
	width: 50px; 
/*	background-color:#ff66ff;*/
	text-align:center;
/*	font-size:125%;*/
/*	font-weight:bold;*/
/*	line-height:90px;*/
/*	color:#fff;*/
	
	position:absolute;
	top:-10px;
	left:190px;
}
/*（sale/product/kitf/index.html）仕上チェック支援ツール-------------------------------------------------*/
div.hmCS6 {
/*	border-radius: 50%;*/
	height: 155px; 
	width: 50px; 
/*	background-color:#ff66ff;*/
	text-align:center;
/*	font-size:125%;*/
/*	font-weight:bold;*/
/*	line-height:90px;*/
/*	color:#fff;*/
	
	position:absolute;
	top:0px;
	left:-5px;
}
div.hmCS7 {
/*	border-radius: 50%;*/
	height: 155px; 
	width: 50px; 
/*	background-color:#ff66ff;*/
	text-align:center;
/*	font-size:125%;*/
/*	font-weight:bold;*/
/*	line-height:90px;*/
/*	color:#fff;*/
	
	position:absolute;
	top:0px;
	left:345px;
}
/*（sale/purchase/index.html）製品購入-------------------------------------------------*/
div.hmCS8 {
/*	border-radius: 50%;*/
	height: 155px; 
	width: 50px; 
/*	background-color:#ff66ff;*/
	text-align:center;
/*	font-size:125%;*/
/*	font-weight:bold;*/
/*	line-height:90px;*/
/*	color:#fff;*/
	
	position:absolute;
	top:80px;
	left:280px;
}
/*（sale/freetrial/index.html）無料体験-------------------------------------------------*/

div.hmCS9 {
/*	border-radius: 50%;*/
	height: 155px; 
	width: 50px; 
/*	background-color:#ff66ff;*/
	text-align:center;
/*	font-size:125%;*/
/*	font-weight:bold;*/
/*	line-height:90px;*/
/*	color:#fff;*/
	
	position:absolute;
	top:120px;
	left:270px;
}
div.hmCS12 {
/*	border-radius: 50%;*/
	height: 155px; 
	width: 50px; 
/*	background-color:#ff66ff;*/
	text-align:center;
/*	font-size:125%;*/
/*	font-weight:bold;*/
/*	line-height:90px;*/
/*	color:#fff;*/
	
	position:absolute;
	top:40px;
	left:470px;
}
/*（sale/case/case_kitf.html）事例紹介（仕上げツール）-------------------------------------------------*/
div.hmCS10 {
/*	border-radius: 50%;*/
	height: 155px; 
	width: 50px; 
/*	background-color:#ff66ff;*/
	text-align:center;
/*	font-size:125%;*/
/*	font-weight:bold;*/
/*	line-height:90px;*/
/*	color:#fff;*/
	
	position:absolute;
	top:0px;
	left:100px;
}
div.hmCS11 {
/*	border-radius: 50%;*/
	height: 155px; 
	width: 50px; 
/*	background-color:#ff66ff;*/
	text-align:center;
/*	font-size:125%;*/
/*	font-weight:bold;*/
/*	line-height:90px;*/
/*	color:#fff;*/
	
	position:absolute;
	top:0px;
	left:445px;
}

/*上へ戻るボタン用----------------------------------------------------------*/
#pageTop {
	margin: 0;
	padding: 0;
}
#pageTop a {
	font-size:30px;
	background:#999;
	border-radius:5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	color:#fff;
	padding:10px 5px 5px 5px;
	position:fixed;
	bottom:20px;
	right:20px;
	text-decoration:none;
}
#pageTop a:hover {
	background:#004080;
	text-decoration:none;
}

/*FKSへのリンク（左下）----------------------------------------------------------*/
#kyoeiLink {
	margin: 0;
	padding: 0;
}
#kyoeiLink a {
	font-size:12px;
	background:#999;
	border-radius:5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	color:#fff;
	padding:5px;
	position:fixed;
	bottom:20px;
	left:20px;
	text-decoration:none;
	line-height:1.3em;
}
#kyoeiLink a:hover{
	background:#004080;
	text-decoration:none;
}

/*ボタンのような表示（サポート-ご購入ガイド（support/buying-guide/）、契約更新（renew/）、製品購入（purchase/）で使用）--------------*/
span.liButtonBlue {
	color:#fff;
	background-color:#004080;
	
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 3px;
	
	padding:0 10px 0 10px;
	margin:0 3px 0 3px;
}
span.liButtonOrange {
	color:#fff;
	background-color:#e96410;
	
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 3px;
	
	padding:0 10px 0 10px;
	margin:0 3px 0 3px;

}
span.liButtonPink {
	color:#fff;
	background-color:#ef393e;
	
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 3px;
	
	padding:0 10px 0 10px;
	margin:0 3px 0 3px;
}
span.liButtonGreen {
	color:#fff;
	background-color:#04a02a;
	
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 3px;
	
	padding:0 10px 0 10px;
	margin:0 3px 0 3px;
}
span.liButtonGreenLine {
	color:#04a02a;
	background-color:#ffffff;
	
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 3px;
	
	border:2px solid #04a02a;
	
	padding:0 10px 0 10px;
	margin:0 3px 0 3px;
}
span.liButtonGray {
	color:#fff;
	background-color:#666666;
	
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 3px;
	
	padding:0 10px 0 10px;
	margin:0 3px 0 3px;
}
span.liButtonLightBlue {
	color:#fff;
	background-color:#48a9e5;
	
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 3px;
	
	padding:0 10px 0 10px;
	margin:0 3px 0 3px;
}