@charset "utf-8";

* {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif ;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
	background: #000;
	font-size: 14px;
	line-height: 1.5em;
	color: #ffffff;
	-webkit-text-size-adjust: 100%;
}


a{	color: #ffffff;
	text-decoration: none; }
	
a img {
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
	     -o-transition: 0.3s ease-in-out;
	        transition: 0.3s ease-in-out;
}	
	
li{ list-style: none;}

.fl{ float: left;}
.fr{ float: right;}

h1,h2,h3{ font-weight: normal;}

/* ---IE7対応clearfix--- */

.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 */

h2{ color: #333;}

img{    line-height: 0;}

p.c{ text-align: center;}

p{ margin: 0 0 15px 0;}

#hwrap{
	width: 100%;}

	
header{
	position: relative;
	width: 1200px;
	height: 103px;
	background: url(../images/head_bg.png) no-repeat bottom;
	z-index: 1;}

header h1.top,
header p.logo{
	position: absolute;
	left: 16px;
	top: 21px;
	}
	
header p.tel{
	position: absolute;
	right: 8px;
	top: 14px;
	width: 251px;
}

header p.tel img{
	display: inline-block;
	margin-right: 5px;}

nav {
	position: absolute;
	top: 21px;
	left: 157px;
	width: 612px;
	background: url(../images/gnav_bg.png) repeat-x top;}
	
nav ul{
	line-height: 0;}


nav li{
	float: left;
	display: block;
}

#main{
	margin-top: -103px;
   z-index: 0;}
   
#main h1{
	width: 1200px;
	padding-top: 34px;
	height: 104px;
	text-align: center;}

#slideshow {
   position:relative;
   width:1200px;
   height:610px;
   margin-top: -103px;
   z-index: 0;
}
#slideshow li {
   position:absolute;
      width:1200px !important;
   height:610px;
   margin:0;
   padding:0;
   background-position:left top;
   background-repeat:no-repeat;
}

#slideshow .bnr{ position: absolute;
z-index: 1000000;
right: 20px;
bottom: 20px;}
	
#submain{
	width: 1000px;
	margin: 0 auto 0 auto;
	text-align: center;
	height: 220px;
}

#sub #wrap {
	padding-top: 32px;}

#wrap {
	width: 1200px;
	margin: 0;
}


article {
	border-bottom: 1px solid #5b5b5b;
}

h1, h2, h3 ,b{
	font-weight: bold;}
	
h1.top{
	margin: 0;
	padding: 0;}
	
	
#topcontents{
	overflow: hidden;}
	
#topcontents a{
	display: block;
	float: left;
	position: relative;}
	
#topcontents a span{
	position: absolute;
	display: block;
	width: 280px;
	height: 138px;
	top: 110px;
	left: 60px;
	line-height:1.7em; }
	
#topcontents a:hover span{
	display: none;}
	
#information{
	overflow: hidden;}

#feed{
	width: 800px;
	float: left;
	height: 207px;
	margin-top: 26px;
	font-size: 12px;}
	
#feed em{
	font-style: normal;
	color: #333333;}

#information h2{
	float: left;
	width: 400px;
	margin-top: 70px;
	text-align: center;}
	
.info{
	overflow: hidden;
	margin-bottom: 0;}
	
.info p a{
	text-decoration: underline;
	line-height: 1.8em;}
	
#information p.tx1{
	float: left;
	width: 200px;}
	
#information p.tx2{
	float: left;
	width: 600px;}
	
#information p.tx2 a.ttl{
	color: #fd4e51;
	text-decoration: none;
	}
	
#information h3{
	display: block;
	float: left;
	width: 400px;}
	
.brownbox{
	overflow: hidden;
	background-color: #171717;
}

.brownbox .fl,
.brownbox .fr{ width: 600px;}

.topbx01{
	display: block;
	float: left;
	width: 600px;
	text-align: center;
	background-color: #000;}
	
a.topbx01{ 
font-size: 16px;
padding-bottom: 10px;
color: #fd4e51; line-height: 1.7em; text-decoration:underline;}

#top .bx01{
	float: left;
	width: 424px;
	margin: 48px 0 0 96px;
	line-height: 2em;
	}
	
#top .bx01 h2{
	font-size: 22px;
	line-height: 1.5em;
	margin-bottom: 30px;
	color: #fd4e51;
	font-weight: normal;
	text-align: center;}
	
