@charset "utf-8";
/*----------------------------------------------------
	                 Reset
------------------------------------------------------*/
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td,
article,
aside {
	margin: 0;
	padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6{
	font-size: 100%;
}


table {
     border-collapse: collapse;
     border-spacing: 0;
}

fieldset,
img {
     border: 0;
     vertical-align: bottom;
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var,
optgroup {
     font-style: inherit;
     font-weight: inherit;
}

li {
     list-style: none;
}
caption,
th {
     text-align: left;
}
header,
footer{
	display: block;
}
strong{
	font-weight: bold;
}
/*----------------------------------------------------
	                 Basic Elements
------------------------------------------------------*/
@font-face {
    font-family: 'fontello';
    src: url('../font/fontello.eot');
    src: url('../font/fontello.eot?iefix') format('eot'),
         url('../font/fontello.woff') format('woff'),
         url('../font/fontello.ttf') format('truetype'),
         url('../font/fontello.svg#webfontjSpbZQRv') format('svg');
}


body {
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Mayryo','ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	color: #262626;
	font-size: 90%;
	line-height: 1.5em;
}

a{
	color: #262626;
}
a:hover{
	color: #5b5b5b;
	text-decoration: underline;
}

#mainCopy,
.sectionTit,
#gNavs,
#newsLists .date,
#newsBtn,
.ftNav,
#followNavs,
.pageTit,
.recruitNavAreaIndex{
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	}
.recruitNavAreaIndex,
#gNavs,
#newsLists .date,
#newsBtn,
.ftNav,
#followNavs{
	font-weight: 600;
}
.recruitNavAreaIndex span,
.pageTit span,
.sectionTit span,
#gNav .jp{
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Mayryo','ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}

#pageTop,
#pageTop a{
	width: 80px;
	height: 80px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
#pageTop{
	box-sizing: border-box;
	position: fixed;
	background: #262626;
	opacity: 0.9;
	z-index: 1001;
	-moz-border-radius: 40px;
	-webkit-border-radius: 40px;
	border-radius: 40px;
}
#pageTop a{
	text-decoration: none;
	font-size: 20px;
	color: #fff;
}
#pageTop a:after{
	content: "\e802";
	font-family: 'fontello';
}
#siteHeader{
	background: #fff;
}
/*----------------------------------------------------
	                 footer
------------------------------------------------------*/
#siteFooter{
	background: #383837;
}
#ftSubNavArea{
	background: #262626;
}
#siteFooter a{
	color: #fff;
	text-decoration: none;
}
#siteFooter a:hover{
	color: #45b1c7;
}
.ftNav:last-child{
	padding-right: 0;
}

#home #ftNavTop a,
#company #ftNavCompany a,
#business #ftNavBusiness a,
#works #ftNavWorks a,
#recruit #ftNavRecruit a,
.contact #ftNavContact a{
	color: #45b1c7;
}
#ftSubNavs{
	text-align: center;
	height: 15px;
	padding: 15px 0;
	line-height: 1em;
}
.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{
	background: url(../img/common/bg01.png);
	}
	
#copyRightArea #pMark{
	display: block;
}
#copyRightArea #copyRight{
	display: block;
	font-size: 12px;
}
/*----------------------------------------------------
	                 contents
------------------------------------------------------*/
.sectionTit{
	text-align: center;
	color: #262626;
}
.sectionTit span{
	display: block;
	color: #5b5b5b;
	line-height: 1em;
}

/*----------------------------------------------------
	                 error
------------------------------------------------------*/
.errTitle {font-size:100%; padding:2px 5px !important; background:#ee0000; color:#ffffff;text-align: center;}
.errColor { color: #f20000;font-weight: bold;}