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

body
{
background-image:url(../images/bg.jpg);
background-repeat:repeat-x;
height:auto;
background-color:#fcdb7b;
margin-top:0;
margin-left:auto;
margin-right:auto;
margin-bottom:0;
font-family:Arial, Helvetica, sans-serif;
}

.navi
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
font-weight:normal;
background-repeat:no-repeat;
text-decoration:none;
}
.navi:hover
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
font-weight:normal;
text-decoration:none;
}
.navi_active
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
font-weight:normal;
text-decoration:none;
}
#about {
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:Bold;
	color:#ffffff;
	background-image:url(../images/about.jpg);
	background-repeat:no-repeat;
	width:74px;
	height:28px;
	text-decoration:none;
}
#about:hover {
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:Bold;
	color:#000000;
	background-image:url(../images/about_dn.jpg);
	background-repeat:no-repeat;
	text-decoration:none;
}
#b-offering {
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:Bold;
	color:#ffffff;
	background-image:url(../images/business-offering.jpg);
	background-repeat:no-repeat;
	width:134px;
	height:28px;
	text-decoration:none;
}
#b-offering:hover {
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:Bold;
	color:#ffffff;
	background-image:url(../images/business-offering_dn.jpg);
	background-repeat:no-repeat;
	text-decoration:none;
}
#services {
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:Bold;
	color:#ffffff;
	background-image:url(../images/service.jpg);
	background-repeat:no-repeat;
	width:74px;
	height:28px;
	text-decoration:none;
}
#services:hover {
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:Bold;
	color:#ffffff;
	background-image:url(../images/service_dn.jpg);
	background-repeat:no-repeat;
	text-decoration:none;
}
#solutions {
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;

	font-weight:Bold;
	color:#ffffff;
	background-image:url(../images/service.jpg);
	background-repeat:no-repeat;
	width:74px;
	height:28px;
	text-decoration:none;
}
#solutions:hover {
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:Bold;
	color:#ffffff;
	background-image:url(../images/service_dn.jpg);
	background-repeat:no-repeat;
	text-decoration:none;
}
#cloud {
  font-size: 13px;
  font-family: Arial, Helvetica, sans-serif;

  font-weight:Bold;
  color:#ffffff;
  background-image:url(../images/cloud.jpg);
  background-repeat:no-repeat;
  width:74px;
  height:28px;
  text-decoration:none;
}
#cloud:hover {
  font-size: 13px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight:Bold;
  color:#ffffff;
  background-image:url(../images/cloud_dn.jpg);
  background-repeat:no-repeat;
  text-decoration:none;
}
#t-expertise {
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:Bold;
	color:#ffffff;
	background-image:url(../images/technology-expertise.jpg);
	background-repeat:no-repeat;
	width:134px;
	height:28px;
	text-decoration:none;
}
#t-expertise:hover {
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:Bold;
	color:#ffffff;
	background-image:url(../images/technology-expertise_dn.jpg);
	background-repeat:no-repeat;
	text-decoration:none;
}
#SNS-advantage {
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:Bold;
	color:#ffffff;
	background-image:url(../images/SNS-advantage.jpg);
	background-repeat:no-repeat;
	width:120px;
	height:28px;
	text-decoration:none;
}
#SNS-advantage:hover {
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:Bold;
	color:#ffffff;
	background-image:url(../images/SNS-advantage_dn.jpg);
	background-repeat:no-repeat;
	text-decoration:none;
}
#k-center {
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:Bold;
	color:#ffffff;
	background-image:url(../images/knowledeg.jpg);
	background-repeat:no-repeat;
	width:134px;
	height:28px;
	text-decoration:none;
}
#k-center:hover {
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:Bold;
	color:#ffffff;
	background-image:url(../images/knowledeg_dn.jpg);
	background-repeat:no-repeat;
	text-decoration:none;
}

.emerge
{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#CC9900;
font-weight:bold;
text-decoration:none;
}
.emerge-txt
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
font-weight:bold;
line-height:19px;
text-decoration:none;
}

.left_navi
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
font-weight:normal;
padding-right:10px;
text-decoration:none;
}
.left_navi_head
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#ffffff;
font-weight:bold;
padding-left:15px;
padding-top:5px;
}
.textfield
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding-left:5px;
color:#666666;
font-weight:normal;
text-decoration:none;
}
.textsmall
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#666666;
font-weight:normal;
text-decoration:none;
}
.text1
{
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#EE9A17;
font-weight:bold;
text-decoration:none;
}
.banner_head
{
font-family:Arial, Helvetica, sans-serif;
font-size:22px;
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
}
.tab_head
{
font-family:Calibri, Helvetica, sans-serif;
font-size:14px;
color:#4e4d4d;
font-weight:bold;
padding-left:15px;
}
.tab_ul
{
font-family:Calibri, Helvetica, sans-serif;
font-size:14px;
color:#4e4d4d;
font-weight:normal;
padding-left:15px;
line-height:20px;
}

.breathams
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
padding-left:5px;
color:#000000;
font-weight:bold;
text-decoration:none;
}

.breathams:hover
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#085D85;
font-weight:bold;
text-decoration:none;
}
.breathams2
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
font-weight:bold;
text-decoration:none;
}
.breathams_active
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#085D85;
font-weight:bold;
text-decoration:none;
}
.tab
{
border-left:#cccccc 1px solid; 
border-right:#cccccc 1px solid; 
border-top:#cccccc 1px solid; 
border-bottom:#cccccc 1px solid; 
}
.tbl
{
border-left:#cccccc 1px solid; 
}
.tb2
{
border-right:#cccccc 1px solid; 
}
.footer
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#ffffff;
font-weight:normal;
padding-left:5px;
padding-right:5px;
text-decoration:none;
}

