@charset "utf-8";

/* CSS Document */

/*---------------------------------------------*/

/*
Copyright (c) 2006, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 0.10.0
*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}
img{vertical-align:bottom;}

html{
height:100%;
}


body{
height:100%;
background-image:url(../images/bk_BCB0A3.jpg);
background-repeat:repeat-X;
background-position:top left;
background-attachment:fixed;
background-color:#91806A/*#BCB0A3*/;
text-align:center;
color:#3E3E3E;
font-size:65%;
line-height:130%;
}


/* hvf@---------------------------------------------*/

h1{
color:#797979;
}

h2{
font-size:112%;
color:#000;
font-weight:bold;
border-left:10px solid #730A0D;
border-right:1px solid #CCC;
border-top:1px solid #CCC;
border-bottom:1px solid #CCC;

padding:8px;
background-color:#F7F7F7;
}

h3{
font-size:small;
color:#797979;
margin:2px 5px 5px 2px;
border-bottom:2px solid #CCC;
padding:5px 0 5px 18px;
background:url(../images/point_b.gif) no-repeat 2px 5px;
line-height:120%;
}

h4{
color:#730A0D;
margin:15px 0 5px 15px;
border-left:6px solid #730A0D;
letter-spacing:130%;
font-weight:bold;
padding:2px 2px 2px 7px;
}

h5{
color:#404040;
margin:2px 5px 5px 2px;
border-bottom:2px solid #CCC;
padding:2px;
letter-spacing:120%;
}

/* avf@---------------------------------------------*/

a {color:#730A0D;/*#CB100A*/
text-decoration: none;
}
a:visited{ color: #A00E11;
text-decoration: none;
}
a:hover { color: #333;
text-decoration: underline;
}
a:active{ color: #990000;
text-decoration: none;
}


/* ʃCAEgݒ -------------------------------*/

.clear{
clear:both;
}

.helpnavi{
display:none;
}

.small{
font-size:78%;
}

.center{
margin-left:auto;
margin-right:auto;
text-align:center;
}

.left_10{
margin-left:10px;
}

.posiright{
margin-left:auto;
margin-right:0;
text-align:right;
}

.bar{
border-bottom:1px dotted #CCCCCC;
height:1px;
min-height:1px
}

/* wb_[vf -------------------------------*/

*html #outline {
width:906px;
margin:0px auto;
background-color:#FFFFFF;
background-image:url(../images/bk.gif);
background-repeat:repeat-y;
text-align:left;
position:relative;
height: 100%;
font-family:"lr oSVbN", "Osaka","sans-serif" "qMmpS Pro W3,HGp޼W7","Arial";
}

body:first-of-type #outline {
width:906px;
margin-left: auto;
margin-right: auto;
background-color:#FFFFFF;
background-image:url(../images/bk.gif);
background-repeat:repeat-y;
text-align:left;
position:relative;
min-height:100%;
font-family: "arial",sans-serif;
}

#outline {
width:906px;
margin-left: auto;
margin-right: auto;
background-color:#FFFFFF;
background-image:url(../images/bk.gif);
background-repeat:repeat-y;
text-align:left;
position:relative;
min-height:100%;
font-family:"lr oSVbN", "Osaka","sans-serif" "qMmpS Pro W3,HGp޼W7","Arial";
}

body > #outline {
height: auto;
}

*html #main{
width:auto;
border:none;
}

#main{
width:900px;
margin-left: auto;
margin-right: auto;
padding-bottom:280px;
border-top:6px solid #730A0D;
}

#logo{
position:absolute;
margin:10px 0 5px 5px;
}

#subnavi{
position:absolute;
margin:10px 0 5px 685px;
}

#subnavi li{
display:inline;
}

#top_ttl{
margin-left: auto;
margin-right: auto;
text-align:center;
margin:50px 0 22px 0;
}

#font_change{
width:400px;
margin:-30px 0 10px 720px;
}

#change{
float:left;
}

#s{
float:left;
width:23px;
height:23px;
background:url(../images/text_so.gif) no-repeat left top ;
}

#m{
float:left;
width:23px;
height:23px;
background:url(../images/text_m.gif) no-repeat left top ;
}

