@charset "utf-8";

/* clearfix
------------------------------------------------------------------------------*/
#genres .entry.by4 .detail:after,
#genres .entry.by4 .images ul:after,
#genres .entry.by9 .images ul:after,
#genres .entry.by4 .thumbs ul:after,
#genres .entry.by9 .thumbs ul:after,
#richCaseStudies .menu:after,
.clearfix:after {
	content:'';
	display:block;
	clear:both;
}

/* clearfix IE6 and IE7
------------------------------------------------------------------------------*/
#genres .entry.by4 .detail,
#genres .entry.by4 .images ul,
#genres .entry.by9 .images ul,
#genres .entry.by4 .thumbs ul,
#genres .entry.by9 .thumbs ul,
#richCaseStudies .menu,
.clearfix {
	/zoom:1;
}


/* contents
------------------------------------------------------------------------------*/
#genres h2 {
}

#genres .entries {
	position:relative;
	margin-top:25px;
}
#genres .entries#actual {
	visibility:hidden;
	min-height:300px;
}
#genres .tab {
}
#genres .tab ul {
	margin-top:10px;
}
#genres .tab ul li {
	margin-right:15px;
}
#genres .tab ul li a {
	display:block;
	padding:2px 10px;
	border:1px solid transparent;
	border-radius:5px;
	text-decoration:none;
}
#genres .tab ul li.all.current a,
#genres .tab ul li.all a:hover {
	background-color:transparent;
	border:1px solid #CAC1AA;
}
#genres .tab ul li.tvVideo.current a,
#genres .tab ul li.tvVideo a:hover {
	background-color:#F3BF1F;
}
#genres .tab ul li.web.current a,
#genres .tab ul li.web a:hover {
	background-color:#6CA7F1;
}
#genres .tab ul li.mobile.current a,
#genres .tab ul li.mobile a:hover {
	background-color:#569645;
}
#genres .tab ul li.adPublishing.current a,
#genres .tab ul li.adPublishing a:hover {
	background-color:#E34A5C;
}
#genres .tab ul li.game.current a,
#genres .tab ul li.game a:hover {
	background-color:#C76CF1;
}
#genres .tab ul li.spEvent.current a,
#genres .tab ul li.spEvent a:hover {
	background-color:#58C15A;
}
#genres .tab ul li.social.current a,
#genres .tab ul li.social a:hover {
	background-color:#21CBB1;
}
#genres .tab ul li.ebook.current a,
#genres .tab ul li.ebook a:hover {
	background-color:#E79A61;
}
#genres .tab ul li.other.current a,
#genres .tab ul li.other a:hover {
	background-color:#CCCCCC;
}

#genres .entries#virtual {
	position:absolute;
}
#genres .entry .inner {
	height:255px;
	position:relative;
	padding:0;
}

#genres .entry .category {
	position:absolute;
	z-index:1020;
	min-width:137px;
	margin:0;
	padding:2px 5px;
	text-align:center;
	font-size:90%;
	font-weight:bold;
	white-space:nowrap;
}
#genres .entry.tvVideo .category {
	background-color:#F3BF1F;
}
#genres .entry.web .category {
	background-color:#6CA7F1;
}
#genres .entry.mobile .category {
	background-color:#569645;
}
#genres .entry.adPublishing .category {
	background-color:#E34A5C;
}
#genres .entry.game .category {
	background-color:#C76CF1;
}
#genres .entry.spEvent .category {
	background-color:#58C15A;
}
#genres .entry.social .category {
	background-color:#21CBB1;
}
#genres .entry.ebook .category {
	background-color:#E79A61;
}
#genres .entry.other .category {
	background-color:#CCCCCC;
}
#genres .entry .category a {
	display:block;
}
#genres .entry .category a {
	display:block;
	text-decoration:none;
}
#genres .entry p.image {
	position:relative;
	z-index:1010;
	float:none;
	width:auto;
	margin:0;
	padding:0;
	border:none;
}
#genres .entry p.image img {
	border:none;
}
#genres .entry .detail {
	overflow:hidden;
	width:auto;
	height:45px;
	padding:12px;
}
#genres .entry .detail h3 {
	margin:0;
	padding:0;
	border:none;
	background:none;
	font-size:100%;
	text-shadow:none;
}
#genres .entry .detail p {
	margin-top:10px;
	line-height:1.5;
}
#genres .entry .detail p.thumb {
	display:none;
}
#genres .entry .detail p.time,
#genres .entry .detail p.description {
	margin-top:5px;
	line-height:1.5;
	font-size:84%;
}
#genres .entry .detail p.client {
	font-weight:bold;
}

