/*=========================link==========================*/
A:link	{
       color: #3366CC;
			text-decoration: underline
 }
A:visited	{
       color: #3366CC;
			text-decoration: underline
 }
A:hover	{
      color: #336699;
			text-decoration: underline
 }
A:active{
      color: #336699;
			text-decoration: underline
 }



A:link.gray	{
       color: #999999;
			text-decoration: underline
 }
A:visited.gray{
      color: #999999;
			text-decoration: underline
 }
A:hover.gray{
      color: #B5E6FD;
			text-decoration: underline
 }
A:active.gray	{
      color: #B5E6FD;
			text-decoration: underline
 }


/*=========================link==========================*/
.small-link A:link	{
       font-size: 10px;
       color: #999999;
			text-decoration: underline
 }
.small-link A:visited{
       font-size: 10px;
      color: #999999;
			text-decoration: underline
 }
.small-link A:hover{
       font-size: 10px;
      color: #777777;
			text-decoration: underline
 }
.small-link A:active	{
       font-size: 10px;
      color: #777777;
			text-decoration: underline
 }


/*=========================テキスト==========================*/
.reg {
  font-size: 12px;
  line-height: 150%;
  color: #666666
 }

.regb {
 font-size: 12px;
 line-height: 125%;
 font-weight: bold; 
color: #666666
}

.reg11 {
  font-size: 12px;
  line-height: 125%;
  color: #666666
 }

.reg10 {
  font-size: 10px;
  line-height: 125%;
  color: #666666
 }

.reg10b {
  font-size: 10px;
  line-height: 125%;
  font-weight: bold; 
  color: #666666
 }

.reg14 {
  font-size: 14px;
  line-height: 125%;
  color: #666666
 }
	
.regw {
  font-size: 12px;
  line-height: 125%;
  color: #FFFFFF;
 }

.regwb {
  font-size: 12px;
  line-height: 125%;
  font-weight: bold; 
  color: #FFFFFF;
 }

.regR {
  font-size: 12px;
  line-height: 125%;
  color: #FF0000;
 }

.regRb {
  font-size: 12px;
  line-height: 125%;
  font-weight: bold; 
  color: #FF0000;
 }

.reg2 {
  font-size: 11px;
  line-height: 125%;
  color: #FFFFFF
}

.reg3 {
  font-size: 11px;
  line-height: 125%;
  color: #000000
}

.regBb {
  font-size: 12px;
  line-height: 125%;
  font-weight: bold; 
  color: #003366;
 }

.regBb14 {
  font-size: 14px;
  line-height: 125%;
  font-weight: bold; 
  color: #003366;
 }


.textwhbld {
				font-weight: bold;
				font-size: 11px;
				color: #ffffff
 }
	
.sm {
				font-size: 10px;
				color: #666666
 }

.footer {
				font-size: 11px;
				color: #999999
 }
				
.drop {
				font-size: 10px;
				color: #000000
 }

.quote {
	font-size: 11px;
	font-style: normal;
	color: #666666;
}

.noindent {
	list-style-position: outside;
	list-style-type: circle;
}

ol {
				font-size: 12px;
				color: #666666
 }
ul {
				font-size: 12px;
				color: #666666
 }
li {
				font-size: 12px;
				color: #666666
 }

.underline {
  font-size: 12px;
  color: #666666;
  text-decoration: underline
}

.upper {
				font-size: 10px;
				color: #666666;
				vertical-align:super;
 }

/*======================トップ========================*/

