@charset "utf-8";
/* =========================================================
D3 PUBLISHER INC.
TOPページ
========================================================= */


/* ===============================================
レイアウト
=============================================== */
body {
	background: #ffffff url(../images/indx_bg.jpg) repeat-x center top;
}

#flash {
	width: 100%;
	height: 415px;
	margin: 0 0 30px;
}

#flashContent{
	text-align: center;
}
#flashContent img{
	margin:109px auto 0 auto;
}

#contents {
	width: 960px;
	margin: 0 auto 20px;
	background: url(../images/indx_bg_ptrn.gif) no-repeat 580px 35px;
}
#contents #main {
	width: 600px;
	margin: 0 30px 0 0;
	display: inline;
	float: right;
}
#contents #sub {
	width: 280px;
	margin: 0 0 0 30px;
	display: inline;
	float: left;
}


/* ===============================================
最新情報
=============================================== */
#newInfo {
	width: 600px;
	margin: 0 0 20px 0;
	background: url(../images/info_bg.gif) bottom;
}

#newInfo h2 {
	width: 600px;
}
#newInfo ul {
	width: 560px;
	margin: 0 20px;
	padding: 15px 0 12px 0;
	overflow: hidden;
}
#newInfo ul li {
	margin: 3px 0 3px 0;
	background: url(../common/images/icn_arrw.gif) no-repeat 0px 5px;
	font-family: Arial;
	font-size: 10px;
}
#newInfo ul li img {
	margin: 0 0 3px 6px;
	vertical-align: middle;
}
#newInfo ul li img.lastIcon {
	margin: 0 6px 3px 6px;
	vertical-align: middle;
}
#newInfo ul li .head {
	text-indent: 7px;
	float: left;
}
#newInfo ul li .flowTxt {
	*position: absolute;
	font-size: 12px;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	display: block;
	overflow: hidden;
	height: 1em;
	line-height: 1em;
	*line-height: 12px;
	float: left;
	padding-bottom: 5px;
	*padding-top: 1px;
	*padding-bottom: 4px;
}
#newInfo .flowTxt span {
	white-space: nowrap;
}
#newInfo .flowTxt span a {
	vertical-align: middle;
}
#newInfo ul li a {
	color: #555555;
}
#newInfo ul li a:hover {
	color: #f06505;
}


#newInfo #mobile ul li img.lastIcon {
	margin: 0 6px 2px 6px;
	vertical-align: middle;
}



/*	家庭用ゲーム
------------------------------------------------*/
#newInfo #consumer,
#newInfo #mobile {
	width: 600px;
	position: relative;
}
#newInfo .moreBtn {
	position: absolute;
	top: -23px;
	left: 550px;
}
#newInfo .csBtn {
	position: absolute;
	top: -26px;
	left: 182px;
}
#newInfo .mbBtn {
	position: absolute;
	top: -26px;
	left: 280px;
}

/*	モバイルゲーム　アイコン調整
------------------------------------------------*/
#newInfo #mobile ul li img.imode {
	margin: 0 0 0 6px;
}
#newInfo #mobile ul li img.ezweb {
	margin: 0 0 0 0;
}
#newInfo #mobile ul li img.yahoo {
	margin: 0 0 0 0;
}


/* ===============================================
D3Pインフォメーション
=============================================== */
#d3pInfo {
	width: 600px;
	margin: 0 0 20px 0;
	background: url(../images/info_bg.gif) bottom;
	position: relative;
}
#d3pInfo h2 {
	width: 600px;
}
#d3pInfo ul {
	width: 560px;
	margin: 0 20px;
	padding: 15px 0 12px 0;
	overflow: hidden;
}
#d3pInfo ul li {
	margin: 3px 0 3px 0;
	background: url(../common/images/icn_arrw.gif) no-repeat 0px 5px;
	font-family: Arial;
	font-size: 10px;
}
#d3pInfo ul li a {
	color: #555555;
}
#d3pInfo ul li a:hover {
	color: #f06505;
}
#d3pInfo .moreBtn {
	position: absolute;
	top: 13px;
	left: 550px;
}
#d3pInfo ul li .head {
	padding-right: 6px;
	text-indent: 7px;
	float: left;
}
#d3pInfo ul li .flowTxt {
	*position: absolute;
	font-size: 12px;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	display: block;
	overflow: hidden;
	height: 1em;
	line-height: 1em;
	float: left;
	padding-bottom: 5px;
}
#d3pInfo .flowTxt span {
	white-space: nowrap;
}
#d3pInfo .flowTxt span a {
	vertical-align: middle;
}
#d3pInfo .date {
	float:left;
}
#d3pInfo .infoText {
	margin-left:70px;
	font-size: 12px;
	text-indent:0px;
	padding:0px;
}


/* ===============================================
ニコニコ動画公式チャンネル
=============================================== */
#nicoChannel {
	width: 280px;
	margin: 0 0 20px 0;
	background: url(../images/ncnc_bg.gif) bottom;
	height:258px;
	overflow:hidden;
}

