@charset "utf-8"; 

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

.img1 {	width: 802px;	height: 451px;	display: block;	background: top left url(img/img01.jpg) no-repeat ; margin:0; padding:0;}
.img2 {	width: 802px;	height: 546px;	display: block;	background: top left url(img/img02.jpg) no-repeat ;margin:0; padding:0;}
.img3 {	width: 802px; display: block; background-image:url(img/bk.gif); margin:0; padding-left:39px;}

.gal_box { width: 107px; margin:0 0 12 12; padding:0; float:left;}
.online { width: 107px; margin:0; padding:0; height:16px; background-image:url(img/online.gif);}
.offline { width: 107px; margin:0; padding:0; height:16px; background-image:url(img/offline.gif) !important;}
.white_box { width: 105px; text-align:center; margin:0; padding:10 0; background-color:#fff; border-bottom:#999 1px solid; border-right:#999 1px solid; border-left:#999 1px solid; font-size:12px;}




#addinfo{color: #444444; font-size:12px;text-align:left;line-height:130%; margin:0 0 30px 153px;}
#addinfo span{ color: #444444; font-weight:bold;}
#addinfo a{color: #ec008c; 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(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(chat_btn.png);
}
a:hover.chat{
    background-position:0px -29px;
}
a.mail{
    background-image:url(email_btn.png);
}
a:hover.mail{
    background-position:0px -29px;
}

ul#menu2{
    list-style:none;
    width:240px;
}
ul#menu2 li{
    list-style:none;
    float:left;
    width:157px;
}
ul#menu2 a{
    display:block;
    width:157px;
    height:35px;
}
a.vote{
    background-image:url(vote_btn.png);
}
a:hover.vote{
    background-position:0px -35px;
}

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