@charset "utf-8";
/*----------------------------------------------------
	                 Basic Elements
------------------------------------------------------*/
body {
	margin: 0;
	padding: 0;
	text-align: center;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Mayryo','ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	color: #262626;
	font-size: 90%;
	line-height: 1.5em;
	background: url(../img/common/bg01.png);
}
a{
	color: #626262;
	text-decoration: underline;
}
a:hover{
	color: #999;
	text-decoration: none;
}
#pageTop{
	right: 50px;
	bottom: 30px;
}
#pageTop,
#pageTop a{
	width: 80px;
	height: 80px;
}
#pageTop{
	-moz-border-radius: 40px;
	-webkit-border-radius: 40px;
	border-radius: 40px;
}
.ie8 #pageTop{
	-ms-filter: "alpha(opacity=90)";
}

.contentsInner,
.siteInner{
	width: 1024px;
	margin: 0 auto;
	text-align: left;
}
.clear{
	width: 100%;
}
.clear:after{
	content: "";
	display: block;
	clear: both;
}
.mgB10{margin-bottom: 10px;}
.mgB20{margin-bottom: 20px;}
.mgB30{margin-bottom: 30px;}
.mgB40{margin-bottom: 40px;}
.pdB10{padding-bottom: 10px;}
.pdB20{padding-bottom: 20px;}
.pdB30{padding-bottom: 30px;}
.pdB40{padding-bottom: 40px;}
/*----------------------------------------------------
	                 header
------------------------------------------------------*/
#siteHeader{
	width: 100%;
	height: 100px;
	z-index: 10000;
	position: relative;
}
#siteHeader .siteInner{
	position: relative;
}
#siteHeader .siteInner .siteLogo{
	position: absolute;
	top: 23px;
	left: 0;
}
.siteLogo img{
	width: 223px;
	height: 50px;
}
#gNavBtnSP{
	display: none;
}
#gNavs{
	position: absolute;
	right: 0;
	top: 0;
	font-size: 15px;
}
.gNav,
.gNav a{
	width: 139px;
	height: 100px;
}
.gNav{
	display: block;
	border-left: 1px solid #e4e4e4;
	float: left;
	z-index: 2;
	overflow: hidden;
}
.gNav a{
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	color: #5b5b5b;
	background: #fff;
	position: relative;
	-moz-transition: background-color 0.5s linear, color 0.5s ease-in-out;
	-webkit-transition: background-color 0.5s linear, color 0.5s ease-in-out;
	transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
}
.gNav a:hover{
	background: #45b1c7;
}
.gNav a .jp{
	display: block;
	font-size: 10px;
}
#gnContact a{
	background: #262626;
	color: #fff;
}
#gnContact a:hover{
	background: #45b1c7;
}
#gNavs:after{
	content: "";
	display: block;
	clear: both;
}
#company #gnCompany a,
#business #gnBusiness a,
#works #gnWorks a,
#recruit #gnRecruit a,
#contact #gnContact a{
	color: #45b1c7;
}
#company #gnCompany a:hover,
#business #gnBusiness a:hover,
#works #gnWorks a:hover,
#recruit #gnRecruit a:hover,
#contact #gnContact a:hover{
	color: #5b5b5b;
}
#followHeader{
	height: 70px;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	background-color: rgba( 255, 255, 255, 0.9 );
}
.ie8 #followHeader{
	background-color: #fff;
}
#followHeader .siteInner{
	position: relative;
}
#followHeader .siteLogo{
	position: absolute;
	top: 10px;
}
#followNavs{
	position: absolute;
	top: 0;
	right: 0;
	font-size: 15px;
}
.followNav,
.followNav a{
	width: 139px;
	height: 70px;
}
.followNav{
	display: block;
	border-left: 1px solid #e4e4e4;
	float: left;
}
.followNav a{
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	color: #5b5b5b;
	/* background: #fff; */
	background: transparent;
	-moz-transition: background-color 0.5s linear, color 0.5s ease-in-out;
	-webkit-transition: background-color 0.5s linear, color 0.5s ease-in-out;
	transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
}
.followNav a:hover{
	background: #45b1c7;
}
.followNav a .jp{
	display: block;
	font-size: 10px;
}
#followContact a{
	background: #262626;
	color: #fff;
}
#followContact a:hover{
	background: #45b1c7;
}
#followNav:after{
	content: "";
	display: block;
	clear: both;
}
#company #followCompany a,
#business #followBusiness a,
#works #followWorks a,
#recruit #followRecruit a,
#contact #followContact a{
	color: #45b1c7;
}
#company #followCompany a:hover,
#business #followBusiness a:hover,
#works #followWorks a:hover,
#recruit #followRecruit a:hover,
#contact #followContact a:hover{
	color: #5b5b5b;
}
/*----------------------------------------------------
	                 footer
------------------------------------------------------*/
#ftNavs{
	text-align: center;
	height: 20px;
	padding: 20px 0;
}
.ftNav{
	font-size: 15px;
	display: inline-block;
	padding-right: 50px;
}
.ftNav:last-child{
	padding-right: 0;
}
.ftSubNav{
	display: inline-block;
	border-right: 1px solid #fff;
	padding-right: 15px;
	margin-right: 15px;
	font-size: 12px;
}
.ftSubNav:last-child{
	border-right: none;
	padding-right: 0;
	margin-right: 0;
}
#copyRightArea{
	padding: 25px 0;
	}
	
