@charset "UTF-8";

/* //////////////////////////////////////////////////
[COMMON] 
////////////////////////////////////////////////// */

/* webFont
----------------------------------- */
#newsListHeader h1,
#newsCategoryNav ul li a .en,
body.en #newsCategoryNav ul li a .ja,
#newsRanking header h2,
#mailMagazine header h2,
#facebookPage header h2 {
	font-family: 'Cantarell', arial, Myriad, Helvetica, Arial, "Meiryo", "メイリオ", sans-serif !important; 	
}
body.osMac #newsListHeader h1 {
	font-family: 'Cantarell', arial, Myriad, Helvetica, Arial, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Meiryo","メイリオ",  sans-serif !important;
} 

/* specialGradiet
----------------------------------- */
body#special ::selection,
body#special #newsListHeader:after {
	background: -webkit-gradient(
	   linear,
	   left top,
	   right top,
	   color-stop(0, rgb(254,97,97)),
	   color-stop(0.27, rgb(181,97,214)),
	   color-stop(0.49, rgb(57,124,200)),
	   color-stop(0.73, rgb(0,193,164)),
	   color-stop(1, rgb(247,193,46))
	);
}

/* unitNews
----------------------------------- */ 
.unitNews {
	margin-bottom: 20px;
}
.unitNews .timeTags {
	float: left;
	margin-bottom: 5px;
}
.unitNews .timeTags time {
	display: inline-block;
	*display: inline;  
	*zoom: 1;	
	margin-right: 3px;
	padding: 3px;
	background: #ccc;
	color: white;
	font-size: 100%;
	line-height: 1;
}
.unitNews .timeTags .tags {
	display: inline-block;
	*display: inline;  
	*zoom: 1;	
}
.unitNews .timeTags .tags li {
	display: inline-block;
	*display: inline;  
	*zoom: 1; 
	margin-right: 3px;
	padding: 0.4em 0;
	color: #ccc;
	font-size: 77%;
	line-height: 1;
}
.unitNews .timeTags .tags li a {
	text-decoration: none;
	color: #ccc;
}
.unitNews .timeTags .tags li a:hover,
.unitNews .timeTags .tags li a:active {
	color: black;
}
.unitNews .category {
	float: right;
	margin-bottom: 5px;
}
.unitNews .category ul {
	float: right;
}
.unitNews .category li {
	float: right;
	margin-left: 3px;
	font-size: 77%;
	font-weight: bold;
}
.unitNews .category li a {
	display: block;
	padding: 1px;
	line-height: 1;
	text-decoration: none;
}
.unitNews .category .special a:link,
.unitNews .category .special a:visited {
	background-image: -webkit-gradient(
	   linear,
	   left top,
	   right top,
	   color-stop(0, rgb(254,97,97)),
	   color-stop(0.27, rgb(181,97,214)),
	   color-stop(0.49, rgb(57,124,200)),
	   color-stop(0.73, rgb(0,193,164)),
	   color-stop(1, rgb(247,193,46))
	);

	background-clip: text;
	-webkit-background-clip: text;
	color: transparent;
}
body.ff .unitNews .category .special a:link,
body.ff .unitNews .category .special a:visited,
body.android .unitNews .category .special a:link,
body.android .unitNews .category .special a:visited {
	background: white url(/img/common/special_parts/tag.png) no-repeat;
} 
.unitNews .category .service a:link,
.unitNews .category .service a:visited { color: #fe6161; }
.unitNews .category .client a:link,
.unitNews .category .client a:visited { color: #397cc8; }
.unitNews .category .event a:link,
.unitNews .category .event a:visited { color: #f7c02e; }
.unitNews .category .recruit a:link,
.unitNews .category .recruit a:visited { color: #00c1a3; }
.unitNews .category .media a:link,
.unitNews .category .media a:visited { color: #b461d6; }

.unitNews .category .special a:hover,
.unitNews .category .special a:active { 
	color: white;
	background-clip: border-box;
	-webkit-background-clip: border-box;
}
body.ff .unitNews .category .special a:hover,
body.ff .unitNews .category .special a:active,
body.android .unitNews .category .special a:hover,
body.android .unitNews .category .special a:active {
	color: transparent;
	background: white url(/img/common/special_parts/tag_o.png) no-repeat;
} 
.unitNews .category .service a:hover,
.unitNews .category .service a:active { background: #fe6161; color: white; }
.unitNews .category .client a:hover,
.unitNews .category .client a:active { background: #397cc8; color: white; }
.unitNews .category .event a:hover,
.unitNews .category .event a:active { background: #f7c02e; color: white; }
.unitNews .category .recruit a:hover,
.unitNews .category .recruit a:active { background: #00c1a3; color: white; }
.unitNews .category .media a:hover,
.unitNews .category .media a:active { background: #b461d6; color: white; }

.unitNews .main {
	clear: both;
	font-size: 108%;
}

/* newsCategoryNav
----------------------------------- */
#newsCategoryNav {
	margin: 0 auto;
	margin-bottom: 40px;
}
#newsCategoryNav ul {
	text-align: center;
}	
#newsCategoryNav ul br {
	display: none;
}	
#newsCategoryNav ul li {
	display: inline-block;
	*display: inline;  
	*zoom: 1;  	
	margin: 0 0.5% 5px 0;
}
#newsCategoryNav ul li a {
	position: relative;
	overflow: hidden;
	display: block;
	height: 28px;
	border-style: solid;
	border-width: 1px;
	font-weight: bold;
	text-decoration: none;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
#newsCategoryNav ul .all a { border-color: black; color: black; }
#newsCategoryNav ul .service a { border-color: #fe6161; color: #fe6161; }
#newsCategoryNav ul .client a { border-color: #397cc8; color: #397cc8; }
#newsCategoryNav ul .event a { border-color: #f7c02e; color: #f7c02e; }
#newsCategoryNav ul .recruit a { border-color: #00c1a3; color: #00c1a3; }
#newsCategoryNav ul .media a { border-color: #b461d6; color: #b461d6; }

body#all #newsCategoryNav ul .all a { background: black; color:white; }
body#service #newsCategoryNav ul .service a { background: #fe6161; color:white; }
body#client #newsCategoryNav ul .client a { background: #397cc8; color:white;  }
body#event #newsCategoryNav ul .event a { background: #f7c02e; color:white; }
body#recruit #newsCategoryNav ul .recruit a { background: #00c1a3; color:white; }
body#media #newsCategoryNav ul .media a { background: #b461d6; color:white; }

#newsCategoryNav ul li a span{
	display: block;
	position: relative;
	top: 0;
	padding: 0 15px; 
	line-height: 28px;
	text-align: center;

	transition: 0.2s cubic-bezier(0, 0, 0.3, 1.0);
	-webkit-transition: 0.2s cubic-bezier(0, 0, 0.3, 1.0);
	-moz-transition: 0.2s cubic-bezier(0, 0, 0.3, 1.0);
}
#newsCategoryNav ul li a:hover span{
	top: -27px;
}
#newsCategoryNav ul li a .en {
	font-size: 108%;
}
#newsCategoryNav ul li a .ja {
	font-size: 85%;
}

/* special  */
#newsCategoryNav ul .special {
}
#newsCategoryNav ul .special a {
	height: 32px;
	background: url(/img/news/special_parts/bg_btn.png) no-repeat 0 1px;
	border: none;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
}
body#special #newsCategoryNav ul .special a {
	background: url(/img/news/special_parts/bg_btn_cr.png) no-repeat 0 1px;
}
#newsCategoryNav ul .special a span {
	text-indent: -99999px;
	background: url(/img/news/special_parts/txt_btn.png) no-repeat 50% 2px;
	width: 70px;
}
body.en #newsCategoryNav ul .special a span {
	background: url(/img/news/special_parts/txt_btn_en.png) no-repeat 50% 2px;
}
#newsCategoryNav ul .special a .ja {
	background-position: 50% 100% !important;
}
body#special #newsCategoryNav ul .special a span {
	background: url(/img/news/special_parts/txt_btn_cr.png) no-repeat 50% 2px;
}
body#special.en #newsCategoryNav ul .special a span {
	background: url(/img/news/special_parts/txt_btn_cr_en.png) no-repeat 50% 2px;
}

