@charset "utf-8";
/* ===================================================================
CSS information

 file name  :top.css
 style info :ヘッダー、フッター、サイドメニュー等大枠以外のみ
 =================================================================== */

/* ===== CONTENTS ===========================================

	1: CONTAINER
	2: HEADER
	3: NAVIGATION
	4: FOOTER
	5: NAVIGATION
	6: MAIN CONTENT

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


body#index {
	background: #000 url(../img/top/bg_index.jpg) no-repeat center 32px;
}

/*
===== 1: wrapper ======================================= */
body#index div#page div#wrapper {
	background: url(../img/top/bg_main.jpg) no-repeat 0 0;
	width: 1005px;
}


/*
===== 2: HEADER ========================================== */
body#index div#header div#logo h1 {
	background: url(../img/top/logo.jpg) no-repeat 0 0;
	width: 327px;
	height: 100px;
}

body#index div#gNavi ul.gNavigation a {
	display: block;
	height: 30px;
	overflow: hidden;
}

body#index #gNavi ul#gNavigation li a {
	height: 30px;
	display: block;
	float: left;
	text-indent: -99999px;
	text-decoration: none;
	overflow: hidden;
}

body#index div#gNavi ul.gNavigation li.gnavi01 a {
	background: url(../img/top/gnavi_01.jpg) no-repeat 0 0;
	width: 67px;
}

body#index div#gNavi ul.gNavigation li.gnavi01 a:hover {
	background: url(../img/top/gnavi_01.jpg) no-repeat 0 -30px;
	width: 67px;
}

body#index div#gNavi ul.gNavigation li.gnavi02 a {
	background: url(../img/top/gnavi_02.jpg) no-repeat 0 0;
	width: 85px;
}

body#index div#gNavi ul.gNavigation li.gnavi02 a:hover {
	background: url(../img/top/gnavi_02.jpg) no-repeat 0 -30px;
	width: 85px;
}

body#index div#gNavi ul.gNavigation li.gnavi03 a {
	background: url(../img/top/gnavi_03.jpg) no-repeat 0 0;
	width: 101px;
}

body#index div#gNavi ul.gNavigation li.gnavi03 a:hover {
	background: url(../img/top/gnavi_03.jpg) no-repeat 0 -30px;
	width: 101px;
}

body#index div#gNavi ul.gNavigation li.gnavi04 a {
	background: url(../img/top/gnavi_04.jpg) no-repeat 0 0;
	width: 83px;
}

body#index div#gNavi ul.gNavigation li.gnavi04 a:hover {
	background: url(../img/top/gnavi_04.jpg) no-repeat 0 -30px;
	width: 83px;
}

/*
===== 2: HEADER ========================================== */
div#blank {
	width: 1005px;
	height: 414px;
	clear: both;
}

div#blank img {
	padding: 30px 0 0 210px;
}

div#LeftArea {
	float: left;
	width: 647px;
	padding: 0 0 0 10px;
}

div#RightArea {
	float: right;
	width: 305px;
	padding: 0 14px 0 0;
}

div#LeftArea div.thumbArea {
	height: 145px;
}

div#LeftArea div.thumbArea dl.thumbnail {
	width: 180px;
	float: left;
	padding: 0 12px 0 0;
}

div#LeftArea div.thumbArea dl.thumbnail dt {
}

div#LeftArea div.thumbArea dl.thumbnail dd {
	color: #FFF;
}

div#LeftArea div#Topnews {
	background: url(../img/top/bg_news.jpg) no-repeat 0 0;
	width: 647px;
	height: 231px;
	clear: both;
	padding: 50px 0 0 0;
}

div#Topnews div.scroll {
	height: 180px;
	margin: 0 0 0 17px;
	overflow: auto;
	width: 613px;
}

div#Topnews div.scroll dl.Topnews {
	border-bottom: 1px dotted #a9a9a3;
	padding: 10px 0 10px 0;
}

div#Topnews div.scroll dl.Topnews dt.Update {
	float: left;
	width: 70px;
	padding: 0 0 0 10px;
}

div#Topnews div.scroll dl.Topnews dd.TopnewsContent {
	float: right;
	width: 503px;
	padding: 0 10px 0 0;
	*padding: 3px 10px 0 0;
}

div#bannerArea {
	padding: 15px 0 0 0;
	clear: both;
}

div#bannerArea ul {
}

div#bannerArea ul li {
	font-size: 0;
	padding: 0 0 4px 0;
	float: left;
}

div#bannerArea ul li.left {
	padding: 0 7px 0 0;
}

div.Product01 {
	background: url(../img/top/bg_ps3.gif) no-repeat 0 0;
	width: 305px;
	height: 163px;
}

div.Product02 {
	background: url(../img/top/bg_xbox.jpg) no-repeat 0 13px;
	width: 305px;
	height: 179px;
}

div.Product03 {
	background: url(../img/top/bg_psp.jpg) no-repeat 0 13px;
	width: 305px;
	height: 179px;
}

div.Product01 table {
	text-indent: -9999px;
}

div.Product02 table {
	text-indent: -9999px;
}

div.Product03 table {
	text-indent: -9999px;
}