/*** PC AND SP 共通CSS ***/

/*** Category Color ***/
.category,
.sideCategory {
	color: #FFF;
}
@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 100;
}
@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 200;
}
@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 300;
}
@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 400;
}
@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Bold");
	font-weight: bold;
}
#mainWrap {
	font-family: Quicksand, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: 500;
}
.new {
	background-color: #E0C448;
	padding: 4px 5px;
	margin-right: 2px;
	font-size: 12px;
	color: #FFF;
	line-height: 1em;
	display: inline-block;
	float: left;
}
.blog {
	background-color: #6c512D;
}
.ocher {
	color: #E0C447;
}
.ad-marketing {
	background-color: #EA961B;
}
.create-website {
	background-color: #7FD0E4;
}
.management-talent {
	background-color: #60512A;
}
.user-trend {
	background-color: #CBA488;
}
.business-trend {
	background-color: #A582BB;
}
#sideContactBar {
	display: none !important;
}


/* お知らせ */
.recruit-news {
	background-color: #8C4322;
}
.recruit-news:hover {
	background-color: rgba(140, 67, 34, 0.8);
}
/* 会社紹介 */
.our-company {
	background-color: #2BC67E;
}
.our-company:hover {
	background-color: rgba(43, 198, 126, 0.8);
}
/* 福利厚生 */
.welfare {
	background-color: #1A80D3;
}
.welfare:hover {
	background-color: rgba(26, 128, 211, 0.8);
}
/* 就活道場 */
.dojo {
	background-color: #FF804A;
}
.dojo:hover {
	background-color: rgba(255,128,74,0.8);
}
/* デザイナー */
.designer {
	background-color: #DD6696;
}
.designer:hover {
	background-color: rgba(221, 102, 150, 0.8);
}
/* エンジニア */
.engineer {
	background-color: #089EC2;
}
.engineer:hover {
	background-color: rgba(8, 158, 194, 0.8);
}
/* コンサルタント */
.consultant {
	background-color: #A762B5;
}
.consultant:hover {
	background-color: rgba(167, 98, 181, 0.8);
}
/* コラム */
.column {
	background-color: #FFB126;
}
.column:hover {
	background-color: rgba(255, 177, 38, 0.8);
}
/* pick up! */
.pickup {
	background-color: rgb(239, 128, 168);
}

/* ニュース */
/* IT全般 */
.it {
	background-color: #A762B5;
}
.it:hover {
	background-color: rgba(167, 98, 181, 0.8);
}
/* システム開発 */
.system-dev {
	background-color: #089EC2;
}
.system-dev:hover {
	background-color: rgba(8, 158, 194, 0.8);
}
/* デザイン */
.design {
	background-color: #DD6696;
}
.design:hover {
	background-color: rgba(221, 102, 150, 0.8);
}
/* サイト制作 */
.site-production {
	background-color: #FF804A;
}
.site-production:hover {
	background-color: rgba(255,128,74,0.8);
}
/* キャリア */
.career {
	background-color: #2BC67E;
}
.career:hover {
	background-color: rgba(43, 198, 126, 0.8);
}
/* マーケティング */
.marketing {
	background-color: #FFB126;
}
.marketing:hover {
	background-color: rgba(255, 177, 38, 0.8);
}
/* ビジネス */
.business {
	background-color: #1A80D3;
}
.business:hover {
	background-color: rgba(26, 128, 211, 0.8);
}