@charset "utf-8";
/* ======================== 目次 ==========================

	[01]:メインビジュアル
	[02]:コンセプト
	[03]:お客様のメリット
	[04]:サービス内容
	[05]:トピックス
	[06]:気になる導入事例
	
======================================================== */


/* -------------------------[01]: */
div#columnData	{ width: 674px; position: relative; }

div#columnData .panList	{ font-size: 12px; text-align: left; padding: 3px; position: absolute; top: 53px; left: 5px; }
div#columnData .panList h2	{ font-size: 12px; font-weight: bold; display: inline; }

div#clientData .cap	{ width: 674px; height: 51px; }
div#columnData .inBox{ width: 657px; border-left: 1px solid #CCC; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; padding: 25px 10px 10px 5px; }

div#columnData .inBox ul.inNavi	{ background: url(/img/column/column_snvg_bg.gif) no-repeat; width: 134px; height: 140px; float: left; padding: 8px 6px 0px; }
div#columnData .inBox ul.inNavi li.pharm		{ background: url(/img/column/column_snvg_pharm.gif) no-repeat; width: 134px; height: 41px; text-align: left; padding: 0px 0px 5px; }
div#columnData .inBox ul.inNavi li.pharm a		{ color: #FFF; font-size: 14px; line-height: 20px; padding: 11px 0px 0px 35px; display: block; text-decoration: none; }
div#columnData .inBox ul.inNavi li.pharm a:hover{ text-decoration: underline; }
div#columnData .inBox ul.inNavi li.nrs			{ background: url(/img/column/column_snvg_nrs.gif) no-repeat; width: 134px; height: 41px; text-align: left; padding: 0px 0px 5px; }
div#columnData .inBox ul.inNavi li.nrs a		{ color: #FFF; font-size: 14px; line-height: 20px; padding: 11px 0px 0px 35px; display: block; text-decoration: none; }
div#columnData .inBox ul.inNavi li.nrs a:hover	{ text-decoration: underline; }
div#columnData .inBox ul.inNavi li.doc			{ background: url(/img/column/column_snvg_doc.gif) no-repeat; width: 134px; height: 41px; text-align: left; padding: 0px 0px 5px; }
div#columnData .inBox ul.inNavi li.doc a		{ color: #FFF; font-size: 14px; line-height: 20px; padding: 11px 0px 0px 35px; display: block; text-decoration: none; }
div#columnData .inBox ul.inNavi li.doc a:hover	{ text-decoration: underline; }

div#columnData .inBox .inData	{ width: 497px; float: right; text-align: left; }

div#columnData .inBox .backList ul	{ border-top: 1px dotted #CCC; }
div#columnData .inBox .backList li	{ border-bottom: 1px dotted #CCC; padding: 5px; }
div#columnData .inBox .backList li span.pharm	{ color: #036; }
div#columnData .inBox .backList li span.nrs		{ color: #900; }
div#columnData .inBox .backList li span.doc		{ color: #060; }

div#columnData .pharmColumn		{ width: 497px; }
div#columnData .pharmColumn .capBox			{ background: url(/img/column/column_cap_pharm.gif) no-repeat; width: 437px; height: 26px; font-size: 16px; font-weight: bold; color: #FFF; padding: 12px 20px 0px 40px; }
div#columnData .pharmColumn .capBox a		{ float: left; color: #FFF; display: block; }
div#columnData .pharmColumn .capBox span	{ font-size: 12px; display: block; float: right; font-weight: normal; }
div#columnData .pharmColumn h3				{ background: #036; padding: 15px; font-size: 14px; font-weight: bold; color: #FFF; line-height: 22px; }
div#columnData .pharmColumn p		{ font-size: 12px; line-height: 18px; padding: 5px 5px 15px; }
div#columnData .pharmColumn p span	{ display: block; float: right; }

div#columnData .nrsColumn		{ width: 497px; }
div#columnData .nrsColumn .capBox		{ background: url(/img/column/column_cap_nrs.gif) no-repeat; width: 437px; height: 26px; font-size: 16px; font-weight: bold; color: #FFF; padding: 12px 20px 0px 40px; }
div#columnData .nrsColumn .capBox a		{ float: left; color: #FFF; display: block; }
div#columnData .nrsColumn .capBox span	{ font-size: 12px; display: block; float: right; font-weight: normal; }
div#columnData .nrsColumn h3			{ background: #900; padding: 15px; font-size: 14px; font-weight: bold; color: #FFF; line-height: 22px; }
div#columnData .nrsColumn p			{ font-size: 12px; line-height: 18px; padding: 5px 5px 15px; }
div#columnData .nrsColumn p span	{ display: block; float: right; }

div#columnData .docColumn		{ width: 497px; }
div#columnData .docColumn .capBox		{ background: url(/img/column/column_cap_doc.gif) no-repeat; width: 437px; height: 26px; font-size: 16px; font-weight: bold; color: #FFF; padding: 12px 20px 0px 40px; }
div#columnData .docColumn .capBox a		{ float: left; color: #FFF; display: block; }
div#columnData .docColumn .capBox span	{ font-size: 12px; display: block; float: right; font-weight: normal; }
div#columnData .docColumn h3			{ background: #060; padding: 15px; font-size: 14px; font-weight: bold; color: #FFF; line-height: 22px; }
div#columnData .docColumn p			{ font-size: 12px; line-height: 18px; padding: 5px 5px 15px; }
div#columnData .docColumn p span	{ display: block; float: right; }