@charset "UTF-8";

/* 共通レイアウト
------------------------------------------------------*/
body {
	background: #FF9500;
	color: #000;
	font-size: 13px;
	font-family:  "メイリオ","ヒラギノ角ゴ Pro W3", "Osaka", "ＭＳ Ｐゴシック", Arial, sans-serif;
	line-height: 1.6;
	/*background:url(../images/common/bg_top.jpg) repeat-x;*/
	background:url(../images/common/bg.jpg) repeat;
}

/* for IE7 */
*+html body {
	font-size: small;
	font-family: "メイリオ", "ＭＳ Ｐゴシック";
}

/* for IE6 */
* html body {
	font-size: small;
	font-family: "ＭＳ Ｐゴシック";
}

a {	text-decoration: underline; outline:none;}
a:link		{ color: #ff0000; }
a:visited	{ color: #ff0000; }
a:hover		{ color: #ff0000; }
a:active	{ color: #ff0000; }


p.wiiu{
	float:right;
	padding:5px 5px 0 0;
}



/* グローバルナビ
------------------------------------------------------*/
.gnavi-area{
	float:right;
	width:730px;
}

.gnavi-area.top{
	margin:13px 0 0 0;
}

ul#gnavi {
	margin:0 auto;
}

ul#gnavi li {
	float: left;
	text-indent: -9999px;
}

ul#gnavi li a{
	display: block;
	height: 69px;
}


/* 演奏ゲーム */
#gnavi li.gn-about a {
	width:322px;
	background-position: 0 0;
	background:url(../images/common/gnavi1.png) no-repeat;
	margin:0 0 0 40px;
}
#gnavi li.gn-about a:hover,
#about li.gn-about a,
#howto li.gn-about a,
#miiverse li.gn-about a {
	background-position: 0 -71px;
}

/* Wii Uからの新要素 */
#gnavi li.gn-new a {
	width:322px;
	background-position: 0 0;
	background:url(../images/common/gnavi2.png) no-repeat;
}
#gnavi li.gn-new a:hover,
#new li.gn-new a,
#baton li.gn-new a {
	background-position: 0 -71px;
}

/* 楽曲リスト */
#gnavi li.gn-songlist a {
	width:242px;
	background-position: 0 0;
	background:url(../images/common/gnavi3.png) no-repeat;
}
#gnavi li.gn-songlist a:hover,
#songlist li.gn-songlist a,
#guest li.gn-songlist a {
	background-position: 0 -71px;
}

/* ダウンロード */
#gnavi li.gn-download a {
	width:242px;
	background-position: 0 0;
	background:url(../images/common/gnavi4.png) no-repeat;
}
#gnavi li.gn-download a:hover,
#download li.gn-download a,
#costume li.gn-download a {
	background-position: 0 -71px;
}


/* ムービー */
#gnavi li.gn-movie a {
	width:242px;
	background-position: 0 0;
	background:url(../images/common/gnavi5.png) no-repeat;
}
#gnavi li.gn-movie a:hover,
#movie li.gn-movie a {
	background-position: 0 -71px;
}






/*contents
------------------------------------------------------*/
.contents{
	background:url(../images/common/bg_top.png) no-repeat top center;
	padding:8px 0 0 0;
	display:block;
	margin:0 0 10px 0;
}

.contents .bgbtm{
	background:url(../images/common/bg_btm.png) no-repeat bottom center;
	padding:0 0 8px 0;
}

.contents .bgmdl{
	background:url(../images/common/bg_mdl.png) repeat-y top center;
	/*padding:100px 30px 20px 30px;*/
	padding:0px 30px 20px 30px;
}
.contents .bgmdl2{
	background:url(../images/common/bg_mdl.png) repeat-y top center;
	/*padding:100px 30px 20px 30px;*/
	padding:0px 17px 20px 17px;
}

.contents h2{
	/*position:absolute;*/
	position:relative;
	/*top: 265px;
	left: 12px;*/
	top:-10px;
	left:-20px;
	padding:0px;
	margin:0px;
}

h3{
	text-align:center;
	padding:0 0 20px 0;
}



/*SNSボタン*/
.snsCol{
	width: 960px;
	margin:0 auto 12px;
	padding:12px 0 0 0;
}
.snsCol ul{
	float:left;
}

.snsCol li {
	float:left;
}

.snsCol p{
	float:right;
	padding:5px 0 0 0;
}


/*バナー*/
#bnrCol {
	width: 960px;
	text-align: left;
	margin:0 auto;
	padding:17px 0 12px 0 ;
	position:relative;
	overflow:hidden;
}

#bnrCol ul {
   position:relative;
   left:50%;
   float:left;
}

#bnrCol li {
   position:relative;
   left:-50%;
   float:left;
   padding:0 10px 0 0;
}



#footer {
	width: 100%;
	text-align: center;
	background:url(../images/common/bg_footer.png) repeat-x;
	height:185px;
}

#footerCol {
	width: 980px;
	margin: 0 auto;
	text-align: center;
	padding:28px 0 0 0;
}


#btn_pagetop {
	position: fixed;
	bottom: 10px;
	right: -10px;
}

#btn_pagetop a {
	display: block;
	width: 125px;
	height: 109px;
	text-indent: -9999px;
	background:url(../images/common/pagetop.png) no-repeat;
}

#btn_pagetop a:hover {
	background-position: -126px 0;
}


/* 汎用クラス
------------------------------------------------------*/
.clearfix:before,
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    zoom: 1;
}

.hidden {
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
	margin: 0;
	padding: 0;
	left: 0;
	top: 0;
}

.mgr_10 {
	margin-right: 10px;
}

.fl_l{ float:left; }
.fl_r{ float:right; }

/*テキスト
----------------------------------------------------------------*/
.font-10 { font-size: 77%; }
.font-11 { font-size: 85%; }
.font-12 { font-size: 93%; }
.font-13 { font-size: 100%; }
.font-14 { font-size: 108%; }
.font-15 { font-size: 116%; }
.font-16 { font-size: 123.1%; }
.font-17 { font-size: 131%; }
.font-18 { font-size: 138.5%; }
.font-19 { font-size: 146.5%; }
.font-20 { font-size: 153.9%; }
.font-21 { font-size: 161.6%; }
.font-22 { font-size: 167%; }
.font-23 { font-size: 174%; }
.font-24 { font-size: 182%; }