@charset "utf-8"; 

/** ページごとに違うのはなるべくここに置く **/
*{font-family: verdana ,MS UI Gothic, arial, ＭＳ Ｐゴシック, sans-serif,Osaka‐等幅; color:#c2c2c2;} 
body{padding:0px; margin:0; font-size:12px; background-color:#9f00de;}
#wrap{width:802px; margin:0 auto; padding:0; border:1px solid #fff; background-image:url(/promo/2012/vote_halloweencos/BG_star.gif)}
.bgTop{width:802px; height:15px; padding:0; margin:0 ;}

.img1 {	width: 802px;	height: 420px;	display: block;	background: top left url(/promo/2012/vote_halloweencos/img01.gif) no-repeat ; margin:0; padding:0;}
.img2 {	width: 802px;	height: 200px;	display: block;	background: top left url(/promo/2012/vote_halloweencos/img02.gif) no-repeat ;margin:0; padding:0;}

.gal_box { width: 240px; margin:0 0 10 20; padding:0; height:300px; float:left; background-color:#000;}
.onlineHL { width: 240px; margin:0 0 1 0; padding:0; height:25px; background-image:url(/promo/2012/vote_halloweencos/gal_online.gif);}
.offlineHL { width: 240px; margin:0 0 1 0; padding:0; height:25px; background-image:url(/promo/2012/vote_halloweencos/gal_offline.gif);}
.black_box { width: 240px; margin:1 0 0 0; padding:0 0 1 0; background-color:#000;}

a.glcheckBtn {display:block; text-indent:-9999px; width: 205px; height: 35px; background:top left url(/promo/2012/vote_halloweencos/glcheck.png) no-repeat; margin-left:90px;}
a.glcheckBtn:hover {background-position: 0 -35px;}

.btn1 {	text-align: center;	margin: 0 auto;	width: 600px;	height: 79px;	display: block;}
.btn1 a {width: 600px;	height: 89px;	display: block;	background: top center url(/promo/2012/vote_halloweencos/btnFree.png) no-repeat scroll; text-indent: -9999px;}
.btn1 a:hover {	width: 600px;	height: 89px;	display: block;	text-indent: -9999px;	text-align:left; background-position: 0px -89px;	}

.btn2 {	text-align:center;	margin: 0 auto;	width: 600px;	height: 89px;	display: block;}
.btn2 a {width: 600px;	height: 89px;	display: block;	text-indent: -9999px;	background: top center url(/promo/2012/vote_halloweencos/btnPoint.png) no-repeat scroll;}
.btn2 a:hover {	width: 600px;	height: 89px;	display: block;	text-indent: -9999px;	background-position: 0px -89px;}

#addinfo{font-size:12px;text-align:left;line-height:130%; margin:30px; padding:20px; background-color:#ececec; color:#333;}
#addinfo span{font-weight:bold;}
#addinfo a{color: #ff561e; text-decoration:none;}
#addinfo a:hover{color: #00bff3; text-decoration:none;}

#home{	width:30px;	height:30px;	/*text-align: left;*/	float: right;	text-indent: -9999px;	margin:3px ;	z-index: 999;	position: relative;	}

#home a{	text-indent: -9999px;	display:block;	outline:none;	width:30px;	height:30px;	background:transparent url(/promo/2012/vote_halloweencos/home.png) no-repeat top left;	}

img a { border:0}
img a:hover { border:0}
.icons { padding: 298px 255px 0px 0px; margin:0px; float:right; }

img{border:none;}
a{ outline:none; color:#efc904;}
a:hover{ outline:none; color:#ff4444;}
.end{ clear:both; margin:0; padding:0;}
.home { margin:0; padding:5px 10px 0 0;}
.clear { margin:0px; padding:0px; clear:both; width:100%; font-size:1px;}
.spacer {display:block; height:1px;}

.yellow {background:#ffff00;}

.white {color:#FFFFFF;}

.red {color:#FF0000}

.blue {color:#0000ff}

.bold {font-weight:bold;}

.f36 { font-size:36px;}
.f34 { font-size:34px;}
.f32 { font-size:32px;}
.f30 { font-size:30px;}
.f28 { font-size:28px;}
.f26 { font-size:26px;}
.f24 { font-size:24px;}
.f22 { font-size:22px;}
.f20 { font-size:20px;}
.f18 { font-size:18px;}
.f16 { font-size:16px;}
.f14 { font-size:14px;}
.f12 { font-size:12px;}
.f10 { font-size:10px;}

.smaller {font-size:smaller;}

ul#menu1{
    list-style:none;
    width:240px;
}
ul#menu1 li{
    list-style:none;
    float:left;
    width:98px;
}
ul#menu1 a{
    display:block;
    width:98px;
    height:29px;
}
a.chat{
    background-image:url(/promo/2012/vote_halloweencos/chat_btn.png);
}
a:hover.chat{
    background-position:0px -29px;
}
a.mail{
    background-image:url(/promo/2012/vote_halloweencos/email_btn.png);
}
a:hover.mail{
    background-position:0px -29px;
}

a.voteBtn {display:block; text-indent:-9999px; width: 145px; height: 35px; background:top left url(/promo/2012/vote_halloweencos/vote_btn.png) no-repeat;}
a.voteBtn:hover {background-position: 0 -35px;}

a:hover img{
 opacity:0.8;
 filter:alpha(opacity=80);
 -ms-filter: “alpha( opacity=80 )”;
 }