@charset "UTF-8";

/* ---------------------------------------------------------------- *
	表の設定です
 * ---------------------------------------------------------------- */

.news table{	border-collapse:collapse;}

.news th{
	padding:5px;
	font-size:0.9em;
	color:#333333;
	margin-right:1em;
	border-bottom:1px dotted #ccc;
	text-align: left;
}
.news td{	padding:5px;	border-bottom:1px dotted #ccc;	font-size: 0.9em;	color: #333333;}


.topbox {
	margin-bottom: 1em;
	width: 490px;
	background-image: url(../img/bg_gaiyo.gif);
	background-repeat: repeat-y;
	height: 48px;
}
.topbox-c {
	margin-bottom: 1em;
	width: 490px;
	background-image: url(../img/bg_co.gif);
	background-repeat: repeat-y;
	height: 48px;
}
.topbox-s {
	margin-bottom: 1em;
	width: 490px;
	background-image: url(../img/bg_sa.gif);
	background-repeat: repeat-y;
	height: 48px;
}

.topbox-in {
	width: 450px;
	margin-right: 20px;
	margin-left: 20px;
}


.default-box{ border-collapse:collapse;}
.default-box th{	border:1px solid #bcbcbc;	padding:0.7em;	white-space:nowrap;	background: #B0F2E6;}
.default-box td{border:1px solid #bcbcbc; padding: 0.5em;}	

.data-box{
	border-collapse:collapse;
	margin-bottom: 0.5em;
}
.data-box th{	border:1px solid #bcbcbc;	padding:0.5em;	white-space:nowrap;	background: #F4F8DE;	font-size: 90%;}
.data-box td{
	border:1px solid #bcbcbc;
	padding: 0.5em;
	font-size: 90%;
	text-align: center;
}

/* --- イベント表” --- */

.event-box{
	border-collapse:collapse;
	margin-bottom: 1em;
}
.event-box th{
	border:1px solid #FFFFFF;
	padding:0.5em;
	white-space:nowrap;
	background: #999966;
	font-size: 90%;
	color: #FFFFFF;
}
.event-box td{
	padding: 0.5em;
	font-size: 90%;
	text-align: left;
	border-bottom: 1px dashed #bcbcbc;
}
.event-box .top {
	border-top: 1px dashed #CCCCCC;
}




#toibox {
	background: #FFFFC8;
	border-right: 1px solid #CCCC99;
	border-bottom: 1px solid #CCCC99;
	border-left: 1px solid #CCCC99;
}


.data-box2{
	border-collapse:collapse;
	margin-bottom: 0.5em;
}

.data-box2 th{	border:1px solid #bcbcbc;	padding:0.5em;	white-space:nowrap;	background: #F4F8DE;	font-size: 90%;}
.data-box2 td{	border:1px solid #bcbcbc;	padding: 0.5em;	font-size: 90%;}





.clear{clear:both;}



/* ---------------------------------------------------------------- *
	見出しの設定です
 * ---------------------------------------------------------------- */

.header_201 h2 {
	background: url(../img/h2img.gif) no-repeat;
	margin-bottom: 1em;
	text-indent: 40px;
	color: #FFFFFF;
	height: 32px;
	vertical-align: middle;
	padding-top: 7px;
	padding-left: 15px;
	margin-top: 0em;
}
.header_301 h3 {
	background: url(../img/h3_im.jpg) no-repeat;
	text-indent: 18px;
	margin-bottom: 1em;
	color: #FFFFFF;
	height: 35px;
	padding-top: 5px;
	clear: both;
}
.header_401 h4 {
	padding: 3px;
	margin-bottom: 0.5em;
	border-left: 5px solid #00CC99;
	background: center;
	clear: both;
}

/* ---------------------------------------------------------------- *
	ナビゲーション部分の設定です
 * ---------------------------------------------------------------- */

/* --- ”コース” --- */
#navi_co {
	/* --- 背景を設定してください（短縮プロパティでの設定です） --- */
  background: #339999;
	/* --- マージンを設定してください --- */
  /* Note：上マージンはヘッダの下マージンとの折りたたみが生じます */
  /* Note：下マージンはコンテンツの上マージンとの折りたたみが
           生じます */
  margin-top: 0;
	margin-bottom: 2em;
	padding: 0;
}

#navi_co ul {
	/* --- マージンを設定してください --- */
  margin: 0;
	/* --- パディングを設定してください --- */
  padding: 0;
	/* --- 高さを設定してください --- */
  height: 2em;
	list-style: url(none) none;
}

#navi_co ul li {
	/* --- マージンを設定してください --- */
  margin: 0;
	/* --- パディングを設定してください --- */
  padding: 0;
	/* --- 横並びにさせるためにフロートを指定してください --- */
  float: left;
}

#navi_co ul li a {
	margin: 0;
	padding: 3px 20px;
	/* --- ナビゲーション１項目あたりのクリッカブル領域をテキスト部分だけでなくボックス単位とするためには display: block;と指定してください --- */
  display: block;
	/* --- ナビゲーション１項目あたりの右側の境界線の線種と色と太さを指定してください（短縮プロパティでの設定です） --- */
  border-right: 1px solid #FFFFFF;
	/* --- ナビゲーション１項目あたりの下側の境界線の線種と色と太さを指定してください（短縮プロパティでの設定です） --- */
  border-bottom: 4px solid #99CCCC;
	/* --- ナビゲーション１項目あたりの背景画像とリピート方向を指定してください（短縮プロパティでの設定です） --- */
  background: url(img/bg.png) repeat-x;
	/* --- ナビゲーション１項目あたりのフォントの太さを指定してください --- */
  font-weight: bold;
	color: #FFFFFF;
}

#navi_co a:hover {
	/* --- マウスオーバーしたときの下側の境界線の線種と色と太さを指定してください（短縮プロパティでの設定です） --- */
  border-bottom: 4px solid #339999;
	/* --- マウスオーバーしたときの背景色と、横並びリストのリストマーカ画像を設定してください（短縮プロパティでの設定です） --- */
  /* Note：16×16 ピクセル以下のものを使用してください。背景色をあわせて指定している場合は、透過処理されている画像である必要があります */
  background: #F2F2F2;
	/* 通常のリンクテキストでテキストに下線がついてしまう設定になっているので、ナビゲーションのテキスト下線は不要なためここで指定して上書きしてください */
  text-decoration: none;
	color: #666666;
}


