/* すぽすた ちよだ　カラー指定ＣＳＳ (070612) */


/* カラー指定
======================================== */
div.colorBLGR#container {}				/* ----- 教室・講座案内　プログラム ----- */
div.colorBL#container {}				/* ----- ご利用ガイド ----- */
div.colorPU#container {}				/* ----- 施設利用　施設紹介 ----- */
div.colorOR#container {}				/* ----- イベント ----- */
div.colorYE#container {}				/* ----- その他（地図・リンク・サイトマップ・ＦＡＱなど） ----- */


/* ヘッダー
======================================== */
/* -- BLGR -- */
div.colorBLGR#container div#header,
div.colorBLGR#container #globalNaviMain {
	background-color: #00C7CF;
}

/* -- BL -- */
div.colorBL#container div#header,
div.colorBL#container #globalNaviMain {
	background-color: #0089DD;
}

/* -- PU -- */
div.colorPU#container div#header,
div.colorPU#container #globalNaviMain {
	background-color: #DB73FF;
}

/* -- OR -- */
div.colorOR#container div#header,
div.colorOR#container #globalNaviMain {
	background-color: #FF9429;
}

/* -- YE -- */
div.colorYE#container div#header,
div.colorYE#container #globalNaviMain {
	background-color: #FFBF00;
}



/* ナビゲーション
======================================== */

/* -- グローバルナビ サブ div#indexTitle -- */
#indexTitle ul#globalNaviSub li a:link,
#indexTitle ul#globalNaviSub li a:visited{
	color: #FFFFFF;
}

/* -- BLGR -- */
/* -- BL -- */
div.colorBLGR#container #indexTitle ul#globalNaviSub li a:hover,
div.colorBLGR#container #indexTitle ul#globalNaviSub li a:active,
div.colorBL#container #indexTitle ul#globalNaviSub li a:hover,
div.colorBL#container #indexTitle ul#globalNaviSub li a:active,
	color: #ABFF4C;
}

/* -- PU -- */
div.colorPU#container #indexTitle ul#globalNaviSub li a:hover,
div.colorPU#container #indexTitle ul#globalNaviSub li a:active {
	color: #8210D2;
}

/* -- OR -- */
/* -- YE -- */
div.colorOR#container #indexTitle ul#globalNaviSub li a:hover,
div.colorOR#container #indexTitle ul#globalNaviSub li a:active,
div.colorYE#container #indexTitle ul#globalNaviSub li,
div.colorYE#container #indexTitle ul#globalNaviSub li a:hover,
div.colorYE#container #indexTitle ul#globalNaviSub li a:active {
	color: #866629;
}


/* -- グローバルナビ メイン div#globalNaviMain -- */

/* -- BLGR -- */
div.colorBLGR#container #globalNaviMain li a:link,
div.colorBLGR#container #globalNaviMain li a:visited {
	background-position: 50% -75px;
}
div.colorBLGR#container #globalNaviMain li a:hover,
div.colorBLGR#container #globalNaviMain li a:active,
div.colorBLGR#container #globalNaviMain li.this a:link,
div.colorBLGR#container #globalNaviMain li.this a:visited {
	background-position: 50% -50px;
}

/* -- BL -- */
div.colorBL#container #globalNaviMain li a:link,
div.colorBL#container #globalNaviMain li a:visited {
	background-position: 50% -125px;
}
div.colorBL#container #globalNaviMain li a:hover,
div.colorBL#container #globalNaviMain li a:active,
div.colorBL#container #globalNaviMain li.this a:link,
div.colorBL#container #globalNaviMain li.this a:visited {
	background-position: 50% -100px;
}

/* -- PU -- */
div.colorPU#container #globalNaviMain li a:link,
div.colorPU#container #globalNaviMain li a:visited {
	background-position: 50% -175px;
}
div.colorPU#container #globalNaviMain li a:hover,
div.colorPU#container #globalNaviMain li a:active,
div.colorPU#container #globalNaviMain li.this a:link,
div.colorPU#container #globalNaviMain li.this a:visited {
	background-position: 50% -150px;
}