#copyRightArea #pMark{
	float: left;
	width: 243px;
	height: 74px;
	padding:10px 0 0 84px;
	display: block;
	background: url(../img/common/mark_p.gif) no-repeat 0 0;
	font-size: 12px;
}

#copyRightArea #copyRight{
	text-align: center;
/*
	float: right;
	height: 15px;
	padding-top: 66px;
*/
}
/*----------------------------------------------------
	                 PageTit
------------------------------------------------------*/
#pageTitArea{
	width: 100%;
	height: 80px;
	padding: 70px 0 50px;
	background:url(../img/common/pc/bg_pagetit.jpg) no-repeat 50% 50% #9a9fa1;
}
#pageTitArea .siteInner{
	position: relative;
}
#pageTitArea .pageTit{
	color: #fff;
	font-size: 60px;
	text-align: center;
	line-height: 45px;
}
#pageTitArea .pageTit span{
	display: block;
	font-size: 12px;
}
/*----------------------------------------------------
	                 topicPath
------------------------------------------------------*/
#pageTitArea #topicPath{
	position: absolute;
	top: -60px;
	left: 0;
}
#pageTitArea #topicPath li{
	display: inline-block;
	font-size: 12px;
	line-height: 1em;
	color: #fff;
}
#pageTitArea #topicPath li a{
	color: #fff;
	text-decoration: none;
}
#pageTitArea #topicPath li a:hover{
	color: #fff;
	text-decoration: underline;
}
/*----------------------------------------------------
	                 contents
------------------------------------------------------*/
#contents{
	background: #fff;
	padding: 40px 0;
}
#contents:after{
	content: "";
	display: block;
	clear: both;
}
.sectionTit{
	font-size: 50px;
}
.sectionTit span{
	font-size: 11px;
	margin: 20px auto 30px;
}
/*----------------------------------------------------
	                 pageLink
------------------------------------------------------*/
#pageLinkArea{
	margin: 40px auto;
}
.pageLink{
	width: 150px;
	display: inline-block;
	margin-left: 25px;
	vertical-align: top;
}
.pageLink img{
	padding-bottom: 10px;
}
.pageLink a,
.pageLink a:hover{
	text-decoration: none;
	display: block;
}

.pageLink a{
	-moz-transition: -moz-transform 0.5s linear;
	-webkit-transition: -webkit-transform 0.5s linear;
	transition: transform 0.5s ease-in-out;
}
.pageLink a:hover{
	-moz-transform:scale(0.9);
	-webkit-transform:scale(0.9);
	transform:scale(0.9);
}