/* --- ”過去” --- */
#navi_re {
  background: #99CC33;
  margin-top: 0;
	margin-bottom: 2em;
	padding: 0;
}

#navi_re ul {
	margin: 0;
	padding: 0;
	height: 2em;
	list-style: url(none) none;
}

#navi_re ul li {
  margin: 0;
  padding: 0;
  float: left;
}

#navi_re ul li a {
	margin: 0;
	padding: 3px 20px;
  display: block;
  border-right: 1px solid #FFFFFF;
  border-bottom: 4px solid #99CC99;
  background: url(img/bg.png) repeat-x;
  font-weight: bold;
	color: #FFFFFF;
}

#navi_re a:hover {
  border-bottom: 4px solid #99CC33;
  background: #F2F2F2;
  text-decoration: none;
	color: #666666;
}



/* --- ”参加” --- */
#navi_sa {
  background: #FF9933;
  margin-top: 0;
	margin-bottom: 2em;
	padding: 0;
}

#navi_sa ul {
	margin: 0;
	padding: 0;
	height: 2em;
	list-style: url(none) none;
}

#navi_sa ul li {
  margin: 0;
  padding: 0;
  float: left;
}

#navi_sa ul li a {
	margin: 0;
	padding: 3px 20px;
  display: block;
  border-right: 1px solid #FFFFFF;
  border-bottom: 4px solid #CC9966;
  background: url(img/bg.png) repeat-x;
  font-weight: bold;
	color: #FFFFFF;
}

#navi_sa a:hover {
  border-bottom: 4px solid #FF9933;
  background: #F2F2F2;
  text-decoration: none;
	color: #666666;
}



.list {
}
.list ul {
	margin-left: 20px;
	padding-left: 0px;
}
.list li {
	list-style: url(../img/imgs/icon_maru.gif) none;
}

.p_navi {
	margin-bottom: 1em;
	line-height: 120%;
}
.p_navi img {
	padding-right: 3px;
	padding-left: 3px;
}

/* ---------------------------------------------------------------- *
	ページトップの設定です
 * ---------------------------------------------------------------- */

.ptop {
	font-size: 90%;
	text-align: right;
	padding: 10px;
}
.ptop img {
	padding-right: 3px;
}
.point {
	color: #FF0000;
}
.ev-p {
	width: 707px;
	margin-right: 0px;
	margin-left: auto;
	background: url(../cource/img/ev_r10_c5.gif) repeat-y;
	margin-bottom: 1em;
}
.evin {
	margin: 0px 16px;
}
.colom {
	margin: 10px;
	padding: 10px;
	border: 1px solid #999966;
	background: #F2F9F9;
}
/* ---------------------------------------------------------------- *
	丸リスト部分の設定です
 * ---------------------------------------------------------------- */
 ul.bmaru{
	list-style: url(../cource/img/b_blet.gif);
	margin-left: 20px;
	padding-left: 0px;
 }