@charset "Shift-JIS";
/* レイアウトＣＳＳ (151020) */


/* カラー設定
	ブルー： #00AFEC #187FC4
 */

section,article,header,footer,nav {border:3px solid #F00;}


/*
■ コンテナ
============================================================================= */
div#container {}


/*
■ ナビゲーション
============================================================================= */
.nav {}

.nav a {
text-decoration: none;
}

.nav a:active,
.nav a:hover {
text-decoration: underline;
}



/* ▼ リスト >> ------------------------------------------------ */
#globalNavi li {}



/*
■ 共通
============================================================================= */
a span {
	display: none;
}



/* ▼ HOMEへ ------------------------------------------------------- */
.goHome {}


.goHome a {
	margin-left: 1110px;
	width: 75px;
	height: 22px;
	display:block;
	background: transparent url("img/link_home_off.gif") no-repeat 0% 0%;
}

.goHome a:hover,
.goHome a:active {
	background-image: url("img/link_home_on.gif");
}


/* ▼ 前のページに戻る --------------------------------------------- */
#linkBack {}
#linkBack,
.goBack a {
	margin-left: 1100px;
	width: 75px;
	height: 22px;
	display:block;
	background: transparent url("img/link_back_off.gif") no-repeat 0% 0%;
}

.goBack a:hover,
.goBack a:active,
a#linkBack:hover,
a#linkBack:active {
	background-image: url("img/link_back_on.gif");
}



/* ▼ クラス >> ------------------------------------------------ */
.attention {
	color: #D00;
}

.attentionMsg {
line-height: 2em;
}


div.attention#msg {
	margin-top: 1em;
	padding: 5px;
	border: 2px solid #D00;
}
div.attention#msg ul {}



/* ▼ ページの上へ pageTop ----------------------------------------- */
.pageTop {
	margin: 10px;
text-align: right;
}

/*
■ ヘッダー
============================================================================= */
#header {
	background: #FFF url("img/header_bg.jpg") repeat-x 50% 0%;
	border-bottom: 1px solid #B0B0B0;
}
#headerDiv {
	margin: 0px auto;
	width: 1200px;
	height: 126px;
}


	/* ◆ レイアウト >> -------------------------------------------- */
	h1 {
		height: 76px;
		width: 640px;
		float: left;
	}
	/* 回込解除 > ------------------------------------------- */
	#globalNavi {clear:left;}



#gNav1 {
	margin-left: 870px;
	padding-top: 37px;
	width: 330px;
	height: 29px;
}
#gNav1 ul {
	height: 26px;
	background: transparent url("img/nav1_bg.jpg") no-repeat 0% 0%;
text-align: center;
}
#gNav1 li {
	display: inline;
	line-height: 26px;
}
#gNav1 a {
	margin-left: 8px;
	margin-right: 8px;
}
#gNav1 li,
#gNav1 a {
color: #04738F;
}


/* ▼ グローバルナビ リスト ---------------------------------------- */
#globalNavi ul{}
#globalNavi li {
	padding-left: 30px;
	height: 50px;
line-height: 50px;
	background: transparent url("img/point001_lb.gif") no-repeat 15px 50%;
	position: relative;
	display: block;
	float: left;
}

	li#kbNav {
		padding-left: 0px;
		background: none;
	}
	#globalNavi li ul.child li {
		padding-left: 0px;
		height: 35px;
		border-bottom: 1px dotted #FFF;
		background: none;
	line-height: 35px;
	}
#globalNavi ul.child{
	margin-left: -30px;
	display: none;
	position: absolute;
	background: #00AFEC;
}

#globalNavi ul.child li a{
	padding-left: 30px;
	height: 35px;
color: #FFF;
line-height: 35px;
	display: block;
	background-color: #00AFEC;
}
#globalNavi ul.child li a:hover{
	background: #0693D5 url("img/arrow001_b2.gif") no-repeat 15px 50%;
}


#scNav {width: 255px;}
#scNav li {width: 300px;}
#evNav {width: 255px;}
#evNav li {width: 285px;}
#fcNav {width: 175px;}
#fcNav li {width: 205px;}
#hlNav {width: 255px;}
#hlNav li {width: 245px;}
#kbNav {width: 135px;}
#kbNav img {margin-top: 5px;}



/*
■ コンテンツ
============================================================================= */
#contents {
	width: 1200px;
	margin: 0px auto;
}

/* ▽ パンくずリスト ----------------------------------------------- */
#breadcrumbsList {
	padding-left: 10px;
	background: #D1E5F3;
}

#breadcrumbsList ul {
	padding-top: 6px;
	height: 28px;
}
#breadcrumbsList li {
	margin-right: 9px;
	padding-left: 19px;
	display: inline;
	background: transparent url("img/arrow004_lb.gif") no-repeat 0% 50%;
font-size: 18px;
color:#0070EE;
font-weight: bold;
line-height: 18px;
}
#breadcrumbsList li span {
font-weight: normal;
}




#breadcrumbsList a {
font-size: 14px;
color:#3C9CF3;
line-height: 18px;
font-weight: normal;
}

#breadcrumbsList li#homeBtn {
	padding-left: 0px;
	background: none;
}

#homeBtn a {
	padding-left: 20px;
	background: transparent url("img/bnav_home_off.gif") no-repeat 0% 0%;
}



/*
■ メインコンテンツ
============================================================================= */
div#mainContents {}



/*
■ フッター
============================================================================= */
#footer {
	width: 1200px;
	margin: 0px auto 3px;
	background: transparent url("img/footer_bg.jpg") no-repeat 0% 0%;
}

#footerNav {
	margin-left: 220px;
	height: 200px;
}
#footerNav dl {
	margin-top: 50px;
	width: auto;
	float: left;
}
	/* 回込解除 > ------------------------------------------- */
	#footer div {clear:left;}

	/* ▼ ナビリストのサイズ -------------------------------- */
	#footerNav .nav1 {width: 285px;}
	#footerNav .nav2 {width: 210px;}
	#footerNav .nav3 {width: 160px;}
	#footerNav .nav4 {width: 190px;}
	#footerNav .nav5 {width: 130px;}

