/*********************************************
**	Name: common.css						**
**	Desription: ?p[cA^O?X^C	**
**	Version: 1.0.0							**
**	LastUpDate: 2008-05-1					**
*********************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	background: transparent;
}
ol, ul {
	list-style: none;
}

.clearfix{
zoom:1;/*for IE 5.5-7*/
}
.clearfix:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}

body{
	margin:0;
	padding:0;
	background: url(../img/bg.jpg) repeat;
	color:#FFFFFF;
	font-family:"lr oSVbN", Osaka, "qMmpS Pro W3";
	background-color: #444444;
}

a {
	color: #FFFFFF; /*N?F*/
	text-decoration: none; /**/
}
	
a:hover {
	color: #FB9EBF; /*N?F*/
	text-decoration: underline; /*?*/
}

#hedder{
font-size: 8pt;
height:17px;
margin:0px auto;
padding:2px 10px 2px 10px;
display:block;
zoom:1;/*for IE 5.5-7*/
}
#hedder:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility: hidden;   
    line-height: 0;   
}
#hedder a{
	color: #CCCCCC; /*N?F*/
	text-decoration: underline; /**/
}
	
#hedder a:hover{
	color: #FB9EBF; /*N?F*/
	text-decoration: underline; /**/
}

#w-left{
color:#ffffff;
font-size: 8pt;
background-color:#444444;
margin:-2px 0 0 0px;
padding:0px;
text-align: left;	/* IE5?*/
float:left;
}
#w-right{
color:#ffffff;
font-size: 8pt;
background-color:#444444;
margin:3px 0 0 0px;
padding:0px;
text-align: right;	/* IE5?*/
float:right;
}


/***********************************
	frame
***********************************/
#frame{
margin:0 auto;
padding:0;
width:100%;
}


/***********************************
	menu
***********************************/
#menu{
margin:0 0 0 0;
text-align:left;
}
ul#menu li{
float: left;
}
ul#menu li a{
display:block;
height:28px;
overflow:hidden;
text-indent:-9999px;
}
ul#menu li.home a{
width:98px;
padding:0 5px 0 0;
background:url(../img/btn_home.jpg);
background-position: left top;
background-repeat: no-repeat;

}
ul#menu li.home a:hover,
ul#menu li.home a.off{
background:url(../img/btn_home_a.jpg) left top no-repeat;
padding:0 5px 0 0;
}
ul#menu li.profile a{
width:90px;
padding:0 5px 0 0;
background:url(../img/btn_profile.jpg) left top no-repeat;
}
ul#menu li.profile a:hover,
ul#menu li.profile a.off{
background:url(../img/btn_profile_a.jpg) left top no-repeat;
padding:0 5px 0 0;
}
ul#menu li.gallery a{
width:91px;
padding:0 5px 0 0;
background: url(../img/btn_gallery.jpg) left top no-repeat;
}
ul#menu li.gallery a:hover,
ul#menu li.gallery a.off{
background:url(../img/btn_gallery_a.jpg) left top no-repeat;
padding:0 5px 0 0;
}
ul#menu li.data a{
width:76px;
padding:0 5px 0 0;
background:url(../img/btn_data.jpg) left top no-repeat;
}
ul#menu li.data a:hover,
ul#menu li.data a.off{
background:url(../img/btn_data_a.jpg) left top no-repeat;
padding:0 5px 0 0;
}

ul#menu li.fanmail a{
width:103px;
padding:0 5px 0 0;
background:url(../img/btn_fanmail.jpg) left top no-repeat;
}
ul#menu li.fanmail a:hover,
ul#menu li.fanmail a.off{
background:url(../img/btn_fanmail_a.jpg) left top no-repeat;
padding:0 5px 0 0;
}

ul#menu li.contact a{
width:95px;
padding:0 5px 0 0;
background:url(../img/btn_contact.jpg) left top no-repeat;
}
ul#menu li.contact a:hover,
ul#menu li.contact a.off{
background:url(../img/btn_contact_a.jpg) left top no-repeat;
padding:0 5px 0 0;
}

