@charset "Shift_JIS";

html{
	overflow-y:scroll;
}

body{
	margin:0;
	padding:0;
	text-align:center;
	background:#000;
}
p{
	margin:0;
	padding:0; 
}
a{
	text-decoration: none;
	outline: none;
}
a:link{
	color: #0000ff;

}
a:visited{
	color: #0000ff;

}
a:hover{
	color: #ff4400;
	text-decoration: underline;

}
a:active{
	color: #aa0000;

}
img{
	border:0;
}
.left{
	text-align:left;
	float:left;
}
.right{
	text-align:right;
	float:right;
}
.clear{
	clear: both;
}
form{
	margin: 0;
}
.red{
	color:#ff0000;
}

#container{
	background:top no-repeat;
	min-height:700px;
	padding-top:50px;
}


/*--ヘッダー------------------------------------------*/

#indexheader{
	width:100%;
	margin:0 auto;
}
#indexheader iframe{
	height:55px;
	width:100%;
}
#indexheader h1{
	text-indent: -9999px;
	float:left;
	height:41px;
	width:109px;
	margin:0 0 0 40px;
}

/*--メインコンテンツ------------------------------------------*/

#article{
	margin: 230px 0 0 0;
	width:960px;
	margin:0 auto;
}
	#article:after {
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
	}
#gamestart{
	width: 200px;
	margin:300px 80px 0 0;
	text-indent: -9999px;
	float: right;
}
#gamestart a{
	display: block;
	width: 200px;
	height: 200px;
	background:url(../mainimg/btn_start.png) top left no-repeat;
}
#gamestart a:hover{
	background:url(../mainimg/btn_start.png) bottom left no-repeat;
}


/*--スペシャル用------------------------------------------*/

#center_middle{
position:absolute;
margin-top:280px;
margin-left:340px;
}

#sub_enjoy{
margin-top:-100px;
}

/*--上コンテンツ------------------------------------------*/

#article div#blankcontents{
	width: 100%;
	height: 310px;
}
.clear{
	clear: both;
	height:0;
	margin:0;
}


/*--下コンテンツ------------------------------------------*/

#outer_width{
	width: 960px;
	padding: 0 0 0 4px;
	margin:0 auto;
}

/*--下左コンテンツ------------------------------------------*/

#leftbox{
	float: left;
	width: 200px;
	height: 340px;
	margin-top:44px;
}

#gamestart2{
	width: 200px;
	text-indent: -9999px;
}
#gamestart2 a{
	display: block;
	width: 200px;
	height: 200px;
	background:url(../mainimg/btn_start.png) top left no-repeat;
}
#gamestart2 a:hover{
	background:url(../mainimg/btn_start.png) bottom left no-repeat;
}

p#newregister{
	width: 200px;
	text-indent: -9999px;
}
p#newregister a{
	display: block;
	width: 200px;
	height: 90px;
	background:url(../mainimg/btn_newregister.png) top left no-repeat;
}
p#newregister a:hover{
	background:url(../mainimg/btn_newregister.png) bottom left no-repeat;
}

p#gash{
	width: 176px;
	margin:5px auto;
	text-indent: -9999px;
}
p#gash a{
	display: block;
	width: 176px;
	height: 63px;
	background:url(../mainimg/btn_gash.png) top left no-repeat;
}
p#gash a:hover{
	background:url(../mainimg/btn_gash.png) bottom left no-repeat;
}

p#fansitekit{
	width: 200px;
	text-indent: -9999px;
	margin-top:5px;
}
p#fansitekit a{
	display: block;
	width: 200px;
	height: 90px;
	background:url(../mainimg/btn_fansitekit.jpg) top left no-repeat;
}


/*--下中コンテンツ------------------------------------------*/

#centerbox{
	float: left;
	width: 450px;
	height: 200px;
	margin:90px 0 0 20px;
}
#mainevent{
	height:100px;
	width:430px;
	margin:10px auto 0;
}
#mainevent ul{
}
#mainevent ul li{
float:left;
}
#mainevent ul li#cmp02{
margin:0 3px;
}

#mainevent img{
}
#mainevent a:hover img{
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
	background:#fff;
}


