/* GENERAL
----------------------------------------------------------------------------- */

* {margin:0; padding:0;}
a{ text-decoration:none;}
a:hover{ text-decoration:none;}
a img {border: 0;}
ul, ol {list-style:none;}
.img_left img{float:left;}
.left {float:left;}
.right {float:right;}
.clear {clear:both;}
.over {overflow:hidden;}
.over1 {overflow:hidden; height:1px;}
.over0 {overflow:hidden; height:0px;}
.block {display:block;}
.del{display:none;}
.null{visibility:hidden;}

/* BASE
----------------------------------------------------------------------------- */

body { margin:0; background: #000000; font-family: Arial, Helvetica, sans-serif; font-size:13px; line-height:1.3em; color:#000; }
.header { background: url(images/bg.jpg) no-repeat top center; }
.header .inner { width: 940px; margin: 0 auto; color:#FFFFFF; position: relative; }
.header .inner p {
	position: absolute;
	left: 160px;
	top: 300px;
	width: 126px;
	line-height: 14px;
}
.header .inner p span { background: #000000; }
.header .inner p strong { font-size: 16px; line-height: 18px; }
.menu{}
.menu .inner { width: 940px; margin: 0 auto; position: relative; }
.menu .inner ul { position: absolute; left: 104px; top: 0px; }
.menu .inner li { float: left; }
.menu .inner li a img { display: block; }
.menu .inner li a:hover img { filter:alpha(opacity=0); -moz-opacity:.0; opacity:.0; }
.menu .inner li.nohover a:hover img { filter:alpha(opacity=100); -moz-opacity:100; opacity:100; }
.console { background: url(images/bg.jpg) no-repeat top center; }
.console .inner { width: 940px; margin: 0 auto; relative; }
.console .inner .box1 img { display: block; }
.console .inner .box2 { position: relative; width: 940px; height: 672px; }
.console .inner .box2 .logo { background: url(images/console_logo.png) no-repeat; width: 137px; height: 97px; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/console_logo.png', sizingMethod='scale');  _background: transparent; position: absolute; top: -15px; left: 8px; z-index: 1000; }
.console .inner .box2 h2 { position: absolute; left: 165px; top: 10px; font-size: 42px; font-weight: bold; line-height: 42px; text-transform:uppercase; font-family:"Trebuchet MS"; width: 730px; letter-spacing: -0.1em; }
.console .inner .box2 .avatar { top: 66px; left: 36px; position: absolute; }
.console .inner .box2 .text { top: 352px; left: 48px; position: absolute; color: #FFFFFF; width: 223px; }
.console .inner .box2 .text h3 { display: block; padding: 0 0 10px 0; font-size: 16px; }
.console .inner .box2 .text p { color: #000000; display:block; padding: 25px 15px 0 0; }
.console .inner .box2 .images { width: 642px; overflow: hidden; position: absolute; top: 66px; left: 262px; }
.console .inner .box2 .images dl { width: 680px; }
.console .inner .box2 .images dt { width: 642px; height: 357px; overflow: hidden; }
.console .inner .box2 .images dd { float: left; padding: 3px 3px 0 0; }
.console .inner .box2 .bt { position: absolute; top: 609px; left: 36px; }
.console .inner .box2 .bt a img { float: left; display: block; }
.footer { background: url(images/bg2.jpg) no-repeat top center; padding: 0 0 15px 0; }
.footer .inner { width: 940px; margin: 0 auto; position: relative; }
.footer .inner p { font-size: 15px; position: absolute; top: 10px; left: 550px; width: 380px; color:#FFFFFF; line-height: 17px; text-align: center; } 
.footer .inner p span { background: #000000; }
.footer .inner p a { text-decoration:underline; font-weight: bold; color: #ff0067; }
.fanclub {  background: url(images/bg.jpg) no-repeat top center; }
.fanclub .inner { width: 940px; margin: 0 auto; position: relative; }
.join { background: url(images/bg.jpg) no-repeat top center; }
.join .inner { width: 940px; margin: 0 auto; position: relative; }
.join .inner img { float: left; }
.join .inner .fanclub { position: absolute; top: 126px; left: 37px; }
.join .inner .box1 { position: absolute; left: 428px; top: 240px; font-size: 18px; font-weight: bold; color: #250a00; line-height: 18px; }
.join .inner .box1 li { display: block; padding: 0 0 15px 0; }
.join .inner .box1 strong { color: #984e09; }
.join .inner .box2 { position: absolute; left: 428px; top: 488px; }
.join .inner .box2 label { color: #FFFFFF; font-size: 20px; float: left; font-weight: bold; display: block; width: 150px; padding: 2px 0 0 0; }
.join .inner .box2 p { float: left; display: block; }
.join .inner .box2 p small { display: block; font-size: 10px; color: #000000; }
.join .inner .box2 p input { border: #CCCCCC 1px solid; padding: 2px; width: 250px; }
.join .inner .box3 { position: absolute; left: 542px; top: 561px; }
.join .inner .box3 li { height: 25px; display: block; overflow: hidden; _height: 20px; }
.join .inner .box3 input { float: left; }
.join .inner .box3 small { font-size: 10px; color: #000000; }
.join .inner .box3 label { float: left; font-size: 20px; color: #ec015f; font-weight: bold; padding: 0 0 0 5px; }
.join .inner .bt1 { position: absolute; top: 644px; left: 384px; }
.join .inner .bt2 { position: absolute; top: 712px; left: 384px; }
.join .inner .p { position: absolute; top: 810px; left: 384px; width: 556px; text-align: center; }
.join .inner .p a { color: #ec015f; }
.join .inner .p strong a { color: #ec015f; text-decoration: underline; }