/* Media Queries
----------------------------------- */ 
@media screen and (max-width: 950px) {
	#newsCategoryNav ul br {
		display: inline;
	}	
}
@media screen and (max-width: 480px) {
	#newsCategoryNav ul li {
		display: block;
		width: 280px;
		margin: 0 auto 10px;
	}
	#newsCategoryNav ul br {
		display: none;
	}
	#newsCategoryNav ul .special a {
		background-image: url(/img/news/special_parts/bg_btnL.png);
	}	
	body#special #newsCategoryNav ul .special a {
		background-image: url(/img/news/special_parts/bg_btnL_cr.png);
	}	
	#newsCategoryNav ul .special a span {
		width: 250px;
	}
	body#special #newsCategoryNav ul .special a span {
		width: 250px;
	}
}

/* //////////////////////////////////////////////////
[LIST] 
////////////////////////////////////////////////// */

/* common
----------------------------------- */
.newsSection {
	position: relative;
	z-index: 5;
	min-width: 380px;
}

/* selected
----------------------------------- */
body#service ::selection { background: #fe6161; color: white;}
body#client ::selection { background: #397cc8; color: white;}
body#event ::selection { background: #f7c02e; color: white;}
body#recruit ::selection { background: #00c1a3; color: white;}
body#media ::selection { background: #b461d6; color: white;}