/* -- OR -- */
div.colorOR#container #globalNaviMain li a:link,
div.colorOR#container #globalNaviMain li a:visited {
	background-position: 50% -275px;
}
div.colorOR#container #globalNaviMain li a:hover,
div.colorOR#container #globalNaviMain li a:active,
div.colorOR#container #globalNaviMain li.this a:link,
div.colorOR#container #globalNaviMain li.this a:visited {
	background-position: 50% -250px;
}

/* -- YE -- */
div.colorYE#container #globalNaviMain li a:link,
div.colorYE#container #globalNaviMain li a:visited {
	background-position: 50% -325px;
}
div.colorYE#container #globalNaviMain li a:hover,
div.colorYE#container #globalNaviMain li a:active,
div.colorYE#container #globalNaviMain li.this a:link,
div.colorYE#container #globalNaviMain li.this a:visited {
	background-position: 50% -300px;
}



/* コンテンツ
======================================== */

/* ----- パンくずリスト div#breadcrumbsList ----- */

/* -- BLGR -- */
div.colorBLGR#container div#breadcrumbsList {
	color: #0089DD;
	border-color: #0089DD;
	background-image: url("img/arrow_this_blgr.gif");
}
div.colorBLGR#container div#breadcrumbsList li a {
	color: #00C7CF;
	background-image: url("img/arrow_breadcrumb_bl.gif");
}

/* -- BL -- */
div.colorBL#container div#breadcrumbsList {
	color: #003399;
	background-image: url("img/arrow_this_bl.gif");
	border-color: #00C7CF;
}
div.colorBL#container div#breadcrumbsList li a{
	color: #0089DD;
	background-image: url("img/arrow_breadcrumb_bl.gif");
}

/* -- PU -- */
div.colorPU#container div#breadcrumbsList {
	color: #8210D2;
	border-color: #EB8FD4;
	background-image: url("img/arrow_this_pupk.gif");
}
div.colorPU#container div#breadcrumbsList ul li a {
	color: #AB10D2;
	background-image: url("img/arrow_breadcrumb_pk.gif");
}


/* -- OR -- */
div.colorOR#container div#breadcrumbsList {
	color: #EB6238;
	border-color: #FFBF00;
	background-image: url("img/arrow_this_or.gif");
}
div.colorOR#container div#breadcrumbsList li a {
	color: #FF9429;
	background-image: url("img/arrow_breadcrumb_ye.gif");
}

/* -- YE -- */
div.colorYE#container div#breadcrumbsList {
	color: #FF9429;
	background-image: url("img/arrow_this_ye.gif");
	border-color: #EB6238;
}
div.colorYE#container div#breadcrumbsList li a {
	color: #FFBF00;
	background-image: url("img/arrow_breadcrumb_ye.gif");
}



/* メインコンテンツ
======================================== */

/* ----- メインコンテンツ　基本 ----- */

div#mainContents a {
	color: #454545;
	text-decoration: none;
}
div#mainContents a:hover,
div#mainContents a:active {
	color: #000000;
	text-decoration: underline;
}


/* -- BLGR -- */
/* -- BL -- */
div.colorBLGR#container div.contentsBox h3,
div.colorBL#container div.contentsBox h3 {
	color: #003399;
	background: transparent url("img/h3bar01_bl.gif") no-repeat 0% 100%;
}

/* -- PU -- */
div.colorPU#container div.contentsBox h3 {
	color: #AB10D2;
	background: transparent url("img/h3bar01_PK.gif") no-repeat 0% 100%;
}

/* -- OR -- */
/* -- YE -- */
div.colorOR#container div.contentsBox h3,
div.colorYE#container div.contentsBox h3 {
	color: #EB6238;
	background: transparent url("img/h3bar01_ye.gif") no-repeat 0% 100%;
}


/* ----- ローカルナビ ----- */

/* -- BLGR -- */
/* -- BL -- */
div.colorBLGR#container div#localNavi ul.navigation li,
div.colorBL#container div#localNavi ul.navigation li {
	border-color: #00C7CF;
}
div.colorBLGR#container div#localNavi ul.navigation li a,
div.colorBL#container div#localNavi ul.navigation li a {
	color: #003399;
	background-image: url("img/arrow05_blgr.gif");
}