/*	ニコニコ動画リスト画面
------------------------------------------------*/
#nicoChannel .nicoList {
	width: 280px;
	position: relative;
}
#nicoChannel .nicoList .moreBtn {
	position: absolute;
	top: -23px;
	left: 230px;
}
#nicoChannel .nicoList .nicoItem {
	width: 260px;
	margin: 0 0 0 10px;
	padding: 7px 0;
	background: url(../images/ncnc_itm_line.gif) no-repeat left bottom;
}
#nicoChannel .nicoList .nicoItem img {
	float: left;
}
#nicoChannel .nicoList .nicoItem p {
	width: 185px;
	padding: 0 0 0 10px;
	font-size: 12px;
	line-height: 16px;
	float: left;
	height:52px;
	overflow:hidden;
}
#nicoChannel .nicoList .nicoItem p a {
	color: #555555;
}
#nicoChannel .nicoList .nicoItem p a:hover {
	color: #f06505;
	text-decoration: underline;
}
#nicoChannel .nicoList .nicoItem p span {
	color: #2ba7d0;
	font-family: Arial;
	font-weight: bold;
	font-size: 10px;
	line-height: 11px;
}
#nicoChannel .nicoPager {
	width: 260px;
	height: 13px;
	margin: 0 0 0 10px;
	padding: 4px 0 5px;
}
#nicoChannel .nicoPager ul {
	margin-left: 148px;
}
#nicoChannel .nicoPager ul li {
	padding: 0 0 0 3px;
	display: table-cell;
	*display: inline;
	*zoom: 1;
}
#nicoChannel .nicoPager ul li strong,
#nicoChannel .nicoPager ul li a {
	width: 13px;
	height: 13px;
	background: url(../images/ncnc_pgr.gif) no-repeat;
	text-indent: -7777px;
	display: block;
	overflow: hidden;
}
#nicoChannel .nicoPager ul li.no01 a {
	background-position: -16px 0;
}
#nicoChannel .nicoPager ul li.no01 a:hover {
	background-position: -16px -13px;
}
#nicoChannel .nicoPager ul li.no01 strong {
	background-position: -16px -26px;
}
#nicoChannel .nicoPager ul li.no02 a {
	background-position: -32px top;
}
#nicoChannel .nicoPager ul li.no02 a:hover {
	background-position: -32px -13px;
}
#nicoChannel .nicoPager ul li.no02 strong {
	background-position: -32px -26px;
}
#nicoChannel .nicoPager ul li.no03 a {
	background-position: -48px 0;
}
#nicoChannel .nicoPager ul li.no03 a:hover {
	background-position: -48px -13px;
}
#nicoChannel .nicoPager ul li.no03 strong {
	background-position: -48px -26px;
}
#nicoChannel .nicoPager ul li.no04 a {
	background-position: -64px 0;
}
#nicoChannel .nicoPager ul li.no04 a:hover {
	background-position: -64px -13px;
}
#nicoChannel .nicoPager ul li.no04 strong {
	background-position: -64px -26px;
}
#nicoChannel .nicoPager ul li.no05 a {
	background-position: -80px 0;
}
#nicoChannel .nicoPager ul li.no05 a:hover {
	background-position: -80px -13px;
}
#nicoChannel .nicoPager ul li.no05 strong {
	background-position: -80px -26px;
}
#nicoChannel .nicoPager ul li.no06 a {
	background-position: -96px 0;
}
#nicoChannel .nicoPager ul li.no06 a:hover {
	background-position: -96px -13px;
}
#nicoChannel .nicoPager ul li.no06 strong {
	background-position: -96px -26px;
}
#nicoChannel .nicoPager ul li.no07 a {
	background-position: -112px 0;
}
#nicoChannel .nicoPager ul li.no07 a:hover {
	background-position: -112px -13px;
}
#nicoChannel .nicoPager ul li.no07 strong {
	background-position: -112px -26px;
}

/*	ニコニコ動画再生画面
------------------------------------------------*/
#nicoChannel .nicoMovie {
	width: 280px;
	position: relative;
}
#nicoChannel .nicoMovie .closeBtn {
	position: absolute;
	top: -24px;
	left: 225px;
}
#nicoChannel .nicoMovie .movieBox {
	width: 252px;
	height: 200px;
	margin: 0 14px;
	padding: 10px 0;
}
#nicoChannel .movieBox embed,
#nicoChannel .movieBox object,
#nicoChannel .movieBox OBJECT {
	width:252px;
	height:200px;
}
#nicoChannel .loading{
	margin:102px 0 0 132px;
	width:24px;
	height:24px;
	text-indent:-999px;
	overflow:hidden;
	background:url(../common/images/loading.gif) no-repeat;
}


/* ===============================================
バナー
=============================================== */
#banner ul li {
	font-size: 0;
	display: table-cell;
	*display: inline;
	*zoom: 1;
}
#banner ul li.first {
	padding: 0 8px 0 0;
}
#banner ul.web2 {
	margin: 10px 0 0 0;
}