@charset "UTF-8";
/* bace.css */
html {
	background-color: #ECECEC;
	background:url(/images/common/BgGray.png);
}
body {
	min-width:1170px;
	background:url(/images/common/Bg.jpg) repeat-y top center;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:12px;
	color:#333333;
	position: relative;
}
a {
	color:#2068A1;
}
a:hover {
	color:#0099CC;
}
a img {
	border:none;
}
ul, ol {
	list-style-type:none;
}

/* Header */
#Header {
	width:100%;
	height:80px;
	background:url(/images/common/BgHeader.png) repeat-x;
}
#HeaderContents {
	width:980px;
	margin:0 auto;
}
#Nav {
	width:753px;
	margin-top:15px;
	float:right;
}
#Nav li {
	width:107px;
	height:36px;
	float:left;
}
#Nav li a {
	display:block;
	width:107px;
	height:0;
	padding-top:36px;
	background:url(../images/common/Nav.png) no-repeat;
	overflow:hidden;
}
#Apps #Nav li#NavApps a,
#Nav li#NavApps a:hover {
	background-position:0 -36px;
}

#Nav li#NavService a {
	background-position:-107px 0;
}
#Service #Nav li#NavService a,
#Nav li#NavService a:hover {
	background-position:-107px -36px;
}

#Nav li#NavWorks a {
	background-position:-214px 0;
}
#Works #Nav li#NavWorks a,
#Nav li#NavWorks a:hover {
	background-position:-214px -36px;
}

#Nav li#NavCompany a {
	background-position:-321px 0;
}
#Company #Nav li#NavCompany a,
#Nav li#NavCompany a:hover {
	background-position:-321px -36px;
}

#Nav li#NavIR a {
	background-position:-428px 0;
}
#IR #Nav li#NavIR a,
#Nav li#NavIR a:hover {
	background-position:-428px -36px;
}

#Nav li#NavNews a {
	background-position:-535px 0;
}
#News #Nav li#NavNews a,
#Nav li#NavNews a:hover {
	background-position:-535px -36px;
}

#Nav li#NavRecruit a {
	background-position:-642px 0;
}
#Careers #Nav li#NavRecruit a,
#Nav li#NavRecruit a:hover {
	background-position:-642px -36px;
}
			#Nav li#NavContact a {
				background-position:-749px 0;
			}
			#Contact #Nav li#NavContact a,
			#Nav li#NavContact a:hover {
				background-position:-749px -36px;
			}


/*#Nav {
	width:753px;
	margin-top:15px;
	float:right;
}
#Nav li {
	width:100px;
	height:36px;
	float:left;
}
#Nav li a {
	display:block;
	width:100px;
	height:0;
	padding-top:36px;
	background:url(/images/common/Nav.png) no-repeat;
	overflow:hidden;
}
#Nav li#NavIdentity,
#Nav li#NavIdentity a {
	width:149px;
}
#Nav li#NavContact,
#Nav li#NavContact a {
	width:101px;
}
#Identity #Nav li#NavIdentity a,
#Nav li#NavIdentity a:hover {
	background-position:0 -36px;
}
#Nav li#NavService a {
	background-position:-149px 0;
}
#Service #Nav li#NavService a,
#Nav li#NavService a:hover {
	background-position:-149px -36px;
}
#Nav li#NavWorks a {
	background-position:-249px 0;
}
#Works #Nav li#NavWorks a,
#Nav li#NavWorks a:hover {
	background-position:-249px -36px;
}
#Nav li#NavCompany a {
	background-position:-349px 0;
}
#Company #Nav li#NavCompany a,
#Nav li#NavCompany a:hover {
	background-position:-349px -36px;
}
#Nav li#NavNews a {
	background-position:-449px 0;
}
#News #Nav li#NavNews a,
#Nav li#NavNews a:hover {
	background-position:-449px -36px;
}
#Nav li#NavRecruit a {
	background-position:-549px 0;
}
#Careers #Nav li#NavRecruit a,
#Nav li#NavRecruit a:hover {
	background-position:-549px -36px;
}
#Nav li#NavContact a {
	background-position:-649px 0;
}
#Contact #Nav li#NavContact a,
#Nav li#NavContact a:hover {
	background-position:-649px -36px;
}*/