#footerNav dt {
	margin-top: 12px;
	margin-bottom: 3px;
color: #00AFEC;
}

#footerNav li {
	margin-left: 12px;
	padding-left: 12px;
height:22px;
line-height: 22px;
	background: transparent url("img/arrow001_lb.gif") no-repeat 0% 50%;
}
#footerNav a {
font-size: 14px;
color: #222;
}
#footerNav a:hover,
#footerNav a:active {
font-size: 15px;
color: #187FC4;
}



/**/
#addressDiv {
	padding-top: 15px;
	padding-right: 10px;
	background: transparent url("img/footer_bg2.jpg") no-repeat 100% 0%;
text-align: right;
}
#addressDiv address {
color: #187FC4;
}
#addressDiv p#copy {
font-size: 12px;
color: #666;
}




/*
◆ ローカルページ 共通
============================================================================= */
body.localpage {}

body.localpage h2 {
	padding-left: 30px;
	height: 85px;
	background: transparent url("img/bg001_bl.jpg") no-repeat 10px 100%;
font-size: 2em;
color: #0070EE;
line-height: 85px;
}


.localpage #mainContents {
	height: auto;
	margin-bottom: 30px;
}


	#topics #contents .section,
	#login #contents .section {margin: 10px;}

	.riyou #contents .section,
	#message #contents .section,
	#faq #contents .section,
	#tournament #subContents {margin: 20px;}


div#Navi1_tv {}
div#Navi1_tv table {
	margin: 10px;
}


/* ▼ main,sub 縦並び >> ------------------------------------------- */

#faq .listItem,
#tournament #subContents {
	padding: 15px 40px;
	border: 2px solid #2E92F2;
	border-radius: 5px;			/* CSS3草案 */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;		/* Firefox用 */
}




/* ▼ テーブル >> -------------------------------------------------- */
table {
	margin-bottom: 10px;
}
table table {
	margin-bottom: 0px;
}
caption {
	padding-top: 10px;
	padding-bottom: 6px;
font-size: 1.2em;
}
table th,
table td {
	padding: 5px 10px;
}

/* ▼ テーブル３ --------------------------------------------------- */
#table3 {}
#table3 th,
#table3 td {
	border: 1px solid #36C;
line-height: 1em;
text-align: center;
}
#table3 thead {
text-align: center;
	background: transparent url("img/tbhd_bg_bl2.gif") repeat 0% 0%;
}
#table3 tbody th {
	background-color: #CCF;
}
#table3 tbody td {
color: #039;
text-align: center;
}
#table3 tfoot {
	background-color: #EEF;
}
#table3 tfoot td {
	padding-right: 0px;
	text-align: right;
}



/* ▽ テーブル(子) 備品の中身 table#tableETC ----------------------- */
#table3 #tableETC.etc th,
#table3 #tableETC.etc td {
	padding: 6px 10px 4px;
	background: #FFF;
font-weight: normal;
}

#table3 #tableETC.etc thead th,
#table3 #tableETC.etc thead td {
text-align: center;
}
#table3 #tableETC.etc thead th {
	background: #CFC;
}

#table3 #tableETC.etc thead td {
	background: transparent url("img/tbhd_bg_gr.gif") repeat 0% 0%;
}

#table3 #tableETC.etc tbody th {
	background: transparent url("img/tbhd_bg_gy.gif") repeat 0% 0%;
}
#table3 #tableETC.etc tbody td {
color: #000;
}
#table3 #tableETC.etc tfoot td.none {
	background: transparent url("img/tbhd_bg_gy.gif") repeat 0% 0%;
}



/* ▼ テーブル５ [総合計]------------------------------------------- */
#table5 {
	border: 2px solid #C1C05D;
}
#table5 th,
#table5 td {
	padding: 6px 10px 4px;
	border: 1px solid #C1C05D;
}
#table5 th {
	background: transparent url("img/tbhd_bg_br.gif") repeat 0% 0%;
}
#table5 td {
text-align: right;
}



/* ▼ テーブル６ [予約概要] ---------------------------------------- */
#table6 {
	width: 900px;
}
#table6 caption {
	background-color: #99C;
color: #FFF;
}
#table6 th,
#table6 td {
	border: 1px solid #99C;
}
#table6 tbody {
	border: 2px solid #99C;
}
#table6 th {
	font-weight: normal;
	background: transparent url("img/tbhd_bg_bl2.gif") repeat 0% 0%;
}
#table6 tfoot td {
	padding: 0px;
	border: none;
text-align: center;
}


/* ▽ 注意書きとボタン [予約概要] --------------------------------- */
#pnlCheckout dl.attention {
	margin-top: 20px;
	width: 480px;
	padding: 5px 15px;
	border: 2px solid #C00;
float: left;
}
#pnlCheckout dl.attention dt {
	margin-bottom: 5px;
	border-bottom: 1px dotted #D00;
font-weight: bold;
}
#pnlCheckout dl.attention dd {
	margin-left: 3px;
	margin-top: 3px;
text-align:left;
color: #000;
line-height: 1.1em;
font-size: 0.9em;
}



/* ▽ カートの中身でのテーブル ------------------------------------ */
.cart#table3 {width:900px;}
#tableETC {width:833px;margin-left:50px;}
#table5 {margin-left:600px;width:300px;}




/* ▽ テーブル カートの精算 table#tbCartButton --------------------- */
#tbCartButton {
	margin: 20px 0px 10px;
	width:900px;
}
#tbCartButton caption {
	background-color: #99C;
color: #FFF;
}
#tbCartButton th,
#tbCartButton td {
	border: 1px solid #99C;
}
#tbCartButton tbody {
	border: 2px solid #99C;
}
#tbCartButton th {
	font-weight: normal;
	background: transparent url("img/tbhd_bg_bl2.gif") repeat 0% 0%;
}
#tbCartButton tfoot td {
	padding: 6px 10px 4px;
	border: none;
text-align: center;
}



/*
◇ ローカルページ ログイン画面
============================================================================= */
#login {}