/* header
----------------------------------- */
#newsListHeader {
	margin-bottom: 40px;
}
body#special #newsListHeader:after {
	content: '';
	display: block;
	width :100%;
	height: 1px;
}
body.ff #newsListHeader {
	border-bottom: solid 1px #fe6161;
}
body#all #newsListHeader { border-bottom: solid 1px black; }
body#service #newsListHeader { border-bottom: 1px solid #fe6161; }
body#client #newsListHeader { border-bottom: 1px solid #397cc8; }
body#event #newsListHeader { border-bottom: 1px solid #f7c02e; }
body#recruit #newsListHeader { border-bottom: 1px solid #00c1a3; }
body#media #newsListHeader { border-bottom: 1px solid #b461d6; }

#newsListHeader h1 {
	float: left;
	margin-bottom: 10px;
	font-size: 277%;
	line-height: 1;
	letter-spacing: 0.1em;
}
#newsListHeader h1 br {
	display: none;
}
body#special #newsListHeader {
	background: url(/img/home/sprite.png) no-repeat 0 0;
}
body#special #newsListHeader h1 {
	width: 471px;
	height: 27px;
	padding-left: 39px;
	background: url(/img/common/special_parts/ttl_m.png) no-repeat 100% 0;
	color: transparent;
}
body#all #newsListHeader h1 { color: black; }
body#service #newsListHeader h1 {
	padding-left: 39px;
	background: url(/img/home/sprite.png) no-repeat 0 -93px;
	color: #fe6161;
}
body#client #newsListHeader h1 {
	padding-left: 39px;
	background: url(/img/home/sprite.png) no-repeat 0 -193px;
	color: #397cc8;
}
body#event #newsListHeader h1 {
	padding-left: 39px; 
	background: url(/img/home/sprite.png) no-repeat 0 -292px;
	color: #f7c02e;
}
body#recruit #newsListHeader h1 {
	padding-left: 39px;
	background: url(/img/home/sprite.png) no-repeat 0 -393px;
	color: #00c1a3;
}
body#media #newsListHeader h1 {
	padding-left: 39px;
	background: url(/img/home/sprite.png) no-repeat 0 -490px; 
	color: #b461d6;
}

