@charset "utf-8";
/*
Theme Name: JWBA
Theme URI: http://www.jwba.net
Description: http://www.jwba.net
Author: jwba
*/

/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}


body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,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%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

body{
	background: url(images/back.gif) center repeat-y;
	text-align: center;
	}

	
a{outline: 0;}
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.clear{clear: both;}
.alignleft {
	float: left;
}

.alignright {
	float: right;
	margin: 0 0 8px 8px;
}
#wrapper{
	width:912px;
	text-align: left;
	background: url(images/wrapper.jpg) top no-repeat;
	margin: 0 auto;
	padding: 0 9px;
	}
body#topPage #wrapper{
	background: url(images/top_bk.jpg) top no-repeat;
	}
body#resultPage #wrapper{background: url(images/re-wrapper.jpg) top no-repeat;}
p#archiveNews{
	text-align: right;
	margin: 15px 0;
	}

#content{
	margin-bottom: 15px;
	}
#pan{
	margin: 10px;
	}
#main{
	width: 700px;
	margin-top: 65px;
	float: right;
	}
#topPage #main{margin-top: 350px;}
#resultPage #main{margin-top: 100px;}
#memberPage #main{margin-top: 110px;}
	#main h1{
		margin-left: 137px;
		margin-bottom: 75px;
	}
	.postDescBox{
		width: 510px;
		float: left;
	}
	.post{
		width: 660px;
		margin: 0 auto;
		}

	.post h2{
		color: #006699;
		
	}
	.post p.data{
		color: #FF6600;
	}
	.post p{
		line-height: 1.8;
		margin: 10px 0;
	}
	.post{
		margin-top: 10px;
		margin-bottom: 50px;
	}
	.post strong{
		font-weight: bold;
	}
	.post .alignleft {
	padding: 10px;
	float: left;
	}
	.post .alignright {
	float: right;
	padding: 10px;
	}
	
	.postImgBox{
		width: 150px;
		float: right;
		text-align: center
		}

#sidebar{
	width:202px;
	float: left;
	margin-left: 8px;
	}
#sidebar ul{
	margin-bottom:20px;
	}
#sidebar ul.gMenu li img{
	vertical-align: bottom;
}

#sidebar h3{
	margin-top: 0px;
	}




#footer{
	padding: 10px 10px 5px 15px;
	width:905px;
	margin: 0 auto;
	text-align: left;
	background:#799BBD url(images/copy.gif) top no-repeat;
	}
#footer li{
	display: inline;
	border-right: 1px solid #ccc;
	padding:0 8px;
	}

	
/* ----HOME----------------------------------------*/

ul#tourokuButton{
	width: 475px;
	height: 380px;
	margin-bottom: 20px;
	background: url(images/touroku_button.jpg) no-repeat;
	position: relative;
	}
ul#tourokuButton li{
	text-indent: -9999px;
	position:absolute;
	}

ul#tourokuButton li#tb01{top:11px; height:68px;}
ul#tourokuButton li#tb02{top:101px; height:70px;}
ul#tourokuButton li#tb03{top:198px; height:71px;}
ul#tourokuButton li#tb04{top:294px; height:70px;}

ul#tourokuButton li a{
	text-decoration:none;/*FIREのバグ*/
	outline: 0;
	display:block;
	width:475px;
	height: 100%;
	}


ul.toMember{
	margin-top: 20px;
	}
#mediaIcon{
	margin: 20px 0px;
	}
#mediaIcon span{
	font-size: 10px;
	color: #900;
	}
	
#homeMain{
	width: 510px;
	float: left;
	}
	
#homeMain #newsBox{
	
	}
	#homeMain #newsBox ul{
		margin: 5px;
		}
	#homeMain #newsBox ul li{
		padding:15px 5px 25px 100px;
		margin: 0 10px;
		background: url(images/icon.jpg) 0 50% no-repeat; 
		border-bottom:1px dotted #333333;
		}
	#homeSide{
	width:190px;
	float: right;
	}
#rankingBox{
	padding: 75px 10px 20px 230px;
	background: url(images/11tour.jpg) no-repeat;
	}
/* --------------------------------------------*/
/* ----About----------------------------------------*/
#localMenu{
	margin: 15px 0 35px;
	}
	#localMenu ul{
	background:url(images/about_m.jpg) no-repeat;
	height:32px;
	position:relative;
	}
#localMenu li{
	position:absolute;
	text-indent:-9999px;
	}

#localMenu li#lm01{left:0px; width:137px;}
#localMenu li#lm02{left:137px; width:126px;}
#localMenu li#lm03{left:273px; width:135px;}
#localMenu li#lm04{left:408px; width:136px;}
#localMenu li#lm05{left:544px; width:136px;}


