@charset "UTF-8";

/*コンテンツ
------------------------------------------------------------------------------*/
div#contents-top {
	margin: 10px auto;
	width: 776px;
}

div#contents-top div#picup-bnr {
	margin: 0;
	width: 503px;
	float: left;
}

div#contents-top div#picup-bnr ul li {
	margin: 0 0 10px 0;
	float: left;
}

div#contents-top div#topi {
	width: 502px;
	float: left;
	margin-bottom:15px;
}

div#contents-top div#blog {
	width: 265px;
	float: right;
}

/*更新履歴*/
dl#topics-top {
	width: 502px;
	/*width: 265px;*/
	/*height: 396px;*/
	height: 191px;
	margin: 0;
}

dl#topics-top dt.topics-name {
	height: 31px;
	background: url(../image/top/bg_topics.png) 0 0 no-repeat;
	text-indent: -9999px;
	_margin-top: -6px;
	_background: none;
	_position: absolute;
	_z-index: 100;
	behavior: url("/css/iepngfix.htc");
}

dl#topics-top dd.topics-bg {
	/*height: 400px;*/
	height: 139px;
	background: url(../image/top/bg_topics.png) 0 -31px no-repeat;
	padding: 10px;
	_margin-top: -31px;
	_padding: 41px 10px 10px 10px;
	behavior: url("/css/iepngfix.htc");
}

dl#topics-top dd dl#topics-contents {
	/*height: 340px;←横長バナーが3つあるときは高さは340px*/
	height: 140px;
	overflow: auto;
}

/*トピックスアイコン*/
dl#topics-top dd dl#topics-contents dt.topi-news {
	background: url(../image/common/ico_news.gif) 65px 5px no-repeat;
}
dl#topics-top dd dl#topics-contents dt.topi-play {
	background: url(../image/common/ico_play.gif) 65px 5px no-repeat;
}
dl#topics-top dd dl#topics-contents dt.topi-cardlist {
	background: url(../image/common/ico_cardlist.gif) 65px 5px no-repeat;
}
dl#topics-top dd dl#topics-contents dt.topi-product {
	background: url(../image/common/ico_goods.gif) 65px 5px no-repeat;
}
dl#topics-top dd dl#topics-contents dt.topi-movie {
	background: url(../image/common/ico_movie.gif) 65px 5px no-repeat;
}
dl#topics-top dd dl#topics-contents dt.topi-event {
	background: url(../image/common/ico_event.gif) 65px 5px no-repeat;
}
dl#topics-top dd dl#topics-contents dt.topi-maniax {
	background: url(../image/common/ico_maniax.gif) 65px 5px no-repeat;
}
dl#topics-top dd dl#topics-contents dt.topi-blog {
	background: url(../image/common/ico_blog.gif) 65px 5px no-repeat;
}
/**/

dl#topics-top dd dl#topics-contents dd {
	padding-bottom: 5px;
	background: url(../image/top/bg_topics_line.png) left bottom repeat-x;
	_line-height: 1.5;
}

dl#topics-top dt.topics-name a.ico-rss{
	display: block;
	overflow: hidden;
	width: 14px;
	height: 14px;
	background: url(../image/common/ico_rss.gif) no-repeat;
	margin: 9px 0 0 108px;
	float: left;
	_margin: 1px 0 0 53px;
}

/* for IE7 */
*+html dl#topics-top dt.topics-name a.ico-rss{
	margin: -11px 0 0 108px;
}



/*ブログ*/
dl#blog {
	width: 265px;
	margin: 0 10px 10px 0;
}

dl#blog dt.blog-name {
	height: 31px;
	background: url(../image/top/bg_blog.png) 0 0 no-repeat;
	text-indent: -9999px;
	_background: none;
	_margin-top: -6px;
	_position: absolute;
	_z-index: 100;
	behavior: url("/css/iepngfix.htc");
}

dl#blog dd.blog-bg {
	background: url(../image/top/bg_blog.png) 0 -31px no-repeat;
	padding: 4px 10px ;
	_margin-top: -31px;
	_padding: 41px 10px 10px 10px;
	_height:50px;
	_line-height: 1.5;
	behavior: url("/css/iepngfix.htc");
}

dl#blog dd dl#blog-contents {
	height: 57px;
	overflow: auto;
}

dl#blog dt.blog-name a.ico-rss{
	display: block;
	overflow: hidden;
	width: 14px;
	height: 14px;
	background: url(../image/common/ico_rss.gif) no-repeat;
	margin: 9px 0 0 198px;
	float: left;
	_margin: 1px 0 0 98px;
}

div#gangan {
	width: 265px;
	margin: 0 0 10px 0;
}

/*ムービー*/
div#top-movie {
	width: 260px;
	height: 251px;
	margin: 0 0 10px 0;
	padding: 52px 0 0 5px; 
	background: url(../image/top/bg_movie.png) left top no-repeat;
	behavior: url("/css/iepngfix.htc");
}

/*モジュールカード＆レジェンドスイッチキャンペーン*/
div#top-module-legend {
	width: 265px;
	height: 302px;
	margin: 0 0 10px 0;
}

/*ライブ配信*/
div#live {
	width: 800px;
	background: url(../image/top/img_live.jpg) left top no-repeat;
}

.livetitle{
	float:left;
	margin: 0 0 0 5px;
}

.liver{
	float:right;
	margin: 0 5px 0 0;
}

.livemain{
	float:left;
	margin: 0 0 0 5px;
}

.livenotice{
	float:left;
	margin: 0 0 0 5px;
}

/*ライブ配信640x510*/
div#live640 {
	width: 800px;
	padding-top:5px;
	padding-bottom:6px;
	background: url(../image/top/img_live640x540.jpg) left top no-repeat;
}

.live640title{
	float:left;
	width:640px;
	margin: 0 0 0 5px;
}

.live640r{
	float:right;
	width:150px;
	margin: 0 5px 0 0;
}

.live640maina{
	float:left;
	width:640px;
	margin: 0 0 0 5px;
}

.live640notice{
	width:790px;
	margin: 0 0 0 5px;
}

/* for IE7 */
*+html dl#blog dt.blog-name a.ico-rss{
	margin: -11px 0 0 198px;
}
/**/