#top .bx01 p{
	margin-bottom: 15px;}
	
#top .plan01{ 
	width: 505px;
	margin: 0 auto 0 auto;
	font-size: 14px;}
	
	
#top .plan01 p.c{ 
margin: -20px 0 20px 0;
line-height: 1.7em;}

#top .plan01 a{	color: #fd4e51; text-decoration:underline;}

#top .plan01 th,
#top .plan02 th{
	background-color: #101010;}
	
#top .plan01 th.bgno,
#top .plan02 th.bgno{
	background: none;}
	
#top .plan01 td,
#top .plan02 td{ text-align: center;}

#top table{ margin: 15px 0;}

#top table span{ color: #fd4e51;}

#top .plan02{
	width: 544px;
	height: 208px;
	padding: 95px 0 0 56px;
	background: url(../images/top_img03.jpg) no-repeat top;}
	
#top .plan02 table{ width: 400px;}

#top .plan03{
	width: 600px;
	height: 414px;
	background: url(../images/top_img04.jpg) no-repeat top;}
	
#top .plan03 p{
	line-height: 1.7em;
	padding: 296px 0 0 0;}

table{
	width: 100%;}

table td,
table th{ padding: 12px 10px; vertical-align: middle;}

#top table td,
#top table th{ padding: 10px 8px;}

table td.s,
table th.s{ font-size: 98% !important;}

table td.l,
table th.l{ font-size: 110% !important;}

tr{ border-bottom: 1px solid #5b5b5b;}

table tr:last-child{ border: none;}

table tr.bno{ border: none;}

table b{ color: #fd4e51; font-size: 20px; font-weight: normal;}

#top table b{ font-size: 18px;}

table b span{ color: #FFF;}

table th em{  color: #fd4e51; font-style: normal; font-size: 90% !important;}

table .bg01{
	background-color: #101010;}
	

footer{
	clear: both;
	margin: 38px 0 10px 0;
	width: 1200px;
	text-align: center;
}

p.read{
	margin: 40px 0 55px 0;
	font-size: 18px ;
	line-height: 1.8em;
	text-align: center;}
	
p.read em,
p.read b{
	display: inline-block;
	margin-top: 10px;
	font-style: normal;}
	
p.read b{
	font-weight: normal;
	color: #fd4e51;}


#billiard01{
	overflow: hidden;
	min-height: 888px;
	background: #171717 url(../images/billiard_bg01.jpg) left bottom no-repeat;}
	
#billiard01 .fr{
	width: 460px;
	margin-right: 55px;}
	
#billiard01 h2,
#darts01 h2{
	margin: 0 auto 20px auto;
	text-align: center;}
	
#billiard01 th,
#billiard02 th,
#darts01 th{
	background-color:rgba(0,0,0,0.30);}
	
#billiard01 th.bgno,
#billiard02 th.bgno,
#darts01 th.bgno{
	background: none;}
	
#billiard01 table{
	margin-bottom: 40px;
	line-height: 1.8em;}
	
#billiard01 .box{
	padding: 15px 15px 10px 20px;
	background-color:rgba(0,0,0,0.30);
	}
	
#billiard01 .box p{ float: left; width: 280px; line-height: 2em;}
	
#billiard01 .box img{ float: right;}

#tournament{ overflow: hidden;}

#tournament h2{ float: left; width: 460px; margin-right: 54px; line-height: 0;}

#darts #tournament h2{ width: width: 450px; margin-right: 0;}

#darts #tournament p{ width: 370px;}

#tournament p{ 
margin: 30px 0 0 0 ;
float: left; width: 340px; line-height: 1.8em;}

#tournament b{ color: #fd4e51; font-size: 18px; line-height: 3em; font-weight: normal;}
#tournament span{ color: #fd4e51;}

#tournament span.sp{
	display: inline-block;
margin-top: 10px;}

#billiard02{
	overflow: hidden;
	padding: 46px;
	min-height: 800px;
	background: #171717 url(../images/billiard_bg02.jpg) right bottom no-repeat;}
	