#loginDL {
	padding: 10px;
	margin-left: 100px;
	width: 500px;
	background: transparent url("img/key.gif") no-repeat 40px 50px;
border: 6px solid #B1D7FA;
}
#loginDL dt {
	margin: 5px 10px 15px;
color: #0070EE;
font-weight: bold;
font-size: 1.3em;
}
#loginDL dd {
	width: 420px;
	margin: 10px;
text-align: right;
}
#loginDL dd.btnDD {
	margin-top: 20px;
	width: 480px;
}
#loginDL dd span {
	margin-left: 1em;
font-size: 0.9em;
color: #666;
}

#loginDL input {
	margin-left: 1em;
}

#login #contents .section .article {
	padding-top: 10px;
	margin-top: 30px;
	margin-left: 100px;
	border-top: 1px dotted #00A0C6;
}

#login #contents .section .article h3 {
font-size: 1.1em;
line-height: 30px;
color: #00A0C6;
}


#login #contents .section .article a {
	margin-right: 30px;
	float: left;
}
	/* 回込解除 > ------------------------------------------- */
	#linkBack {clear:left;}




/*
◇ 最寄りの地図  #map,#guide
============================================================================= */
#map {}
#guide .gmap {}

.gmap iframe {
	border: 1px solid #0070FF;
}
	#guide .gmap iframe {margin-left: 10px;width: 850px;height:300px;}


#map {}
#map .gmap {
	margin-left: 10px;
	float: left;
}
	/* 回込解除 > ------------------------------------------- */
	body#map.localpage p.goHome {clear:left;}

#map h3 {
	margin-top: 10px;
	margin-bottom: 5px;
}

#map h3 a {
	padding-left: 12px;
	background: transparent url("img/point002_bl.gif") no-repeat 2px 50%;
font-size: 18px;
font-weight: normal;
color: #666;
}
#map h3 a:active,
#map h3 a:hover {
	background: transparent url("img/arrow005_bl.gif") no-repeat 2px 50%;
color: #0070FF;
}









/*
◇ トピックス
============================================================================= */
#topics {}
#topics #contents .section {
	height: 500px;
}
#topics table#dg {
	margin: 10px;
}

/*
◇ 大会スケージュール
============================================================================= */
#tournament #mainContents table {
	margin: 10px auto;
}

/*
◇ お問合せ
============================================================================= */
#message {}
#message #contents .section div.lBox {
	margin-right: 10px;
	width: 340px;
float: left;
}
	/* 回込解除 > ------------------------------------------- */
	#message p.goHome {clear:left;}


#message #pnlEntry {
	margin-left: 350px;
}



#message table {}
#message th {
text-align: left;
	background: #DEF;
color: #009;
font-weight: normal;
}
#message th,
#message td {
	border: 1px solid #9CF;
}

#message table table,
#message table table th,
#message table table td {
	border: none;
}

#message table tfoot td {
	border: none;
text-align: right;
	background: #FFF;
}

#pnlERR,
#pnlResult {
	height: 350px;
}

/*
◇ よくある質問
============================================================================= */
#faq {}

#faq .listItem {
	width: 400px;
	margin: 20px 100px 50px;
}
#faq .listItem table {
	border: none;
}
#faq .listItem table td {
	padding: 5px 5px 5px 20px;
	border: none;
	background: transparent url("img/bullet01.gif") no-repeat 0px 50%;
}
#faq .linkMSG {
	margin-left: 280px;
	width: 600px;
	padding: 1em;
	border: 2px solid #D1EFFF;
text-align: center;
}

#faq #subContents .listItem {
	width: 218px;
	margin: 0px 0px 20px;
	padding: 10px 0px 0px 15px;
}

#faq #subContents .linkMSG {
	margin-left: 0px;
	width: 200px;
text-align: left;
}

#faq #subContents {
	width: 250px;
	float: left;
}
	/* 回込解除 > ------------------------------------------- */
	#faq p.goBack {clear:left;}

#faq .section#mainContents {
	margin-left: 270px;
}

#faq h3 {
	margin-bottom: 20px;
	padding-left: 10px;
	background: transparent url("img/arrow008_or.gif") no-repeat 3px 5px;

}
#lbDVNM {
font-size: 1.2em;
color: #444;
}

#dgLIST,
#dgLIST td {
	border: none;
}
#dgLIST dl {
	padding-bottom: 10px;
	border-bottom: 2px solid #999;
}

#dgLIST dt {
	padding-bottom: 10px;
	border-bottom: 1px dotted #999;
}
#dgLIST dt b.num {
	margin-right: 10px;
	float:left;
}

#dgLIST dt span,
#dgLIST dd span {
	display:block;
}

#dgLIST dd {
	padding-top: 10px;
	padding-left: 100px;
	background: transparent url("img/a_icon.gif") no-repeat 0px 0%;
}




/*
◇ サイトマップ
============================================================================= */
#sitemap {}
#sitemap #contents dl {
	height: 450px;
	width: 205px;
	margin-top: 10px;
	margin-left: 10px;
	margin-bottom: 2em;
	padding: 2px;
	border: 1px solid #999;
	float: left;
}
	#sitemap #contents dl.club {width: 292px;}

	/* 回込解除 > ------------------------------------------- */
	#sitemap .goHome {clear:left;}


#sitemap #contents dt {
	padding-left: 30px;
	height: 40px;
	background: #DDD url("img/arrow009_wh.gif") no-repeat 5px 50%;
line-height: 40px;
}

#sitemap #contents dd ul {
	margin: 10px 0px 10px 5px;
}
#sitemap #contents dd li {
	margin: 10px 0px 10px 5px;
}
#sitemap #contents dd li b {
	margin-left: 3px;
font-size: 0.9em;
font-weight: normal;
}
#sitemap #contents dd li a {
	padding-left: 15px;
	background: transparent url("img/arrow008_bl2.gif") no-repeat 0% 50%;
color: #00A0C6;
text-decoration: none;
}
#sitemap #contents dd li.club a {background-image: url("img/arrow008_or.gif");color:#FF7A32;}
#sitemap #contents dd li.tiky a {background-image: url("img/arrow008_bl.gif");color:#06C;}

