@charset "utf-8";
/* CSS Document */

/* controls (slider-tab) ------------------------------------------------- */
#controls-wrap {
 margin: 0 auto;
 width: 832px;
}
#controls {
 width: 742px;
	float: left
}
#controls ul {
 width: 742px;
	height: 37px;
	background: url(../img/tab.gif) top left no-repeat;
}
#controls li {
 float: left;
	overflow: hidden
}
#controls ul li a {
 display: block;
	height: 37px;
	text-indent: -9999px;
}
#controls ul li a:focus {
 outline:none
}
#controls ul li.bowling a  {width: 100px;}
#controls ul li.karaoke a  {width: 99px;}
#controls ul li.b-d-c a    {width: 181px;}
#controls ul li.futsal a   {width: 103px;}
#controls ul li.b-3on3 a   {width: 167px;}
#controls ul li.food a     {width: 92px;}
/*#controls ul li.namco a    {width: 100px;}*/

#controls ul li.bowling a.current,
#controls ul li.bowling a:hover {
 background: url(../img/tab.gif) no-repeat 0 -37px;
}
#controls ul li.karaoke a.current,
#controls ul li.karaoke a:hover {
 background: url(../img/tab.gif) no-repeat -100px -37px;
}
#controls ul li.b-d-c a.current,
#controls ul li.b-d-c a:hover {
 background: url(../img/tab.gif) no-repeat -199px -37px;
}
#controls ul li.futsal a.current,
#controls ul li.futsal a:hover {
 background: url(../img/tab.gif) no-repeat -380px -37px;
}
#controls ul li.b-3on3 a.current,
#controls ul li.b-3on3 a:hover {
 background: url(../img/tab.gif) no-repeat -483px -37px;
}
#controls ul li.food a.current,
#controls ul li.food a:hover {
 background: url(../img/tab.gif) no-repeat -650px -37px;
}

#tab-namco { /*namcoはスライドしない*/
 width: 90px;
	height: 37px;
	float: left;
	background: url(../img/tab.gif) -742px 0 no-repeat;
}
#tab-namco a {
 display: block;
	width: 90px;
	height: 37px;
	text-indent: -9999px;
}
#tab-namco a:hover {
 background: url(../img/tab.gif) no-repeat -742px -37px;
}

div.left {
 width: 24px;
	height: 620px;
	float: left;
	xbackground: url(../img/bg_scroller_left.gif) top right no-repeat;
	position: relative;
}
div.right {
 width: 24px;
	height: 620px;
	float: left;
	xbackground: url(../img/bg_scroller_right.gif) top left no-repeat;
	position: relative;
}
.allow {
 position: absolute;
	top: 258px;
	left: 0;
}
#my-glider-wrap {
 background: url(../img/bg_scroller_top.gif) 14px 37px no-repeat;
 width: 900px;
}
#my-glider {
 text-align: center;
 background: url(../img/bg_scroller_bottom.gif) 14px bottom no-repeat;
 width: 900px;
}

div.scroller { 
	/* modify width and height of scrolling section if necessary	*/		
	width: 852px; 
	height: 670px;
	float: left;
	overflow: hidden;
	/*border:1px solid #cccccc;*/
	text-align: left;
	background-color: #FFF;
	}
	div.scroller div.section {
		/* modify width and height of each section as needed (should match the size of the scroller window)	*/		
		width:852px;
		height:650px;
		overflow:hidden;
		float:left;
		/*padding:1em;		*/
		padding: 26px;
 	text-align: left;
		}
	div.scroller div.content {
		width: 10000px;
		}

	/*div#section2 {
		background:#666666;
		color:#ffffff;
		}*/