@charset"Shift_JIS";

body{
	text-align: center;
	height: 100%;
	background-repeat: repeat-y;
}
	
	
* {margin:0;padding:0;}

* {
	font-family: "ＭＳ Ｐゴシック", Osaka;
}


/* ヘッダー
//////////////////////////////////////////*/

#headarea{
	width:800px;　	
	background-image: url(../img_union/bg_basetop.gif);
	background-repeat: repeat-y;
　　padding:0px;
}

#headin{
	width:760px;
	height:55px;
	margin-left:40px;
	margin-right:auto;
	text-align:left;
	background:url(../img_top/logo_01.gif) no-repeat;
}


#headrogo h1 {
	float:left;
	/*width:200px;
	height:65px;*/
	text-indent: -9999px;
}
#headrogo a {
	display: block;
	width:270px;
	height:60px;
	text-decoration: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-image: url(../img/toprogo.gif);
	background-repeat: no-repeat;
	background-position: 20px;
}
#headlink{
	float:right;
	margin-right:40px;
	margin-top:35px;
		text-indent: -9999px;

	

}

#headlink a{
	text-decoration:none;
	background: no-repeat;
	display: block;
	height: 19px;
	width: 68px;
}



#headlink ul{
	/*START　追加　20090514*/
	width:213px;
	/*END　追加*/
	list-style-type:none;

}

#headlink li{
	display: block;
	height: 19px;
	width: 68px;
	float: left;
	font: normal 0px/10px "verdana";
	margin-left: 3px;
}

#headlink li#homeBtn a {
    background-image: url(../img_union/tnavi_01.gif);

	}

#headlink li#menuBtn a {
    background-image: url(../img_union/tnavi_02.gif);

	}
	
#headlink li#linkBtn a {
    background-image: url(../img_union/tnavi_03.gif);
	}






/* DIV構築
//////////////////////////////////////////*/


div#wrapper{
	width:800px;
	margin:0 auto;
	position:relative;
	background-image: url(../img_union/bg_base.gif);
	background-repeat: repeat-y;
	text-align: center;
}




div#head{
	width:800px;
    margin-left: auto;
	margin-right: auto;
	text-align: center;
	background-image: url(../img_union/bg_basetop.gif);
	background-repeat: repeat-y;


	}
	
div#mainimgArea{
	width:800px;
	/*START　削除　20090514*/
	/*
	margin-left:0 auto;
	margin-right:0 auto;
	*/
	/*END　削除*/
	}

div#mainimg{
	background-image: url(../img_union/bg_mainimg.jpg);
	background-repeat: no-repeat;
	height: 305px;
	width: 710px;
	
	/*START　追加　20090514*/
	margin-left:auto;
	margin-right:auto;
	/*END　追加*/
	}

div#mainimg h2{
text-indent:-9999px;
	}


div#menu{
	height:48px;
	background-image: url(../img_union/bg_menu.gif);
	background-repeat: no-repeat;
	width: 775px;
	
	/*START 追加 20090514*/
	margin-left:auto;
	margin-right:auto;
	/*END 追加*/
	}



div#content{
	width:800px;
	margin-left:0 auto;
	margin-right:0 auto;
	text-align: center;
		}



div#foot{
	width:800px;
	height: 50px;
	clear:both;
	margin: 0px;
	background-image: url(../img_union/bg_footer.gif);
}
	


/*  メニュー用
//////////////////////////////////////////*/


ul#naviA {
	list-style: none;
	display: block;
	padding: 0px;
	
	/* START 変更 20090514 */
	/*margin: 18px 0 0 340px;*/
	padding: 18px 0px 0px 340px;
	/* END 変更 */
}


ul#naviA li {
	float:left;
	padding: 0px;
	font: normal 10px/10px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	text-indent: -9999px;
	display: block;

}

ul#naviA li a {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	width:120px;
	text-decoration: none;
	display: block;
	height: 27px;
	background: no-repeat 0px 0px;
}
ul#naviA li a:hover {	background-position: -250px 0px;}
ul#naviA li#gymBtn a {	background-image: url(../img_union/navi_gymkhana.gif);width:140px}
ul#naviA li#kartBtn a {	background-image: url(../img_union/navi_kart.gif);width:100px}
ul#naviA li#kartlandBtn a {	background-image: url(../img_union/navi_kartland.gif);width:160px}


body#gymBtn ul#naviA li#kartBtn a {	background-position: -500px 0px;}
body#kart ul#naviA li#kartBtn a {	background-position: -500px 0px;}
body#kartland ul#naviA li#kartBtn a {	background-position: -500px 0px;}



ul#naviA li#homeBtn {	height: 50px;}
ul#naviA li#homeBtn a {	height: 50px;	background-image: url(../images/navi_home.gif);}


/*  コンテンツ用　　２分割フロート
//////////////////////////////////////////*/