/* Contents */
#ContentsWrapper {
	position:relative;
	width:980px;
	margin:0 auto;
	padding-bottom:50px;
	background:url(/images/common/BgSide.jpg) repeat-y top left;
}
#Logo {
	position:absolute;
	top:-80px;
	z-index:200;
	width:216px;
	height:229px;
}
#Contents {
	width:750px;
	float:right;
	z-index: 10;
	position: relative;
	/*overflow: hidden;*/
}
.bread {
	height:30px;
	margin-top:20px;
	padding-left:5px;
	background:url(/images/common/BreadLine.png) no-repeat center bottom;
}
.bread a {
	text-decoration:none;
}
.bread img {
	padding:0 10px;
}
.bread .current {
	font-weight:bold;
}
#PageTit {
	width:200px;
	margin:30px 0 30px 5px;
	float:left;
}
#SecondSocial {
	width:220px;
	height:31px;
	margin-top:30px;
	padding:7px 0 0 110px;
	float:right;
	line-height:38px;
	background:url(/images/common/BgSecondSocial.png) no-repeat;
}
#SecondSocial li {
	display:inline;
}

/* Side */
#Side {
	width:210px;
	padding-top:155px;
	position: relative;
	z-index: 100;
}
#SideNavService {
	margin:10px 0 30px 0;
}
#SideNavService li {
	line-height:2em;
}
#SideNavService a {
	display:block;
	width:210px;
	height:0;
	padding-top:36px;
	background:url(/images/common/ServiceIcon.png) no-repeat;
	overflow:hidden;
}
#Service.all #SideServiceAll a,
#SideServiceAll a:hover {
	background-position:-210px 0;
}
#SideServicePC a {
	background-position:0 -36px;
}
#Service.tag01 #SideServicePC a,
#SideServicePC a:hover {
	background-position:-210px -36px;
}
#SideServiceMobile a {
	background-position:0 -72px;
}
#Service.tag02 #SideServiceMobile a,
#SideServiceMobile a:hover {
	background-position:-210px -72px;
}
#SideServiceSmartphone a {
	background-position:0 -108px;
}
#Service.tag03 #SideServiceSmartphone a,
#SideServiceSmartphone a:hover {
	background-position:-210px -108px;
}
#SideServiceTablet a {
	background-position:0 -144px;
}
#Service.tag04 #SideServiceTablet a,
#SideServiceTablet a:hover {
	background-position:-210px -144px;
}
#SideServiceSocial a {
	background-position:0 -180px;
}
#Service.tag05 #SideServiceSocial a,
#SideServiceSocial a:hover {
	background-position:-210px -180px;
}
#SideServiceSearchEngine a {
	background-position:0 -216px;
}
#Service.tag06 #SideServiceSearchEngine a,
#SideServiceSearchEngine a:hover {
	background-position:-210px -216px;
}
#SideServiceInternetMedia a {
	background-position:0 -252px;
}
#Service.tag07 #SideServiceInternetMedia a,
#SideServiceInternetMedia a:hover {
	background-position:-210px -252px;
}
#SideServiceAttract a {
	background-position:0 -288px;
}
#Service.tag08 #SideServiceAttract a,
#SideServiceAttract a:hover {
	background-position:-210px -288px;
}
#SideServiceOutcome a {
	background-position:0 -324px;
}
#Service.tag09 #SideServiceOutcome a,
#SideServiceOutcome a:hover {
	background-position:-210px -324px;
}
#SideServiceRecognition a {
	background-position:0 -360px;
}
#Service.tag10 #SideServiceRecognition a,
#SideServiceRecognition a:hover {
	background-position:-210px -360px;
}
#SideServiceProduction a {
	background-position:0 -396px;
}
#Service.tag11 #SideServiceProduction a,
#SideServiceProduction a:hover {
	background-position:-210px -396px;
}
#SideServiceOperation a {
	background-position:0 -432px;
}
#Service.tag12 #SideServiceOperation a,
#SideServiceOperation a:hover {
	background-position:-210px -432px;
}
#SideServiceResearchAnalysis a {
	background-position:0 -468px;
}
#Service.tag13 #SideServiceResearchAnalysis a,
#SideServiceResearchAnalysis a:hover {
	background-position:-210px -468px;
}
#SideServiceConsulting a {
	background-position:0 -504px;
}
#Service.tag14 #SideServiceConsulting a,
#SideServiceConsulting a:hover {
	background-position:-210px -504px;
}
#SideServiceBanner a {
	background-position:0 -540px;
}
#Service.tag15 #SideServiceBanner a,
#SideServiceBanner a:hover {
	background-position:-210px -540px;
}
#SideNavAccount {
	width:180px;
	margin:10px auto 0 auto;
}
#SideNavAccount a {
	display:block;
	width:180px;
	height:0;
	margin-top:5px;
	padding-top:40px;
	background:url(/images/common/BtnSocial.png) no-repeat;
	overflow:hidden;
}
#SideAccountTW a:hover {
	background-position:-180px 0;
}
#SideAccountFB a {
	background-position:0 -40px;
}
#SideAccountFB a:hover {
	background-position:-180px -40px;
}
#SideAccountGP a {
	background-position:0 -80px;
}
#SideAccountGP a:hover {
	background-position:-180px -80px;
}

