@charset "utf-8";
/* CSS Document */

* {
	margin: 0px;
	padding: 0px;
	font-size: 100%;
	font-weight: normal;
	font-style: normal;
}

	img{ /* IE-expression (fix png alpha) */
				behavior: expression(
				this.style.filter = this.src.match(/\.png$/) ? "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "')" : this.style.filter,
				this.src = this.src.match(/\.png$/) ? this.src.slice(0, this.src.lastIndexOf("/")+1) + "ie6png.gif" : this.src,
				this.style.behavior = "none"
				);}	


body {
/*	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;	font-size: 75%;
*/	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif; font-size: 75%;
	line-height: 1.9;
	color:#FFF;

	text-align: center;
	background: #000;
	margin: 0px;
	padding: 0px;

}

img {border: none;}

a{	color:#fff;
	}

a:hover{
	color:#F00;
	}

em{
	font-weight:bold;
	}

strong{
	color: #ff2a2a;
	font-weight: bold;
/*	background-color:#000;*/
	
}

p{
	margin:10px 10px 20px;
	padding:10px 10px;
	}

.typeS{
	font-size:0.9em;
}

/****/
.pageTop{
	clear: both;
	height:22px;
	}

	.pageTop a{
	display:block;
	height:0px;
	padding-top:22px;
	overflow:hidden;
		background: url(../images/page_top_base.png) no-repeat right top;
}

	.pageTop a:hover{
	background-position: right -22px;
}
	


/***/
.border{
	border-bottom:1px dotted #59a0d3;
	padding-bottom:5px;
	margin-bottom:25px;
}



/*廻り込み***/

.imgL{
	float: left;
	margin:0px 20px 20px 5px;
}

	.imgLline{
	float: left;
	margin:0px 20px 20px 5px;
	border: 1px solid #59a0d3;
}


.imgR{
	float: right;
	margin:0px 5px 20px 20px;
}

/*トップのH1***/
h1#topH{
	height:0px;
	padding-top:30px;
	overflow:hidden;
}

/*見出し***/
h1{
}

h2{
	margin: 0px 5px 0px 30px;
}

h3{
	clear:both;
	font-weight:bold;
	color:#FFF;
	background: url(../images/h3.png) no-repeat 0px 12px;
	border-bottom: 1px solid #FFF;
	margin: 20px 15px 15px 0px;
	padding: 10px 5px 3px 20px;
	text-shadow: /*1px 1px 1px #000, 2px 2px 3px #FFF, 3px 3px 10px #a068de*/
	1px 1px 1px #000,
	0 0 10px #fff, 
	/*0 20px #fff, */
	0 0 30px #fff, 
	0 0 40px #ff00de, 
	0 0 70px #ff00de, 
	0 0 80px #ff00de, 
	0 0 100px #ff00de, 
	0 0 150px #ff00de;
}

	h3 span{
	font-size:0.9em;
	padding-right:10px;
	}


h4{
	clear:both;
	background:url(../images/h4.png) no-repeat left center;
	padding-left: 15px;
	font-weight:bold;	
	border-bottom:1px dotted;
	margin: 30px 20px 10px 10px;


}

h5{
	margin:15px 10px 5px;
	border-bottom:1px solid #59a0d3;
	padding-left:10px;

}


/*全体を包む**************/
#wrap{
	width:1200px;
	margin: 0px auto;
	padding: 0px;
	background: url(../images/base.jpg) repeat-y scroll left top;
	}

/*惑星****/
#planet{
	background:url(../images/planet.png) no-repeat left bottom ;

}

/*ヘッダ************************************************/
#topHead{}


#head{
	padding-top:30px;
}

/*メインコント************************************************/
#mainCont{
	text-align:left;
	margin: 30px 150px;
}

/*コンテンツ毎のかたまり**/

.unit{
	clear:both;
	padding:20px 40px;
	margin: 0px 30px 30px;
	background:url(../images/maincont_base.png) repeat-y;
	border-bottom: 1px solid #034279;
}



/***/
.contS{
	width:320px;
	float:left;
	padding-bottom:20px;
}


.contM{
	width:400px;
	float:left;
}


.contL{
	width:450px;
	float:left;
}


/*リスト***/
.unit ul{
	margin:10px;
	padding:10px;
	list-style:square;
}

	.unit ul li{
	margin:2px 5px;
	padding:2px 5px;
	}
/**/

	.unit ol{
	margin: 0px 10px;
	padding: 20px;
	}

			.unit ol li{
			margin: 2px 10px 3px 15px;
			}

/*インラインのリスト*/
.inlinelist{
	 border: 1px dotted #F00;
/*	 border: 1px dotted #59a0d3;
*/	color:#6f6f6f;

}

ul.inlinelist li{
	display:inline;
	margin:0px;

}