.bggray {  background-color: #CCCCCC}

/*======================製品========================*/


/*パディング（上4　右4　下4　左0）*/
.pdPro01 {
	padding: 4px 4px 4px 0px;
}

/*パディング（上下3　左右3）*/
.pdPro02 {
	padding: 3px 3px;
}

/*パディング（上下4　左右6）*/
.pdPro03 {
	padding: 4px 6px;
}

/*パディング（上下0　左右8）*/
.pdPro04 {
	padding: 0px 8px;
}

/*======================サポート========================*/

/*パディング（上下1　左右6）*/
.pdSup01 {
	padding: 1px 6px;
}

.bgSuptitle {  background-color: #999999}
.bgSupsub01 {  background-color: #CCCCCC}
.bgSupsub02 {  background-color: #ECECEC}

/*======================会社概要========================*/

/*パディング（上下1　左右6）*/
.pdCorp01 {
	padding: 1px 6px;
}

.bgCorptitle {  background-color: #999999}
.bgCorpsub {  background-color: #ECECEC}

/*======================共通========================*/

.bggray1 {  background-color: #999999}
.bggray2 {  background-color: #CCCCCC}
.bggray3 {  background-color: #ECECEC}

.bggray1p {
  background-color: #999999;
	padding: 2px;
}

.bggray3b {
  background-color: #ECECEC;
  font-size: 12px;
  line-height: 125%;
  font-weight: bold; 
  color: #666666;
}

.border_b {  border-bottom: #CCCCCC 1px dotted}
.bgwh {
  background-color: #FFFFFF;
 text-align: center;
}


/*======================サイトマップ========================*/

/*パディング（上2　右4　下2　左4）*/
.pdsite01 {
	padding: 3px 4px 3px 4px;
}



/*=================060414追加 sslvpn関連====================*/




.leftborder { border-style:solid; border-width:0px 0px 0px 1px; border-color:#CCCCCC;}
td.tablerow{border-style:solid; border-width:0px 1px 1px 0px; border-color:#CCCCCC; background-color:#FFFFFF; padding:3px; padding-left:10px;font-size: 12px;color: #666666; line-height: 125%;}
th{font-size:12px; font-weight:bold; border-style:solid; border-width:1px; border-color:#CCCCCC; background-color:#CCCCCC; color:#OOOOOO; text-align:left; padding:3px;}



/*=================060921追加 キャンペーン関連====================*/

.regg {
  font-size: 12px;
  line-height: 125%;
  color: #CCCCCC;
 }
.regg10 {
  font-size: 10px;
  line-height: 125%;
  color: #CCCCCC;
}
.regbk {
  font-size: 12px;
  line-height: 125%;
  color: #333333;
 }
.indent{
  font-size: 12px;
  line-height: 125%;
  color: #CCCCCC;
  text-indent:-18px;
  margin-left:18px;
}
.tx12 {
	font-size: 12px;
	line-height: 1.5em;
	color: #666666;
}



/*=================070320追加 ems関連====================*/


td.tableleft{border-style:solid; border-width:0px 1px 1px 0px; border-color:#CCCCCC; background-color:#EEEEEE; padding:3px; padding-left:5px;font-size: 12px;color: #666666; line-height: 125%;}
td.tableleftbold{border-style:solid; border-width:0px 1px 1px 0px; border-color:#CCCCCC; background-color:#FFFFFF; padding:3px; padding-left:5px;font-size: 12px;color: #666666; line-height: 125%;}
td.tableleftsub{border-style:solid; border-width:0px 1px 1px 0px; border-color:#CCCCCC; background-color:#EEEEEE; padding:3px; padding-left:25px;font-size: 12px;color: #666666; line-height: 125%;}
td.tableright{border-style:solid; border-width:0px 1px 1px 0px; border-color:#CCCCCC; background-color:#FFFFFF; padding:3px; padding-left:0px;font-size: 12px;color: #666666; line-height: 125%; text-align:center;}

.note {
   margin-top: 8px;
}


/*=================090202追加 導入事例関連====================*/
.mrg-l20 {
margin-left: 20px;
}

/*=================120131追加 WXA関連====================*/

/* タブCSS */

#tabArea,
#tab {
	width: 100%;
	margin: 0;
	padding: 0;
}

#tabArea {
	margin:0 auto;
	text-align:left;
}

#tab {
	list-style: none;
	background: url( ../../products/image_wxa/tab_line.gif) no-repeat bottom;
	_background: url( ../../products/image_wxa/tab_line.gif) no-repeat 0px 37px;
	height: 39px;
	padding: 0 0 0 0;
	_zoom: 1;
}

#tab li {
	float:left;
	margin-right: 3px;
}

#tab li.spaceL {
	padding-left: 10px;
}

#tab li img {
	border: 0;
	outline: none;
}

#tabBox {
	clear: both;
	margin: 0;
	padding: 15px 0 0 0;
	text-align:left;
	_zoom:1;
}

#tabBox div.wxacon {
	overflow:hidden;
	_zoom: 1;
	margin: 20px;
}

#tabBox p.conimgR {
	float: left;
	margin: 0;
	padding: 0px 18px 8px 0;
}

#tabBox p.conimgL {
	float: right;
	margin: 0;
	padding: 0px 0 8px 18px;
}

#tabBox p.conimgC {
	text-align: center;
	margin: 0;
	padding: 0px 0 8px 0px;
}

#tabBox p.captext {
	margin: 0;
	padding: 0 0 20px 0;
}

#tabBox p.context {
	margin: 0;
	padding: 0;
}

#tabBox p.context strong {
	line-height: 1.0;
	display: block;
	padding: 4px 0 11px 0;
	font-size: 15px;
}

#tabBox p.cantext2 {
	margin: 0;
	padding: 0 0 0 0;
}

#tabBox p.Hspace {
	margin-bottom: 22px;
}

#tabBox p.context2 strong {
	line-height: 2.7;
	color: #3366CC;
	font-size: 20px;
}

#tabBox table.legend {
	font-size: 11px;
	color: #666666;
}

#tabBox table.legend td {
	vertical-align: middle;
}

#tabBox table.legend img {
	margin: 0 3px 0 10px;
}

#tabBox table.wxatable {
	width: 100%;
	font-size: 11px;
	color: #666666;
}

#tabBox table.wxatable td.titcell {
	font-size: 11px;
	vertical-align: bottom;
	padding: 5px 0 4px 5px;
	margin: 0;
	background: #ffffff;
	border-collapse: inherit;
	font-weight: bold;
	border-bottom: 2px solid #B4B4B4;
	background-image: none;
}

#tabBox table.wxatable td {
	background: url( ../../products/image_wxa/table_td_bg.jpg) repeat-y;
	border-bottom: 1px solid #E6E6E6;
	padding: 5px 0 4px 5px;
}

#tabBox table.wxatable td.bgnon {
	background-image: none;
}

#tabBox table.wxatable td.center {
	text-align: center;
}

#tabBox table.wxatable td sup {
	color: #3366CC;
}

#tabBox table.numberinfo {
	margin-top: 15px;
	color: #999999;
}

#tabBox table.numberinfo td {
	font-size: 11px;
	vertical-align: top;
}