#localMenu li#lm01 a:hover{background: url(images/about_m.jpg) no-repeat 0px -32px;}
#localMenu li#lm02 a:hover{background: url(images/about_m.jpg) no-repeat -137px -32px;}
#localMenu li#lm03 a:hover{background: url(images/about_m.jpg) no-repeat -273px -32px;}
#localMenu li#lm04 a:hover{background: url(images/about_m.jpg) no-repeat -408px -32px;}
#localMenu li#lm05 a:hover{background: url(images/about_m.jpg) no-repeat -544px -32px;}


.aboutSab  #localMenu li#lm01{background: url(images/about_m.jpg) no-repeat 0px -32px;}
.wakeboardSab #localMenu li#lm02{background: url(images/about_m.jpg) no-repeat -137px -32px;}
.businessSab #localMenu li#lm03{background: url(images/about_m.jpg) no-repeat -273px -32px;}
.historySab #localMenu li#lm04{background: url(images/about_m.jpg) no-repeat -408px -32px;}
.planSab #localMenu li#lm05{background: url(images/about_m.jpg) no-repeat -544px -32px;}

#localMenu li a,#localMenuInst li a,#localMenuRule li a{
	text-decoration:none;/*FIREのバグ*/
	outline: 0;
	display:block;
	height:32px;
	}


#aboutBox h2{
	color: #3068AF;
	font-size: 15px;
	font-weight: bold;
	}
#main p#aboutBottom{
	width: 380px;
	margin-left: 300px;
	}
ul.businessUl{
	margin: 15px;
	}
	ul.businessUl li{
		margin-left:2em;
		margin-bottom: 5px;
		list-style-type: disc;
		}
#aboutBox p{
	line-height: 1.8;
	margin: 10px 1em 25px;
	}
#aboutBox p.c{
	color:#3068AF;
	}
.businessSab table caption{
	background: #eee;
	color: #036;
	text-align: center;
	padding: 8px;
	}
.businessSab table{
	border: 1px solid #eee;
	width: 100%;
	}
.businessSab table th,.businessSab table td{
	padding: 8px;
	border: 1px solid #eee;
	}
.businessSab table th{
	background: #333;
	color: #fff;
	}

	
	
.historySab table{
	width: 100%;
	}
.historySab table th,.historySab table td{
	padding: 8px;
	border-bottom: 1px dashed #666;
	vertical-align: top;
	}
	#aboutBox table td p{
		margin-top: 0px;
		}
.historySab table th{
	background: #333;
	color: #fff;
	
	}
	.historySab table th.none,.historySab table td.none{
		border-bottom: none;
		}

.planSab ol{
	margin: 15px;
	}
	.planSab ol li{
		margin-left:2em;
		margin-bottom: 5px;
		list-style-type: decimal;
						}
/* --------------------------------------------*/
/* ----Schedule----------------------------------------*/

#scheduleBox table{
	font-size: 12px;
	border-collapse: collapse;
	border: 1px solid #ccc;
	width: 698px;
	margin-bottom: 25px;
	}
	
#scheduleBox h2{
	margin: 15px 0;
	font-size: 17px;
	font-weight: bold;
	}
#scheduleBox table caption{font-size:15px;padding: 8px 5px; background: #3068AF; color: #fff; font-weight: bold;}
	
	#scheduleBox table th,#scheduleBox table td{
		line-height: 1.5;
		padding: 5px;
		border: 1px solid #ccc;
		}
	#scheduleBox table th{background: #eee;}
	#scheduleBox table th.th01{width: 7%;}
	#scheduleBox table th.th02{width: 20%;}
	#scheduleBox table th.th03{width: 30%;}
	#scheduleBox table th.th04{width: 20%;}
	#scheduleBox table th.th05{width: 23%;}
/* --------------------------------------------*/

/* ----PRO PAGE----------------------------------------*/
.proCatPage{
	}
	
.proCatPage .ui-tabs-panel ul li{
	float: left;
	width: 70px;
	text-align: center;
	}
	.proCatPage .ui-tabs-panel ul li a{
		text-decoration: none;
		color: #000;
	}
	
	
/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

/* Skin */

