@import url("common.css");

/* HOME(index)用ＣＳＳ (070501) */

/* -----
・index
----- */


/* ----- 基本セレクタ ----- */

* {
	font-size: 12px;
}


/* コンテナー
======================================== */
#container {
	background: transparent url("index/container_bg.gif") repeat 0% 0%;
}

/* ヘッダー
======================================== */
#header {
	background-color: #ABFF4C;
}
/* ----- グローバルナビ メイン ----- */
#globalNaviMain {
	background-color: #ABFF4C;
}

/* ----- グローバルナビ サブ ----- */
#indexTitle ul#globalNaviSub li a:hover,
#indexTitle ul#globalNaviSub li a:active{
	color: #05BD00;
}


/* フッター
======================================== */
#footer {
	background-color: #54D429;
	height: 43px;
	clear: both;
}

/* ----- コピー ----- */
#copy {
	width: 500px;
	padding-top: 28px;
	float: left;
}
#admin {
	width: 260px;
	padding-top: 25px;
	color: #666666;
	text-align: right;
	float: left;
}



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

/* ----- グローバルナビ メイン ----- */
#globalNaviMain {}
#globalNaviMain ul {}

#globalNaviMain li a:link,
#globalNaviMain li a:visited{
	background-position: 50% -25px;
}
#globalNaviMain li a:hover,
#globalNaviMain li a:active{
	background-position: 50% 0px;
}

li#home {
	width: 63px;
	background: transparent url("img/globalnavi_home.gif") no-repeat 0% -25px;
}

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

#contents {}

/* メニュー（左）
======================================== */
#menuLBox{
	width: 205px;
	background: transparent url("index/contents_bg.jpg") no-repeat 0% 0%;
	float: left;
}
#menuLBox dl {
	width: 198px;
	margin-bottom: 3px;
}
#menuLBox dt {}
#menuLBox dd {
	width: 185px;
	margin-left: 5px;
}
#menuLBox dd a {
	width: 180px;
	padding: 13px 5px;
	line-height: 1em;
	color: #454545;
	font-weight: bold;
	text-decoration: none;
	display: block;
}
#menuLBox h2 {
	margin-bottom: 3px;
}

/* ----- メニュー ボタン --- */

/*-- 教室講座 --*/
dl#lectureMenu {
	margin-top: 3px;
	margin-bottom: 3px;
}
dl#lectureMenu dd a:hover,
dl#lectureMenu dd a:active{
	color: #00C7CF;
}

/*-- プログラム --*/
dl#programMenu {
	margin-top: 4px;
}
dl#programMenu dd a:hover,
dl#programMenu dd a:active{
	color: #00C7CF;
}

/*-- 利用ガイド --*/
dl#guideMenu {
	margin-bottom:10px;
	border: 1px solid #0089DD;
}
dl#guideMenu dd {
	border-bottom: 1px solid #999999;
}
dl#guideMenu dd a:hover,
dl#guideMenu dd a:active{
	color: #0089DD;
}
dl#guideMenu dd#guideAdmission {
	border-bottom: none;
}


/*-- 施設紹介 --*/
dl#facilitiesMenu {
	border: 1px solid #DB73FF;
}
dl#facilitiesMenu dd {
	border-bottom: 1px solid #999999;
}
dl#facilitiesMenu dd a:hover,
dl#facilitiesMenu dd a:active{
	color: #AB10D2;
}
dl#facilitiesMenu dd#chiyodaSC {}
dl#facilitiesMenu dd#kudan {
	border-bottom: none;
}

/*-- 施設予約システム --*/
dl#reserveMenu {
	border: 1px solid #AB10D2;
}
dl#reserveMenu dd a:hover,
dl#reserveMenu dd a:active{
	color: #8210D2;
}


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

#mainContents {
	width: 575px;
	float: left;
	background: transparent url("index/contents_bg.jpg") no-repeat -205px 0%;
}


/* ----- メニュー（右） ----- */
#menuRBox {
	height: 240px;
}

ul#etcMenu {
	margin-top: 3px;
	margin-bottom: 2px;
}
ul#etcMenu li {
	text-align: right;
	height: 37px;
	padding: 0px;
	margin: 0px 0px 3px;
	_margin: 0px;
}

/* ----- お問合せ ----- */
div#contactBox {
	margin-top: 10px;
	width: 198px;
	border: 1px solid #FF9429;
	float: right;
}
div#contactBox dl {
	margin: 10px;
}
div#contactBox dt {
	padding-left: 10px;
	padding-bottom: 2px;
	color: #FF6B00;
	border-bottom: 1px dotted #FF6B00;
	background: transparent url("img/point04_ye.gif") no-repeat 0% 50%;
}
div#contactBox dd {
	margin: 5px;
}
div#contactBox dd.tel {
	margin-left: 40px;
	padding-left: 30px;
	font-size: 14px;
	font-family:MS UI Gothic;
	letter-spacing: 0.2em;
	background: transparent url("img/tel_ye.gif") no-repeat 0% 50%;
}



/* ----- 新着情報 ----- */
#whatNew {
	margin-top: 105px;
	width: 370px;
	background: transparent url("index/whatsnew.gif") no-repeat 0% 15px;
	float: right;
}
#whatNew dl{
	margin-right: 10px;
	padding-left: 110px;
}
#whatNew dt {
	padding: 3px 5px;
	text-align: right;
	color: #54D429;
	border-top: 1px dotted #9D9D9D;
}
#whatNew dd{
	padding: 3px 5px 10px;
}

/* ----- トピックス ----- */
#topics {
	margin-top: 5px;
	margin-left: 5px;
	padding-top: 10px;
	border-top: 3px double #7D7D7D;
	background: transparent url("index/topics.gif") no-repeat 0% 15px;
	clear: both;
}
#topics dl {
	margin-left: 110px;
}
#topics dt {
	padding: 3px 5px;
	color: #009FE8;
	border-bottom: 1px dotted #7D7D7D;
}

#topics dd.day {
	color: #009FE8;
	text-align: right;
}
#topics dd {
	padding: 0px 5px 5px;
}