/* CSS Document */

body{
	background-image:url(image/maniaxback.jpg);
	background-repeat:repeat-x;
	background-attachment:scroll;
	color:#ffffff;
	font-size:12px;
	margin:0px;
	text-align:center;
	line-height:14px;
	margin:0px;
	font-family:'‚l‚r ‚oƒSƒVƒbƒN','Osaka','ƒqƒ‰ƒMƒmŠpƒS Pro W3';
	background-color: #000000;
}

font#s10px{
	font-size:10px;
	line-height:12px;
}

font#l12px{
	font-size:12px;
	line-height:16px;
}

font#s14px{
	font-size:14px;
	line-height:16px;
}

font#s18px{
	font-size:18px;
	line-height:20px;
}

#container{
	width:1053px;
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;
	margin-bottom:0px;
}

#r-contents{
	margin-left:14px;
	margin-right:0px;
	margin-bottom:0px;
	margin-top:0px;
	padding:0px;
	width:844px;
	float:right;
	position:relative;
}

/* navi start */

#navi{
	margin:0;
	width:844px;
	padding:0px;
	height: 39px;
}
#navi ul{
	list-style:none;
	margin:0 0 0 0;
	padding:0;
}
#navi a, #navi li{
	display:block;

}

#navi a{
	text-decoration:none;
	color:#FFFFFF;
	background:url(image/menubar.png) no-repeat;
	text-indent: -9999px;
}

#navi li{
	display:inline;
	text-align: center;
	float: left;
}

#navi01 a{
	background-position:-0px 0px;
	width:118px;
	height:39px;
}
#navi01 a:hover{
	background-position:-0px -39px;
	width:118px;
	height:39px;
}

#navi02 a{
	background-position:-118px 0px;
	width:119px;
	height:39px;
}
#navi02 a:hover{
	background-position:-118px -39px;
	width:119px;
	height:39px;
}

#navi03 a{
	background-position:-237px 0px;
	width:119px;
	height:39px;
}
#navi03 a:hover{
	background-position:-237px -39px;
	width:119px;
	height:39px;
}

#navi04 a{
	background-position:-356px 0px;
	width:119px;
	height:39px;
}
#navi04 a:hover{
	background-position:-356px -39px;
	width:119px;
	height:39px;
}

#navi05 a{
	background-position:-475px 0px;
	width:119px;
	height:39px;
}
#navi05 a:hover{
	background-position:-475px -39px;
	width:119px;
	height:39px;
}

#navi06 a{
	background-position:-594px 0px;
	width:120px;
	height:39px;
}
#navi06 a:hover{
	background-position:-594px -39px;
	width:120px;
	height:39px;
}

#navi07 a{
	background-position:-714px 0px;
	width:120px;
	height:39px;
}
#navi07 a:hover{
	background-position:-714px -39px;
	width:120px;
	height:39px;
}

/* navi end */

#top-banner{
	width:836px;
	height:179px;
}

#m-form{
	width:836px;
	height:138px;
	margin-top: 10px;
}

/* op navi start */

#op{
	margin-top:11px;
	margin-right:7px;
	margin-left:9px;
	margin-bottom:10px;
	width:819px;
	padding:0px;
	height: 26px;
}
#op ul{
	list-style:none;
	margin:0 0 0 0;
	padding:0;
}
#op a, #op li{
	display:block;

}

#op a{
	text-decoration:none;
	color:#FFFFFF;
	background:url(image/opbar.png) no-repeat;
	text-indent: -9999px;
}

#op li{
	display:inline;
	text-align: center;
	float: left;
}

#op01 a{
	background-position:-0px 0px;
	width:96px;
	height:26px;
}
#op01 a:hover{
	background-position:-0px -26px;
	width:96px;
	height:26px;
}

#op02 a{
	background-position:-96px 0px;
	width:96px;
	height:26px;
}
#op02 a:hover{
	background-position:-96px -26px;
	width:96px;
	height:26px;
}

#op03 a{
	background-position:-192px 0px;
	width:96px;
	height:26px;
}
#op03 a:hover{
	background-position:-192px -26px;
	width:96px;
	height:26px;
}

#op04 a{
	background-position:-288px 0px;
	width:96px;
	height:26px;
}
#op04 a:hover{
	background-position:-288px -26px;
	width:96px;
	height:26px;
}

#op05 a{
	background-position:-384px 0px;
	width:96px;
	height:26px;
}
#op05 a:hover{
	background-position:-384px -26px;
	width:96px;
	height:26px;
}

#op06 a{
	background-position:-480px 0px;
	width:96px;
	height:26px;
}
#op06 a:hover{
	background-position:-480px -26px;
	width:96px;
	height:26px;
}

#op07 a{
	background-position:-576px 0px;
	width:96px;
	height:26px;
}
#op07 a:hover{
	background-position:-576px -26px;
	width:96px;
	height:26px;
}

#op08 a{
	background-position:-672px 0px;
	width:147px;
	height:26px;
}
#op08 a:hover{
	background-position:-672px -26px;
	width:147px;
	height:26px;
}