/*インラインのリスト巨大戦艦*/
.inlinelistBS{
	border: 1px dotted #F00;
	color:#6f6f6f;
	font-size:0.9em;
}


ul.inlinelistBS li{
	margin:0px 5px 3px 0px;
	display: inline;

}


/*テーブル***/
		.unit table{
		margin:10px auto;
}

		.unit table th{
		font-weight: bold;
		color: #FFF;
		vertical-align:top;
		padding: 2px 15px 3px 15px;
		border-right: 1px dotted #506894;
		border-bottom: 1px dotted #506894;
/*		background:url(../images/th_bg.png);*/

}

		.unit table td{
		padding: 2px 15px 3px 15px;
		border-bottom: 1px dotted #506894;
}

.unit table.icon{
	margin:0px;
} 

	.unit table.icon th{
		font-weight: bold;
		color: #FFF;
		vertical-align: middle;
		padding: 2px 10px 2px 3px;
		background-color:#000;
		border:none;
}

	.unit table.icon th img{
	float: left;
	margin-right:5px;
}

.unit table.icon td{
		padding: 2px 3px;
		border:none;
}

/*グローバルナビ************************************************/
#gNavi{
	height:35px;
	overflow: hidden;
	background:url(../images/g_navi_base.png) no-repeat;
}

	#gNavi ul{
	width:660x;
	list-style:none;
	margin: 0px 270px;
	background-color:#0FF;

	}

		#gNavi ul li{
		width: 110px;
		height: 35px;
		float: left;
		}

			#gNavi ul li a{
			display:block;
			width:110px;
			height:0px;
			padding-top:35px;
			overflow: hidden;
			background:url(../images/g_navi.png) no-repeat 0px 0px;
			}


#gNavi ul li#naviTop a{ background-position:0px 0px;}
#gNavi ul li#naviNews a{ background-position:-110px 0px;}
#gNavi ul li#naviGame a{ background-position:-220px 0px;}
#gNavi ul li#naviRanking a{ background-position:-330px 0px;}
#gNavi ul li#naviGallery a{ background-position:-440px 0px;}
#gNavi ul li#naviTenpo a{ background-position:-550px 0px;}

#gNavi ul li#naviTop a:hover { background-position:0px -35px;}
#gNavi ul li#naviNews a:hover { background-position:-110px -35px;}
#gNavi ul li#naviGame a:hover { background-position:-220px -35px;}
#gNavi ul li#naviRanking a:hover { background-position:-330px -35px;}
#gNavi ul li#naviGallery a:hover { background-position:-440px -35px;}
#gNavi ul li#naviTenpo a:hover { background-position:-550px -35px;}

#gNavi ul li#naviTopOn a{ background-position:0px -35px;}
#gNavi ul li#naviNewsOn a { background-position:-110px -35px;}
#gNavi ul li#naviGameOn a { background-position:-220px -35px;}
#gNavi ul li#naviRankingOn a { background-position:-330px -35px;}
#gNavi ul li#naviGalleryOn a { background-position:-440px -35px;}
#gNavi ul li#naviTenpoOn a { background-position:-550px -35px;}

/*ローカルナビ************************************************/
#rNavi{
	margin:20px 0px 10px;
	height:30px;
	padding: 0px 40px;
	background:url(../images/rNavi.png) no-repeat;


}

/*	#rNavi ul{
	list-style:none;
	padding: 4px 5px 0px;
	}

		#rNavi ul li{
		display: inline;
		padding-right:20px;
		}

		#rNavi ul li.on{
		color:#FFF;
		font-weight:bold;
		}

		#rNavi ul li a{
		color:#FFF;
		}

		#rNavi ul li a:hover{
		background-color:#F00;
		}*/

		#rNavi ul li.off{
		padding:2px 15px 0px;
		color:#6f6f6f;
		}
/**********************************/
ul#navigationMenu {
	height:30px;

}


ul#navigationMenu li{
	display:inline-block;
	float:left;
	height:26px;
	margin:2px 0px;
	list-style-type:none;
	overflow:hidden;
}

ul#navigationMenu li a,ul#navigationMenu li a:hover, 
ul#navigationMenu li a:visited{
	text-decoration:none;
}

/*add**/
ul#navigationMenu li a:hover{
	color:#F00;
}
/**/

.normalMenu, .normalMenu:visited,
.hoverMenu, .hoverMenu:visited,
.selectedMenu,.selectedMenu:visited {
	outline:none;
	padding:2px 10px 0px;
	display:block;

}


/*.hoverMenu,.hoverMenu:visited,
.selectedMenu,.selectedMenu:visited {
	margin-top:-26px;
	padding:2px 15px 0px;
	background:url(../images/grey_bg.png) repeat-x 
}*/