.ui-tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 4px;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
    float: left;
    margin: 0 0 0 1px;
    min-width: 20px; /* be nice to Opera */
}
.ui-tabs-nav a, .ui-tabs-nav a span {
    display: block;
    padding: 0 10px;
    background: url(tab.png) no-repeat;
}
.ui-tabs-nav a {
    margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    color: #27537a;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
    outline: 0; /* prevent dotted border in Firefox */
}
.ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    top: 1px;
    z-index: 2;
    margin-top: 0;
    color: #000;
}
.ui-tabs-nav a span {
    width: 34px; /* IE 6 treats width as min-width */
    min-width: 34px;
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
    padding-top: 6px;
    padding-right: 0;
}
*>.ui-tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.ui-tabs-nav .ui-tabs-selected a span {
    padding-bottom: 1px;
}
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {
    background-position: 100% -150px;
}
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {
    background-position: 100% -100px;
}
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span {
    background-position: 0 -50px;
}
.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {
    background-position: 0 0;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-deselectable a:hover, .ui-tabs-nav .ui-tabs-deselectable a:focus, .ui-tabs-nav .ui-tabs-deselectable a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}
.ui-tabs-panel {
    border-top: 1px solid #97a5b0;
    padding: 1em 8px;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}


#main #proBox{
	margin: 30px 0;
}

#main #proBox h1{
	margin: 0; padding: 0;
	font-size: 20px;
	font-weight: bold;
	}
	#main #proBox h1 span{
		padding-left: 50px;
		color: #c60;
		font-size: 14px;
	}
#proBox .imgBox{
	width: 170px;
	float: left;
	}
	#proBox .imgBox span{
	display: block;
	text-indent: -9999px;
	width: 150px;
	height: 20px;
	background: url(images/men.gif);
	}
#proBox .descBox{
	width: 480px;
	float: right;
	}

/* --------------------------------------------*/
/* ----OSS PAGE----------------------------------------*/

#ossBox .post{
	margin-top: 60px;
}

ul#ossList{margin-bottom: 20px;}
ul#ossList li{
	float: left;
	margin-right: 10px;
	}
#ossBox h2{margin-bottom: 10px;}	
#ossBox table{border: 1px solid #000; width: 650px;margin-bottom: 20px;}
#ossBox table th,#ossBox table td{border: 1px solid #ccc; padding: 5px;}


/* --------------------------------------------*/
/* ----Result----------------------------------------*/
#resultBox p.data{
	margin: 5px 10px;
	text-align: right;
	font-size: 11px;
	}
#resultBox table{
	font-size: 12px;
	border-collapse: collapse;
	border: 1px solid #ccc;
	width:678px;
	margin: 0px auto 25px;
	}
	

#scheduleBox h2{
	margin: 15px 0;
	font-size: 17px;
	font-weight: bold;
	}
#resultBox table caption{font-size:15px;padding: 8px 5px; background: #3068AF; color: #fff; font-weight: bold;
text-align: center;}
	
	#resultBox table th,#resultBox table td{
		
		line-height: 1.5;
		padding: 5px;
		border: 1px solid #ccc;
		}
	#resultBox table th{background: #eee; text-align: center;}
	#scheduleBox table th.th01{width: 7%;}
	#scheduleBox table th.th02{width: 20%;}
	#scheduleBox table th.th03{width: 30%;}
	#scheduleBox table th.th04{width: 20%;}
	#scheduleBox table th.th05{width: 23%;}
#resultBox #right{text-align: right;}
/* --------------------------------------------*/
/* ----Member----------------------------------------*/
#memberBox{
	margin: 10px 25px;
	color: #333;
	}
#main #memberBox h1{
	margin: 0;	
}
#memberBox .box h2,#memberBox .box h3{
	font-size:18px;
	margin-top: 20px;
	font-weight: bold;
	}
#memberBox .box{
	border: 1px solid #ccc;
	padding: 5px;
	margin: 15px 0;
	}
#memberBox .box .post{
	text-align: center;
	width: 640px;
}
#memberBox .box p{
	margin: 15px 5px;
	line-height: 2;
	font-size: 12px;
	}
#memberBox .box p.right{
	text-align: right;
	}
#memberBox table{
	width: 500px;
	margin: 10px auto;
	}
	#memberBox table td{
		padding: 8px 5px;
		}
	#memberBox table td.taikai{
		width: 350px;
		}
/* --------------------------------------------*/
/* ----judge----------------------------------------*/
#judgeBox{
	width: 640px;
	margin: 0 auto;
	}
#judgeBox h2{
	color: #3068AF;
	font-size: 15px;
	margin: 15px 0;
	font-weight: bold;
	}
	#judgeBox p{
		line-height: 1.8;
		margin: 10px;
		}
	#judgeBox dl{
		margin-bottom: 30px;
		}
	#judgeBox dt{
	margin-top: 15px;
	color: #036;
	background: #eee;
	padding: 5px;
		
		}
	#judgeBox dd{
		padding: 5px 10px 5px 20px;
		line-height: 1.8;
		}
	

