@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 {
	font-size:78%;
	color:#444444;
	line-height:160%;
	font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"MS PGothic","ＭＳ Ｐゴシック",Sans-Serif;

}

* html body{
font-family: 'ＭＳ Ｐゴシック',Verdana, Arial,sans-serif; 
}


/* h---------------------------------------------*/

h1{
}

h2{
text-indent:-5000px;
width:100%;
height:35px;
min-height:35px;
border-bottom:1px solid #CCCCCC;
margin-bottom:15px;
}

h2 a{
display:block;
}


/* a---------------------------------------------*/

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;
}


/* clear -------------------------------*/

.clear{
clear:both;
}

.helpnavi{
display:none;
}

/* top -------------------------------*/


#top{
width:900px;
margin-left: auto;
margin-right: auto;
}

#top_ttl{
float:left;
text-indent:-5000px;
background:url(images/top_img.gif) no-repeat 20px 20px;
width:400px;
height:120px;
min-height:120px;
}

#top_sub{
float:right;
text-indent:-5000px;
background:url(images/sub_img.gif) no-repeat 0 20px;
width:225px;
height:120px;
min-height:120px;
}

   
/* navi ---------------------------------------------*/

#navi {
background:url(images/navi_bg.jpg) repeat-x;
height:49px;
min-height:49px;
}

#navi ul{
margin-left:auto;
margin-right:auto;
width:900px;
}

#navi li{
display:inline;
}   
   

/* contents ---------------------------------------------*/	   

.contents{
width:880px;
margin:40px auto 0 auto;
}

.contents p{
margin:5px 0 0 20px;
}

h2#cont01{
background:url(images/cont01.gif) no-repeat 10px;
}

h2#cont02{
background:url(images/cont02.gif) no-repeat 10px;
}

h2#cont03{
background:url(images/cont03.gif) no-repeat 10px;
}

h2#cont04{
background:url(images/cont04.gif) no-repeat 10px;
}

h2#cont05{
background:url(images/cont05.gif) no-repeat 10px;
}

h2#cont06{
background:url(images/cont06.gif) no-repeat 10px;
}

h2#conttw{
background:url(images/conttw.gif) no-repeat 10px;
}

#tw{
margin-left:20px;
}

#news,#shinsa{
margin:0 0 10px 20px;
}

#news span{
margin:0 1.5em 0 0;
font-family:"Century Gothic";
}

#shinsa li{
margin-top:5px;
}

#shinsa span{
width:6em;
float:left;
}

.kaisai{
float:left;
width:500px;
margin-bottom:20px;
}

.kaisai2{
float:left;
width:400px;
margin-bottom:20px;
}

.kekka{
float:left;
width:400px;
margin:20px 0 0 20px;
}

.kekka_r{
float:left;
width:400px;
height:300px;
min-height:300px;
margin:20px 0 0 30px;
}

.kekka dt{
width:136px;
height:28px;
min-height:28px;
text-indent:-5000px;
float:left;
margin:0 20px 20px 0;
}

.kekka dd{
width:240px;
float:left;
margin-bottom:20px;
}

#kekka01{
background:url(images/kekka01.gif) no-repeat 0 7px;
}

#kekka02{
background:url(images/kekka02.gif) no-repeat 0 7px;
}

.kekka03{
background:url(images/kekka03.gif) no-repeat 0 7px;
}

.kaisai span{
margin-left:10px;
}

#map{
float:left;
width:300px;
height:200px;
min-height:200px;
margin-left:10px;
}

.movie{
float:left;
width:400px;
height:350px;
min-height:350px;
margin-left:10px;
}

.top_back a{
float:right;
margin:30px 5px 20px 0;
width:100px;
height:18px;
min-height:18px;
font-size:80%;
border:1px solid #CCCCCC;
padding:2px;
text-align:center;
display:block;
color:#999999;
text-decoration: none;
}

.top_back a:hover{
background-color:#CCCCCC;
}

/* presenter ---------------------------------------------*/

.left01{
margin:20px 0 0 15px;
}

.left01 .pr_img{
float:left;
}

.left01 .pr_list{
float:left;
margin:0 30px 0 10px;
width:270px;
}

.left01 .pr_list2{
float:left;
margin:15px 60px 0 10px;
width:350px;
}


.right01{
margin:20px 0 0 15px;
}

.right01 .pr_img{
float:left;
}

.right01 .pr_list{
float:left;
margin:0 10px 0 30px;
width:270px;
}

.pr_video{
width:350px;
margin:10px 10px 0 0;
}

.pr_name{
margin-top:20px;
width:150px;
}

.pr_ttl{
font-size:120%;
font-weight:bold;
margin:5px 0 5px 0;
width:270px;
}

.pr_dsc{
width:270px;
}

.pr_dsc2{
width:350px;
}



/* footer---------------------------------------------*/

#foot_in{
width:100%;
z-index: 2;
}

#foot_inner{
width:910px;
margin:50px auto 20px auto;
}

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

div#unei a{
color:#555555;
}

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

div#foot_dsc{
width:600px;
font-size:88%;
float:left;
padding:20px 0 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 */