.link_textfield
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:blue;
font-weight:normal;
text-decoration:none;
}

/*top menu css*/
/*#awesome-menu{
	width: 719px;
	float:right;
	margin-right:-2px;
	padding-top:24px;
	[padding-top:24px;
	padding-top:22px;];
	border:0px solid red;	
}*/
#awesome-menu{
	width: 794px;
	float:left;
	margin-left:-41px;
	padding-top:24px;
	[padding-top:24px;
	padding-top:24px;];
	border:0px solid red;	
}
/*end*/
/**/
* html #awesome-menu{
	margin-right:-2px;
	padding-top:22px;
}
/*end*/

#awesome-menu ul {
	margin:0;
	list-style: none;
	float:right;
}

#awesome-menu ul li { display: inline; }
	
#awesome-menu ul li a {
	display: block; float: left; height: 28px;
	background-image: url(../images/menu.jpg);	
	color:#fff;
	font-size:12px;
	font-family:Arial;
	text-decoration:none;
	line-height:28px;
	text-align:center;
}

	#awesome-menu ul li a.about {
		width: 76px; background-position: 0 0;
			
	}
	
	#awesome-menu ul li a.busioff {
		width: 136px; background-position: -76px 0;	
		
	}
	
	#awesome-menu ul li a.services {
		width: 76px; background-position: -212px 0;	
		
	}

	#awesome-menu ul li a.solutions {
		width: 76px; background-position: -212px 0;	
	
	}	

	#awesome-menu ul li a.cloud {
	  width: 76px; background-position: -212px 0;

	}

	#awesome-menu ul li a.techexp {
		width: 134px; background-position: -288px 0;
		
	}
	
	#awesome-menu ul li a.snsadv {
		width: 124px; background-position: -422px 0;
			
	}
	#awesome-menu ul li a.kncenter {
		width: 132px; background-position: -548px 0;
			
	}
	
	
	#awesome-menu ul li a.about:hover, #awesome-menu ul  li a.about:focus {
		background-position: 0 -28px;
		color:#000000;
	}
	
	#awesome-menu ul li a.busioff:hover, #awesome-menu ul li a.busioff:focus {
		background-position: -76px -28px;
		color:#000000;	
	}
	
	#awesome-menu ul li a.services:hover, #awesome-menu ul li a.services:focus {
		background-position: -212px -28px;
		color:#000000;	
	}
	
	#awesome-menu ul li a.solutions:hover, #awesome-menu ul li a.solutions:focus {
		background-position: -212px -28px;
		color:#000000;	
	}
	
	#awesome-menu ul li a.cloud:hover, #awesome-menu ul li a.cloud:focus {
    background-position: -212px -28px;
    color:#000000;  
  }
  
	#awesome-menu ul li a.techexp:hover, #awesome-menu ul li a.techexp:focus {
		background-position: -288px -28px;
		color:#000000;	
	}
	
	#awesome-menu ul li a.snsadv:hover, #awesome-menu ul li a.snsadv:focus {
		background-position: -422px -28px;
		color:#000000;	
	}
	#awesome-menu ul li a.kncenter:hover, #awesome-menu ul li a.kncenter:focus {
		background-position: -548px -28px;
		color:#000000;	
	}
	#awesome-menu ul  li a#activeabout {
		background-position: 0 -28px;
		color:#000000;
	}
	#awesome-menu ul  li a#activebusioff {
		background-position: -76px -28px;
		color:#000000;	
	}
	#awesome-menu ul  li a#activeservices {
		background-position: -212px -28px;
		color:#000000;	
	}
	
	#awesome-menu ul  li a#activesolutions {
		background-position: -212px -28px;
		color:#000000;	
	}

  #awesome-menu ul  li a#activecloud {
    background-position: -212px -28px;
    color:#000000;  
  }
  
	#awesome-menu ul  li a#activetechexp {
		background-position: -288px -28px;
		color:#000000;
	}
	#awesome-menu ul  li a#activesnsadv {
		background-position: -422px -28px;
		color:#000000;
	}
	#awesome-menu ul  li a#activekncenter {
		background-position: -548px -28px;
		color:#000000;
	}
a { outline: none; }

.glossymenu{
    margin: 5px 0;
    padding: 0;
    width: 173px; /*width of menu*/
}

.glossymenu a.menuitem{
    color: black;
    font-size: 12px;
    display: block;
    position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
    text-decoration: none;
    background-color: #EBEBEB;
    margin: 0 1px 1px;
    text-align: right;
    padding: 3px 7px;
    float: right;
    width: 143px;
}

/*
.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
    color: white;
}
*/

.glossymenu a.active{
    background-color: #7dc7ed;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
    position: absolute;
    top: 3px;
    left: 3px;
    border: none;
}

.glossymenu .submenu a .right_arrow {
    border: none;
    float: left;
}

.glossymenu a.menuitem:hover{
    background-color: #7dc7ed;
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
    background: white;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
    list-style-type: none;
    margin: 0;
    padding: 0;
}

/*
.glossymenu div.submenu ul li{
    border-bottom: 1px solid blue;
}
*/

.glossymenu div.submenu ul li a{
    display: block;
    font: normal 12px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
    color: black;
    text-decoration: none;
    margin: 1px;
    text-align: right;
    padding: 3px 7px;
}

.glossymenu div.submenu ul li a:hover{
    background: #DFDCCB;
    color: white;
}

.glossymenu a.submenuitem{
    width: 143px;
    float: right;
}