#menubox{
	height:32px;
	width:386px;
	margin:5px auto 0;
	background:url(../mainimg/bg_menubtn.png) no-repeat;
}
#menubox:after {
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}
#menubox li{
float:left;
}
#menubox li#menu1 a{
	display: block;
	width: 96px;
	height: 32px;
	background:url(../mainimg/bg_menubtn.png) 1px top no-repeat;
	text-indent: -9999px;
}
#menubox li#menu1 a:hover{
	background:url(../mainimg/bg_menubtn.png) 1px bottom no-repeat;
}
#menubox li#menu2 a{
	display: block;
	width: 97px;
	height: 32px;
	background:url(../mainimg/bg_menubtn.png) -96px top no-repeat;
	text-indent: -9999px;
}
#menubox li#menu2 a:hover{
	background:url(../mainimg/bg_menubtn.png) -96px bottom no-repeat;
}
#menubox li#menu3 a{
	display: block;
	width: 96px;
	height: 32px;
	background:url(../mainimg/bg_menubtn.png) -194px top no-repeat;
	text-indent: -9999px;
}
#menubox li#menu3 a:hover{
	background:url(../mainimg/bg_menubtn.png) -194px bottom no-repeat;
}
#menubox li#menu4 a{
	display: block;
	width: 96px;
	height: 32px;
	background:url(../mainimg/bg_menubtn.png) -290px top no-repeat;
	text-indent: -9999px;
}
#menubox li#menu4 a:hover{
	background:url(../mainimg/bg_menubtn.png) -290px bottom no-repeat;
}

div#commentarybox1{
	background:url(../mainimg/bg_news_a.png) no-repeat;
	width:450px;
	height:150px;
}
div#commentarybox2{
	background:url(../mainimg/bg_news_b.png) no-repeat;
	width:450px;
	height:263px;
}
div#commentarybox3{
	background:url(../mainimg/bg_news_c.png) no-repeat;
	width:450px;
	height:263px;
}
div#commentarybox4{
	background:url(../mainimg/bg_news_d.png) no-repeat;
	width:450px;
	height:263px;
}
ul.panel{
margin-top:0;
}

div.commentbox{
	width:450px;
	height:263px;
	margin:0 auto;
	padding-top:25px;
}
.commentbox dl{
	width:410px;
	margin:0 auto;
	font-size:13px;
	height:100px;
	overflow:auto;
}
.commentbox dt{
	float:left;
	width:90px;
	border-bottom:1px dotted #fff;
	line-height:2em;
}
.commentbox dd{
	float:left;
	width:295px;
	text-align:left;
	border-bottom:1px dotted #fff;
	line-height:2em;
	color:#00260a;
	display:block;
	white-space:nowrap;
	overflow:hidden;
	}

.commentbox dd a{
	color:#00260a;
	text-decoration:underline;
}
.commentbox dd a:hover{
	color:#bb4a34;
}


/*--下右コンテンツ------------------------------------------*/

#rightbox{
	float: right;
	width: 270px;
	height: 360px;
	margin-top:30px;
	background:url(../mainimg/bg_rightbox.png) no-repeat;
}

#world_banner{
padding:10px 0 3px 0;
margin:0;
}
#world_bannerhead{
width:230px;
height:25px;
}
	#world_bannerhead h3{
	text-indent:-9999px;
	}
	#world_bannerhead div.banner_summary{
	margin:0 auto;
	text-align:right;
	padding:10px 10px 0 0;
	}
.right_bannerbody{
width:230px;
overflow:hidden;
padding:4px 0 0 0;
margin:0 auto;
}
	.right_bannerbody ul.right_bannerimg{
	list-style: none;
	position: relative;
	margin:5px auto;
	padding:0;
	width:230px;
	}
	.right_bannerbody ul.right_bannerimg img{
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
	background:#fff;
	}

#rightbox div#world_banner ul{
padding-left:10px;
}
#rightbox div#world_banner ul li{
	float:left;
}
#rightbox div#world_banner ul li#facebook a{
	display: block;
	margin-top:5px;
}
#rightbox div#world_banner ul li#twitter{
	display: block;
	padding-top:5px;
}
#world_banner a:hover img{
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
	background:#fff;
}

/*
#wrapper{
	height:250px;
}
#scroller{
	margin:0 auto;
	width:290px;
	margin-left:-25px;
}
	*:first-child+html #scroller{
	margin-left:-63%;
	}
.btn_onoff a:hover img{
filter: alpha(opacity=100);
-moz-opacity:1;
opacity:1;
background:#fff;
}
*/

#tweetline{
	width:250px;
	height:130px;
	margin:0 auto;
	overflow:auto;
	overflow-x:hidden;
}
	*:first-child+html #twtr-bd{
	height:40px;
	}
.twtr-hd {display:none;}
.twtr-ft {display:none;}

/*--フッター------------------------------------------*/

#footer{
	font-size: 10px;
	color:#fff;
	clear:left;
	}
#footer_main{
	width: 950px;
	margin:0 auto 1.5em auto;
}
	#footer_main:after {
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
	}
#footer p{
	margin:15px 0 10px 9px;
	text-align:right;
	}
.copyright .comp{
	float: left;
	letter-spacing: 1px;
}
.copyright .comp ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.copyright .comp ul li{
	float: left;
	margin: 0 0 0 5px;
	padding: 0 0 0 8px;
	background: url(../mainimg/footer_arrow.gif) left top no-repeat;
}
.copyright .comp ul li a{
	color: #ffffff;
}
.copyright .comp ul li a:hover{
	color: #ff9900;
	text-decoration: underline;

}
.arr{
	float: right;
}