@charset "utf-8";

body {
	background: #545d65 url('/common/img/scej_bg.png') no-repeat center top;
}

/*
* MainMenu
*--------------------------------------------------*/
#main-menu {
	margin-bottom: 19px;
}

/*
* Main image
*--------------------------------------------------*/
#main-image-area {
	position: relative;
}

#main-image-base {
	height: 442px;
}

/*
* Item Info
*--------------------------------------------------*/
/** 2012.08.08 add START */
.scej-item-ps4 {
	background: url(/common/img/scej_ps4.png) no-repeat 0 0;
}
.scej-item-ps3 {
	background: url(/common/img/scej_ps3.png) no-repeat 0 0;
}
.scej-item-psv {
	background: url(/common/img/scej_psv.png) no-repeat 0 0;
}
.scej-item-psp {
	background: url(/common/img/scej_psp.png) no-repeat 0 0;
}
.scej-item-online {
	background: url(/common/img/scej_onlineservice.png) no-repeat 0 0;
}
/** 2012.08.08 add END */

.type-4 {
	padding-bottom: 10px;
	position: relative;
	z-index: 2;
}
.type-4 .item-left {
	float: left;
	width: 424px;
	margin-right: 12px;
	/*text-indent: -9999px;*/
}
.type-4 .item-right {
	float: left;
	width: 424px;
	margin-bottom: 12px;
	/*text-indent: -9999px;*/
}
.type-4 .item-left div.first,
.type-4 .item-right div.first,
.type-4 .item-right {
	margin-bottom: 0 !important;
}

.type-4 .item-right div,
.type-4 .item-left div {
	height: 160px;
}
.type-4 .item-left div.first,
.type-4 .item-right div.first {
	margin: 0 12px 19px 0;
}

.type-4 .item-left div,
.type-4 .item-right div {
	float: left;
	width: 206px;
}

.type-4 .item-center div a,
.type-4 .item-right div a,
.type-4 .item-left div a {
	display: block;
	position: absolute;
	width: 194px;
	height: 148px;
	margin: 4px 0 0 4px;
}
.type-4 .item-right .on,
.type-4 .item-left .on,
.type-4 a:hover {
	border: #5D7BA2 2px solid;
}

.type-4 .scej-item-ps4 a:hover {
	border: #ba0000 2px solid;
}
.type-4 .scej-item-ps3 a:hover {
	border: #ba0000 2px solid;
}
.type-4 .scej-item-psv a:hover {
	border: #0066af 2px solid;
}
.type-4 .scej-item-psp a:hover {
	border: #ccb200 2px solid;
}
.type-4 .scej-item-online a:hover {
	border: #6439A4 2px solid;
}

/*
* sce lineup
*--------------------------------------------------*/
#sce-lineup {
	margin: 10px 0 10px 0 !important;
}

.sce-lineup-left {
	float: left;
	width: 424px;
	margin-bottom: 10px;
}

.sce-lineup-right {
	float: right;
	width: 424px;
	margin-bottom: 10px;
}

.sce-lineup-caption {
	color: #FFF;
	font-weight: bold;
}

.banner-image {
	position: relative;
}
.banner-image img {
	margin: 3px 0 3px 3px;
	z-index: 1;
	border: #fff 2px solid;
}

#sce-lineup .sce-lineup-ps3 a:hover img {
	border: #ba0000 2px solid;
}
#sce-lineup .sce-lineup-psv a:hover img {
	border: #0066af 2px solid;
}
#sce-lineup .sce-lineup-psp a:hover img {
	border: #ccb200 2px solid;
}