/*選択中*/
.selectedMenu,.selectedMenu:visited {
	margin:0;
	background:none;
	color: #F00;
/*	color:#c2e6ff;*/
}

/*ノーマルメニュー*/
.normalMenu, .normalMenu:visited{
	margin:0px 0px 0px;
	color: #FFF;
	
/*	background:url(../images/dark_bg.gif) repeat-x #444444;*/
}

/**********************************/

/*トップのメインコント************************************************/
#topMain{
	text-align:left;
	margin: 30px 150px;
	height:140px;
	overflow:hidden;
}

/***トップ更新履歴************************************************/
#newsBox{
	width: 450px;
	height:140px;
	float:left;
	background:url(../images/news_base.png) no-repeat;
}

		#newsBox h2{
		margin:0px;

		}

			#newsBox h3{
			color:#c7d9ff;
			font-weight:normal;
			margin:0px;
			padding: 10px 5px 0px 15px;
			border-bottom:none;
			background:none;

			}

			#newsBox p{
			padding: 0px 15px 4px 10px;
			margin-bottom:3px;
			background:url(../images/news_base_p.gif) no-repeat bottom;
			}

/***スクロールボックス***/
#newsBase{
	height:112px;
	overflow:auto;


}

/***トップピックアップバナー***************************************/
		#sideBanner{
		width: 215px;
		padding: 0px 10px;
		float:left;
}

/*#sideBanner ul{
	height:140px;
	overflow:hidden;
	}

	#sideBanner ul li{
	width:214px;
	height:65px;
	margin-bottom:10px;
	overflow:hidden;
	}


	#sideBanner ul li a{
	width:214px;
	height: 0px;
	display:block;
	padding-top:65px;
	overflow:hidden;
	}

		#sideBanner ul li a:hover{
		background-position: bottom;
		}

*/
	
	

/***トップムービー************************************************/
		#topMovie{
		width: 195px;
		padding: 0px 10px 0px 10px;
		float:left;
}

/***トップtwitter************************************************/
#twitList{
	clear:both;
	margin:20px 150px 0px;
/*	background:url(../images/maincont_base.png) repeat-y;*/
}

	#twitList h3{
	border:none;
	text-shadow:none;
		color:#c7d9ff;
}

	#twitList h4{
	background: none;
	font-size: 1.2em;
	color:#c7d9ff;
	}

#twitter-widget-0 {width:800px;


}




#twitList img{ 
				behavior: none;}	


/***トップバナー3種************************************************/
		#topBanner{
		clear:both;
		height:115px;
		margin: 0px 150px 0px;

}

	#topBanner ul{
	list-style:none;
	}
		#topBanner ul li{
		margin:0px;
		padding: 0px;
		float:left;
		width:290px;
		height:115px;
		}

		#topBanner ul li a{
		display:block;
		width:290px;
		height:0px;
		padding-top:115px;
		overflow:hidden;
		background:url(../images/top_banner.png) no-repeat 0px 0px;

		}

		#topBanner ul li#topBmy {
		margin:0px 15px;
		}

#topBanner ul li#topBtenpo a {background-position: 0px 0px;}
#topBanner ul li#topBmy a {background-position: 0px -115px;}
#topBanner ul li#topBrank a {background-position: 0px -230px;}

#topBanner ul li#topBtenpo a:hover {background-position: -290px 0px;}
#topBanner ul li#topBmy a:hover {background-position: -290px -115px;}
#topBanner ul li#topBrank a:hover {background-position: -290px -230px;}


/*フッター***********************************************/
#footer {
	clear: both;
	text-align:left;
	color:#aeb0ae;
	margin: 70px auto 0px;
	padding:20px 150px 0px;
	height:70px;
	background:url(../images/fotter.png) no-repeat 0px 0px;

}

	#footer img {
	margin: 0px 10px 5px 0px;
	float: left;}	

	#footer p,#footer address {
	clear: both;
	font-size:0.9em;
}

/*あそべるお店***********************************************/

/*都道府県マップ*/
#areaMap{
	float:left;
	width:400px;
	margin:30px 10px 30px 0px;
	padding-left:40px;

}

/*都道府県リスト*/
#areaSelect{
	width: 320px;
	float:left;
	padding:10px;
	margin:30px 0px;
	border: 1px dotted #49597c;
}


#areaSelect ul{
	margin: 5px;
	list-style:none;
}

	#areaSelect ul li{
	margin: 3px 5px 5px 2px;
	padding: 2px ;
	width: 50px;
	float:left;
	}

/*リンクの設定**/
	#areaSelect ul li a:hover{
	color:#fff;
	background-color:#F00;
	}

/*本体**************************************/
#locaCont{
	clear:both;
}


