/*=========================================================================*/
/*目次
１：基本設定
２：ヘッダー
３：コンテンツ
　a:メニュー
　b:メインエリア
４：バナーエリア
５：フッター
*/


/************************１：基本設定***************************************/
/*a：書体*/
* {
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

/*本文テキスト基本設定*/
body {
	font-size: 12px;
	line-height: 1.2em;
/*バックグラウンド*/
	background-image:url(../images/nomal/bg.jpg);
	background-color:#FFF9DD;
/*背景をリピートさせない
	background-repeat:no-repeat;*/
/*ノーマルバージョンの背景はこちらを使用　Yリピート	
	background-repeat:repeat-y;	*/
/*背景をリピート*/
	background-repeat:repeat;

	
	background-position:top center;
/*スクロールバーカラー制御*/
	scrollbar-Track-Color:#FEE;
	scrollbar-Face-Color:#FFF;
	scrollbar-Shadow-Color:#F33;
	scrollbar-DarkShadow-Color:#FFF;
	scrollbar-Highlight-Color:#F33;
	scrollbar-3dLight-Color:#FFF;
	scrollbar-Arrow-Color:#F33;
}
#base{
	width:980px;
	margin:0px auto;
	}
	
/*注意文*/
.font10{
	font-size: 10px;
	}
/************************２：ヘッダー***************************************/
/*header白帯*/
header{
position:relative;
top:0;
width:100%;
height:40px;
background-color:#fff;
box-shadow:0px 1px 9px 2px rgba(0,0,0,0.4);
z-index:9999;}

header .logo img{height:37px; margin:0px 0 0 0px;}

#header{
	width:980px;
	height:150px;
	background-image:url(../images/nomal/bg_header.png);
	background-repeat:no-repeat;
}
#header .konami_logo{
	position:absolute;
	}
#header .popnmusicworld_logo{
	position:absolute;
	top:5px;
	padding-left:38px;
	}
#header .popnmusicworld_logo a{
	display:block;
	text-indent:-9999px;
	background:transparent url(../images/popnmusicworld_logo.gif) left top no-repeat;
	width:326px;
	height:139px;
	}
/*
#header .bemani_10th{
	position:absolute;
	top:6px;
	padding-left:825px;
	}
*/
	
/************************３：コンテンツ***************************************/
/*a:メニュー*/
#contents{
	width:980px;
	height:auto;
	background-image:url(../images/nomal/bg_long.gif);
	padding-bottom:0px;}
.menu_area{
	width:162px;
	background-image:url(../images/nomal/bg_menu.gif);
	background-repeat:no-repeat;
	float:left;
	}

.menu_img{
	text-align:center;
	/* ▼メニューが増えたらはずす */
	padding-bottom:5px;
	}
	
.menu_space{
	height:80px;
		}
		
/*コンテンツ各ヘッダー*/
.menu_header{
	margin:10px 0px 5px 20px;
	}
		
/*b:メインエリア*/
/*広告バナー*/
#main{
background-color:#FFFFFF;
	float:left;
	width:779px;}
#main_whatpopn{
	float:left;
	width:779px;}


.main_bannar{
	padding:7px 0px 0px 7px;
	width:772px;
	background-image:url(../images/nomal/main_bg_top.jpg);
	background-repeat:no-repeat;}

/*ポップンってなにヘッダー*/
#whatpopn_main{
	width:779px;
	background-image:url(../images/nomal/whatpopn_bg_bottom.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	height:428px;
	}
.header_whatpopn{
	width:779px;
	height:33px;
	background-image:url(../images/nomal/header_whatpopn.jpg);
	background-repeat:no-repeat;}
	
/*アーケードヘッダー*/
.header_arcade{
	width:779px;
	height:33px;
	background-image:url(../images/nomal/header_arcade.jpg);
	background-repeat:no-repeat;}

.ac_com{
/*	background-image:url(../images/arcade/ac_top_icon.gif);
	background-repeat:no-repeat;*/
	padding-left:10px;
	margin-left:30px;
	font-size:14px;
	}
/**アーケードアイコンメニュー*/	
.ac_menu{
	padding:9px 11px 10px 12px;
	float:left;
	}
/**アーケード罫線*/	
.ac_lineH{
	float:left;
	height:1px;
	width:779px;
	background:url(../images/arcade/dot_line_horizontal.gif) ;
	overflow:hidden;
	}
.ac_lineV{
	float:left;
	height:204px;
	width:1px;
	background:url(../images/arcade/dot_line_vertical.gif) ;
	overflow:hidden;
	}
	
/*ゲームソフトヘッダー*/
.header_gamesoft{
	width:779px;
	height:33px;
	background-image:url(../images/nomal/header_gamesoft.jpg);
	background-repeat:no-repeat;}
