@charset "utf-8";

/* 1 : 全体の基本
----------------------------------------------------*/

body {
	background: url(../../img/home/bg/bg_body.png) left top repeat-x;
}

#header {
	background: url(../../img/home/bg/bg_header_home.png) left top no-repeat;
}

#headerIn {
	background: url(../../img/home/bg/bg_header_in.png) 10px top no-repeat; 
}

/* 2 : フィーチャーの基本
----------------------------------------------------*/

#adPlusLogin {
	padding: 0px 10px;
	width: 961px;
	background: url(../../img/home/bg/bg_ad_feature.png) left top no-repeat;
}

#mainAd {
	float: right;
	width: 717px;
}

/* 3 : ゲームバナーの基本
----------------------------------------------------*/

#gamaeBlogsTop {
	clear: both;
	width: 981px;
}

#gamesBlogs {
	clear: both;
	padding: 9px 25px 0px 20px;
	width: 936px;
	background: url(../../img/home/bg/bg_gamesblogs_02.png) left top no-repeat;
	_behavior: url(http://capcom-og.com/js/common/iepngfix.htc);
}

#gamesBlogs h2 {
	padding-top: 3px;
	padding-left: 8px;
	width: 213px;
}

#gameIconSet {
	z-index: 3;
	position: absolute;
	top: 510px;
	right: 25px;
	padding: 0px 0px 0px 0px;
	width: 295px;
	height: 31px;
	background: url(../../img/home/bg/bg_game_icons_rgt.png) right top no-repeat;
}

#gameIconSet dt#gameFeatures {
	float: left;
	padding: 5px 5px 5px 6px;
	background: url(../../img/home/bg/bg_game_icons_top.png) left top no-repeat;
}

#gameIconSet dt#gameFeatures img {
	vertical-align: top;
}

#gameIconSet dd#gameIcons {
	float: left;
}

#gameIconSet li {
	float: left;
	padding: 4px 4px 5px 0px;
}

#gameIconSet li img {
	vertical-align: top;
}

#gameIconSet li .on {
	z-index: 1;
	position: absolute;
	top: -999em;	
}

#gameIconSet li#doki .on {
	top: 27px;
	right: 136px;
}

#gameIconSet li#team .on {
	top: 27px;
	right: 134px;
}

#gameIconSet li#strategy .on {
	top: 27px;
	right: 110px;
}

#gameIconSet li#story .on {
	top: 27px;
	right: 68px;
}

#gameIconSet li#action .on {
	top: 27px;
	right: 46px;
}

#gameIconSet li#raging .on {
	top: 27px;
	right: 26px;
}

#gameIconSet li#funtasy .on {
	top: 27px;
	right: 0px;
}

#gameIconSet li#casual .on {
	top: 27px;
	right: 0px;
}

#gamesBlogsBtns {
	clear: both;
	padding:0 0 21px;
	width:712px;
	height:150px;
	background: url(../../img/home/bg/bg_lower_top.png) right bottom no-repeat;
}

#gamesBlogsBtns div {
	padding: 0;
	margin: 0;
	width:682px;
	overflow: hidden;
	position:relative;
}

#gamesBlogsBtns ul {
	padding: 0;
	float:left;
	width:1000px;
	position:relative;
}

#gamesBlogsBtns li {
	float: left;
	padding-right: 5px;
	padding-bottom: 10px;
}





/* 3 : おしらせとかの基本
----------------------------------------------------*/

#newsPlusPush {
	clear: both;
	padding: 6px 10px 0px 21px;
	width: 951px;
	background: url(../../img/home/bg/bg_content_btm.png) left -500px no-repeat;
}


#topNews {
	float: left;
}

#topPush {
	float: right;
}
#topNews,
#topPush {
	width: 468px;
	background: url(../../img/home/bg/bg_news_push_head.png) left top no-repeat;
}

.npHead {
	height: 36px;
}
#topNews .npHead h4 {
	float: left;
	padding-top: 2px;
	padding-left: 3px;
}

#topPush .npHead h4 {
	float: left;
	padding-top: 2px;
	padding-left: 3px;
}

#topNews .npHead p {
	float: right;
	padding-top: 4px;
}

#topPush .npHead p {
	float: right;
	padding-top: 4px;
}
#topNews .npHead p a {
	display: block;
	padding: 5px 12px 6px 8px;
	width: 135px;
}

#topPush .npHead p a {
	display: block;
	padding: 5px 12px 6px 8px;
	width: 138px;
}

.dateList {
	clear: both;
	width: 468px;
	background: #EFEFEF url(../../img/home/bg/bg_np_last_btm.gif) left bottom no-repeat;
}

.dateList dl {
	clear: both;
	padding: 4px 0px;
	width: 468px;
	background: url(../../img/common/bg/bg_dot_gry.png);
}

.dateList dl.even {
	background: #EFEFEF;
}

.dateList dl.last {
	background: none;
}

.dateList dt {
	float: left;
	padding-left: 10px;
	padding-right: 0px;
	width: 70px;
	color: #FF9900;
	vertical-align: middle;
	font-weight: bold;
	word-break: break-all;
}
.dateList dt strong {
	color: #CC3333;
}
/* -- mac safari adjust ---- */
.mac.webkit .dateList dt {
	font-size: 108%;
	letter-spacing: 0.26mm;
}

/* -- mac safari adjust ---- */
.mac.gecko .dateList dt {
	font-size: 85%;
}




#topPush .dateList dt {
	color: #FF9900;
	padding-left: 10px;
	width: 70px;
}

#topPush .dateList dt strong {
	color: #CC3333;
}

.dateList dd.npIcon {
	float: left;
	padding-left: 10px;
	width: 50px;
}

