
/* basic setting ---------------------------------- */

body {
	background-color:#C0C0C0;
	/* background-color:#ECECEC; */
	color: #666666;
	line-height: 15px;
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
	margin:0px;
	height:100%;}

html,body {
	height:100%;
	min-height:100%;}

img {
	border:none;
	vertical-align:middle;}

p {
	margin: 0px;
	padding: 0px; }

.t01 {color:#CC9900;} /* 黄土色 */
.t02 {color:#996600;} /* 茶色 */
.t03 {color:#cc0000;} /* 赤色 */

.col1 {color:#68A757;} /* green */
.col2 {color:#FF9900;} /* orange */
.col3 {color:#B71518;} /* red */
.col4 {color:#009FDA;} /* blue */

a { text-decoration: none; }

a:link     {color:#0A54A7;}
a:active   {color:#0A54A7;}
a:visited  {color:#0A54A7;}
a:hover    {color:#0000FF;}

a.deco:link     {color:#0A54A7; text-decoration:none;}
a.deco:active   {color:#0A54A7; text-decoration:none;}
a.deco:visited  {color:#0A54A7; text-decoration:none;}
a.deco:hover    {color:#0000FF; text-decoration:underline;}

.textsmall {font-size: 9px;}
.textlarge {font-size: 14px;}

.textleft   {text-align: left;}
.textright  {text-align: right;}
.textcenter {text-align: center;}

.clearleft  {clear: left;}
.clearright {clear: right;}
.clearall   {clear: both;}

h1 { clear: both; margin: 0px 0px 0px 0px; padding: 0px; font-size: 13px; }
h2 { clear: both; margin: 0px 0px 0px 0px; padding: 0px; font-size: 13px; }
h3 { clear: both; margin: 0px 0px 3px 0px; padding: 0px; font-size: 12px; }
h4 { clear: both; margin: 0px 0px 3px 0px; padding: 0px; font-size: 12px; }
h5 { clear: both; margin: 0px 0px 0px 0px; padding: 0px; font-size: 12px; }

pre {
    white-space: -moz-pre-wrap; /* Mozilla */
    white-space: -pre-wrap;     /* Opera 4-6 */
    white-space: -o-pre-wrap;   /* Opera 7 */
    white-space: pre-wrap;      /* CSS3 */
    word-wrap: break-word;      /* IE 5.5+ */
}

/* parts setting -----------------------------------------*/

.ctit01 { width:550px; height:26px; background:url(../image/common/ctit01.gif) no-repeat; clear:left; margin:10px 0}
	.ctit01 h2 , .ctit01 h3 { padding:5px 0 0 30px; color:#FFFFFF; font-size:12px; font-weight:normal;}

.ctit02 {	width:550px;	background: url(../image/common/icon-red-cursor.gif) no-repeat 5px 10px #BABABA;	margin-bottom:10px;	}
	.ctit02 h2 {	margin:0px;	padding:5px 0px 5px 20px; color:#AA0707;}
/*
.acom {	background: url(../image/common/icon-yajiri.gif) no-repeat 0 3px ; margin:10px 0 5px 0;}
*/
.acom {	background: url(../image/common/icon-yajiri.gif) no-repeat 0 3px ; margin:0px 0 5px 0;}
	.acom p {	padding:0 0 0 15px; margin:0px;	font-weight:bold;	color:#996600;}

.bcom{	background: url(../image/common/icon-yajiri.gif) no-repeat 0 3px ; margin:0 0 8px 0;}
	.bcom p {	padding:0 0 0 15px; margin:0px;}
		.bcom p a:link     {color:#666666; text-decoration:none;}
		.bcom p a:active   {color:#666666; text-decoration:none;}
		.bcom p a:visited  {color:#666666; text-decoration:none;}
		.bcom p a:hover    {color:#666666; text-decoration:underline;}

.bline-dot { width:100%; clear: both;	margin-bottom:3px;	background:url(../image/common/line-dot.gif) repeat-x bottom;}
	.bline-dot p { padding:0 0 7px 7px;}

.line-see { width:100%;	height:7px;	clear: both;	background:url(../image/common/line-seed.gif) no-repeat;}
.line-dot {	width:100%;	height:7px;	clear: both;	background:url(../image/common/line-dot.gif) repeat-x;}

.moreinfo { clear: both; border-style: none;	margin: 0px; padding: 5px 5px 10px 0px;}

	.moreinfo p {
		display: block;
		height: 12px;
		overflow: visible;
		border-style: none;
		margin: 0px;
		padding: 0px 10px 0px 0px;
		background: url(../image/common/icon-red.gif) no-repeat right center;
		text-align: right;
		font-size: 9px;}

.gotop { clear: both; border-style: none;	margin: 10px 0;	padding: 5px 5px 10px 0px;}

	.gotop p {
		display: block;
		height: 12px;
		overflow: visible;
		border-style: none;
		margin: 0px;
		padding: 0px 15px 0px 0px;
		background: url(../image/common/icon-blue-top.gif) no-repeat right center;
		text-align: right;
		font-size: 9px;}

.appli { clear:left; text-align:center; margin:15px 0;}

#location { background:url(../image/common/line-dot.gif) bottom repeat-x;	height:2em;	padding-bottom:7px;	width:550px; margin:7px 0px 0px 0px;}
	#location ol {	list-style: none;	margin: 0; padding: 0; border: none;}
	#location li {	float:left;	margin:10px 3px 5px 3px;font-size: 9px;}

.compact li { border-style: none; margin-left: 1.8em; }
	ul.compact { list-style-position: outside; border-style: none; padding-left: 0px; }
	ol.compact { list-style-position: outside; border-style: none; padding-left: 0px; }

.floatbox-left { float:left;	margin:7px 7px 7px 0;}
.floatbox-right {	float:right;	margin:7px 0 7px 7px;}

.innerblock { border-style: none; margin: 0px; padding: 10px; }

table.standard { border-collapse: collapse; border-spacing: 0px;  border: solid 1px #CCCCCC; margin-top: 10px; }
	table.standard tr { }
	table.standard tr.even td { background: #B8B8DC; color: #ffffff; }
	table.standard th.even { background: #B8B8DC; color: #ffffff; }
	table.standard td.even { background: #B8B8DC; color: #ffffff; }
	table.standard tr.odd td { background: #E9E9E9; }
	table.standard th.odd { background: #E9E9E9; }
	table.standard td.odd { background: #E9E9E9; }
	table.standard th { background-color: #999999; border: solid 1px #CCCCCC; color:#FFFFFF; }
	table.standard td { background-color: #ffffff; border: solid 1px #CCCCCC; }


table.lines { border-collapse: collapse; border-spacing: 0px;  margin:0px 0px 0px 0px ; }
	table.lines tr { }
	table.lines th { border-bottom: dotted 1px #666666; }
	table.lines td { border-bottom: dotted 1px #666666; }
	table.lines td.rigl { 	border-right: dotted 1px #666666; }
	table.lines td.topl { 	border-top: dotted 1px #666666; }
	table.lines td.rtol { 	border-top: dotted 1px #666666; border-right: dotted 1px #666666;  }
}

.frame-gry { width:100%; margin:10px 0; border:1px solid #CCCCCC; background-color:#EEEEEE; clear:left;}
.frame-cha { width:100%; margin:10px 0; border:1px solid #CC9900; background-color:#FFFFCC; clear:left;}
.frame-red { width:100%; margin:10px 0; border:1px solid #460000; background-color:#8A0000; clear:left; color:#FFFFFF;}
	.frame-red a:link     {color:#FFCC00;}
	.frame-red a:active   {color:#FFCC00;}
	.frame-red a:visited  {color:#FFCC00;}
	.frame-red a:hover    {color:#FFFFFF;}

/* 以下縦中央寄せ
<div class="vertical vertical_middle"><p>#</p></div>
*/
	div.vertical { 	display: table-cell;  width: 800px;  height: 251px; }
	* html div.vertical  {  display: inline;  zoom: 1;   }
	*+html div.vertical  { 	display: inline;	zoom: 1;  }
	div.vertical_middle {  	vertical-align: middle;}

	.mainbox { width:550px; background:url(../image/common/bg-box.gif) no-repeat; margin-bottom:10px; clear:left;}
	.mainbox .box { width:260px; float:left;}
	.mainbox .box .inner { padding:5px; display:block;}
	.mainbox .box .inner img { margin-bottom:5px;}

	.mainbox02 { width:550px; background:url(../image/common/bg-box02.gif) no-repeat; margin-bottom:10px; clear:left;}
	.mainbox02 .inner { padding:5px; display:block; background-color: #FFFFFF;}
	.mainbox02 .inner img { margin:5px;}

	.mainbox04 { width:550px; background:url(../image/common/bg-box04.gif) no-repeat; margin-bottom:10px; clear:left;}
	.mainbox04 .box { width:260px; float:left;}
	.mainbox04 .box .inner { padding:5px; display:block;}
	.mainbox04 .box .inner img { margin-bottom:5px;}

/* page format ---------------------------------------- */

#stage:after ,
#nabiarea:after ,
#main-top #c02:after  ,
#main-top #c03:after  ,
.mainbox:after , .mainbox04:after
	{	content: ".";	display:block;	height: 0;	clear:both;	visibility:hidden;}

#contents {
	/* text-align:center; */
	width:100%;}

#contentsarea {
	margin:0 auto;
	/* width: 800px; */
	width: 1024px;
}

#header {
	/* height:85px; */
	width:1024px;
	text-align:left;
	background-color: #FFFFFF;}

	#header #come a:link     {color:#999999; text-decoration:none;}
	#header #come a:active   {color:#999999; text-decoration:none;}
	#header #come a:visited  {color:#999999; text-decoration:none;}
	#header #come a:hover    {color:#999999; text-decoration:underline;}

	#header #tit { float:left;}
	#header #come { float:right; margin:35px 10px 0 0; color:#FFFFFF; font-size:9px;}
	#header #come img { margin:0 5px 0 10px;}

#headerright {
	background-image: url(../image/common/movie_back.jpg);
	text-align: center;
	/* clear: left; */
	position: relative;
	height: 130px;
	top: -130px;
	left: 800px;
	width: 224px;
}

#gallery {
	position: relative;
	top:  -50px;
	left: 13px;
	height: 50px;
}

#button {
	height:31px;
	width:1024px;
	/* margin-top:14px; */
	background:no-repeat bottom left;
	background-color: #FFFFFF;
	position:relative;}

	#button span { visibility:hidden; display:none;}

	a.b01 { display:block; background:url(../image/common/b-01.gif) no-repeat; width:144px; height:29px; text-decoration:none; margin-right:2px; float:left;}
	a.b02 { display:block; background:url(../image/common/b-02.gif) no-repeat; width:144px; height:29px; text-decoration:none; margin-right:2px; float:left;}
	a.b03 { display:block; background:url(../image/common/b-03.gif) no-repeat; width:146px; height:29px; text-decoration:none; margin-right:2px; float:left;}
	a.b04 { display:block; background:url(../image/common/b-04.gif) no-repeat; width:144px; height:29px; text-decoration:none; margin-right:2px; float:left;}
	a.b05 { display:block; background:url(../image/common/b-05.gif) no-repeat; width:144px; height:29px; text-decoration:none; margin-right:2px; float:left;}
	a.b06 { display:block; background:url(../image/common/b-06.gif) no-repeat; width:146px; height:29px; text-decoration:none; margin-right:2px; float:left;}
	a.b07 { display:block; background:url(../image/common/b-07.gif) no-repeat; width:144px; height:29px; text-decoration:none; float:left;}

	a.b01:hover { background:url(../image/common/roal/b-01.gif) no-repeat; width:144px; height:29px; text-decoration:none; margin-right:2px; float:left;}
	a.b02:hover { background:url(../image/common/roal/b-02.gif) no-repeat; width:144px; height:29px; text-decoration:none; margin-right:2px; float:left;}
	a.b03:hover { background:url(../image/common/roal/b-03.gif) no-repeat; width:146px; height:29px; text-decoration:none; margin-right:2px; float:left;}
	a.b04:hover { background:url(../image/common/roal/b-04.gif) no-repeat; width:144px; height:29px; text-decoration:none; margin-right:2px; float:left;}
	a.b05:hover { background:url(../image/common/roal/b-05.gif) no-repeat; width:144px; height:29px; text-decoration:none; margin-right:2px; float:left;}
	a.b06:hover { background:url(../image/common/roal/b-06.gif) no-repeat; width:146px; height:29px; text-decoration:none; margin-right:2px; float:left;}
	a.b07:hover { background:url(../image/common/roal/b-07.gif) no-repeat; width:144px; height:29px; text-decoration:none; float:left;}

/* コーススケジュールバナー */
#course_schedule a{
	display:block;
	width:205px;
	background:url(../image/top/course_schedule_off.gif) no-repeat;
	height:41px;
	line-height:41px;
	text-decoration:none;
}

/* コーススケジュールバナー */
#course_schedule a:hover{
	background:url(../image/top/course_schedule_on.gif) no-repeat;
}

/* ショップリンクバナー */
#shop_link a{
	display:block;
	width:205px;
	background:url(../image/top/shoplink_off.gif) no-repeat;
	height:41px;
	line-height:41px;
	text-decoration:none;
}

/* ショップリンクバナー */
#shop_link a:hover{
	background:url(../image/top/shoplink_on.gif) no-repeat;
}

#pic {
	width:800px;
	height:130px;
	clear:left;}

#stage {
	/* width: 800px; */
	width: 1024px;
	padding:10px 0 0 0;
	text-align: left;
	margin:0 auto;
	clear:left;
	background:url(../image/common/bg-contents.gif) repeat-y 0 10px #EDEDED;
	position:relative;}

#nabiarea {
	width:235px;
	height:100%;
	min-height: 100%;
	float:left;
	margin-right:2px;
	display:block;}

	#nabiarea #nabi { padding:6px 0 6px 10px;}
	#nabiarea #nabi img { margin-bottom:1px;}

	#nabiarea #nabi ul {	list-style: none;	margin: 0; padding: 0; border: none;}
	#nabiarea #nabi li {	margin: 0 0 1px 0 ; list-style: none; display: block; width: 205px;  background:url(../image/common/nabi-01.gif) no-repeat; height:22px; padding-top:6px}
	#nabiarea #nabi li.ss {	margin: 0 0 1px 0 ; list-style: none; display: block; width: 205px;  background:url(../image/common/nabi-02.gif) no-repeat; height:20px; padding-top:4px}

	#nabiarea #nabi li a    { padding: 7px 5px 7px 27px; text-decoration: none; color: #FFFFFF;}
	#nabiarea #nabi li span { padding: 7px 5px 7px 27px; text-decoration: none; color: #FFFFFF;}
	#nabiarea #nabi li.ss a { padding: 4px 5px 5px 27px; text-decoration: none; color: #999999;}

	#nabiarea #nabi li a:hover    {	color: #CCCCCC; text-decoration:underline;}
	#nabiarea #nabi li.ss a:hover {	color: #CCCCCC; text-decoration:underline;}

/*
	aタグblok ver (IE6で不具合)

	#nabiarea #nabi ul {	list-style: none;	margin: 0; padding: 0; border: none;}
	#nabiarea #nabi li {	margin: 0 0 1px 0 ; list-style: none; list-style-image: none;}

	#nabiarea #nabi li a    { display: block; color: #FFFFFF; text-decoration: none; width: 205px; background:url(../image/common/nabi-01.gif) no-repeat;}
	#nabiarea #nabi li.ss a {	display: block; color: #999999; text-decoration: none; width: 205px; background:url(../image/common/nabi-02.gif) no-repeat;}

	#nabiarea #nabi li a    { padding: 7px 5px 7px 27px;}
	#nabiarea #nabi li.ss a { padding: 4px 5px 5px 27px;}

	html>body #nabiarea #nabi li a , html>body #nabiarea #nabi li.ss a { width: auto;}

	#nabiarea #nabi li a:hover    {	color: #CCCCCC;  background:url(../image/common/nabi-01.gif) no-repeat; text-decoration:underline;}
	#nabiarea #nabi li.ss a:hover {	color: #CCCCCC;  background:url(../image/common/nabi-02.gif) no-repeat; text-decoration:underline;}
*/

#footerwrap {
	/* width:800px; */
	width:1024px;
	background:#ECECEC url(../image/common/footer.jpg) no-repeat 0 10px;
	margin:0px;
	padding:0px;
	clear:both;}

	#footerwrap #footer {	padding:10px;	margin:0 auto;	text-align:left;	font-size:9px;	color:#999999;}

	#footerwrap #footer #fpic {	height:52px;	font-size:9px;}
	#footerwrap #footer #fpic .comf01 {	float:left;	margin:18px 0 17px 16px; width:650px; height:17px;}
	#footerwrap #footer #fpic .comf02 {	float:left;	margin:18px 0 0 40px; height:17px;	color:#666666;}

	#footerwrap #footer #fpic a:link     {color:#FFFFFF;}
	#footerwrap #footer #fpic a:active   {color:#FFFFFF;}
	#footerwrap #footer #fpic a:visited  {color:#FFFFFF;}
	#footerwrap #footer #fpic a:hover    {color:#CCCCCC;}


/* 右フレーム */
#blogarea {
	width:224px;
	float:right;
	/*	height:100%;
	min-height: 100%;
	display:block;
	position: relative;
	position: absolute;*/
}

	#blogarea #nabi { padding:10px 0px 6px 10px; width:205px;}
	#blogarea #nabi img { margin-bottom:1px; width:205px;}

	#blogarea #nabi ul {	list-style: none;	margin: 0; padding: 0; border: none;}
	#blogarea #nabi li {	margin: 0 0 1px 0 ; list-style: none; display: block; width: 205px;  background:url(../image/common/nabi-01.gif) no-repeat; height:22px; padding-top:6px}
	#blogarea #nabi li.ss {	margin: 0 0 1px 0 ; list-style: none; display: block; width: 205px;  background:url(../image/common/nabi-02.gif) no-repeat; height:20px; padding-top:4px}

	#blogarea #nabi span { padding: 7px 5px 7px 27px; text-decoration: none; color: #FFFFFF;}

	#blogarea #nabi a { text-decoration: none; color: #999999;}
	#blogarea #nabi a p { overflow: hidden; white-space: pre;}
	#blogarea #nabi a:hover p { text-decoration:underline; color: #CCCCCC;}

#tokachibannerarea {
	width:224px;
	float:right;
	/*	height:100%;
	min-height: 100%;
	display:block;
	position: relative;
	position: absolute;*/
}

	#tokachibannerarea #nabi { padding:0px 0px 0px 10px; width:205px;}
	#tokachibannerarea #nabi img { margin-bottom:5px; width:auto;}

	#tokachibannerarea #nabi ul { list-style: none;	margin: 0; padding: 0; border: none;}
	#tokachibannerarea #nabi li { margin: 0 0 1px 0 ; list-style: none; display: block; width: 205px;  background:url(../image/common/nabi-01.gif) no-repeat; height:22px; padding-top:6px}
	#tokachibannerarea #nabi li.ss {	margin: 0 0 1px 0 ; list-style: none; display: block; width: 205px;  background:url(../image/common/nabi-02.gif) no-repeat; height:20px; padding-top:4px}

	#tokachibannerarea #nabi span { padding: 7px 5px 7px 27px; text-decoration: none; color: #FFFFFF;}

	#tokachibannerarea #nabi p { color:#FFFFFF;}
	#tokachibannerarea #nabi a { text-decoration: none; color: #999999;}
	#tokachibannerarea #nabi a p { overflow: hidden; white-space: pre;}
	#tokachibannerarea #nabi a:hover p { text-decoration:underline; color: #CCCCCC;}

#shoparea {
	width:224px;
	float:right;
	/*	height:100%;
	min-height: 100%;
	display:block;
	position: relative;
	position: absolute;*/
}

	#shoparea #nabi { padding:10px 0px 6px 10px; width:205px;}
	#shoparea #nabi img { margin-bottom:1px;}

	#shoparea #nabi ul {	list-style: none;	margin: 0; padding: 0; border: none;}
	#shoparea #nabi li {	margin: 0 0 1px 0 ; list-style: none; display: block; width: 205px;  background:url(../image/common/nabi-01.gif) no-repeat; height:22px; padding-top:6px}
	#shoparea #nabi li.ss {	margin: 0 0 1px 0 ; list-style: none; display: block; width: 205px;  background:url(../image/common/nabi-02.gif) no-repeat; height:20px; padding-top:4px}

	#shoparea #nabi span { padding: 7px 5px 7px 27px; text-decoration: none; color: #FFFFFF;}

	#shoparea #nabi a { text-decoration: none; color: #999999;}
	#shoparea #nabi a p { overflow: hidden; white-space: pre;}
	#shoparea #nabi a:hover p { text-decoration:underline; color: #CCCCCC;}

.counterarea {
	width:224px;
	float:right;
}

.counterarea img {
	padding:10px 0px 6px 10px;
	width:205px;
	margin-bottom:1px;
}


/* sitemap setting -----------------------------------------*/

#sitemap {}

	#sitemap .map { background:#CCCCCC;	width:550px; border-bottom:1px solid #FFFFFF;}
	#sitemap p {padding:3px 2px 3px 15px;	}
	#sitemap .map img { margin:0 5px 0 0;}


/* top setting ---------------------------------------------*/

#main-top {
	width:550px;
	float:left;}

	#main-top #c01 { width:550px; margin-bottom:0px;}
	#main-top #c01 #box { padding:5px 15px 10px 15px;}

	#main-top #c02 { width:550px; background:url(../image/top/ctitle.gif) no-repeat #FFFFFF;}
	#main-top #c02 #box { padding:50px 15px 10px 15px;}

	#main-top #c03 { width:550px; background:url(../image/top/bg-box.gif) no-repeat; margin-top:10px;}
	#main-top #c03 .box { width:180px; float:left;}
	#main-top #c03 .box .block { padding:10px; display:block;}


/* blog setting ------------------------------------*/

#main-blog {
	width:550px;
	float:left;}


/* information setting ------------------------------------*/

#main-information {
	width:550px;
	float:left;}


/* course setting -----------------------------------------*/

#main-course {
	width:550px;
	float:left;}


/* race setting -------------------------------------------*/

#main-race {
	width:550px;
	float:left;}


/* event setting ------------------------------------------*/

#main-event {
	width:550px;
	float:left;}


/* scheduled setting --------------------------------------*/

#main-scheduled {
	width:550px;
	float:left;}


/* access setting -----------------------------------------*/

#main-access {
	width:550px;
	float:left;}


/* sitepolicy setting -------------------------------------*/

#main-sitepolicy {
	width:550px;
	float:left;}


/* sitemap setting ----------------------------------------*/

#main-sitemap {
	width:550px;
	float:left;}


/* sponsor setting ----------------------------------------*/

#main-sponsor {
	width:550px;
	float:left;}


/* business setting ---------------------------------------*/

#main-business {
	width:550px;
	float:left;}


/* company setting ----------------------------------------*/

#main-company {
	width:550px;
	float:left;}


/* contacts setting --------------------------------------*/

#main-contacts {
	width:550px;
	float:left;}


/* c-weather setting ------------------------------------*/

#main-c-weather {
	width:550px;
	float:left;}


/* c-eco setting ----------------------------------------*/

#main-c-eco {
	width:550px;
	float:left;}



*.logbox {
	border: solid 0px #808080;
	height: 200px;
	overflow: auto;
}
*.logbox2 {
	border: solid 0px #808080;
	height: 261px;
	overflow: auto;
}
q {
	color: #008000;	}