#genres .entry.by4 {
	width:528px;
}
#genres .entry.by9 {
	width:799px;
}
#genres .entry.by4.tvVideo,
#genres .entry.by9.tvVideo {
	border-color:#F3BF1F;
}
#genres .entry.by4.web,
#genres .entry.by9.web {
	border-color:#6CA7F1;
}
#genres .entry.by4.mobile,
#genres .entry.by9.mobile {
	border-color:#569645;
}
#genres .entry.by4.adPublishing,
#genres .entry.by9.adPublishing {
	border-color:#E34A5C;
}
#genres .entry.by4.game,
#genres .entry.by9.game {
	border-color:#C76CF1;
}
#genres .entry.by4.spEvent,
#genres .entry.by9.spEvent {
	border-color:#58C15A;
}
#genres .entry.by4.social,
#genres .entry.by9.social {
	border-color:#21CBB1;
}
#genres .entry.by4.ebook,
#genres .entry.by9.ebook {
	border-color:#E79A61;
}
#genres .entry.by4 .inner {
	height:526px;
}
#genres .entry.by9 .inner {
	height:789px;
}

#genres .entry.by4 .detail,
#genres .entry.by9 .detail {
	float:none;
	overflow:auto;
	background-image:url(/images/case_studies/bg_entry_detail.png);
	background-repeat:repeat;
	background-position:left top;
	word-break:break-all;
	color:#FFFFFF;
}
#genres .entry.by4 .detail {
	width:502px;
	height:231px;
}
#genres .entry.by9 .detail {
	float:left;
	width:218px;
	height:747px;
	padding-top:30px;
}
#genres .entry.by4 .detail h3,
#genres .entry.by9 .detail h3 {
	margin-top:10px;
	line-height:1.5;
}
#genres .entry.by4 .detail h3.hidden,
#genres .entry.by9 .detail h3.hidden {
	display:none;
}
#genres .entry.by4 .detail .content,
#genres .entry.by9 .detail .content {
}
#genres .entry.by4 .detail h4,
#genres .entry.by9 .detail h4 {
	margin-top:15px;
	padding:0;
	border:none;
}
#genres .entry.by4 .detail p,
#genres .entry.by9 .detail p {
}
#genres .entry.by4 .detail a,
#genres .entry.by9 .detail a {
	color:#FFFFFF;
}
#genres .entry.by4 .detail hr,
#genres .entry.by9 .detail hr {
	margin:10px 0 15px 0;
}
#genres .entry.by4 .detail .left {
	float:left;
	width:240px;
	margin-top:20px;
}
#genres .entry.by4 .detail .right {
	float:right;
	width:240px;
	margin-top:30px;
}

#genres .entry.by4 .images {
}
#genres .entry.by9 .images {
	float:right;
	width:554px;
	height:659px;
}
#genres .entry.by4 .images ul {
	margin:22px 0 0 87px;
}
#genres .entry.by9 .images ul {
	margin:45px 0 0 54px;
}
#genres .entry.by4 .images ul li {
}
#genres .entry.by9 .images ul li {
	margin-top:14px;
}
#genres .entry.by4 .images ul li img,
#genres .entry.by9 .images ul li img {
	display:block;
}

#genres .entry.by4 .thumbs {
	position:absolute;
	right:20px;
	bottom:20px;
}
#genres .entry.by9 .thumbs {
	float:right;
	width:554px;
}
#genres .entry.by4 .thumbs ul {
}
#genres .entry.by9 .thumbs ul {
	margin:7px 0 0 49px;
}
#genres .entry.by4 .thumbs ul li {
	margin-top:10px;
}
#genres .entry.by9 .thumbs ul li {
	float:left;
	margin-right:5px;
}
#genres .entry.by4 .thumbs ul li a {
	display:block;
	border:3px solid transparent;
}
#genres .entry.by9 .thumbs ul li a {
	display:block;
	padding:5px 5px 3px 5px;
	background-color:transparent;
}
#genres .entry.by4 .thumbs ul li a:hover {
	border-color:#BFBEBD;
}
#genres .entry.by9 .thumbs ul li a:hover {
	background-color:#BFBEBD;
}
#genres .entry.by4 .thumbs ul li a img,
#genres .entry.by9 .thumbs ul li a img {
	display:block;
}
#genres .entry.by9 .thumbs ul li a img {
	margin-bottom:2px;
}

#genres .entry.by4 .close a,
#genres .entry.by9 .close a {
	display:block;
	position:absolute;
	top:0;
	right:0;
	padding:12px 12px 12px 20px;
	background-image:url(../images/common/icon_close.png);
	background-repeat:no-repeat;
	background-position:left center;
	line-height:1.5;
	text-decoration:none;
}
#genres .entry.by4 .close a {
	color:#FFFFFF;
}
#genres .entry.by4 .close a:hover,
#genres .entry.by9 .close a:hover {
	text-decoration:underline;
}