.dateList dd.npIcon img {
	vertical-align: top;
}

.dateList dd.npLinks {
	float: right;
	padding-left: 10px;
	padding-right: 10px;
	width: 308px;
	font-size: 92.9%;
}

.dateList dd.npLinks a {
	color: #777;
}

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

/*2010.09.30 追加分

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


/* top.css  */
#contents #contentSet {
	padding: 0px;
}



/* 3 : コンテンツメインとサブの基本
----------------------------------------------------*/

#contents2 {
	clear: both;
	width: 981px;
}

.lower #contents2 {
	clear: both;
	_behavior: url(http://capcom-og.com/js/common/iepngfix.htc);
}

.lower #contents2 #contentSet {
}

.lower #contents2 .main {
	float: right;
	width:712px;
	padding:0;
}

/* 2012.3.9追加 TOPタイトル一覧 */
#titleList{
	width:676px;
	height:501px;
	margin-left:5px;
	position:relative;
}

	#titleList li{
		display:block;
		float:left;
		margin-bottom:4px;
	}
	
	#titleList li.liMargin{
		width:4px;
	}
	
	#titleList li a.btnLarge{
		display:block;
		width:336px;
		height:190px;
	}
	
	#titleList li a.btnSmall{
		display:block;
		width:166px;
		height:113px;
	}

	#titleList li a:hover img{
		opacity:0.7;
		filter:alpha(opacity=70);
		-ms-filter: "alpha( opacity=70 )";
	}

	#titleList div.infoArea{
		position:absolute;
		width:360px;
		htight:144px;
	}



#mainAdVisual {
	padding:8px 27px 0 0;
	background: url(../../img/home/bg/bg_lower_top.png) right top no-repeat;
	height:522px;
}
#miniAd {
	width: 952px;
	margin:17px auto auto 21px;
	padding:0;
}
#miniAd dl {
	width:233px;
	float:left;
}

#miniAd dl.second {
	margin-left:5px;
}

#miniAd dl.AdEnd {
	margin-left:5px;
}
#miniAd dt {
	float:left;
	margin:0 5px 0 0;
}
#miniAd dd.adTitle{
	font-weight:bold;
}

#miniAd dd.adText a{
	color:#777777;
}

.reTop2 {
	clear: both;
	padding: 0px 25px 0 0px;
	width: 956px;
	font-size: 85%;
	height:38px;
	_behavior: url(http://capcom-og.com/js/common/iepngfix.htc);
}
.reTop2 p {
	float: right;
}

.reTop2 a {
	display: block;
	padding-left: 18px;
	background: url(../../img/common/icon/icon_re_top.gif) left 2px no-repeat;
	text-decoration: none;
}



.lower #contents2 .sub #loginContent {
	float: none;
}


/* 7 : 下層サブナビの基本
----------------------------------------------------*/
.lower #contents2 .sub {
	float: left;
	width: 269px;
}

.subNaviSet {
	width: 269px;
	background: url(../../img/home/bg/bg_lower_top.png) left top no-repeat;
	padding: 0 0 20px;
	/padding: 0 0 28px;
}

.sub .subNaviLogin {
	width: 269px;
	background: url(../../img/home/bg/bg_lower_top.png) left top no-repeat;
	_behavior: url(http://capcom-og.com/js/common/iepngfix.htc);
}

.sub .subNaviLoginIn {
	padding-top: 3px;
	background: url(../../img/home/bg/bg_sub_mid.png)  repeat-y;
}


.sub .subNaviLogin #loginContent {
	padding: 7px 15px 17px 10px;
	background: none;
	height: auto;
}

.sub .subNaviLogin #loginContent h2 {
	margin-top: 0px;
}

#AdLeft {
	margin:0;
	padding:0 0 5px 21px;
	background: url(../../img/home/bg/bg_lower_top.png) left bottom no-repeat;
	/margin:-2px 0 0 0;
}
.sp_dlog{
	margin:0 0 0 13px;
	_margin:0 0 0 7px;
	
}
.sp_tv{
	padding:0 0 0 3px;
}


/*#AdLeft IMG {
	padding:10px 0 0 12px;
}*/


/* 8 : 追記_オフィシャルブログ紹介
----------------------------------------------------*/
#BlogCntents{
clear:both;
width:952px;
height:103px;
background:url(../../img/home/bg/bg_blog_info.png) left 0 no-repeat;
margin:10px 0 0 20px;
}
#BlogCntents dt.bnrTxt{
padding:45px 0 0 150px;
float:left;
}
#BlogCntents dd{
float:left;
padding:12px 0 0 25px;
}
#bnr{
margin-left:10px;
}

.lef{
	margin-left:60px;
}
 

/*----------------------------------------------------
  : clearfix 
----------------------------------------------------*/
.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
overflow:hidden;
visibility:hidden;
} /*IE7以外のモダンブラウザ向け*/

.clearfix{display:inline-block;} /*IE7およびMacIE5向け*/

/*Hides from IE-mac\*/
* html .clearfix{height:1%;}
.clearfix{display:block;}
/*End hide from IE-mac*/ /*IE6以前向け*/


/*追記*/
#topInfo{
	width:950px; 
	clear:both; 
	height:44px; 
	background:#fffbdd; 
	border:2px solid #ffdd00; 
	text-align:left; 
	margin:0 0 0 17px;
}

#topInfo p{
	background:url(../../img/common/icon/icon_infomation.gif) 0 2px no-repeat; 
	height:37px; 
	margin:2px 0 0 28%; 
	padding-left:50px; 
	padding-top:11px; 
	font-size:16px; 
	letter-spacing:1px; 
	font-weight:bold;
}