#container{
	float: left;
	text-align: center;
	margin-left:30px;
	margin-right:auto;
	margin-top: 10px;
	width:740px;


}


#side1{
   float: left;
   width: 390px;
	margin-left:auto;
	margin-right:auto;
   }
   
   
   



#side1 h3 {
	height: 20px;
	vertical-align: bottom;
	text-indent: -9999px;
	background-image: url(../img_top/tcap_01.gif);
	background-repeat: no-repeat;
	background-position: bottom;

}



#side1 .BoxA {
	border: 3px solid #ECECEC;
	background: #ECECEC;
	width: 380px;
}
#side1 .BoxB {
	border: 1px solid #C5C5C5;
	background: #FFFFFA url(../img_top/flowbox_bg.gif) repeat-x left bottom;
	padding: 1px;
	width: 376px;
	text-align: left;

}

#side1 .BoxB dt img{
	margin:8px 5px 0px 5px;

}

#side1 .BoxB dt{
	font-size:83%;
	color: #666666;
	margin-top: 5px;
	letter-spacing: 0.05em;
}

#side1 .BoxB dd{
	line-height:20px;
	padding:0 10px 5px 25px;
	font-size:90%;
	background:0 url(../img_union/dot.gif) repeat-x 100%;
	color: #333333;
	margin-top: 5;
	margin-right: 0px;
	margin-bottom: 10px;
	font-family: "ＭＳ Ｐゴシック", Osaka;

}

/*  サイドB*/

   
#side2{
	float: left;
	width: 250px;
	margin-left: 2.0em;

   }
   
#side2 h3 {
	height: 20px;
	vertical-align: bottom;
	text-indent: -9999px;
	background-image: url(../img_top/tcap_02.gif);
	background-repeat: no-repeat;
	background-position: bottom;

}

#side2 .BoxA {
	border: 3px solid #ECECEC;
	background: #ECECEC;
	width: 250px;
}
#side2 .BoxB {
	border: 1px solid #C5C5C5;
	background: #FFFFFA url(../img_top/flowbox_bg.gif) repeat-x left bottom;
	padding: 1px;
	width: 246px;
	text-align: left;
}


#side2 .BoxB p {
	font-size:12px;
	padding-right: 0;
	padding-left: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
}


#side2 .BoxB address {
	font-size:12px;
	color: #666666;
	font-style: normal;
	padding-left: 25px;
	line-height: 18px;


}



/*  右下のメニュー（BBS等）
//////////////////////////////////////////*/

#menuB {
	font-size:12px;
	margin: 5px;

}


#menuB a:link{
   color:#00F;
}


#menuB a:visited{
   color:#606;
}

#menuB a:hover{
	color:#f90;
	background-color: #FFFFFF;

}

#menuB a:active{
   color:#f00;
}

/*  罫線
//////////////////////////////////////////*/

hr{
	margin-bottom: 5px;
	border-top: 1px dotted #CCCCCC;
	_height: 1px;
	border-right: none;
	border-bottom: none;
	border-left: none;
	width:90%;
}



/*  文字＆ライン装飾
//////////////////////////////////////////*/

.c-01{
	color: #003399;
}



/*  文字サイズ＆強調
//////////////////////////////////////////*/

.fm{
	font-size: midium;
}

.fbo{
	font-weight: bold;

	
}

p.small{
	font-size: 10px;
	color: #666666;
	text-align: left;
	font-weight: normal;
	padding: 10px;


}
	
/* フッター情報
//////////////////////////////////////////*/

 
.f-link {
	padding:7px 10px 12px;
	font-size:12px;
}
.f-link ul {
	margin: 0px;
	padding: 0px;
}
.f-link ul li {
	display: inline;
	border-left: 1px solid #666666;
	list-style-type: none;
	padding-right: 0.5em;
	padding-left: 0.5em;
}
.f-navi{
	background-color:#505B61;
	color:#FFF;
	font-weight:bold;
	font-size:10px;
	margin:0px;
	padding:3px 10px 4px;
	text-align:right;
}


#foot a{
	color:#003399;
	text-decoration:none;
}

#foot a:hover{
	color:#FF3300;
}

.f-navi li{
	display: inline;
	border-left: 2px solid #FFF;
	list-style-type: none;
	padding-right: 0.5em;
	padding-left: 0.5em;
}
/*  コピーライト
//////////////////////////////////////////*/

#copyright {
	font: normal 12px/1em "Verdana", "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ pro W3";
	/*START　変更　20090514*/
		/*margin: 0px;*/
		margin: 0px auto;
		/*width: 778px;*/
		width: 775px;
	/*END　変更*/
	height:27px;
	text-align: center;
	color: #CCCCCC;
	padding-top: 10px;
	padding-right: 0px;
	padding-left: 0px;
	background-image: url(../img_union/bg_copyright.gif);
	/*START 追加 20090514 */
		background-repeat:repeat-x;
	/*END 追加 20090514 */

}