#sitemap #contents dd li a:active,
#sitemap #contents dd li a:hover {
text-decoration: underline;
}


#sitemap #contents dd li ul.childUL {
	margin: 0px 0px 10px 15px;
	padding: 5px;
}
#sitemap #contents dd li ul.childUL li {
	margin: 0px;
}

#sitemap #contents dd li ul.childUL li a {
	padding-left: 10px;
	background: transparent url("img/point002_bl.gif") no-repeat 0% 50%;
font-size: 0.9em;
color: #666;
}

#sitemap #contents dd li ul.childUL li a:active,
#sitemap #contents dd li ul.childUL li a:hover {
color: #00ACDD;
}


#sitemap #contents dd li.club ul.childUL li a {
	background-image: url("img/point002_or.gif");
}

#sitemap #contents dd li.club ul.childUL li a:active,
#sitemap #contents dd li.club ul.childUL li a:hover {
color: #FF7A32;
}



/*
◇ ローカルページ 施設一覧
============================================================================= */
#fList {
	margin: 10px 5px;
}
#fList dl {
	margin-bottom: 6px;
	margin-left: 6px;
	border: 1px solid #D7D7D7;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 2px 2px;
}
	#sogo {background-image: url("img/dl_bg_sogo.jpg");}
	#miya {background-image: url("img/dl_bg_miya.jpg");}
	#kuro {background-image: url("img/dl_bg_kuro.jpg");}
	#rense {background-image: url("img/dl_bg_rense.jpg");}
	#kenko {background-image: url("img/dl_bg_kenko.jpg");}



#fList dl#sogo,
#fList dl#miya {
	height: 496px;
	width: 354px;
	float: left;
}

#fList dl#sogo dt,
#fList dl#sogo dd,
#fList dl#miya dt,
#fList dl#miya dd {
	margin-right: 10px;
	margin-left: 10px;
}

#fList dl#sogo dt,
#fList dl#miya dt {
	margin-top: 250px;
font-weight: bold;
color: #00ADA9;
	border-bottom: 3px solid #00ADA9;
}

#fList dl#kuro,
#fList dl#rense,
#fList dl#kenko {
	margin-left: 729px;
	height: 160px;
	width: 455px;
}


#fList dl#kuro dt,
#fList dl#kuro dd,
#fList dl#rense dt,
#fList dl#rense dd,
#fList dl#kenko dt,
#fList dl#kenko dd {
	margin-right: 5px;
	margin-left: 170px;
}

#fList dl#kuro dt,
#fList dl#rense dt,
#fList dl#kenko dt {
	margin-top: 10px;
	border-bottom: 3px solid #00AFEC;
font-weight: bold;
color: #00AFEC;
}
#fList ul {
	margin-top: 10px;
}
#fList ul li {
	margin-top: 3px;
	margin-left: 10px;
	padding-left: 15px;
	height: 22px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 0% 3px;
line-height: 22px;
}

#fList dl#sogo ul li,
#fList dl#miya ul li {
	background-image: url("img/arrow006_gr.gif");
}
#fList dl#kuro ul li,
#fList dl#rense ul li,
#fList dl#kenko ul li {
	background-image: url("img/arrow006_lb.gif");
}



/*
◇ ローカルページ 施設紹介トップ
============================================================================= */
#guideTop {}
#guideTop p {
	padding: 10px;
}
#fList2 dl {
	margin-left: 5px;
	height: 230px;
	width: 163px;
float: left;
	border: 1px solid #D7D7D7;
	background: none;
}

	/* 回込解除 > ------------------------------------------- */
	#guideTop .goHome {clear:left;}


#fList2 dl#sogo {
	margin-left: 8px;
}

#fList2 dl dt {
	margin-top: 3px;
	padding: 5px;
	border-bottom: 3px solid #0070FF;
color: #0070FF;
}


#fList dl#nakano {}
#fList dl#una {}
#fList dl#kuro {}
#fList dl#miya {}
#fList dl#rense {}
#fList dl#kenko {}

#fList2 ul {
	margin-top: 5px;
}
#fList2 li {
	padding-left: 10px;
	margin: 0px 10px;
	background: transparent url("img/arrow005_gr.gif") no-repeat 0px 48%;
font-size: 14px;
}


#fList2 li.etc {
	background: none;
text-align: right;
font-size: 12px;
}


/*
◇ ローカルページ 施設詳細
============================================================================= */
#guide {}

#guide #subContents {
	margin-top: 5px;
	margin-left: 10px;
	width: 300px;
	float: left;
}
	/* 回込解除 > ------------------------------------------- */
	#guide .goBack {clear:left;}

#guide #mainContents {
	width: 870px;
	margin-top: 5px;
	margin-left: 320px;
}


/* ローカルナビ > ------------------------------------------- */
#guide #localNavi {
	border-bottom: 2px solid #0070FF;
}
#guide #localNavi li {
	border-bottom: 1px dotted #999;
}
	#guide #localNavi li#cntr {border-top: 1px solid #0070FF;}
	#guide #localNavi li#nakano {border-bottom: none;}
#guide #localNavi a {
	height: 40px;
	width: 285px;
	padding-left: 15px;
	display: block;
	background: transparent url("img/arrow005_gy.gif") no-repeat 2px 50%;
line-height: 40px;
color: #666;
}
#guide #localNavi a:active,
#guide #localNavi a:hover {
	background: #F1F1F1 url("img/arrow008_or.gif") no-repeat 2px 50%;
color: #F70;
}

#guide #localNavi li.menuOn {
	margin-top: -1px;
	border-top: 3px solid #00ACDD;
	border-bottom: 2px solid #00ACDD;
}
#guide #localNavi li.menuOn#cntr {
	border-top: 2px solid #0070FF;
}

#guide #localNavi li.menuOn li {
	border-bottom: none;
}
#guide #localNavi li.menuOn a {
	background: transparent url("img/arrow008_bl.gif") no-repeat 2px 50%;
	padding-left: 15px;