#billiard02 h2{
	float: left;
	width: 498px;
	height: 150px;
	padding: 20px 0 0 35px;
	margin-bottom: 30px;
	font-size: 28px;
	font-weight: normal;
	line-height: 1.5em;
	color: #fd4e51;
	background-color:rgba(0,0,0,0.50);
	}
	
#billiard02 table{
	float: left;
	width: 558px;
	height: 170px;
	}
	
#billiard02 .fl{
	width: 470px;
	clear: both;
	text-align: center;}
	
#billiard02 .fl p,
#darts02 .fl p{
	line-height: 2em;
	margin: 15px 0 30px 0;}
	
#darts01{
	overflow: hidden;
	min-height: 790px;
	background: #171717 url(../images/darts_bg01.jpg) left bottom no-repeat;}
	
#darts01 th.bgno{
	text-align: left;}
	
#darts01 th{
	font-size: 16px;
	line-height: 2em;
	text-align: center;}
	
#darts01 span{
	display: inline-block;
	width: 150px;
	margin-left: 25px;
	}
	
#darts01 .fr{
	width: 450px;
	margin-right: 55px;}
	
#darts02{ 
padding: 45px 55px;
background-color: #171717;}

#darts02 h2{
	text-align: center;
	margin-bottom: 32px;} 

#darts02 .player{
	overflow: hidden;
	margin-bottom: 1px;
	background-color: #000;}
	
	
#darts02 .fl{
	width: 770px; text-align: center;
	margin-top: 28px;}
	
#staff01{
	overflow: hidden;
	background-color: #171717;}
	
#staff01 .staff .fl,
#staff01 .staff .fr{
	width :600px;
	}
	
#staff01 h2{
	margin-bottom: 30px;
	text-align: center;}
	
#staff01 b{
	float: left;
	display: block;
	width: 340px;
	font-size: 28px;
	line-height: 1.6em;
	color: #fd4e51;
	font-weight: normal;}
	
#staff01 .imgs{ float: right;}

#staff01 p{ 
	clear: both;
	padding: 15px 0 0 0;
	line-height: 1.7em;}

#staff01 .tx{
	width: 490px !important;
	margin: 48px 55px 0 55px;
	}
	
#menubt { overflow: hidden;}
	
#menubt img{ float: left;}

#drink{
	overflow: hidden;
	padding: 65px 95px;
	background-color: #171717;}

#drink .fl,
#drink .fr{ width: 440px;}

#drink img{ margin-bottom: 20px;}

#drink span{
	display: inline-block;
	margin-bottom: 30px;
	color: #fd4e51;}

#drink dl{ margin-bottom: 30px;}

#drink dl.none,#food dl.none{ margin-bottom: 0;}

#drink dt,
#drink dd,
#food dt,
#food dd{
	margin-bottom: 15px;}

#drink dt,
#food dt{
	display: inline-block;
	float: left;
width: 330px;
font-size: 16px;}

#drink dd,
#food dd{
	display: inline-block;
	float: left;
	width: 110px;
	text-align: right;
	color: #fd4e51;
	font-size: 18px;}
	
#drink b{
	display: block;
	margin-bottom: 10px;
	font-size: 16px;
	text-align: center;
	color: #fd4e51;
	font-weight: normal;}
	
#drinkfood h2{ margin: 30px 0; text-align: center;}

#food{
	overflow: hidden;
	background-color: #171717;}
	
#food dl{ margin: 20px 0 30px 0;}

#food .fr dl{ margin: 20px 0 0 0;}
	
#food .fl,
#food .fr{ width: 600px;}

#food .fr{ line-height: 0;}
	
#food .menu01{
	margin: 54px 0 0 95px;}
	
#food .menu02{
	overflow: hidden;
	width: 440px;
	height: 484px;
	margin: 54px 0 0 65px;
	line-height: 1.5em;}
	
#access01{
	overflow: hidden;
	padding: 0 0 1000px 0;
	background-color: #171717;}
	
#access01 #map{
	width: 1000px;
	height: 455px;
	margin: 0 auto;}
	
#access01 #map span{
	color: #000;}