@charset "UTF-8";

/**/

/* 共通レイアウト
------------------------------------------------------*/
body { background: url(../image/top/bg_body.jpg) no-repeat center top; }

#container { width: 900px; background: url(../image/top/bg_body.jpg) no-repeat center top !important; }

#header { position: relative; height: 159px; }
#header h1 { position: absolute; left: 210px; top: 34px; }
#logo-kinect { position: absolute; left: 0; top: 34px; }
#btn_enquete { position: absolute; left: 693px; top: 77px; }

#topics { padding-left: 133px; height: 28px; line-height: 28px; }
#topics span { color: #FF3300; }

#wrap { margin-top: 16px; padding: 0 68px 0 3px; }
#youtube { float: right; width: 364px; height: 229px; }
#topbnr { float: right; width: 364px; height: 229px; }

#topbnr a:hover img{ 
	filter: alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
}



#line-header { clear: both; background: url(../image/top/line_header.gif) no-repeat center top; height: 12px; text-indent: -9999px; margin-top: 13px; }
#line-header2 { clear: both; background: url(../image/top/line_header2.gif) no-repeat center top; height: 12px; text-indent: -9999px;  margin-top: 7px; }
.line-main { clear: both; padding: 0 10px 0 10px; background:url(../image/top/line_main.gif) repeat-y; }
.line-bottom { height: 12px; background:url(../image/top/line_bottom.gif) no-repeat; }

.sub-img { float: right; width: 418px; height: 116px; }

.line-main p { line-height: 1.3; padding-top: 12px; background: }


/*
#pickup1 { padding-top: 13px !important; }
#pickup2 { padding-top: 6px !important; }
#pickup1 p, #pickup2 p { padding-left: 13px; background: url(../image/top/bg_pickup.jpg) no-repeat; line-height: 1.2; }
#pickup1 p { padding-top: 60px; height: 80px; }
#pickup2 p { padding-top: 43px; height: 97px; background-position: 0 -146px; }
*/
#spec { margin-top: 7px; background: url(../image/top/bg_spec.gif) no-repeat; height: 28px; text-indent: -9999px; }

#footer { margin-top: 10px; }

/* グローバルナビ
------------------------------------------------------*/
#gnavi { float: left; width: 411px; list-style-type: none; }
#gnavi li { float: left; margin: 0 1px 1px 0; text-indent: -9999px; }
#gnavi li a { display: block; background: url(../image/top/bg_gnavi.jpg) no-repeat; width: 203px; height: 57px; }

#gnavi li.gn-about {}
#gnavi li.gn-question {}
#gnavi li.gn-keep {}
#gnavi li.gn-life {}
#gnavi li.gn-interview {}
#gnavi li.gn-investigate {}
#gnavi li.gn-kinect {}
#gnavi li.gn-enquete {}

#gnavi li.gn-about a { background-position: 0 0; }
#gnavi li.gn-about a:hover { background-position: -408px 0; }
#gnavi li.gn-question a { background-position: -204px 0; }
#gnavi li.gn-question a:hover { background-position: -612px 0; }
#gnavi li.gn-keep a { background-position: 0 -58px; }
#gnavi li.gn-keep a:hover { background-position: -408px -58px; }
#gnavi li.gn-life a { background-position: -204px -58px; }
#gnavi li.gn-life a:hover { background-position: -612px -58px; }
#gnavi li.gn-interview a { background-position: 0 -116px; }
#gnavi li.gn-interview a:hover { background-position: -408px -116px; }
#gnavi li.gn-investigate a { background-position: -204px -116px; }
#gnavi li.gn-investigate a:hover { background-position: -612px -116px; }
#gnavi li.gn-kinect a { background-position: 0 -174px; }
#gnavi li.gn-kinect a:hover { background-position: -408px -174px; }
#gnavi li.gn-enquete a { background-position: -204px -174px; }
#gnavi li.gn-enquete a:hover { background-position: -612px -174px; }

/* 右上のボタン（アンケート、ダウンロードコンテンツ）
--------------------------------------------------------*/
img {
	border:0;
}
.rollover a {
	display:block;
	width:207px;
	height:76px;
	background:url(../image/top/btn_dlc.jpg) no-repeat left top;
	font-size:1px;
	line-height:1px;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
}
.rollover a:hover {
	background-position:left bottom;
}


/**/