/* archiveSelect
----------------------------------- */
#archiveNav {
	position: relative;
	z-index: 5;
	float: right;
	margin-bottom: 10px;
	border: solid 1px #ccc;
}
#btnArchiveList a {
	display: block;
	position: relative;
	padding: 3px 40px 3px 12px;
	font-size: 108%;
	font-weight: normal;
	line-height: 24px;
	text-decoration: none;
}
#btnArchiveList a .arrow {
	position: absolute;
	top: 3px;
	right: 3px;
	display: block;
	width: 24px;
	margin-left: 20px;
	background: #bbb;
	line-height: 24px;
	text-align: center;
	color: white;
}
#btnArchiveList a:hover .arrow {
	background: #777;
}
#btnArchiveList a .arrow span {
	display: block;
	transform: scale(0.55,0.55);
	-webkit-transform: scale(0.55,0.55);
	-moz-transform: scale(0.55,0.55);
}
#archivelist {
	position: absolute;
	display: none;
	top: 32px;
	width: 100%;
	background: white;
	border-bottom: solid 1px #ccc;
}
#archivelist li {
	line-height: 0;
}
#archivelist li a {
	display: block;
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
	padding: 5px 3px 5px 12px;
	line-height: 1;
	text-decoration: none;
}
#archivelist .select a {
	background: #eee;
}
#archivelist li a:hover,
#archivelist li a:active {
	background: #ccc;
}
	
/* newsList
----------------------------------- */
#newsList {
	position: relative;
	float: left;
	width: 65%;
}
#newsList .service .main a:hover,
#newsList .service .main a:active { color: #fe6161; }

#newsList .client .main a:hover,
#newsList .client .main a:active { color: #397cc8; }

#newsList .event .main a:hover,
#newsList .event .main a:active { color: #f7c02e; }

#newsList .recruit .main a:hover,
#newsList .recruit .main a:active { color: #00c1a3; }

#newsList .media .main a:hover,
#newsList .media .main a:active { color: #b461d6; }

#moreNewsList {
	display: none;
}

/* Media Queries
----------------------------------- */ 
@media screen and (max-width: 820px) {
	#newsList {
		float: none;
		width: auto;
		margin-bottom: 60px;
	}
} 
@media screen and (max-width: 480px) {
	body#special #newsListHeader {
		background-position: 4px 8px;
	}
	body#special #newsListHeader h1 {
		width: 232px;
		height: 51px;
		padding-left: 39px;
		background: url(/img/common/special_parts/ttl_s.png) no-repeat 100% 0;
	}
	#newsListHeader h1 {
		font-size: 224%;
	}
	#newsListHeader h1 br {
		display: inline;
	}
} 

/* //////////////////////////////////////////////////
[Detail] 
////////////////////////////////////////////////// */

/* common
----------------------------------- */ 
#newsCategoryNav {
	margin-bottom: 40px;
}
#newsEntry {
	float: left;
	width: 67%;
}

/* entryHeader
----------------------------------- */ 
#entryHeader {
	padding-bottom: 15px;
	margin-bottom: 10px;
	border-bottom: solid 1px black;
}
#entryHeader h1 {
	margin-bottom: 10px;
	font-size: 185%;
	line-height: 1.25;
}
#entryHeader .timeTags {
	float: left;
}
#entryHeader .timeTags time {
	display: inline-block;
	*display: inline;  
	*zoom: 1;	
	margin-right: 3px;
	padding: 6px;
	background: #ccc;
	font-weight: bold;
	font-weight: 108%;
	color: white;
	line-height: 1;
}
#entryHeader .timeTags .tags {
	display: inline-block;
	*display: inline;  
	*zoom: 1;	
}
#entryHeader .timeTags .tags li {
	display: inline-block;
	*display: inline;  
	*zoom: 1;	
	margin-right: 3px;
	padding: 0.4em 0;
	color: #ccc;
	font-size: 77%;
	line-height: 1;
}
#entryHeader .timeTags .tags li a {
	text-decoration: none;
	color: #ccc;
}
#entryHeader .timeTags .tags li a:hover,
#entryHeader .timeTags .tags li a:active {
	color: black;
}
#entryHeader .category {
	float: right;
	margin-top: 10px;
}
#entryHeader .category ul {
	float: right;
}
#entryHeader .category li {
	float: right;
	margin-left: 3px;
	font-size: 77%;
	font-weight: bold;
}
#entryHeader .category li a {
	display: block;
	padding: 1px;
	line-height: 1;
	text-decoration: none;
}
#entryHeader .category .service a:link,
#entryHeader .category .service a:visited { color: #fe6161; }
#entryHeader .category .client a:link,
#entryHeader .category .client a:visited { color: #397cc8; }
#entryHeader .category .event a:link,
#entryHeader .category .event a:visited { color: #f7c02e; }
#entryHeader .category .recruit a:link,
#entryHeader .category .recruit a:visited { color: #00c1a3; }
#entryHeader .category .media a:link,
#entryHeader .category .media a:visited { color: #b461d6; }