#judgeBox table{
	font-size: 12px;
	border-collapse: collapse;
	border: 1px solid #ccc;
	margin-bottom: 25px;
	width: 100%;
	}
	#judgeBox table th,#judgeBox table td{
		line-height: 1.5;
		padding: 8px;
		border: 1px solid #ccc;
		}
		#judgeBox table th{
			background: #666;
			color: #fff;
			}
			#judgeBox table td{
				text-align: center;
				}
/* --------------------------------------------*/

/* ----inst----------------------------------------*/
#instBox{
	width: 680px;
	margin: 0 auto;
	}
#instBox h2{
	color: #3068AF;
	font-size: 15px;
	margin: 15px 0;
	font-weight: bold;
	}
#instBox h3{
	margin:30px 0 10px;
	font-size: 15px;
	font-weight: bold;

	}
	#instBox p.a{
		color: #f00;
		}
	#instBox p{
		line-height: 1.8;
		margin: 10px;
		}	

#instBox table{
	font-size: 12px;
	border-collapse: collapse;
	border: 1px solid #ccc;
	width: 100%;
	}
	#instBox table th,#instBox table td{
		line-height: 1.5;
		padding: 8px 5px;
		border: 1px solid #ccc;
		}
		#instBox table th{
			background: #666;
			color: #fff;
			}
			#instBox table td{
				}
			#instBox table td ul li{
				list-style-type: disc;
				margin-left: 15px;
				line-height: 1.8;
				}
#instBox ol{
	margin: 15px;
	}
	#instBox ol li{
		margin-left:2em;
		margin-bottom: 5px;
		list-style-type: decimal;
						}
#localMenuInst{
	margin: 15px 0 35px;
	}
#localMenuInst li{
	position:absolute;
	text-indent:-9999px;
	}

#localMenuInst ul{
	background:url(images/about_m02.jpg) no-repeat;
	height:32px;
	position:relative;
	}
#localMenuInst li#lm01{left:0px; width:137px;}
#localMenuInst li#lm02{left:137px; width:126px;}
#localMenuInst li#lm03{left:273px; width:135px;}
#localMenuInst li#lm04{left:408px; width:136px;}
#localMenuInst li#lm05{left:544px; width:136px;}

#localMenuInst li#lm01 a:hover{background: url(images/about_m02.jpg) no-repeat 0px -32px;}
#localMenuInst li#lm02 a:hover{background: url(images/about_m02.jpg) no-repeat -137px -32px;}
#localMenuInst li#lm03 a:hover{background: url(images/about_m02.jpg) no-repeat -273px -32px;}
#localMenuInst li#lm04 a:hover{background: url(images/about_m02.jpg) no-repeat -408px -32px;}
#localMenuInst li#lm05 a:hover{background: url(images/about_m02.jpg) no-repeat -544px -32px;}


.instSab #localMenuInst li#lm01{background: url(images/about_m02.jpg) no-repeat 0px -32px;}
.inst02Sab #localMenuInst li#lm02{background: url(images/about_m02.jpg) no-repeat -137px -32px;}
.inst03Sab #localMenuInst li#lm03{background: url(images/about_m02.jpg) no-repeat -273px -32px;}
.inst04Sab #localMenuInst li#lm04{background: url(images/about_m02.jpg) no-repeat -408px -32px;}
.inst05Sab #localMenuInst li#lm05{background: url(images/about_m02.jpg) no-repeat -544px -32px;}

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

/* ----Rule----------------------------------------*/
#ruleBox{
	width: 680px;
	margin: 0 auto;
	}
#ruleBox h2{
	color: #3068AF;
	font-size: 15px;
	margin: 15px 0;
	font-weight: bold;
	}
#ruleBox h3{
	margin:30px 10px 10px;
	font-size: 15px;
	font-weight: bold;
	background: #eee;
	color: #036;
	padding: 5px;
	}
#ruleBox h4{
	margin:30px 10px 10px;
	font-size: 15px;
	background: #666;
	color: #fff;
	font-weight: bold;
	padding: 5px;
	}
#ruleBox ul{
	padding: 5px;
	}
	#ruleBox ul li{
		list-style-type: disc;
		line-height: 1.8;
		margin: 10px 0px 5px 20px;
		}
	
	#ruleBox p.a{
		color: #f00;
		}
	#ruleBox p{
		line-height: 1.8;
		margin: 10px 15px;
		}	