/*テーブルの設定**/
	#locaCont table{
	width:98%;

}

	#locaCont table th,#locaCont table td{
	padding: 2px 5px 3px;
	border-bottom: 1px dotted #506894;
}

		#locaCont table th{
}

		#locaCont table td{
		color:#c7d9ff;
}

/*見出しの設定**/

#tenpo{}


/*機体紹介のメニュー**/
ul#machine{
	width:580px;
	list-style:none;

}

	ul#machine li{
	width:580px;
	height:80px;
	margin:0px 0px 10px 0px;
}

	ul#machine li a{
	display:block;
	width:580px;
	padding-top:80px;
	height:0px;
	overflow: hidden;
	background: url(../game/images/machine_banner.png);

}

	ul#machine li#legend a{	background-position:0px 0px;}
	ul#machine li#legend a:hover{	background-position:-580px 0px;}

	ul#machine li#next a{	background-position:0px -80px;}
	ul#machine li#next a:hover{	background-position:-580px -80px;}

	ul#machine li#formula a{	background-position:0px -160px;}
	ul#machine li#formula a:hover{	background-position:-580px -160px;}

	ul#machine li#origin a{	background-position:0px -240px;}
	ul#machine li#origin a:hover{	background-position:-580px -240px;}

	ul#machine li#second a{	background-position:0px -320px;}
	ul#machine li#second a:hover{	background-position:-580px -320px;}

	ul#machine li#gaiden a{	background-position:0px -400px;}
	ul#machine li#gaiden a:hover{	background-position:-580px -400px;}

	ul#machine li#assault a{	background-position:0px -480px;}
	ul#machine li#assault a:hover{	background-position:-580px -480px;}

	ul#machine li#genesis a{background: url(../game/images/machine_banner_genesys.png) 0px 0px;}
	ul#machine li#genesis a:hover{background: url(../game/images/machine_banner_genesys.png) -580px 0px;}

/***/

/*巨大戦艦紹介紹介のメニュー**/
		.unit .bs {
			width: 240px;
			margin:0px 10px 20px 0px;
			float: left;
			}


		.unit .bs a {
			display: block;
			width:240px;
			height: 100px;
			}

		.unit .bs a:hover {
			background: url(../game/images/bs_banner_hover.png) no-repeat 0px 0px;
			}




/***/

/*最優秀店舗**/


.baseTable{
	margin:0px auto;
	text-align:left;
	width:580px;
	background:url(../ranking/images/ranking_base_02.png) repeat-y 0px 0px;
}

.unit .baseTable table{
	width:580px;
	margin:0px;
}

	.unit .baseTable table td{
	height:50px;
	margin:0px;
	padding:0px;
	border:none;

}

		.unit .baseTable table td.no{
			color:#FFF;
			font-weight:bold;
			font-size: 14px;
			text-align:center;
			width:45px;
		
		}

	.unit .baseTable table td.score{
		width:70px;
		color:#FFF;
		padding-left: 5px;
		text-align:right;
	
	}


	.unit .baseTable table td.locaB{
	width:230px;
	padding-left: 20px;
	font-weight: bold;
	font-size:12px;
	color:#FFF;
}

/***/

/*SH杯**/


.baseTableEve{
	margin:0px auto;
	text-align:left;
	width:650px;
	background: url(../ranking/images/ranking_base_eve.png) repeat-y 0px 0px;
}

.unit .baseTableEve table{
	width:650px;
	margin:0px;
}

	.unit .baseTableEve table td{
	height:50px;
	margin:0px;
	padding:0px;
	border:none;

}

		.unit .baseTableEve table td.no{
			color:#FFF;
			font-weight:bold;
			font-size: 14px;
			text-align:center;
			width:45px;
		
		}

	.unit .baseTableEve table td.score{
		width:70px;
		color:#FFF;
		padding-left: 5px;
		text-align:right;
	
	}


	.unit .baseTableEve table td.locaB{
	width:230px;
	padding-left: 20px;
	font-weight: bold;
	font-size:12px;
	color:#FFF;
}

/***/
#eveComp{
 background:url(../news/images/emb_comp_s_.png) no-repeat 10px 10px;
}

#eveSH{
	position:absolute;
	left: 200px;
}




/*勲章表示調整用*/

#tenpo table img {margin-right: 10px;}
#embArea img {vertical-align: middle; margin-right: 10px;}

/*********************/
	.share{
	text-align:right;
	margin:0px auto;
	width:760px;
}

/*キャンペーン********************/
.gloss{
	width:760px;
	height:300px;
}
#campForm a {display: block;width:740px;height: 90px;}
#campForm a:hover {	background: url(../news/images/campaign_form_hover.png) no-repeat 0px 0px;}

#demo{
 position:absolute;
	left: 649px; 
	top: -20px;
}

/*---時限装置---*/
#MyEvent{display:none;}
#Usually{display:none;}