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


/* ---------左メニュー-------- */

#com_lmenu {
	width: 219px;
	float: left;
	padding: 0px;
	margin: 0px;
	text-align:center;
}
.com_lmenucont {
	width: 190px;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
}

#com_lmenu ul{
	margin: 0px;
	list-style:none;
	padding: 0px;
}

#com_lmenu li a{
	font-size:100%;
	width: 190px;
	display: block;
	list-style: none;
	border-bottom-color:#c9c9ca;
	border-bottom-style:dotted;
	border-bottom-width:1px;
	margin: 0px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right: 0px;
	padding-top:3px;
	text-align:left;
	text-indent: 1em;
	background-image: url(../common/img/menu_triangle.gif);
	background-repeat: no-repeat;
	background-position: 0.25em 0.75em;
}

#com_lmenu li {
	display:inline;
	list-style: none;
}




#btn_renmei{
	width: 190px;
	height: 50px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 14px;
}

#com_lmenu #btn_renmei a{
	background-image: url(img/menu_renmei.gif);
	height: 50px;
	width: 190px;
	display: block;
	background-repeat: no-repeat;
	background-position: left top;
}
#com_lmenu #btn_renmei a:hover{
	background-position: right top;
}



#btn_raceentry{
	width: 190px;
	height: 50px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 14px;
}

#com_lmenu #btn_raceentry a{
	background-image: url(img/menu_raceentry.gif);
	height: 50px;
	width: 190px;
	display: block;
	background-repeat: no-repeat;
	background-position: left top;
}
#com_lmenu #btn_raceentry a:hover{
	background-position: right top;
}

/* ---------左メニュー　画像タイトル-------- */

.com_lmenutitle{
	background-repeat:no-repeat;
	height: 26px;
	width: 190px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-top:14px;
}
#com_lmenu_title1 {background-image: url(../common/img/menu_title1.gif);}
#com_lmenu_title2 {background-image: url(../common/img/menu_title2.gif);}
#com_lmenu_title3 {background-image: url(../common/img/menu_title3.gif);}
#com_lmenu_title4 {background-image: url(../common/img/menu_title4.gif);}
#com_lmenu_jcf{
	height: 40px;
	width: 189px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 11px;
}
#com_lmenu_jcf a{
	height: 40px;
	width: 189px;
	background-image: url(../common/img/menu_jcf.gif);
	display: block;
}


/* --------------　special　----------------------- */

body,div,dl,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,dd,dt,p { 
	margin: 0px;
	padding: 0px;
}

.alt{position:absolute;top:-5000px;left:-999px;}

/*新clear float*/
.clearfloat{
	height:0px;
	font-size:1%;
	clear:both;
	display:block;
}

a{
/*\*/
   overflow: hidden;
/**/
	color: #2971a7;
	text-decoration:none;
}
a:visited{color: #2971a7}
a:hover{color: #2971a7;text-decoration: underline;}
a:active{color: #ff3333}




/* --------------　base　----------------------- */

body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	color: #737373;
	background: #000000;
	font-size: 12px;
	line-height: 1.5em;
	background-image: url(../common/img/bg_black.jpg);
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
	text-align: center; /* これにより、IE 5* ブラウザではコンテナが中央揃えになります。そして、テキストは、#container セレクタの初期設定である左揃えに設定されます */
}
.com_twoCol #container { 
	width: 1002px;  /* 最大幅である 800px より 20px 小さくすることにより、ブラウザクロームの使用が可能となり、水平スクロールバーが表示されなくなります */
	background: #000000;
	background-image: url(../common/img/bg_main_ue.gif);
	background-repeat:no-repeat;
	margin: 0px auto;
} 
.com_twoCol #container_inside { 
	width: 990px;
	background: #FFFFFF;
	margin: 0px auto;
	background-image: url(../common/img/bg_main_line.gif);
} 
.com_twoCol #header {
	padding: 0px;  /* この余白は、その下に表示される div のエレメントの左揃えと一致します。#header でテキストの代わりにイメージが使用される場合は、必要に応じて、余白を削除してください。 */
} 
.com_twoCol #header h1 {
	margin: 0px; /* #header div の最後のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間の原因不明のスペース）が回避されます。div の周囲に境界線が適用されている場合は、境界線によってマージンの相殺が回避されるため、この操作は不要です */
	padding: 0px; /* マージンの代わりに余白を使用して、エレメントを div の端に接触しない位置に維持することができます */
}

.com_twoCol #mainContent {
	float : left;
	width: 771px;
	padding: 0px;
	margin: 0px;

	 /* 余白は div ボックスの内側のスペース、マージンは div ボックスの外側のスペースです */
} 



/* -----　記事 テーブル　パターン１----- */

.table_area,.kiji_table_ptn1{
	width: 500px;
	margin-right: auto;
	margin-left: auto;
}

.table_area{
	margin-bottom: 7px;
}

.kiji_table_ptn1 {
	border-collapse: collapse;
	border: solid 1px #C9C9CA;
	font-size: 100%;
	margin-top: 0px;
	margin-bottom:28px;
	background-color: #FFFFFF;
	white-space:nowrap;
}
.kiji_table_ptn1 th,
.kiji_table_ptn1 td {
  border: solid 1px #C9C9CA;
  padding: 4px 6px;
}
.kiji_table_ptn1 th {
  background: #E6E6E6;
  text-align: center;
  white-space: nowrap;
  color: #4d4d4d;
}
.kiji_table_ptn1 td.course {
  text-align: center;
  font-size: 100%;
  font-weight: bold;
}
.kiji_table_ptn1 td.time,
.kiji_table_ptn1 td.fee {
  text-align: right;
  white-space: nowrap;
}