div.colorBLGR#container div#localNavi li.this dl.subNavi dd,
div.colorBL#container div#localNavi li.this dl.subNavi dd {
	color: #003399;
}
div.colorBLGR#container div#localNavi li.this dl.subNavi dd a,
div.colorBL#container div#localNavi li.this dl.subNavi dd a {
	padding-left: 0px;
	color: #0089DD;
	background: none;
}
div.colorBLGR#container div#localNavi ul.navigation li a:hover,
div.colorBLGR#container div#localNavi ul.navigation li a:active,
div.colorBL#container div#localNavi ul.navigation li a:hover,
div.colorBL#container div#localNavi ul.navigation li a:active {
	background-image: url("img/link_bg01_bl.gif");
}

div.colorBLGR#container div#localNavi dl.navigation dd,
div.colorBLGR#container div#localNavi li.this dl.subNavi dd,
div.colorBL#container div#localNavi li.this dl.subNavi dd {
	background-image: url("img/point01a_gr.gif");
}

div.colorBLGR#container div#localNavi dl.navigation dd.dlEnd,
div.colorBLGR#container div#localNavi li.this dl.subNavi dd.dlEnd,
div.colorBL#container div#localNavi li.this dl.subNavi dd.dlEnd {
	background-image: url("img/point01b_gr.gif");
}


/* -- BLGR -- */
/* -- BL -- */
div.colorBLGR#container div#localNavi dl.navigation dt a,
div.colorBL#container div#localNavi dl.navigation dt a {
	padding-left: 15px;
	background: transparent url("img/arrow05_blgr.gif") no-repeat 0% 50%;
}
div.colorBLGR#container div#localNavi dl.navigation dt a:hover,
div.colorBLGR#container div#localNavi dl.navigation dt a:active,
div.colorBL#container div#localNavi dl.navigation dt a:hover,
div.colorBL#container div#localNavi dl.navigation dt a:active {
	background: transparent url("img/arrow05_bl.gif") no-repeat 0% 50%;
}




/* -- PU -- */
div.colorPU#container div#localNavi ul.navigation li {
	border-color: #DB73FF;
}
div.colorPU#container div#localNavi ul.navigation li a {
	color: #AB10D2;
	background-image: url("img/arrow05_pu.gif");
}
div.colorPU#container div#localNavi ul.navigation li dd a {
	color: #0099FF;
}
div.colorPU#container div#localNavi li dl.subNavi dt a:hover,
div.colorPU#container div#localNavi li dl.subNavi dt a:active {
	color: #7810D2;
	background-image: url("img/arrow05_pupk.gif");
}

div.colorPU#container div#localNavi ul.navigation li a:hover,
div.colorPU#container div#localNavi ul.navigation li a:active {
	background: transparent url("img/link_bg01_bl.gif") repeat 0% 0%;
}
div.colorPU#container div#localNavi li.this dl.subNavi dd {
	background-image: url("img/point01a_bl.gif");
}
div.colorPU#container div#localNavi li.this dl.subNavi dd.dlEnd {
	background-image: url("img/point01b_bl.gif");
}



/* -- OR -- */
/* -- YE -- */

div.colorOR#container div#localNavi dl.navigation dd a,
div.colorYE#container div#localNavi dl.navigation dd a {
	color: #866629;
}
div.colorOR#container div#localNavi dl.navigation dd,
div.colorYE#container div#localNavi dl.navigation dd {
	background-image: url("img/point01a_ye.gif");
}
div.colorOR#container div#localNavi dl.navigation dd.dlEnd,
div.colorYE#container div#localNavi dl.navigation dd.dlEnd {
	background-image: url("img/point01b_ye.gif");
}

div.colorOR#container div#localNavi dl.navigation dt a,
div.colorYE#container div#localNavi dl.navigation dt a {
	padding-left: 15px;
	background: transparent url("img/arrow05_ye.gif") no-repeat 0% 50%;
}


div.colorOR#container div#localNavi dl.navigation dt a:hover,
div.colorOR#container div#localNavi dl.navigation dt a:active,
div.colorYE#container div#localNavi dl.navigation dt a:hover,
div.colorYE#container div#localNavi dl.navigation dt a:active {
	background: transparent url("img/arrow05_or.gif") no-repeat 0% 50%;
}





/* ----- pageInfo (#mainContents div#pageInfo) ----- */