#PGP {
	width: 180px;
	margin: 10px auto 0 auto;
}

/* Footer */
#Footer {
	clear:both;
	width:100%;
	background:url(/images/common/BgFooter.jpg) repeat-x;
	padding-top: 30px;
}
#FooterContents {
	position:relative;
	background:url(/images/common/BgFooterR.png) repeat;
	overflow: hidden;
	xwidth:1170px;
	width:100%
	margin:0 auto;
	line-height:1.6em;
}
#FooterNav a {
	text-decoration:none;
}
#FooterNav a,
#FooterNav .footerLinkIndex a:hover {
	color:#CCCCCC;
}
#FooterNav a:hover,
#FooterNav .footerLinkIndex a {
	color:#FFFFFF;
}
#FooterNav .footerLinkIndex {
	font-family:"FOT-ニューロダン ProN DB", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:14px;
}
#FooterContactCopyright {
/*	display: none;
*/	clear: both;
	width:250px;
	margin: 10px auto;
}
#FooterNav {
	width:902px;
	margin: 0 auto;
	padding-bottom:43px;
}
#Copyright {
	font-size:10px;
	color:#CCCCCC;
}
.footerLink {
	float:left;
	margin-right:20px;
	padding-right:20px;
	background:url(/images/common/FooterLine.png) repeat-y right;
}
.footerLink.none {
	background:none;
	margin-right: 0;
}
.footerLink p.footerLinkIndex {
	margin-top:10px;
}
.footerLink p.footerLinkIndex a {
	padding-left:10px;
	background:url(/images/common/IconArrow03.png) no-repeat 0 center;
}
.footerLink p {
	margin-bottom:5px;
}
.footerLink p a {
	padding-left:10px;
	background:url(/images/common/IconArrow04.png) no-repeat 0 center;
}
.footerLinkFirst {
	width:170px;
	float:left;
}
.footerLinkSecond {
	width:170px;
	float:left;
}
.footerLink .sep {
	margin-bottom:15px;
}
.footerService {
	width:510px;
}
#FooterSocial {
	clear:both;
	width:100%;
	height:41px;
	background:url(/images/common/BgSocial.png) repeat;
}
#FooterSocial ul {
	width:980px;
	margin:0 auto;
	padding-top:9px;
	text-align:right;
}
#FooterSocial li {
	width:100px;
	height:41px;
	margin-left:5px;
	display:inline;
}
#SecondSocial li.fb span,
#FooterSocial li.fb span {
	padding-bottom:3px;
	line-height: 1;
}