color: #06C;
font-weight: bold;
}
#guide #localNavi li.menuOn a:active,
#guide #localNavi li.menuOn a:hover {
	background: #F2FBFD url("img/arrow008_bl2.gif") no-repeat 2px 50%;
color: #00A0C6;
}
#guide #localNavi li.menuOn dt {
	border-top: 1px solid #00ACDD;
}

#guide #localNavi li.menuOn dd {
	margin-left: 20px;
	margin-bottom: 10px;
}

#guide #localNavi li.menuOn dd li {
	padding: 3px 0px 3px 10px;
	background: transparent url("img/point002_bl.gif") no-repeat 0% 50%;
font-size: 0.9em;
line-height: 0.9em;
}


#guide #localNavi li.menuOn#nakano {
	padding-top: 2px;
}
#kurobeRiv b,
#guide #localNavi li.menuOn#nakano b {
	padding-left: 3px;
color: #19317B;
line-height: 2em;
}



/* ◆ 案内図 ------------------------------------------------------- */
.guideMap {
	margin-bottom: 20px;
}
.guideMap h3 {
	padding: 3px;
	text-align: center;
	background-color: #E5EFFA;
	border-radius: 5px;			/* CSS3草案 */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;		/* Firefox用 */
font-size: 21px;
color: #06C;
}
.guideMap img {
	padding: 5px;
border: 1px solid #999;
}
.guideMap .add,
#heimen li {
	float: right;
}
	/* 回込解除 > ------------------------------------------- */
	#guide .clickGif {text-align:center;font-size: 13px;}

#mapGIF {
	margin: 10px;
	width: 320px;
}
.guideMap dt {
font-size: 0.9em;
color: #0070FF;
font-weight: bold;
}
.guideMap dd {
	margin-left: 30px;
	margin-bottom: 10px;
}

.guideMap .add {
	margin: 40px 10px 10px;
}
.guideMap .add dd.eMail a {
	padding-left: 23px;
	background: transparent url("img/mail.gif") no-repeat 0% 50%;
}
.guideMap .add dd.map {
text-align: right;
}

#info .add {
	width: 520px;
}


#heimen ul {}
#heimen li {
	width: 410px;
	margin: 10px;
text-align: center;
}



#infoNote dl {
	margin-top: 10px;
	width: 420px;
	float: right;
}
	/* 回込解除 > ------------------------------------------- */
	#guide .clickGif {text-align:center;font-size: 13px;}


#infoNote dl.add {
	margin-top: 30px;
}
#infoNote dd span {
	margin-left: 10px;
	margin-right: 10px;
font-size: 0.9em;
color: #444;
}

#info dd.link a,
#infoNote dd.link a {
	height: 50px;
	padding-left: 60px;
	background: transparent url("img/arrow003_gy.gif") no-repeat 0% 0%;
	display:block;
color: #00AFEC;
text-decoration: none;
line-height: 30px;
}

#info dd.link a:hover,
#info dd.link a:active,
#infoNote dd.link a:hover,
#infoNote dd.link a:active {
	background: transparent url("img/arrow003_lb.gif") no-repeat 0% 0%;
color: #187FC4;
text-decoration: underline;
}

.tiSystem {
	margin-top: 0.5rem;
	padding: 0.5rem 0 0.5rem 1rem;
	background: #f9f9f9;
	border: 1px solid #e0e0e0;
	font-size: 0.9rem;
}

.guideMap table ul {
	padding: 5px 0px;
	border: 1px solid #5667C3;
	border-radius: 5px;			/* CSS3草案 */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;		/* Firefox用 */
background: #EEE;
color: #5667C3;
}
.guideMap table li {
font-size: 0.8em;
}

/* ◆ 利用について ------------------------------------------------- */
#aboutUse {}
#aboutUse h3 {
	padding: 3px;
	text-align: center;
	background-color: #E5EFFA;
	border-radius: 5px;			/* CSS3草案 */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;		/* Firefox用 */
font-size: 21px;
color: #06C;
}
.section #aboutUse ul {
	margin: 1em;
}
#aboutUse li {
	margin-bottom: 0.5em;
}

/* 写真のリスト > ------------------------------------------- */
#guide ul.photo li {display: inline;}
#guide ul.photo li img {margin-top: 10px;margin-right: 10px;}


/* ◆ 施設の詳細 --------------------------------------------------- */
.detaile h3 {
	margin-bottom: 10px;
	padding: 5px 5px 3px;
	background-color: #E5EFFA;
	border-top: 2px solid #06C;
	border-bottom: 2px solid #06C;
line-height: 1em;
font-size: 18px;
color: #06C;
}
.riyouGuide {
	margin-top: -40px;
	padding-top: 5px;
	height: 40px;
text-align:right;
}
.riyouGuide a {
	margin-right: 10px;
}

/* 個々の詳細 写真なし > ------------------------------------ */
.fTxt {
float: left;
}

#guide .dl01 {width: 250px;}
#guide .dl02 {margin: 0px 10px;width: 250px;}
#guide .dl03 {margin-bottom: 20px;width: 350px;}



.fTxt dt {
	padding: 4px 0px 5px 10px;
	background: transparent url("img/tbhd_bg_gy.gif") repeat-x 0% 0%;
font-size: 18px;
color: #666;
font-weight: bold;
}
.fTxt dd {
	padding: 10px;
}

.fTxt dd li {
	padding-left: 10px;
	background: transparent url("img/arrow005_gr.gif") no-repeat 0% 0.5em;
}


/* 個々の詳細 写真あり > --------------------------------------------- */
.fDtle {}

.fDtle h4 {
	padding: 4px 0px 5px 10px;
	background: transparent url("img/tbhd_bg_gy.gif") repeat-x 0% 0%;
font-size: 18px;
color: #666;
font-weight: bold;
}

.detaile a.calendarLink {
	padding-left: 23px;
	margin-left: 1em;
	background: transparent url("img/calendar_icon.gif") no-repeat 0% 2px;
font-size: 16px;
line-height: 18px;
color: #F60;
font-weight: normal;
}
.detaile a.calendarLink:hover,
.detaile a.calendarLink:active {
	background: transparent url("img/arrow012_or.gif") no-repeat 2px 6px;
font-weight: bold;
text-decoration: none;
}