#richCaseStudies {
	visibility:hidden;
	position:absolute;
	z-index:210;
	right:0;
	overflow:hidden;
}
#richCaseStudies .menu {
	visibility:hidden;
	position:absolute;
}
#richCaseStudies .menu ul {
	margin:7px 0 0 10px;
}
#richCaseStudies .menu ul li {
	float:left;
	margin-right:15px;
}
#richCaseStudies .menu ul li a {
	display:block;
	padding-left:20px;
	background-image:url(../images/common/icon_arrow.png);
	background-repeat:no-repeat;
	background-position:left center;
}
#richCaseStudies .categories {
	visibility:hidden;
	width:770px;
	height:121px;
	margin:0 auto;
}
#richCaseStudies .categories ul {
}
#richCaseStudies .categories ul li {
	float:left;
	margin-top:32px;
}
#richCaseStudies .categories ul li#gnaviCaseStudies {
	float:right;
	margin-top:0;
}
#richCaseStudies .categories ul li a {
	display:block;
	overflow:hidden;
	background-repeat:no-repeat;
	background-position:0 -9999px;
}
#richCaseStudies .categories ul li#rccTvVideo a {
	background-image:url(../images/case_studies/rich/rcc_tv_video_on.png);
}
#richCaseStudies .categories ul li#rccWeb a {
	background-image:url(../images/case_studies/rich/rcc_web_on.png);
}
#richCaseStudies .categories ul li#rccAdPublishing a {
	background-image:url(../images/case_studies/rich/rcc_ad_publishing_on.png);
}
#richCaseStudies .categories ul li#rccGame a {
	background-image:url(../images/case_studies/rich/rcc_game_on.png);
}
#richCaseStudies .categories ul li#rccSpEvent a {
	background-image:url(../images/case_studies/rich/rcc_sp_event_on.png);
}
#richCaseStudies .categories ul li#rccOther a {
	background-image:url(../images/case_studies/rich/rcc_other_on.png);
}
#richCaseStudies .categories ul li a:hover {
	background-color:transparent;
}
#richCaseStudies .categories ul li.current a,
#richCaseStudies .categories ul li a:hover {
	background-position:0 0;
}
#richCaseStudies .categories ul li.current a img,
#richCaseStudies .categories ul li a:hover img {
	visibility:hidden;
}

#richCaseStudies .cards {
	position:relative;
}
#richCaseStudies .cards ul li {
	position:absolute;
	background-color:#FFFFFF;
}
#richCaseStudies .cards ul li img {
	display:block;
	border:1px solid #CFCFCE;
	-moz-box-shadow: 0 0 3px 10px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 0 5px 5px rgba(0,0,0,0.1);
	-o-box-shadow: 0 0 5px 5px rgba(0,0,0,0.1);
	-ms-box-shadow: 0 0 5px 5px rgba(0,0,0,0.1);
	box-shadow: 0 0 5px 3px rgba(0,0,0,0.05);
}

#richCaseStudies #genres {
	visibility:hidden;
	position:absolute;
	z-index:220;
	margin-top:-121px;
	padding-top:121px;
	background-image:url(../images/common/bg_modal.png);
	background-repeat:repeat;
	background-position:left top;
}
#richCaseStudies #genres #actual {
	margin-top:0;
	padding-left:30px;
}
#richCaseStudies #genres #actual .entry {
	margin:auto;
}
#richCaseStudies #genres .entry .category {
	top:14px;
	left:15px;
}
#richCaseStudies #genres #actual .entry .detail {
	padding-top:40px;
	background:none;
}
#richCaseStudies #genres .entry.by4 .close a,
#richCaseStudies #genres .entry.by9 .close a {
	top:0;
	right:40px;
	color:#FFFFFF;
}


/* sub
------------------------------------------------------------------------------*/
#supportBar #sbNoticeRichCaseStudies {
	width:140px;
	margin:17px 6px 0 8px;
	font-size:90%;
}
#supportBar #sbNoticeRichCaseStudies h2 {
	margin-bottom:15px;
}
#supportBar #sbNoticeRichCaseStudies p {
	margin-top:15px;
}
#supportBar #sbNoticeRichCaseStudies ul {
	margin-top:10px;
}
#supportBar #sbNoticeRichCaseStudies ul li {
	margin-left:15px;
	list-style-type:disc;
}
#supportBar #sbNoticeRichCaseStudies .link {
	margin-top:15px;
}
#supportBar #sbNoticeRichCaseStudies .link a {
	display:block;
	padding-left:20px;
	background-image:url(../images/common/icon_arrow.png);
	background-repeat:no-repeat;
	background-position:left center;
	line-height:1.2;
	font-size:110%;
	text-decoration:none;
	color:#FFFFFF;
}
#supportBar #sbNoticeRichCaseStudies .link a:hover {
	text-decoration:underline;
}