#entryHeader .category .service a:hover,
#entryHeader .category .service a:active { background: #fe6161; color: white; }
#entryHeader .category .client a:hover,
#entryHeader .category .client a:active { background: #397cc8; color: white; }
#entryHeader .category .event a:hover,
#entryHeader .category .event a:active { background: #f7c02e; color: white; }
#entryHeader .category .recruit a:hover,
#entryHeader .category .recruit a:active { background: #00c1a3; color: white; }
#entryHeader .category .media a:hover,
#entryHeader .category .media a:active { background: #b461d6; color: white; }

#entryHeader .category .special a:link,
#entryHeader .category .special a:visited {
	background-image: -webkit-gradient(
	   linear,
	   left top,
	   right top,
	   color-stop(0, rgb(254,97,97)),
	   color-stop(0.27, rgb(181,97,214)),
	   color-stop(0.49, rgb(57,124,200)),
	   color-stop(0.73, rgb(0,193,164)),
	   color-stop(1, rgb(247,193,46))
	);

	background-clip: text;
	-webkit-background-clip: text;
	color: transparent;
}
body.ff #entryHeader .category .special a:link,
body.ff #entryHeader .category .special a:visited,
body.android #entryHeader .category .special a:link,
body.android #entryHeader .category .special a:visited {
	background: white url(/img/common/special_parts/tag.png) no-repeat;
} 
#entryHeader .category .special a:hover,
#entryHeader .category .special a:active {
	color: white;
	background-clip: border-box;
	-webkit-background-clip: border-box;
}
body.ff #entryHeader .category .special a:hover,
body.ff #entryHeader .category .special a:active,
body.android #entryHeader .category .special a:hover,
body.android #entryHeader .category .special a:active {
	color: transparent;
	background: white url(/img/common/special_parts/tag_o.png) no-repeat;
} 


/* Share Btn
----------------------------------- */ 
#entryShareBtn {
	margin-bottom: 50px;
}
#entryShareBtn ul {
	float: right;
}
#entryShareBtn ul li {
	float: left;
	width: 17px;
	padding-right: 5px;
	overflow: hidden;

	transition: 0.2s ease-in-out;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
}
#entryShareBtn ul .facebook:hover { width: 138px; }
#entryShareBtn ul .twitter:hover { width: 156px; }
#entryShareBtn ul .mixi:hover { width: 120px; }
#entryShareBtn ul .hatebu:hover { width: 75px; }
#entryShareBtn ul .plusone:hover { width: 85px; }