/**
* special
*/
	/** */
	.sce-lineup-special-right .sce-lineup-right,
	.sce-lineup-special-left .sce-lineup-left {
		width: 642px;
	}
	.sce-lineup-special-right .sce-lineup-right .banner-image a,
	.sce-lineup-special-left .sce-lineup-left .banner-image a {
		width: 632px;
		height: 202px;
	}
	.sce-lineup-special-right .sce-lineup-left,
	.sce-lineup-special-left .sce-lineup-right {
		width: 206px;
	}
	.sce-lineup-special-right .sce-lineup-left .banner-image a,
	.sce-lineup-special-left .sce-lineup-right .banner-image a {
		width: 196px;
		height: 202px;
	}
	
	.banner-image {
		background-color: #FFF;
		border-radius: 2px;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
	}

/*
* news Info Update
*--------------------------------------------------*/
.news-general .information-title {
	background: url(/common/img/scej_information_title.png) no-repeat 0 0;
}
.news-general .update-title {
	background: url(/common/img/title_update.png) no-repeat 0 0;
}
.news-general .online-service-title {
	background: url(/common/img/scej_update_title.png) no-repeat 0 0;
}

.news-general ul {
	background-color: #FFF;
}

/** 2012.08.08 add START */
#news-level3-wrapper {
	/* background-color: #FFF; */
}
/** 2012.08.08 add END */

.button-more {
	position: absolute;
	
}

.information-title .button-more,
.online-service-title .button-more{
	top: 5px;
	right: 15px;
}

.information-title .button-more a,
.online-service-title .button-more a {
	background: url(/common/img/scej_info_buttons.png) no-repeat 0 0;
	width: 212px;
	height: 24px;
}
.update-title .button-more a {
	background: url(/common/img/top_buttons.png) no-repeat -352px 0;
	width: 107px;
	height: 24px;
}
.update-title .button-more a:hover {
	background: url(/common/img/top_buttons.png) no-repeat -352px -24px !important;
}

.information-title .button-more a:hover {
	background-position: 0 -24px;
}

.online-service-title .button-more a {
	background-position: -213px 0;
}
.online-service-title .button-more a:hover {
	background-position: -213px -24px;
}


/*
* SCEJ List
*--------------------------------------------------*/

#scej-list-wrap {
	margin-bottom: 19px;
}

/**
* 左カラム
*/
#left-area {
	width: 237px;
	float: left;
}

/**
* 右カラム
*/
#right-area {
	width: 619px;
	float: right;
}



/* =================================================

2013.10 override start

===================================================*/

body {
	background: #0d4f9b url(/common/img/scej_bg.png) no-repeat center top !important;
}



.type-4 {
	padding-bottom: 10px;
	position: relative;
	z-index: 2;
}
.type-4 .item div{
	float: left !important;
	width: 166px !important;
	/*text-indent: -9999px;*/
}

.type-4 .item {
	margin-bottom: 0 !important;
}

.type-4 .item div {
	height: 160px;
}
.type-4 .item div.first {
	margin: 0 7px 19px 0;
}

.type-4 .item div{
	float: left;
	width: 206px;
}
.type-4 .item div a{
	display: block;
	position: absolute;
	width: 154px;
	height: 148px;
	margin: 4px 0 0 4px;
}
.type-4 .item  .on,
.type-4 a:hover {
	border: #003791 2px solid !important;
}

.type-4 .scej-item-ps4 a:hover {
	border: #003791 2px solid !important;
}
.type-4 .scej-item-ps3 a:hover {
	border: #003791 2px solid !important;
}
.type-4 .scej-item-psv a:hover {
	border: #003791 2px solid !important;
}
.type-4 .scej-item-psp a:hover {
	border: #003791 2px solid !important;
}
.type-4 .scej-item-online a:hover {
	border: #003791 2px solid !important;
}

#sce-lineup .sce-lineup-ps3 a:hover img {
	border: #003791 2px solid !important;
}
#sce-lineup .sce-lineup-psv a:hover img {
	border: #003791 2px solid !important;
}
#sce-lineup .sce-lineup-psp a:hover img {
	border: #003791 2px solid !important;
}
#sce-lineup .sce-lineup-ps4 a:hover img {
	border: #003791 2px solid !important;
}
/* =================================================

2013.10 override end

===================================================*/