/* op navi end */

/* op table start */
div#op-t{
	width:819px;
	margin-top:0px;
	margin-left:7px;
	margin-right:9px;
	margin-bottom:10px;
}
/* op table end */

div#op-type01{
	width:110px;
	height:120px;
	margin:0px;
	background-image:url(image/op-back-event.gif);
	background-repeat:no-repeat;
	padding-top: 18px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

div#op-type01 a{
	color:#ffffff;
	text-decoration:none;
}

div#op-type02{
	width:110px;
	height:120px;
	margin:0px;
	background-image:url(image/op-back-offline.gif);
	background-repeat:no-repeat;
	padding-top: 18px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

div#op-type02 a{
	color:#66ccff;
	text-decoration:none;
}

div#op-type03{
	width:110px;
	height:120px;
	margin:0px;
	background-image:url(image/op-back-playing.gif);
	background-repeat:no-repeat;
	padding-top: 18px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

div#op-type03 a{
	color:#ffffff;
	text-decoration:none;
}

div#op-type04{
	width:110px;
	height:120px;
	margin:0px;
	background-image:url(image/op-back-standby.gif);
	background-repeat:no-repeat;
	padding-top: 18px;
}
div#op-type04 a{
	color:#ff6600;
	text-decoration:none;
}

/* movie navi start */
#movie-navi{
	margin-top:10px;
	margin-right:0px;
	margin-left:0px;
	margin-bottom:7px;
	width:818px;
	padding:0px;
	height: 26px;
	background-image:url(image/moviebar.png);
}
#movie-navi ul{
	list-style:none;
	padding:0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 106px;
}
#movie-navi a, #movie-navi li{
	display:block;
}

#movie-navi a{
	text-decoration:none;
	color:#FFFFFF;
	background:url(image/moviebar.png) no-repeat;
	text-indent: -9999px;
}

#movie-navi li{
	display:inline;
	text-align: center;
	float: left;
}

#movie-navi01 a{
	background-position:-106px 0px;
	width:96px;
	height:26px;
}
#movie-navi01 a:hover{
	background-position:-106px -26px;
	width:96px;
	height:26px;
}

#movie-navi02 a{
	background-position:-202px 0px;
	width:96px;
	height:26px;
}
#movie-navi02 a:hover{
	background-position:-202px -26px;
	width:96px;
	height:26px;
}

#movie-navi03 a{
	background-position:-298px 0px;
	width:96px;
	height:26px;
}
#movie-navi03 a:hover{
	background-position:-298px -26px;
	width:96px;
	height:26px;
}

#movie-navi04 a{
	background-position:-394px 0px;
	width:96px;
	height:26px;
}
#movie-navi04 a:hover{
	background-position:-394px -26px;
	width:96px;
	height:26px;
}

#movie-navi05 a{
	background-position:-490px 0px;
	width:97px;
	height:26px;
}
#movie-navi05 a:hover{
	background-position:-490px -26px;
	width:97px;
	height:26px;
}

#movie-navi06 a{
	background-position:-587px 0px;
	width:94px;
	height:26px;
}
#movie-navi06 a:hover{
	background-position:-587px -26px;
	width:94px;
	height:26px;
}

/* movie navi end */

/* event navi start */

#event-navi{
	margin-top:10px;
	margin-right:0px;
	margin-left:0px;
	margin-bottom:7px;
	width:818px;
	padding:0px;
	height: 26px;
	background-image:url(image/eventbar.png);
}
#event-navi ul{
	list-style:none;
	padding:0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 106px;
}
#event-navi a, #event-navi li{
	display:block;
}

#event-navi a{
	text-decoration:none;
	color:#FFFFFF;
	background:url(image/eventbar.png) no-repeat;
	text-indent: -9999px;
}

#event-navi li{
	display:inline;
	text-align: center;
	float: left;
}

#event-navi01 a{
	background-position:-106px 0px;
	width:96px;
	height:26px;
}
#event-navi01 a:hover{
	background-position:-106px -26px;
	width:96px;
	height:26px;
}

#event-navi02 a{
	background-position:-202px 0px;
	width:96px;
	height:26px;
}
#event-navi02 a:hover{
	background-position:-202px -26px;
	width:96px;
	height:26px;
}

#event-navi03 a{
	background-position:-298px 0px;
	width:96px;
	height:26px;
}
#event-navi03 a:hover{
	background-position:-298px -26px;
	width:96px;
	height:26px;
}

#event-navi04 a{
	background-position:-394px 0px;
	width:96px;
	height:26px;
}
#event-navi04 a:hover{
	background-position:-394px -26px;
	width:96px;
	height:26px;
}


/* event navi end */

div#event{
	width:598px;
	height:136px;
	border:1px;
	padding:5px;
	border-color:#ffffff;
	border-style:solid;
	background-color:#000000;
	font-size:10px;
	line-height:12px;
	text-align:left;
}

#footer{
	text-align:center;
	margin-bottom:8px;
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
}