.fDtle dl {
	width: 420px;
	margin-left: 10px;
	margin-right: 5px;
	float:left;
}

	.fDtle#ryokuti dl {
		margin-left: 0px;
		margin-bottom: 10px;
		width: 210px;
	}

.fDtle dt {
	margin: 5px;
	padding-left: 15px;
	background: transparent url("img/arrow008_bl2.gif") no-repeat 0% 5px;
color: #00A0C6;
}
.fDtle dd {
	height: 160px;
}

dd.fclLst {
	padding-bottom: 15px;
}
dd.fclLst img {
	float: left;
}
dd.fclLst ul {
	width: 200px;
	margin-left: 210px;
	padding: 5px;
	border: 1px solid #0070EE;
}
dd.fclLst li {
	padding-left: 15px;
	background: transparent url("img/point002_bl.gif") no-repeat 3px 50%;
font-size: 14px;
}


dd.fclLst li.note {
	padding-left: 0px;
	background: none;
text-align:right;
font-size: 12px;
}

ul.fclLst {
	margin: 10px;
}
ul.fclLst li {
	margin-right: 2em;
	padding-left: 15px;
	background: transparent url("img/arrow008_bl2.gif") no-repeat 0% 5px;
	display: inline;
}
sup {font-size: 12px;line-height:10px;}



/* その他の施設 > ---------------------------------------------------- */
.etcFclt {
	clear:left;		/* < 回込解除 ---------- */
}
.etcFclt dl {
	margin: 0px;
	width: 1000px;
}
.etcFclt p {
	margin: 5px;
}


/* 会議室・研修室・その他 > ------------------------------------------ */
.fDtle#roomQRS dl {
	width: 220px;
}
.fDtle#roomQRS .roomETC {
	width: 140px;
}
.fDtle#roomQRS .roomETC dd.fclLst ul {
	width: 130px;
	margin-left: 0px;
}
.room dt em {
font-size: 0.9em;
font-style: normal;
}
.room dt span {
	margin-right: 1em;
	display: block;
text-align:right;
}




/* スポーツセンター 多目的グラウンド > ------------------------------- */
#cntrGrnd {
	width: 435px;
	height: 355px;
	float: left;
}
#cntrGrnd dl.attentionUse {
	width: 425px;
}




/* 施設の利用について > ---------------------------------------------- */
.attentionUse {
	margin: 0px 0px 10px;
	height: auto;
	border-top: 1px dotted #00A0C6;
	clear:left;		/* < 回込解除 ---------- */
}
	dl.attentionUse,#roomQRS dl.attentionUse {width: 850px;}
	dd dl.attentionUse {width: 420px;margin: 0px 0px 10px;}

.attentionUse dt {
	margin: 0px;
	padding: 8px 5px;
background: none;
line-height: 1em;
color: #00A0C6;
}
.attentionUse dd {
	height: auto;
}
.attentionUse li {
	margin-left: 1em;
	padding-left: 10px;
	background: transparent url("img/arrow005_bl2.gif") no-repeat 0% 6px;
font-size: 0.9em;
}


/* 利用料金表 > ------------------------------------------------------ */
table.rateList {
	width: 870px;
	border: 2px solid #BEC6EA;
}
.rateList caption {
text-align:left;
font-size: 0.9em;
color: #0070FF;
font-weight: bold;
}

table.rateList th,
table.rateList td {
	padding: 3px 5px;
	border: 1px solid #999;
}

.rateList thead th,
.rateList thead td {
	background: #BEC6EA;
	border: none;
	border-bottom: 1px solid #DEE2F4;
font-weight: normal;
font-size: 0.9em;
text-align:center;
color: #036;
}
.rateList thead th {}
.rateList thead th.name,
.rateList thead th.kubun,
.rateList thead th.tani,
.rateList thead td {
	border-left: 1px solid #DEE2F4;
}
.rateList thead {
	border-bottom: 3px double #BEC6EA;
}
.rateList thead tr.nest td {
	background: #C8CEED;
color: #424FA2;
}
.rateList thead td.fee {
line-height: 1em;
}

.rateList tbody th,
.rateList tbody td {
	border-top:none;
	border-bottom:1px solid #CCC;
	border-left:1px solid #BEC6EA;
	border-right:1px solid #BEC6EA;
}
.rateList tbody th {
	padding: 5px 10px;
	background: transparent url("img/tbhd_bg_bl2.gif") repeat 0% 0%;
font-weight: normal;
color: #444;
}
.rateList tbody th.kubun {
	background-image:  url("img/tbhd_bg_bl2-2.gif");
font-size: 0.9em;
}
.rateList tbody th.tani {
	background-image: url("img/tbhd_bg_bl2-3.gif");
font-size: 0.9em;
}


.rateList tbody td {
	padding: 5px 3px;
font-size: 0.9em;
text-align: center;
}
.rateList tbody td.fee {
	width: 7em;
text-align: right;
}
	#roomQRS .rateList tbody td.fee {width: auto;}
	#arena td.fee {width: 8em;}
	#arena1 td.fee {width: auto;}
	#pool td.fee {width: 10em;}
	#knkoRate td.fee {width: 6em;}
	#knkoRate td.longTD {width: 10em;}

.rateList tbody td.fee.alignC {
text-align: center;
}



.rateList tbody td.note {
	vertical-align: top;
color:#069;
text-align: left;
}
	.rateList#rnsiRate td.note {width: 420px;}
	.rateList.ryktRate td.note {width: 370px;}
	.rateList.ryktRate thead th,
	.rateList.ryktRate tbody th {white-space: nowrap}

	.rateList#nknoRate2 td.note {width: 300px;padding: 10px;}




.rateList tfoot th {
	padding-top: 7px;
	padding-left: 1em;
	border-bottom: 4px double #BEC6EA;
	background: #BEC6EA;
font-weight: normal;
font-size: 0.9em;
line-height: 0.9em;
text-align:left;
color: #036;
} 
.rateList tfoot li {
font-size: 0.9em;
}
.rateList tr.fontS td {
font-size: 0.8em;
}

