/*******************************************************
 = body
********************************************************/
body{
background:#000000 url(../img/bg.jpg) no-repeat top;
}

/*******************************************************
 = head
********************************************************/
#head{
margin:0px auto;
}

/*******************************************************
 = swf
********************************************************/
#flashcontent{
width:100%;
height:400px;
margin-bottom:40px;
text-align:center;
background:url(../../img/bg_swf.jpg) no-repeat center;
}

#flashcontent img{
margin:0 auto;
}


/*******************************************************
 = main
********************************************************/
#main{
width:1050px;
margin:0px auto;
text-align:left;
}

/* = column
*************************************************/
.columnwrap{
width:950px;
margin-left:50px;
margin-bottom:0px;
}

.columnwrap h2{
margin-bottom:15px;
}

p a.more{
margin-bottom:0;
padding-right:15px;
background:url(../common/img/arrow.gif) no-repeat right;
}

p a.morecontents{
font-size:0.9em;
margin-bottom:0;
padding-right:15px;
background:url(../common/img/arrow.gif) no-repeat right;
}

p.right{
text-align:right;
}

 p.mt01{
margin-top:47px;
}

body:first-of-type p.mt01{
margin-top:55px;
}

.columnwrap ul{
width:501px;
margin-bottom:15px;
background:url(../img/bg_tabbtn.jpg) no-repeat;
}

.columnwrap li{
float:left;
display:inline;
}

.columnwrap li#ranking{
text-indent:-9999px;
background:url(../img/btn_ranking_o.jpg) no-repeat;
}

.columnwrap li#ranking a{
display:block;
width:136px;
height:32px;
background:url(../img/btn_ranking.jpg) no-repeat;
}

.columnwrap li#ranking a:hover,
.columnwrap li#ranking a.active{
background:url(../img/btn_ranking_o.jpg) no-repeat;
}

.columnwrap li#latest{
text-indent:-9999px;
background:url(../img/btn_latest_o.jpg) no-repeat;
}

.columnwrap li#latest a{
display:block;
width:135px;
height:32px;
background:url(../img/btn_latest.jpg) no-repeat;
}

.columnwrap li#latest a:hover,
.columnwrap li#latest a.active{
background:url(../img/btn_latest_o.jpg) no-repeat;
}

.columnleft{
float:left;
display:inline;
width:535px;
}

.columnright{
float:right;
display:inline;
width:395px;
}

.columnleftblock{
width:535px;
margin-bottom:8px;
padding-bottom:8px;
border-bottom:solid #000000 1px;
}

.columnrightblock{
width:395px;
margin-bottom:8px;
padding-bottom:8px;
border-bottom:solid #000000 1px;
}

.columnleft2{
float:left;
display:inline;
width:312px;
margin-right:12px;
border-right:solid #000000 1px;
}

.columncenter2{
float:left;
display:inline;
width:312px;
height:490px;
margin-right:12px;
border-right:solid #000000 1px;
}

.columnright2{
float:right;
display:inline;
width:300px;
}

.columnleft2block{
width:312px;
margin-bottom:0px;
padding-bottom:0px;
}

.columncenter2block{
width:312px;
margin-bottom:0px;
padding-bottom:0px;
}

.columnright2block{
width:300px;
margin-bottom:0px;
padding-bottom:0px;
}

.spacer{
width:20px;
}

/*features*/
.featuresimage{
float:left;
display:inline;
width:140px;
padding:1px;
border:solid #CCCCCC 1px;
margin:10px 12px 10px 0;

}
.featuresimage2{
float:left;
display:inline;
width:140px;
padding:1px;
border:solid #CCCCCC 1px;
margin:10px 0 10px 0;
}

.featurescomment{
float:right;
display:inline;
width:535px;
}

.featurescomment h3{
color:#000000;
font-size:1.2em;
font-weight:bold;
margin-bottom:7px;
}

.featurescomment p{
font-size:1.1em;
line-height:1.2;
}

/*styles*/
.stylesimage{
float:left;
display:inline;
width:100px;
padding:1px;
border:solid #CCCCCC 1px;
}

.stylescomment{
float:right;
display:inline;
width:185px;
}

.stylescomment h3{
color:#FF6600;
font-size:1.6em;
font-weight:bold;
margin-bottom:7px;
}

.stylescomment p{
font-size:1.1em;
line-height:1.2;
}

/*blogs*/
.blogstopimage{
float:left;
display:inline;
width:296px;
padding:1px;
border:solid #CCCCCC 1px;
}

.blogstopcomment{
float:left;
display:inline;
width:300px;
margin-top:8px;
}

.blogstopcomment h3{
color:#000000;
font-size:1.2em;
font-weight:bold;
margin-bottom:7px;
}

.blogstopcomment p{
font-size:1.2em;
line-height:1.2;
}

.blogstopcomment p strong{
color:#FF6600;
font-weight:normal;
margin-right:10px;
}

.blogstopcomment p a.more{
margin-left:10px;
}

.blogsimage{
float:left;
display:inline;
width:80px;
padding:1px;
border:solid #CCCCCC 1px;
}

.blogscomment{
float:right;
display:inline;
width:405px;
}

.blogscomment h3{
color:#FF6600;
font-size:1.4em;
font-weight:bold;
margin-bottom:7px;
}

.blogscomment p{
font-size:1.1em;
line-height:1.2;
}

.blogscomment p strong a{
font-weight:normal;
margin-right:10px;
}

.blogscomment a.more{
margin-left:10px;
}

.newsimage{
float:left;
display:inline;
width:80px;
padding:1px;
border:solid #CCCCCC 1px;
}

.newscomment{
float:right;
display:inline;
width:205px;
}

.newscomment h3{
color:#FF6600;
font-size:1.4em;
font-weight:bold;
margin-bottom:2px;
}

.newscomment p{
font-size:1.1em;
line-height:1.2;
margin-bottom:3px;
}

/* = live table
*************************************************/
.eventtbl{
	width:300px;
	margin-top:0px;
	table-layout:fixed;
}

.eventtbl td {
	font-size:11px;
	padding:9px 5px;
	line-height:50%;
}

td.black      {	
background:#000000;	text-align:left;
font-size:11px;
color:#FFFFFF;
line-height:50%;}
td.mid       {	background:#EBE9E4;	text-align:left; }
td.light {	background:#F5F4F1;	text-align:left; }

/********************************/