#entryShareBtn ul li .wrap {
	padding-left: 23px; 
	background: url(/img/common/ico/socialLink_sprite.png) no-repeat;
}
#entryShareBtn ul .facebook .wrap {
	width: 103px;
	height: 24px;
	overflow: hidden;
	background-position: 0 2px;
}
#entryShareBtn ul .facebook iframe {
	width: 120px !important;
}
#entryShareBtn ul .twitter .wrap {
	height: 21px;
	overflow: hidden;
	background-position: 0 -48px;
}
#entryShareBtn ul .mixi .wrap {
	background-position: 0 -98px;
}
#entryShareBtn ul .mixi iframe {
	width: 120px !important;
	height: 20px !important;
}
#entryShareBtn ul .hatebu .wrap {
	margin-right: 0;
	background-position: 0 -148px;
}
#entryShareBtn ul .plusone {
	padding-right: 0;
}
#entryShareBtn ul .plusone .wrap {
	margin-right: 0;
	background-position: 0 -198px;
}

/* Entry Body
----------------------------------- */ 
#entryBody {
	padding-bottom: 20px;
	margin-bottom: 35px;
	border-bottom: dashed 1px black;
}
#entryBody p {
	margin-bottom: 20px;
	font-size: 108%;
	overflow: hidden;
}
#entryBody img,
#entryBody p img {
	display: block;
	margin: 0 auto;
	height: auto;
}

/* Relation Entry
----------------------------------- */ 
#relationEntry h2 {
	margin-bottom: 20px;
	padding-left: 15px;
	border-left: solid 2px black;
	font-size: 139%;
	line-height: 1.2;
}
#relationEntry .content {
	padding-left: 15px;
	border-left: dashed 1px black;
}

/* Media Queries
----------------------------------- */ 
@media screen and (max-width: 820px) {
	#newsEntry {
		float: none;
		width: auto;
		margin-bottom: 100px;
	}
}
@media screen and (max-width: 480px) {
	#entryHeader {
		margin-bottom: 30px;
	}
	#entryShareBtn {
		display: none;
	}
} 

/* //////////////////////////////////////////////////
[NEWS ASIDE] 
////////////////////////////////////////////////// */
#newsAside {
	float: right;
	width: 30%;
}

/* mailMagazine
----------------------------------- */ 
#mailMagazine {
	margin-bottom: 35px;
}
#mailMagazine header {
	background: #efefef;
	padding: 7px 10px;
	margin-bottom: 15px;
	background: #eee;
	background: -webkit-gradient( linear, left top, right top, from(white), color-stop(0.5, white), color-stop(0.5, #CCC), to(#CCC));
	-webkit-background-size: 3px;
} 
#mailMagazine header h2 {
	padding-left: 40px;
	background: url(/img/news/sprite.png) no-repeat 2px -196px;
	font-size: 139%;
	line-height: 1.4; 
}
#mailMagazine .body {
	margin-left: 10px;
}
#mailMagazine .body p {
	clear: both;
	margin-bottom: 10px;
}
#mailMagazine .body .link {
	float: right;
	margin-bottom: 15px;
}
#mailMagazine .body .moreGetInfo {
	float: right;
}
#mailMagazine .body .moreGetInfo li {
	float: left;
	margin-left: 15px;
}
#mailMagazine .body .moreGetInfo li a {
	display:block;
	padding-left: 22px;
	background: url(/img/common/ico/socialLink_sprite.png) no-repeat;
	text-decoration: none;
}
#mailMagazine .body .moreGetInfo .rss a {
	background-position: 0 -250px;
}
#mailMagazine .body .moreGetInfo .rss a:hover {
	color: #ff9c00;
}
#mailMagazine .body .moreGetInfo .twitter a {
	background-position: 0 -50px;
}
#mailMagazine .body .moreGetInfo .twitter a:hover {
	color: #2da9da;
}