/* 附則 19/08/27 追加 --------------------------------------------- */

#mainContents .rateList tfoot .fusoku {
	margin: 1rem 0.8rem 0;
	float: none;
}
#mainContents .rateList tfoot .fusoku dt {
	font-weight: normal;
	color: #000;
}
#mainContents .rateList tfoot .fusoku dd {
	font-size: 0.9em;
}
#mainContents .rateList tfoot p {
	margin: 5px 1rem;
}



#arena1 tbody th {
	padding-right: 0px;
	padding-left: 0px;
	width:13em;
}
#arena1 tbody th.kubun {
	width:3em;
}
#arena1 tbody th.tani {
	width:4em;
}





/*
	border: 2px solid #C1C05D;
	border: 2px solid #36C;
	background-color: #CCF;
	border:2px solid #BEC6EA;
*/





/*
◇ ローカルページ 予約について
============================================================================= */
.riyou #subContents {
	height: 130px;
	border-bottom: 2px dotted #999;
}
.riyou #subContents img.icon {
	margin: 0px 20px 20px;
	float: left;
}
	/* 回込解除 > ------------------------------------------- */
	.riyou #mainContents {clear:left;}

	.riyou #subContents p {
	padding-top: 20px;
	padding-left: 40px;
	margin-left: 160px;
	height: 110px;
	background: #FFF url("img/riyou_mdbg01.gif") no-repeat 0% 0%;
}

/* ◆ 施設予約の流れ ----------------------------------------------- */
.sfMem {color: #FD4F0D;}	/* ファミリー会員 オレンジ */
.ryMem {color: #039;}		/* 利用登録者 ブルー */
.vst {color: #090;}			/* ビジター グリーン */


table#mdMthd {
	width: 100%;
	border-collapse: separate;
	border-spacing: 10px 10px;
}

#mdMthd thead {
font-weight: bold;
}
#mdMthd thead td {
	width: 20%;
text-align: center;
}

#mdMthd thead th.sfMem {background: #FFD44D;}
#mdMthd thead th.ryMem {background: #AAEDFE;}
#mdMthd thead th.vst {background: #D6FF48;}

#mdMthd tbody td {
	padding-bottom: 35px;
	background: transparent url("img/riyou_mdbg02.gif") no-repeat 50% 100%;
}

	#mdMthd tbody td.block2 {background-image: url("img/riyou_mdbg03.gif");}
	#mdMthd tbody td.block3 {background-image: url("img/riyou_mdbg04.gif");}

#mdMthd tbody td.end,
#mdMthd tbody tr.end td {
	padding-bottom: 0px;
	background: none;
}

#mdMthd tbody td div {
	padding: 8px 15px 7px;
	border: 2px solid #b2d4f9;
}

#mdMthd tbody td.help {
	padding-bottom: 0px;
	background: none;
}

#mdMthd tbody th {
	border: 2px solid #B2D4F9;
font-weight: normal;
}



/*
◇ ローカルページ 施設予約
============================================================================= */
body#yoyakuPage.localpage {}

	/* ◆ レイアウト >> -------------------------------------------- */
	#yoyakuPage #localNavi,
	#yoyakuPage #mainContents {
		float: left;
	}
	/* 回込解除 > ------------------------------------------- */
	#yoyakuPage #footer {clear:left;}


#yoyakuPage #localNavi {
		width: 250px;
}

#yoyakuPage #mainContents {
	width: 950px;
}



/* ◆ カレンダー --------------------------------------------------- */
.linkBtn {
	width: 700px;
text-align: right;
}

.calendarTbl td {
font-size: 20px;
}
.calendarTbl a {
font-weight: bold;
font-size: 30px;
}

.dayHead {
	background: #9CF;
	border: 1px solid #39C;
font-size: 30px;
color: #FFF;
}

.calendarTbl .calendarTbl td {
font-size: 30px;
font-weight: bold;
color: #3B3D9C;
}

.nextPrev a {
	margin: 0px 15px;
color: #369;
font-size: 20px;
}



#yoyakuItem .note {
	margin-bottom: 10px;
	padding-left: 22px;
	background: transparent url("img/arrow010_gr.gif") no-repeat 0% 50%;
color: #47BA00;
}


/* ◆ 利用時間等の選択 --------------------------------------------- */
#pnlTmLst {}
#pnlTmLst .note {
	margin-bottom: 5px;
	padding-left: 22px;
	background: transparent url("img/arrow010_gr.gif") no-repeat 0% 50%;
color: #47BA00;
}
#pnlTmLst .cpton {
	margin-left: 5px;
	margin-bottom: 10px;
font-size: 0.9em;
}
#pnlTmLst table {margin-left: 25px;}
#pnlTmLst  input {margin: 4px 0.5em 8px;}

/* ◆ BBCD --------------------------------------------------------- */


/* アイコン > ----------------------------------------------- */
.iconMenu {
	margin-top: 15px;
}

.iconMenu ul {
	height: 60px;
}

.iconMenu ul li {
	width: 7em;
	height: 60px;
	display: block;
	float: left;
text-align: center;
}

/* 日付移動 > ----------------------------------------------- */
.calendarNav {
	margin-top: 10px;
	height: 50px;
}
.calendarNav li {
	height: 40px;
	margin-right: 20px;
	display: block;
float: left;
}

.txtDate input {
	margin-top: 7px;
}

/* 予約状況 > ----------------------------------------------- */
table.bbcdTbl {
	width: 940px;
	border: 2px solid #36C;
}
table.bbcdTbl td {
	padding: 4px 0px 0px;
}

.bbcdTblHead td {
	background: #039;
color: #FFF;
font-size: 0.8em;
}

.bbcdTblBody td {
	border: 1px solid #36C;
color: #039;

}

/* 予約状況(月間) > ----------------------------------------- */
table.dtTbl {
	width: 940px;
	border: 2px solid #36C;
}
table.dtTbl td {
	padding: 4px 2px 0px;
}
.dtHead td {
	background: #039;
color: #FFF;
font-size: 0.8em;
}
.dtBody td {
	border: 1px solid #36C;
font-size: 0.9em;
color: #039;
}