/* -----　記事 テーブル　パターン１左寄せ----- */

.table_area,.kiji_table_ptn1l{
	margin-right: auto;
	margin-left: 0px;
	width: 680px;
}

.table_area{
	margin-bottom: 5px;
}

.kiji_table_ptn1l {
	border-collapse: collapse;
	border: solid 1px #C9C9CA;
	font-size: 100%;
	margin-top: 0px;
	margin-bottom:5px;
	background-color: #FFFFFF;
	white-space:nowrap;
}
.kiji_table_ptn1l th,
.kiji_table_ptn1l td {
  border: solid 1px #C9C9CA;
  padding: 4px 6px;
}
.kiji_table_ptn1l th {
  background: #E6E6E6;
  text-align: center;
  white-space: nowrap;
  color: #4d4d4d;
}
.kiji_table_ptn1l td.course {
  text-align: center;
  font-size: 100%;
  font-weight: bold;
}
.kiji_table_ptn1l td.time,
.kiji_table_ptn1l td.fee {
  text-align: right;
  white-space: nowrap;
}
.kiji_table_ptn1l td.age,
.kiji_table_ptn1l td.rank,
.kiji_table_ptn1l td.area,
.kiji_table_ptn1l td.number {
  text-align: center;
  white-space: nowrap;
}

/* -----　記事 テーブル　パターン１左寄せ幅指定なし----- */

.table_area,.kiji_table_ptn1l_free{
	margin-right: auto;
	margin-left: 0px;
	}

.table_area{
	margin-bottom: 5px;
}

.kiji_table_ptn1l_free {
	border-collapse: collapse;
	border: solid 1px #C9C9CA;
	font-size: 100%;
	margin-top: 0px;
	margin-bottom:5px;
	background-color: #FFFFFF;
	white-space:nowrap;
}
.kiji_table_ptn1l_free th,
.kiji_table_ptn1l_free td {
  border: solid 1px #C9C9CA;
  padding: 4px 6px;
}
.kiji_table_ptn1l_free th {
  background: #E6E6E6;
  text-align: center;
  white-space: nowrap;
  color: #4d4d4d;
}
.kiji_table_ptn1l_free td.course {
  text-align: center;
  font-size: 100%;
  font-weight: bold;
}
.kiji_table_ptn1l_free td.time,
.kiji_table_ptn1l_free td.fee {
  text-align: right;
  white-space: nowrap;
}

/* -----　記事 テーブル　パターン２枠線なし左寄せ----- */

.table_area,.kiji_table_ptn2l {
	width: 600px;
	margin-right: auto;
	margin-left: auto;
}

.table_area{
	margin-bottom: 7px;
}

.kiji_table_ptn2l {
	border-collapse: collapse;
	border: solid 0px #C9C9CA;
	font-size: 100%;
	margin-top: 0px;
	margin-bottom:28px;
	background-color: #FFFFFF;
	white-space:nowrap;
}
.kiji_table_ptn2l th,
.kiji_table_ptn2l td {
  border: solid 0px #C9C9CA;
  padding: 4px 6px;
}
.kiji_table_ptn2l th {
  background: #E6E6E6;
  text-align: center;
  white-space: nowrap;
  color: #4d4d4d;
}
.kiji_table_ptn2l td.course {
  text-align: center;
  font-size: 100%;
  font-weight: bold;
}
.kiji_table_ptn2l td.time,
.kiji_table_ptn2 td.fee {
  text-align: right;
  white-space: nowrap;
}




/* --------------　ヘッダーSPロゴ　----------------------- */


.com_twoCol #com_splogo_top {
	background-image: url(../common/img/splogo_bg.gif);
	height:54px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
} 

.com_twoCol #com_splogo {
	background-image: url(../common/img/splogo_bg.gif);
	height:54px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
} 



/* --------------　フッター　----------------------- */


.com_twoCol #com_footer {
	background-image: url(../common/img/footer_bg.gif);
	height:54px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
} 
.com_sp_banner {
	text-align:center;
	height: 35px;
	width: 700px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.com_sp_banner ul{
	list-style-type: none;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	height: 53px;
	width: 851px;
}
.com_sp_banner li{
	display:inline;
	float:left;
	width: 148px;
	padding: 0px;
	height: 53px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.com_sp_banner a img {
  margin: 0px;
  border: 0px;
  padding-top: 10px;
}

.copyright {
  text-align:center;
  font-size: 85%;
  padding-top: 10px;
  padding-bottom: 10px;
}

#sp_shimano {width:112px;}
#sp_panasonic{width:122px;}
#sp_perlizumi {width:109px;}
#sp_bridgestone{width:137px;}
#sp_navic{width:96px;}
#sp_nippo{width:105px;}

#sp_shimano a,
#sp_panasonic a,
#sp_perlizumi a,
#sp_bridgestone a,
#sp_navic a,
#sp_nippo a {
	height: 53px;
	display: block;
	background-repeat: no-repeat;
	background-position: center;
}

#sp_shimano a{
	width:112px;
	background-image: url(img/sp_shimano.gif);
}
#sp_panasonic a{
	width:122px;
	background-image: url(img/sp_panasonic.gif);
}
#sp_perlizumi a{
	width:109px;
	background-image: url(img/sp_pearlizumi.gif);
}
#sp_bridgestone a{
	width:137px;
	background-image: url(img/sp_bridgestone.gif);
}
#sp_navic a{
	width:96px;
	background-image: url(img/sp_mavic.gif);
}

#sp_nippo a{
	width:105px;
	background-image: url(img/sp_nippo.gif);
}