.cs_com{
	background-image:url(../images/gamesoft/cs_top_icon.gif);
	background-repeat:no-repeat;
	padding-left:10px;
	margin-left:30px;
	font-size:14px;
	}

.cs_notes{
	padding-left:10px;
	margin-left:30px;
	font-size:12px;
	color:#FF6600;
	}
.cs_notes h1{
	padding-left:10px;
	margin-left:30px;
	font-size:14px;
	font-weight:bold;
	color:#FF6600;
	}
/**ゲームソフトメニュー*/	
.cs_menu{
	float:left;
	margin:5px 20px 5px 3px;
	width:120px;
	}
.cs_ps{
	padding-left:30px;}
.cs_menu img{
	padding:3px;
	}
span.gametitle{
text-align:center;
font-weight:bold;
}

.text{
	font-size: 10px;
	padding-right: 24px;
	padding-left: 24px;
	color: #999999;
	}
	
/*イベント情報ヘッダー*/
#event_main{
	width:779px;
	background-image:url(../images/nomal/event_bg_bottom.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	height:428px;
	}
.header_event{
	width:779px;
	height:33px;
	background-image:url(../images/nomal/header_event.jpg);
	background-repeat:no-repeat;}

.event_com{
	background-image:url(../images/event/event_top_icon.gif);
	background-repeat:no-repeat;
	padding-left:10px;
	margin-left:30px;
	font-size:14px;
	}
.event_title img{
	padding:10px 0px 20px 20px;}
	
.live_txt{
	background-color:#FF3300;
	padding:10px;
	margin:20px;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
	font-size:14px;
	}
	
.live_img img{
	float:left;
	padding:0px 25px;}
.live_img p{
	padding:10px 25px;
	font-weight:bold;
	font-size:14px;}
	
.live_img a,
.live_img a:link,
.live_img a:visited{
 color: #00CCFF;
 text-decoration: none;}
.live_img a:hover,
.live_img a:active{
 color: #33CCFF;
 text-decoration: underline ;
}
	
/*関連商品ヘッダー*/
#goods_main{
	width:779px;
	background-image:url(../images/nomal/goods_bg_bottom.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	height:428px;
	}
.header_goods{
	width:779px;
	height:33px;
	background-image:url(../images/nomal/header_goods.jpg);
	background-repeat:no-repeat;}
	
/*関連商品be-mouse*/
#be_mouse{
	width:172px;
	height:174px;
	margin-top: 254px;
	margin-left: 72px;
	position: absolute;
}
	
/*お楽しみヘッダー*/
.header_webgoods{
	width:779px;
	height:33px;
	background-image:url(../images/nomal/header_webgoods.jpg);
	background-repeat:no-repeat;}
.webgoods_com{
	background-image:url(../images/webgoods/webgoods_top_icon.gif);
	background-repeat:no-repeat;
	padding-left:10px;
	margin-left:30px;
	font-size:14px;
	}
.dl_info{	
	width:758px;
	height:159px;
	margin-left:10px;
	background-image:url(../images/webgoods/wg_wp_info.gif);
	background-repeat:no-repeat;
	}
.dl_info_txt{
	padding:10px 0px 0px 70px;
	}
.sub_title_txt{
	font-size:16px;
	font-weight:bold;}
.item_coment{
	padding:5px;}
.blog_com{
	padding-left:22px;
	padding-top:10px;
	float:left;}
.blog_com2{
	padding-left:22px;
	padding-top:10px;
	width:520px;
	float:left;}
.blog_ad{
	padding-left:10px;
	padding-top:10px;
	float:left;}
.blog_icon{
	padding-left:7px;
	padding-top:2px;
	}
.blog_check{
	padding-left:8px;
	padding-top:8px;
	}
.blog_name{
	padding-top:12px;
	}
.blog_go{
	padding-left:293px;
	}
.wg_item_com{
	padding:10px 0px 5px 40px;
	}
.wg_item_com h1{
font-size:16px;
font-weight:bold;
color:#FF6600;
	}
.wg_item_com p{
	padding:5px;
	padding-right:20px;
	}
.wg_item_img{
	padding:0px;
	margin:0px;
	text-align:center;
	padding-top: 10px;
	}
.wg_item_img img{
	padding:5px;
	}
.wg_item_img p{
	padding:10px;
	padding-left:15px;
	text-align:center;
	}
.blog_img{
background-color:#FFFFFF;
	float:left;
	padding:10px;}
	
.blog_img_noflash{
	float:left;
	}
.wg_top_menu{
	float:left;
	padding-left:30px;
}
/*お楽しみ 壁紙*/	
.wp_menu{
	padding:10px 28px;
	float:left;
	fontsize:14px;
	color:#33CCCC;
	}
