@charset "UTF-8";

/* home.css --------------------

----------------------------- */

#main {
	margin-top: 20px;
	border: none;
	background: none;
}

#main{
	_position: relative;
	_padding-top: 353px;
}

div#mainImage{
	margin-left: -72.5px;
	z-index:1;
	_position: absolute;
	_top: 0;
	_left: -72.5px;
	_margin-left: 0;
}

/* 2010-09-16 Start */ /* 2010-09-16 End */

/* main image --------------- */

/* sub image ---------------- */
#subImage {
	margin-top: 3px;
}
#subImage li {
	float: left;
	width: 276px;
	padding-left: 16px;
}
#subImage #subImage1 {
	padding-left: 0;
}
#subImage1 a.img:hover { border-color: #bb0529; }
#subImage2 a.img:hover { border-color: #fabf00; }
#subImage3 a.img:hover { border-color: #4152bb; }

/* 2010-09-16 Start */
/* background image --------- */
/* *sprite */
.news,
.newsMenu li,
.newsMenu .update1 a,
.newsMenu .update2 a,
.newsMenu .update3 a,
.newsMenu .update4 a,
.newsList {
	background-image: url(/common/img/spritePS3Top.png);
	background-repeat: no-repeat;
	overflow: hidden;
}
.newsMenu .list a {
	overflow: hidden;
}

/* *list */
.newsList dd a {
	background-image: url(/common/img/iconListGeneral.gif);
	background-repeat: no-repeat;
}
.newsList dd a:hover {
	background-image: url(/common/img/iconListGeneralHover.gif);
}

/* *line */
.newsList dl {
	background: url(/common/img/border01.gif);
	background-repeat: repeat-x;
}

/* *display */
#newsUpdate li a,
.newsMenu .update1 a,
.newsMenu .update2 a,
.newsMenu .update3 a,
.newsMenu .update4 a,
.newsMenu .page a,
.newsList dd a  {
	display: block;
}
.news li span,
.newsMenu .update1 a span,
.newsMenu .update2 a span,
.newsMenu .update3 a span,
.newsMenu .update4 a span,
.newsMenu .page a span {
	display: none;
}

/* news list */
.news {
	position: relative;
	width: 860px;
	margin: 20px 0;
	background-position: 0 -111px;
}

/* *infomation */
.news li {
	height: 37px;
	float: left;
}
.newsMenu li#newsInfo{
	width: 85px;
	background-position: -301px 0;
}

.newsMenu .update1{
	width: 88px;
}
.newsMenu li a {
	height: 37px;
}
.newsMenu li.update1,
.newsMenu .update1 a { background-position: 0 0; }
.newsMenu .update1 a:hover { background-position: 0 -37px; }
.newsMenu .update1 a.active,
.newsMenu .update1 a.active:hover { background-position: 0 -74px;}

.newsMenu li {
	float: left;
}
.newsMenu .update2,
.newsMenu .update3,
.newsMenu .update4 {
	width: 71px;
}
.newsMenu .update2 a,
.newsMenu .update3 a,
.newsMenu .update4 a {
	height: 37px;
}

.newsMenu li.update2,
.newsMenu .update2 a { background-position: -88px 0; }
.newsMenu .update2 a:hover { background-position: -88px -37px; }
.newsMenu .update2 a.active,
.newsMenu .update2 a.active:hover { background-position: -88px -74px; }
.newsMenu li.update3,
.newsMenu .update3 a { background-position: -159px 0; }
.newsMenu .update3 a:hover { background-position: -159px -37px; }
.newsMenu .update3 a.active,
.newsMenu .update3 a.active:hover { background-position: -159px -74px; }
.newsMenu li.update4,
.newsMenu .update4 a { background-position: -230px 0; }
.newsMenu .update4 a:hover { background-position: -230px -37px; }
.newsMenu .update4 a.active,
.newsMenu .update4 a.active:hover { background-position: -230px -74px; }

.newsMenu:after{
	display: block;
	height: 0;
	clear :both;
	content: "";
}

.newsMenu .rss {
	float: right;
	width: 53px;
	height: 15px;
	margin-top: 12px;
	line-height: 0;
	background: none;
}

.newsList {
	clear: both;
	display: block;
	background-position: 0 bottom;
}
#newsUpdate .newsList {
	display: none;
}
#newsUpdate .newsList.active {
	display: block;
}

.newsList dl {
	padding: 10px 20px;
	background-position: 0 0;
}
/* 2010-09-16 End */

.newsList dl.first {
	background: none;
}
.newsList dt {
	color: #eb422b;
	font-weight: bold;
}
.newsList dd a {
	position: relative;
	margin-top: 5px;
	padding-left: 13px;
	background-position: 0 0.4em;
	color: #404040;
}
.newsList dd a:link { color: #404040; }
.newsList dd a:visited { color: #8c8c8c; }
.newsList dd a:hover { color: #eb422b; text-decoration: none; }

/* 2010-09-16 Start */
div#main div.news p.list{
	margin: 0;
	padding: 8px 14px 8px 0;
	background-color: #ecebeb;
	border: solid 1px #ccc;
	text-align: right;
	line-height: 1;
	font-size: 80%;
}

div.news p.list a{
	padding-left: 14px;
	background: url("/common/img/iconList.gif") no-repeat 0 3px;
	color: #404040;
}

div.news p.list a:visited{
	color: #8c8c8c;
}

div.news p.list a:hover{
	background-position: 0 -488px;
	text-decoration: none;
	color: #eb422b;
}

ul.general.important{
	padding-top: 0;
}

* html ul.general.important{
	zoom: normal;
}
/* 2010-09-16 End */

/* banner ------------------- */
.banner {
	clear: both;
	margin-top: 20px;
}
.banner li {
	float: left;
	width: 127px;
	padding-left: 19px;
}
.banner li.first {
	padding-left: 1px;
}

/* footer ------------------- */
#home #footer {
	margin-top: 5px;
}

/* clearfix ----------------- */
#subImage:after,
.banner:after {
	visibility: hidden;  
	display: block;  
	font-size: 0;  
	content: " ";  
	clear: both;  
	height: 0;  
}
/* *for IE6 */ 
* html #subImage,
* html .banner {
	zoom: 1;
}
/* *for IE7 */ 
*:first-child+html #subImage,
*:first-child+html .banner {
	zoom: 1;
}