ul#menu li.blog a{
width:73px;
padding:0 5px 0 0;
background:url(../img/btn_blog.jpg) left top no-repeat;
}
ul#menu li.blog a:hover,
ul#menu li.blog a.off{
background:url(../img/btn_blog_a.jpg) left top no-repeat;
padding:0 5px 0 0;
}


ul#menu li.shop a{
width:180px;
padding:0 5px 0 0;
background:url(../img/btn_online.gif) left top no-repeat;
}
ul#menu li.shop a:hover,
ul#menu li.shop a.off{
background-position:0 -31px ;
padding:0 5px 0 0;
}



.logo{
background:url(../img/header_logo.jpg) left top no-repeat;
height:110px;
width:261px;

}

#header {
height:75px;
margin:0 0 10px 0;
width:938px;

}

#flash{
height:425px;
margin:5px 0 0 0;

}

#main{
height:645px;
width:938px;
margin:5px 0 0 0;

}

#maindata{
background:url(../img/main_bg.jpg) left top no-repeat;
overflow:auto;
height:425px;
width:938px;
margin:5px 0 0 0;

}
#maingall{
text-align:left;
background:url(../img/main_bg.jpg) left top no-repeat;
height:635px;
width:938px;
margin:5px 0 0 0;
padding:0 0 0 10px;

}

#maingallery{
text-align:left;
background:url(../img/main_bg.jpg) left top no-repeat;
height:600px;
width:938px;
margin:5px 0 40px 0;
padding:0;
}

#maingallery2{
text-align:left;
background:url(../img/main_bg.jpg) left top no-repeat;
height:600px;
width:938px;
margin:5px 0 40px 0;
padding:0;
}

#overflow{
width:550px;
height:400px;
overflow:auto;
scrollbar-face-color: #030303;
scrollbar-track-color: #030303;
scrollbar-arrow-color: #FF6699;
scrollbar-highlight-color: #333333;
scrollbar-shadow-color: #333333;
scrollbar-3dlight-color: #030303;
scrollbar-darkshadow-color: #030303;
}

#updates{
text-align:left;
background:url(../img/update.jpg) left top no-repeat;
width:311px;
height:174px;
float:left;
margin:5px 0 40px 0;

}
.img01{
padding:0 0 10px 0;
}
.f01{
font-size:12px;
color:#FFFFFF;
padding:0 0 0 20px;
}


.f02{
	font-size:12px; 
	color:#FFFFFF; 
	padding:0 10px 0 10px;
}

.f03{
font-size:12px;
color:#FFFFFF;
padding:0 0 0 80px;
}

.f04{
font-size:12px;
color:#FFFFFF;
padding:0 0 0 5px;
text-align:center;
}

.f05{
font-size:12px;
color:#FFFFFF;
padding:30px 0 0 200px;
text-align:left;
}


.t01{
	color:#FFFFFF; 
	font-size:12px; 
	background:url(../img/bg_score.jpg) repeat;
	margin:10px 0 30px 0;
	text-align:center;
}

#banner{
	width:938px;

}
.banner01{
	display:block;
	width:20px;
	padding:0 10px 0 0;
	text-align:left;
	float:left;
}
.f_now{
	color:#FFFFFF;
	font-weight:bold;
	font-size:12px;
}
.pro_img
	{
	padding:0 0 0 20px;
}

.pro_img02
	{
	float:left; 
	padding:0 20px 0 20px;
}

#baseball{
text-align:left;
background:url(../img/baseball.jpg) top no-repeat;
width:315px;
height:174px;
float:left;
margin:5px 0 0 0;

}

#movie{
text-align:left;
background:url(../img/baseball.jpg) top no-repeat;
width:312px;
height:174px;
float:right;
margin:5px 0 0 0;

}

#comelist{
list-style:disc outside;
padding-left:20px;
margin-right:20px;
}

#comelist li{
padding-bottom:8px;
padding-top:8px;
border-bottom:#FF99FF dotted 1px;
}