.wp_menu img{
	margin:3px 0px;}
/*広告バナー下エリア*/
#main_2{
	width:779px;
	background-image:url(../images/nomal/main_bg_bottom.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	padding-top: 4px;
	padding-bottom: 6px;
	height:auto;
	}

.sub_bannar_area{
	width:392px;
	float:left;
	}
.box_sub_bannar1{
	padding:4px;
	padding-left:7px;}
.box_sub_bannar2{
	float:left;
	padding:4px;
	padding-left:7px;}

/*NEWS!!エリア*/
	


.news_area{
	width:780px;
	float:left;
	}
.news_header{
	width:780px;
	height:30px;
	background-image:url(../images/nomal/nomal_news_haeder.png);
	background-repeat:repeat;}
	
.topics_back{
	padding:9px 0px 0px 250px;
	float:left;
}
.rss{
	padding:9px 0px 0px 5px;
	float:left;
}
/*更新エリア*/
.news_topics{
	height:170px;
	width:780px;
	margin:5px;

	}
dl{
	line-height:12pt;
	border-bottom:dashed #F66 1px ;
	padding:5px;
	margin-bottom:5px;
	}

.clum_menu{
	font-size:12px;
	color:#888;
	padding-left:10px;
	paddign:0px;
	margin:0px;
	}
.title{
	font-size:12px;
	font-weight:bold;
	color:#000;
	padding:0px;
	margin:0px;
	margin-left:3px;	}
.day{
	font-size:12px;
	color:#5BF;
	padding:0px;
	margin:0px;
	}
dt{
	padding-left:5px;
	margin:0px;
}
dd{
	font-size:12px;
	padding-left:25px;
	padding-top:4px;
	margin:0px;
	line-height:12px;
	}
.side_r{
	background-image:url(../images/nomal/bg_side_r.gif);
	width:23px;
	float:left;
	background-repeat:no-repeat;
	background-position:top;
}
.side_l{
	background-image:url(../images/nomal/bg_side_l.gif);
	width:16px;
	height:462px;
	float:left;
	background-position:top;
}

.side_r2{
	background-image:url(../images/nomal/bg_side_r.gif);
	width:23px;
	float:left;
	background-repeat:no-repeat;
	background-position:top;
	height: 1050px;
}
.side_l2{
	background-image:url(../images/nomal/bg_side_l.gif);
	width:16px;
	height:1050px;
	float:left;
	background-position:top;
	;
}





.float_clear{clear:left;}

.contents_footer{
	height:25px;
	width:980px;
	background-image:url(../images/nomal/bg_menu_footer.gif);
	text-align: right;
	padding-top: 2px;
}

.contents_footer2{
	height:25px;
	width:980px;
	background-image:url(../images/nomal/bg_menu_footer.gif);
	text-align: right;
	padding-top: 2px;
}

.links_konami{
	text-align:right;
	padding-right:40px;
	font-weight:bold;
	color:#FFFFFF;
	}
span.links_konami a,
span.links_konami a:link,
span.links_konami a:visited{
	color: #FFFFFF;
	text-decoration: none;
}
span.links_konami a:hover,
span.links_konami a:active{
	color: #FF3300;
	text-decoration: underline;
}
/************************４：バナーエリア***************************************/
	
#bannar_area{
	width:980px;
	padding:25px 0px 0px 0px;}

.box_bannar{
	witdh:160px;
	float:left;
	text-align:center;
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 5px;
	padding-left: 1px;
	}


/************************５：フッター***************************************/
#footer{
	width:100%;
	height:auto;
	margin-top:20px;
	padding-top:5px;
	border-top:solid 1px #CCCCCC;
	border-bottom:solid 1px #CCCCCC;
	background-color:#000000;
}

.copyright{
	padding-top:5px;
	text-align:center;
	color:#FFFFFF;
}

#page_top{
padding-left:405px;
}

/************************共通設定***************************************/

/*ノーマル画像ロールオーバー javaでアルファ透明*/
.img_over{
	filter: Alpha(style=0, opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}
.img_out{}
	
/*テキストリンク*/
a:link,a:visited{
 color: #000;
 text-decoration: none;
}
a:hover,a:active{
 color: #000;
 text-decoration: underline ;
}



/*段落*/
p, .unit {
 padding-bottom: 14px;
 padding-left:15px;
}


/*テキストスタイル：注意 [重要度やや高]*/
.attention {
 color: #7FA336;
}
/*テキストスタイル：重要 [重要度高]*/
.important {
 color: #FF0000;
}
/*テキストスタイル：太字*/
.bold {
 font-weight: bold;
}


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