#ruleBox table{
	font-size: 12px;
	border-collapse: collapse;
	border: 1px solid #ccc;
	width: 500px;
	margin: 10px 30px;
	}
	#ruleBox table th,#ruleBox table td{
		line-height: 1.5;
		padding: 8px 5px;
		border: 1px solid #ccc;
		}
		#ruleBox table th{
			background: #666;
			color: #fff;
			}
			#ruleBox table td{
				}
			#ruleBox table td ul li{
				list-style-type: disc;
				margin-left: 15px;
				line-height: 1.8;
				}
#ruleBox ol{
	margin: 15px;
	}
	#ruleBox ol li{
		margin-left:2em;
		margin-bottom: 5px;
		list-style-type: decimal;
						}
#localMenuRule{
	margin: 15px 0 35px;
	}
#ruleBox #localMenuRule li{
	position:absolute;
	text-indent:-9999px;
	list-style: none;
	padding: 0;
	margin: 0;
	}

#ruleBox #localMenuRule ul{
	background:url(images/rule_m.jpg) no-repeat;
	height:64px;
	padding: 0;
	position:relative;
	}
#localMenuRule li#lm01{top:0; left:0px; width:137px;}
#localMenuRule li#lm02{top:0; left:137px; width:126px;}
#localMenuRule li#lm03{top:0; left:273px; width:135px;}
#localMenuRule li#lm04{top:0; left:408px; width:136px;}
#localMenuRule li#lm05{top:0; left:544px; width:136px;}
#localMenuRule li#lm06{top:32px; left:0px; width:137px;}
#localMenuRule li#lm07{top:32px; left:137px; width:126px;}
#localMenuRule li#lm08{top:32px; left:273px; width:135px;}
#localMenuRule li#lm09{top:32px; left:408px; width:136px;}
#localMenuRule li#lm10{top:32px; left:544px; width:136px;}

#localMenuRule li#lm01 a:hover{background: url(images/rule_m.jpg) no-repeat 0px -64px;}
#localMenuRule li#lm02 a:hover{background: url(images/rule_m.jpg) no-repeat -137px -64px;}
#localMenuRule li#lm03 a:hover{background: url(images/rule_m.jpg) no-repeat -273px -64px;}
#localMenuRule li#lm04 a:hover{background: url(images/rule_m.jpg) no-repeat -408px -64px;}
#localMenuRule li#lm05 a:hover{background: url(images/rule_m.jpg) no-repeat -544px -64px;}
#localMenuRule li#lm06 a:hover{background: url(images/rule_m.jpg) no-repeat 0px -96px;}
#localMenuRule li#lm07 a:hover{background: url(images/rule_m.jpg) no-repeat -137px -96px;}
#localMenuRule li#lm08 a:hover{background: url(images/rule_m.jpg) no-repeat -273px -96px;}
#localMenuRule li#lm09 a:hover{background: url(images/rule_m.jpg) no-repeat -408px -96px;}
#localMenuRule li#lm10 a:hover{background: url(images/rule_m.jpg) no-repeat -544px -96px;}


.ruleSab #localMenuRule li#lm01{background: url(images/rule_m.jpg) no-repeat 0px -64px;}
.rule02Sab #localMenuRule li#lm02{background: url(images/rule_m.jpg) no-repeat -137px -64px;}
.rule03Sab #localMenuRule li#lm03{background: url(images/rule_m.jpg) no-repeat -273px -64px;}
.rule04Sab #localMenuRule li#lm04{background: url(images/rule_m.jpg) no-repeat -408px -64px;}
.rule05Sab #localMenuRule li#lm05{background: url(images/rule_m.jpg) no-repeat -544px -64px;}
.rule06Sab #localMenuRule li#lm06{background: url(images/rule_m.jpg) no-repeat 0px -96px;}
.rule07Sab #localMenuRule li#lm07{background: url(images/rule_m.jpg) no-repeat -137px -96px;}
.rule08Sab #localMenuRule li#lm08{background: url(images/rule_m.jpg) no-repeat -273px -96px;}
.rule09Sab #localMenuRule li#lm09{background: url(images/rule_m.jpg) no-repeat -408px -96px;}
.rule10Sab #localMenuRule li#lm10{background: url(images/rule_m.jpg) no-repeat -544px -96px;}

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


/* Hack cleafix--------------------------------*/
.clearfix:after,#content:after,#footer:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}

.clearfix,#content,#footer{display:inline-table;
	min-height:1px; /* IE 7*/
}

/* IE \*/
* html .clearfix,* html #content,* html #footer{height:1%;}
.clearfix,#content,#footer{display:block;}
/*end IE */
/* END Hack cleafix--------------------------------*/