#footer a{
	color:#ffffff;
}

#footer a:hover{
	color:#ffff00;
}

#l-contents{
	margin:0px;
	width:195px;
	float:left;
	position:relative;
}

table.tower{
	width:195px;
	border:0;
	margin:0;
	padding:0;
	font-size:12px;
	line-height:16px;
}

div#l-shadow{
	background-image:url(image/l-shadow.png);
	width:165px;
	height:1px;
	text-indent: -9999px;
	font-size:1px;
}

div#l-shadow02{
	background-image:url(image/l-shadow02.png);
	width:165px;
	height:1px;
	text-indent: -9999px;
	font-size:1px;
}

#t-pick-up{
	width:165px;
	margin:0px;
	padding:0px;
	text-align:center;
	background-color:#333333;
	border: 1px;
	border-style: solid;
	border-color: #999999;
	background-color: #333333;
}

#t-bg-01{
	width:165px;
	margin:0px;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:0px;
	padding-right:0px;
	background-color:#000000;
	border:1px;
	border-style: solid;
	border-color: #000000;
	background-image:url(image/l-bg-01.png);
	background-repeat: repeat-y;
	font-size:14px;
	line-height:16px;
	text-align:center;
}

#t-bg-02{
	width:155px;
	margin:0px;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:10px;
	padding-right:0px;
	font-size:10px;
	background-color:#000000;
	border-top:0px;
	border-bottom:1px;
	border-right:1px;
	border-left:1px;
	border-style: solid;
	border-color: #000000;
	background-image:url(image/l-bg-01.png);
	background-repeat: repeat-y;
	text-align:left;
}

#t-bg-03{
	width:155px;
	margin:0px;
	padding:0px;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:10px;
	padding-right:0px;
	border-top:0px;
	border-bottom:0px;
	border-right:1px;
	border-left:1px;
	border-style: solid;
	border-color: #000000;
	background-image:url(image/l-bg-02.png);
	background-repeat: repeat-y;
	text-align:left;
	line-height:16px;
	font-size:10px;
}

div#l-menu01{
	width:167px;
	height:23px;
	margin:0px;
	padding:0px;
}

div#l-menu02{
	width:167px;
	height:24px;
	margin:0px;
	padding:0px;
}

div#l-menu01 a{
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}

div#l-menu02 a{
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}

div#l-menu01 a.menu01{ width:167px; height:23px;background: url(image/lm-top.png) no-repeat left bottom;}
div#l-menu01 a.menu01:hover{ width:167px; height:23px;background: url(image/lm-top.png) no-repeat left top;}

div#l-menu02 a.menu02{ width:167px; height:24px;background: url(image/lm-begginer.png) no-repeat left bottom;}
div#l-menu02 a.menu02:hover{ width:167px; height:24px;background: url(image/lm-begginer.png) no-repeat left top;}

div#l-menu02 a.menu03{ width:167px; height:24px;background: url(image/lm-join.png) no-repeat left bottom;}
div#l-menu02 a.menu03:hover{ width:167px; height:24px;background: url(image/lm-join.png) no-repeat left top;}

div#l-menu02 a.menu04{ width:167px; height:24px;background: url(image/lm-howto.png) no-repeat left bottom;}
div#l-menu02 a.menu04:hover{ width:167px; height:24px;background: url(image/lm-howto.png) no-repeat left top;}

div#l-menu02 a.menu05{ width:167px; height:24px;background: url(image/lm-movie.png) no-repeat left bottom;}
div#l-menu02 a.menu05:hover{ width:167px; height:24px;background: url(image/lm-movie.png) no-repeat left top;}

div#l-menu02 a.menu06{ width:167px; height:24px;background: url(image/lm-qanda.png) no-repeat left bottom;}
div#l-menu02 a.menu06:hover{ width:167px; height:24px;background: url(image/lm-qanda.png) no-repeat left top;}

div#l-menu02 a.menu07{ width:167px; height:24px;background: url(image/lm-contact.png) no-repeat left bottom;}
div#l-menu02 a.menu07:hover{ width:167px; height:24px;background: url(image/lm-contact.png) no-repeat left top;}


div#l-join01{
	width:167px;
	height:30px;
	margin:0px;
	padding:0px;
}

div#l-join02{
	width:167px;
	height:31px;
	margin:0px;
	padding:0px;
}

div#l-join01 a{
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}

div#l-join02 a{
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}

div#l-join01 a.join01{ width:167px; height:30px;background: url(image/l-men-join.png) no-repeat left top;}
div#l-join01 a.join01:hover{ width:167px; height:30px;background: url(image/l-men-join.png) no-repeat left bottom;}

div#l-join02 a.join02{ width:167px; height:31px;background: url(image/l-women-join.png) no-repeat left top;}
div#l-join02 a.join02:hover{ width:167px; height:31px;background: url(image/l-women-join.png) no-repeat left bottom;}

a#top3{
color:#ff0099;
text-decoration:none;
}

a#top3:hover{
color:#ff7eb1;
}