@charset "Shift_JIS";

/*************************************************
 = contents
*************************************************/
#flashcontent{
width:810px;
margin-bottom:10px;
text-align:left;
}

#swfcontent{
width:810px;
padding:10px;
text-align:left;
background:url(../img/bg_swfad.jpg) repeat-x;
}


/* = column
*************************************************/
.columnwrap{
width:830px;
margin-bottom:15px;
}

.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:501px;
}

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

.columnleftblock{
width:501px;
margin-bottom:8px;
padding-bottom:8px;
border-bottom:solid #E7E7E7 6px;
}

.columnrightblock{
width:300px;
margin-bottom:8px;
padding-bottom:8px;
border-bottom:solid #E7E7E7 6px;
}

/*features*/
.featuresimage{
float:left;
display:inline;
width:200px;
padding:1px;
border:solid #CCCCCC 1px;
}

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

.featurescomment h3{
color:#FF6600;
font-size:1.6em;
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:120px;
padding:1px;
border:solid #CCCCCC 1px;
}

.blogstopcomment{
float:right;
display:inline;
width:365px;
}

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

.blogstopcomment p{
font-size:1.1em;
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;
}

@media Screen, Projection    
{
.ui-tabs-hide {
	DISPLAY: none
}

}

@media Print    
{
.ui-tabs-nav {
	DISPLAY: none
}
    }
#tabblock li#ranking.ui-tabs-selected a, #tabblock li#ranking.ui-tabs-nav li a:active{
cursor:pointer;
background:url(img/btn_ranking_o.jpg) no-repeat;
}

#tabblock li#latest.ui-tabs-selected a, #tabblock li#latest.ui-tabs-nav li a:active{
cursor:pointer;
background:url(img/btn_latest_o.jpg) no-repeat;
}