/* mailMagazine
----------------------------------- */ 
#facebookPage {
	margin-bottom: 35px;	
}
#facebookPage {
	margin-bottom: 35px;
}
#facebookPage header {
	background: #efefef;
	padding: 0 10px;
	margin-bottom: 15px;
	background: #eee;
	background: -webkit-gradient( linear, left top, right top, from(white), color-stop(0.5, white), color-stop(0.5, #CCC), to(#CCC));
	-webkit-background-size: 3px;
} 
#facebookPage header h2 {
	padding: 7px 0px 7px 40px;
	background: url(/img/news/sprite.png) no-repeat 7px -291px;
	font-size: 139%;
	line-height: 1.4; 
}
#facebookPage .body {
	margin-left: 10px;
}
#facebookPage .body p {
	clear: both;
	margin-bottom: 10px;
}
#facebookPage .body p strong {
	color: #4a6bad;
	font-size: 124%;
}
#facebookPage .body .moreGetInfo {
	float: right;
}
#facebookPage .body .moreGetInfo li {
	float: left;
	margin-left: 15px;
}
#facebookPage .body .moreGetInfo li a {
	display:block;
	padding-left: 22px;
	background: url(/img/common/ico/socialLink_sprite.png) no-repeat;
	text-decoration: none;
} 
#facebookPage .body .moreGetInfo li a:hover {
	color: #4a6bad;
}

/* newsRanking
----------------------------------- */ 
#newsRanking {
}
#newsRanking header {
	background: #efefef;
	padding: 7px 10px;
	margin-bottom: 15px;
	background: #eee;
	background: -webkit-gradient( linear, left top, right top, from(white), color-stop(0.5, white), color-stop(0.5, #CCC), to(#CCC));
	-webkit-background-size: 3px;
} 
#newsRanking header h2 {
	padding-left: 40px;
	background: url(/img/news/sprite.png) no-repeat;
	font-size: 139%;
	line-height: 1.4; 
}
#newsRanking .rankingPeriod {
	margin: 0 0 15px 10px;
}
#newsRanking .unitRanking {
	position: relative;
	margin-bottom: 40px;
	padding-left: 60px;
}
#newsRanking .unitRanking:hover {
	cursor: pointer;
}
#newsRanking .unitRanking .rank {
	position: absolute;
	left: 0;
	width: 60px;
	height: 100%;
}
#newsRanking .unitRanking .rank p {
	position: absolute;
	top: 20%;
	width: 42px;
	height: 40px;
	background: white url(/img/news/sprite.png) no-repeat 0 -100px;
	line-height: 40px;
	text-align: center;
	font-size: 185%;
	font-weight: bold;
}
#newsRanking .unitRanking .main  {
	font-size: 100%;
}
#newsRanking .service .main a:hover,
#newsRanking .service .main a:active { color: #fe6161; }

#newsRanking .client .main a:hover,
#newsRanking .client .main a:active { color: #397cc8; }

#newsRanking .event .main a:hover,
#newsRanking .event .main a:active { color: #f7c02e; }

#newsRanking .recruit .main a:hover,
#newsRanking .recruit .main a:active { color: #00c1a3; }

#newsRanking .media .main a:hover,
#newsRanking .media .main a:active { color: #b461d6; }

/* rankingNextPrev */
#newsRanking .rankingNextPrev {
	margin-bottom: 20px;
}
#newsRanking .rankingNextPrev li {
	width: 48%;
}
#newsRanking .rankingNextPrev .next { float: right; }
#newsRanking .rankingNextPrev .prev { float: left; }

#newsRanking .rankingNextPrev li a {
	display: block;
	background: url(/img/news/arrow_sprite.png) no-repeat;
	border-bottom: solid 1px black;
	text-decoration: none;
	line-height: 1.2;
}
#newsRanking .rankingNextPrev li a:hover,
#newsRanking .rankingNextPrev li a:active {
	border: none;
}
#newsRanking .rankingNextPrev .next a {
	float: left;
	padding-right: 15px;
	background-position: 99% -98px;
	text-align: right;
}
#newsRanking .rankingNextPrev .next a:hover,
#newsRanking .rankingNextPrev .next a:active {
	background-position: 100% -98px;
}
#newsRanking .rankingNextPrev .prev a {
	float: right;
	padding-left: 15px;
	background-position: 1% -298px;
}
#newsRanking .rankingNextPrev .prev a {
	background-position: 0 -298px;
}

/* Media Queries
----------------------------------- */ 
@media screen and (max-width: 820px) {
	#newsAside {
		float: none;
		width: auto;
	}
}