table.dtTbl td a {
font-size: 0.9em;

}

/* ◆ 注意事項 ----------------------------------------------------- */
.attentionNote {
	width: 940px;
	margin-top: 20px;
	padding-top: 10px;
	border-top: 1px dotted #00A0C6;
}
.iconImg {
	margin-left: 10px;
	float: left;
}

.attentionNote div {
	width: 780px;
	margin-left: 110px;
	padding-left: 10px;
}

.attentionNote div a {
	margin-right: 3px;
}

.attentionNote div.forEntry {
	margin-left: 0px;
	margin-top: 10px;
	padding-top: 10px;
	border-top: 2px solid #DDD;
line-height: 30px;
}




/* ◆ 予約状況・受付 ----------------------------------------------- */

/* 予約内容 > ----------------------------------------------- */
#yoyakuItem {
	width: 900px;
}
#yoyakuItem th,
#yoyakuItem td {
	padding: 10px;
	border-top: 1px solid #039;
}

	#yoyakuItem td table th,
	#yoyakuItem td table td {
		padding: 0px;
		border: none;
	}
	#yoyakuItem td table thead th,
	#yoyakuItem td table thead td {
		text-align:center;
	}

#yoyakuItem th {
	width: 4.5em;
	background: #EDEDED;
	border-left: 8px solid #039;
	vertical-align: top;
color: #039;
font-weight: bold;
}


#yoyakuItem tfoot tr {
	border-top: none;
}
#yoyakuItem tfoot td {
	text-align: center;
}


/* 利用区分 > ----------------------------------------------- */
#riyoKbn {
	margin-top: -1px;
	padding: 10px;
	border: 1px solid #039;
}
#riyoKbn p {
	margin-bottom: 10px;
}



/* 面割選択 > ----------------------------------------------- */

#yoyakuItem caption {
	padding: 3px 0px 3px 22px;
	background: transparent url("img/arrow010_gr.gif") no-repeat 0% 50%;
font-size: 16px;
text-align: left;
color: #47BA00;
}


#yoyakuItem td table.area td {
		padding: 2px 10px;
		border: 1px solid #999;
	}

#yoyakuItem td table.area thead td {
	background: transparent url("img/tbhd_bg_bl.gif") repeat;
color:#000;
font-weight: normal;
}

#yoyakuItem td table.area tbody td {
	padding: 5px 10px;
	vertical-align: middle;
}
#yoyakuItem td table.area tbody td.th {
	white-space: nowrap;
	background: transparent url("img/tbhd_bg_gy.gif") repeat;
color:#000;
text-align:left;
}

#yoyakuItem td table.area tbody td.th input {
	margin-right: 0.5em;
}
#yoyakuItem td table.area tbody td.areaImg {
	padding-bottom: 0px;
}
#yoyakuItem td table.area tbody td.cost {
text-align: center;
}
#yoyakuItem td table.area tbody td.text {
	height: auto;
}

#radioPTN label {
	margin-left: 5px;
	margin-right: 20px;
}

/* 付属設備 > ----------------------------------------------- */
#yoyakuItem td table.etc th,
#yoyakuItem td table.etc td {
		padding: 2px 10px;
		border: 1px solid #999;
	}

#yoyakuItem table.etc tr.tblHeader td {
	padding-top: 5px;
	background: transparent url("img/tbhd_bg_gr.gif") repeat;
text-align: center;
}

#yoyakuItem td table.etc tr.tblBody td.ckboxTD {border-right: none;}
#yoyakuItem td table.etc tr.tblBody td.nameTD {border-left: none;}


table.etc td.cntTD {}
table.etc td.taniTD {}
table.etc td.costTD {
text-align: right;
}
table.etc td.nameTD,
table.etc td.noteTD {
text-align: left;
}


/* カート内削除後の表示 > ----------------------------------- */
#pnlArrows {
	margin-top: 40px;
	width: 600px;
	border: 6px double #9CF;
}
#pnlArrows p {
	margin: 20px;
	padding-left: 140px;
	background: transparent url("img/arrows.gif") no-repeat 0% 9px;
color: #06C;
font-size: 28px;
line-height: 40px;
}



/* ◆ 予約内容最終確認 --------------------------------------------- */
#mainContents.checkout {
	margin-left: 150px;
}

/* ◆ 予約完了メッセージ ------------------------------------------- */
#pnlMSG {
	margin: 20px 40px;
	height: 500px;
}
#pnlMSG caption {
background-color: #99C;
color: #FFF;
}
#pnlMSG table {
	width: 380px;
	margin: 20px 10px;
	border: 4px solid #99C;
}
#pnlMSG th,
#pnlMSG td {
	padding: 15px;
	border: 1px solid #99C;
}
#pnlMSG th {
	background: transparent url("img/tbhd_bg_gy.gif") repeat 0% 0%;
font-weight: normal;
}

#pnlMSG dl {
	margin: 20px 10px;
}

#pnlMSG dt {
	margin-bottom: 20px;
	padding: 3px 5px 0px 10px;
	border-top: 1px solid #00ADA9;
	border-bottom: 1px dotted #00ADA9;
	background: transparent url("img/tbhd_bg_gr.gif") repeat 0% 0%;
font-size: 1.2em;
font-weight: bold;
color: #00ADA9;
}
#pnlMSG dd {
	margin-top: 5px;
	margin-left: 10px;
}

/* ボタン達 > ----------------------------------------------- */
#btnLogin,
#btnEntry,
#btnCart {
	padding: 10px 1em 7px;
}
	#btnEntry {margin-right: 10px;}
	#btnCart {margin-top: 10px;}

#btnConfirm,
#btnCancel {
	margin-top: 22px;
	width: 300px;
	height: 55px;
line-height: 55px;
font-size: 1.2em;
}
#btnConfirm {
font-size: 1.3em;
font-weight: bold;
}

#tbCartButton tfoot input {
	margin: 10px;
	padding: 7px 1em 5px;
}

.data input {
	width: 7em;
	margin: 10px;
	padding: 7px 1em 5px;
}