#l{
float:left;
width:23px;
height:23px;
background:url(../images/text_l.gif) no-repeat left top ;
}



/* irQ[Vvf ---------------------------------------------*/

#navi {
margin:25px 0 5px 10px;
}

#navi li{
display:inline;
}


/* tbVRec ---------------------------------------------*/

#flashcontent{
margin-left: 10px;
margin-right: auto;
text-align:center;
}


/* Wrapper ---------------------------------------------*/

#left_Wrpper{
width:650px;
margin:10px 0 0 9px;
padding:5px 0 10px 10px;
float:left;
}

#right_Wrpper{
width:203px;
margin:10px 13px 0 0;
padding:5px 0 10px 0;
float:right;
}

/* Top NEWS ---------------------------------------------*/

*html #top_news dd{
width:480px;
margin:0 40px 0 10px;
padding:5px 0 5px 0;
}

*html #top_news dt{
float:left;
width:80px;
margin-left:5px;
padding:5px 5px 5px 15px;
background:url(../images/point_b.gif) no-repeat 1px 4px;
color:#730A0D;
font-size:88%;
}

div#top_news dl,div#dvdleft dl,div#dvdright{
margin:12px 0 20px 0;
line-height:125%;
}

#top_news dt {
float:left;
width:75px;
margin-left:5px;
padding:5px 5px 5px 15px;
background:url(../images/point_b.gif) no-repeat 1px 4px;
color:#730A0D;
font-size:88%;
}

#top_news dd {
width:577px;
margin-left:10px;
padding:5px 0 5px 0;
}


*:first-child+html #top_news dd{
width:480px;
margin:0 40px 0 10px;
padding:5px 0 5px 0;
}

*:first-child+html #top_news dt{
float:left;
width:80px;
margin-left:5px;
padding:5px 5px 5px 15px;
background:url(../images/point_b.gif) no-repeat 1px 4px;
color:#730A0D;
font-size:88%;
}


/* DVDE ---------------------------------------------*/

.left{
float:left;
width:315px;
margin:10px 5px 20px 5px;
}

.right{
float:right;
width:315px;
margin:10px 0 20px 0;
}

.top_left {
float:left;
width:83px;
}

.top_right {
width:240px;
margin-left:5px;
}

*:first-child+html .top_right {
width:200px;
}

*html .top_right {
width:200px;
}

/* {gir ---------------------------------------------*/

#bottom{
width:610px;
border-top:2px solid #CCC;
margin:30px 0 50px 0;
padding:5px 0 0 0;
}

.posileft{
float:left;
}

.posiright{
float:right;
}

/* TCho[@---------------------------------------------*/

#banner li{
margin-bottom:1px;
}

.gray_bt{
width:190px;
border-top:2px solid #CCCCCC;
margin-top:3px;
padding-top:5px;
}

/* tb^[@---------------------------------------------*/

*html #footer {
width:900px;
margin:50px 0 0 0;
}

#footer {
width:900px;
position:absolute;
bottom:0px;
height:240px;
margin:50px 0 50px 0;
}

*html #foot {
width:820px;
margin-left:20px;
padding-left:20px;
border-top:3px solid #CCCCCC;
}

#foot {
width:820px;
margin-left:auto;
margin-right:auto;
padding-left:20px;
margin-bottom:40px;
border-top:3px solid #CCCCCC;
}

*html div#footer #footernavi dl{
float:left;
display:block;
width:180px;
margin-left:10px;
}

div#footer #footernavi dl{
float:left;
display:block;
width:205px;
}

div#footer #footernavi dt{
font-weight:bold;
margin-bottom:5px;
font-size:1em;
font-weight:bold;
line-height:1.6em;
width:180px;
}

div#foot #footernavi dt.navi2{
margin-top:15px;
}


div#foot #footernavi dd
{ display:block; background:url(../images/sub_navi_arrow_o.gif) no-repeat 0 8px; width:180px; 	padding-left:10px;
margin: 0px 0px 5px 0px;}


#foot_line{
border-top:1px solid #FFFFFF;
margin-top:10px;
}

#footnavi2 {
margin-left:auto;
margin-right:auto;
text-align:center;
padding-bottom:5px;
}

#footnavi2 li {
display:inline;
padding:0 3px 0 5px;
}