/* -- BLGR -- */
/* -- BL -- */
div.colorBLGR#container div#pageInfo,
div.colorBL#container div#pageInfo {
	background-image: url("img/pageinfo_blgr.gif");
}
div.colorBLGR#container div#pageInfo a,
div.colorBL#container div#pageInfo a {
	padding-left: 20px;
	color: #FF6600;
	background-image: url("img/arrow02_or.gif");
}


/* -- PU -- */
div.colorPU#container div#pageInfo {
	background-image: url("img/pageinfo_pk.gif");
}

/* -- OR -- */
div.colorOR#container div#pageInfo {
	background-image: url("img/pageinfo_ye.gif");
}

/* -- YE -- */
div.colorYE#container div#pageInfo {
	background-image: url("img/pageinfo_or.gif");
}



/* --< 問い合わせ先 >-- */
div#contactBox h2 {
	color: #FF9429;
	border-top: 1px solid #DFDFDF;
	border-bottom: 2px solid #FF9429;
}



/* ---< お知らせ >--- */
div#pageInfo dl.attention {
	background-color: #FFEFCF;
}
div#pageInfo dl.attention dt {
	color: #FF7700;
}


/* ----- contentsBox (#mainContents div.contentsBox) ----- */


div.contentsBox h4 {
	color: #666666;
}
div.contentsBox h5 {
	border-bottom:1px dotted #C2C2C2;
}


/* ---< 手順 >--- */
div.contentsBox ol.process li {
	border-bottom: 1px dotted #ADADAD;
}


/* ---< テーブル >--- */
div.contentsBox table {
	border-bottom: 1px solid #666666;
}

div.contentsBox thead {
	background: transparent url("img/thead_bg01_gy.gif") repeat 0% 0%;
}
div.contentsBox thead th,
div.contentsBox thead td {
	border-left: 1px solid #666666;
	border-bottom: 1px solid #B2B2B2;
}

div.contentsBox tbody td {
	border-left: 1px solid #666666;
	border-bottom: 1px dotted #B2B2B2;
}
div.contentsBox tbody th {
	border-bottom: 1px solid #B2B2B2;
}

div.contentsBox tbody tr.end td {
	border-bottom: 1px solid #B2B2B2;
}
div.contentsBox tfoot td {
	color: #999999;
	border-top: 2px solid #666666;
}


/* -- BLGR -- */
/* -- BL -- */
div.colorBLGR#container div.contentsBox table,
div.colorBL#container div.contentsBox table {
	border-top: 1px solid #097DEB;
}
div.colorBLGR#container div.contentsBox thead,
div.colorBL#container div.contentsBox thead {
	color: #097DEB;
}
div.colorBLGR#container div.contentsBox thead th.th-L,
div.colorBL#container div.contentsBox thead th.th-L {
	border-right: 2px solid #003399;
}
div.colorBLGR#container div.contentsBox tbody th ,
div.colorBL#container div.contentsBox tbody th {
	color: #00C7CF;
	border-right: 2px solid #003399;
}

/* -- PUBL -- */
div.colorPU#container div.contentsBox table {
	border-top: 1px solid #7810D2;
}
div.colorPU#container div.contentsBox thead {
	color: #7810D2;
}
div.colorPU#container div.contentsBox thead th.th-L {
	border-right: 2px solid #EB8FD4;
}

div.colorPU#container div.contentsBox tbody th {
	color: #AB10D2;
	border-right: 2px solid #EB8FD4;
}






/* ---< リスト >--- */

/* -- BLGR -- */
/* -- BL -- */
div.colorBLGR#container div.contentsBox dt,
div.colorBL#container div.contentsBox dt {
	background-image: url("img/point03_ygr.gif");
}
div.colorBLGR#container div.contentsBox dd,
div.colorBL#container div.contentsBox dd {
	background-image: url("img/arrow03_gr.gif");
}


/* -- YE -- */
div.colorYE#container div.contentsBox dt {
	background-image: url("img/point03_ygr.gif");
}

/* -- OR -- */
div.colorOR#container div.contentsBox dt {
	color: #459C29;
	background-image: url("img/point04_ygr.gif");
}
div.colorOR#container div.contentsBox dd {
}


/* ----- ページ上へ ----- */
#pageBottom {
	background-color: #B2B2B2;
}
div#mainContents p.upButton {
	background-color: #D2D2D2;
}