.left_b{
border-left:1px solid #393939;
}

#footnavi3 {
margin:40px 3px 5px 580px;
}

#footnavi3 li {
display:inline;
padding-left:16px;
background:url(../images/submenu_point.gif) no-repeat 1px;
}

*html #copy {
margin:20px 0 5px -10px;
}


#copy {
margin:20px 0 60px -10px;
}


#foot_in{
width:100%;
background-color:#F8F8F8;
border-top:1px solid #999;
z-index: 2;
}

#foot_inner{
width:960px;
margin:0 auto -150px;
background-color:#F8F8F8;
}

div#unei{
float:left;
padding:20px 20px 0 30px;
}

div#unei a{
color:#555555;
}

div#unei p#unei{
font-size:80%;
}

div#foot_dsc{
width:620px;
font-size:88%;
float:left;
padding:20px 30px 0 0;
}

div#foot_dsc ul{
margin-top:2px;
}

div#foot_dsc li{
display:inline;
padding:0 0 0 17px;
background:url(http://club-best.com/common/images/outlink.gif) no-repeat 5px;
}

.outlink{
background:url(http://club-best.com/common/images/outlink.gif) no-repeat 5px;
padding:0 0 0 17px;
}

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* QuickLink */

#qlink{
width:600px;
margin:0 0 50px 0;
padding-bottom:20px;
background:url(../images/news_bar.gif) no-repeat 0 bottom;
}

#qlink_ttl{
height:50px;
min-height:50px;
background:url(../images/news_bar.gif) no-repeat 0 35px;
}

#qlink_ttl p{
text-indent:-5000px;
background:url(../images/qlink_ttl.gif) no-repeat 5px 5px;
}

.link_left{
width:285px;
margin:10px 0 5px 25px;
float:left;
}

.link_right{
width:285px;
margin:10px 0 5px 0;
float:left;
}

.notout{
padding:0 0 0 17px;
}

#qlink li{
margin-top:0.2em;
}

#qlink li.ttl{
margin-top:0.8em;
}

/* News2 */

#news2{
width:600px;
margin:0 0 10px 5px;
}

#news2_ttl{
height:50px;
min-height:50px;
background:url(../images/news_bar.gif) no-repeat 0 35px;
}

#news2_ttl p{
text-indent:-5000px;
background:url(../images/news_ttl.gif) no-repeat 5px 5px;
}

#news2 ul{
display:block;
}

#news2 li:hover{
background:url(../images/news_dl.png) repeat;
}


#news2 li span{
width:6em;
padding:5px 1.5em 0 2em;
color:#666666;
font-family:"Century Gothic";
}

#news2 li{
float:left;
width:600px;
margin:5px 0;
}

#news2 li a:hover{
text-decoration:none;
}

#news3{
background:url(../images/news_bar.gif) no-repeat;
margin:0 0 10px 0;
}

#news3 ul{
padding:15px 10px 30px 510px;
}

#news3 li{
display:inline;
margin-right:5px;
}

#news3 li#all a{
width:52px;
height:24px;
min-height:24px;
text-indent:-5000px;
background:url(../images/all_ttl2.gif) no-repeat;
display:block;
float:left;
}

#news3 li#all a:hover{
background:url(../images/all_ttl2_o.gif) no-repeat;
}

#news3 li#rss a{
width:24px;
height:24px;
min-height:24px;
text-indent:-5000px;
background:url(../images/rss.jpg) no-repeat;
display:block;
float:left;
}

#news3 li#rss a:hover{
background:url(../images/rss_o.jpg) no-repeat;
}

#banner li#movie p{
background:url(../images/movie_ttl.gif) no-repeat 5px 5px;
text-indent:-5000px;
height:50px;
min-height:50px;
}

#banner li#movie {
background:url(../images/movie_bar.gif) no-repeat 0 35px;
}

#banner li#movie a {
width:52px;
height:24px;
min-height:24px;
text-indent:-5000px;
background:url(../images/all_ttl2.gif) no-repeat;
display:block;
margin:5px 0 5px auto;
}




#banner li#movie a:hover {
background:url(../images/all_ttl2_o.gif) no-repeat;
}

.rinen{font-weight:bold;font-size:120%;padding: 1rem 0 .3rem;}