/* すぽすた ちよだ　プログラムＣＳＳ (070508) */


/* コンテンツ (共通)
======================================== */

/* ----- パンくずリスト ----- */
div#breadcrumbsList {
	background-position: 373px 2px;
}


/* ----- ローカルナビゲーション ----- */
div#localNavi ul.navigation li.this dd dl.subNavi dd a {
	width: 150px;
}


/* テーブル(共通)
======================================== */
div.contentsBox tbody td.name {
	padding-left: 30px;
}
div.contentsBox tbody td.time {
	text-align: center;
}


/* -- ＜幅指定＞ -- */
div#weekPG table.schedulePG .day,
div#poolPG table.schedulePG .day,
div#studioPG table.schedulePG .day {
	width: 5em;
}
div#weekPG table.schedulePG .time,
div#poolPG table.schedulePG .time,
div#studioPG table.schedulePG .time {
	width: 8em;
}
div#weekPG table.schedulePG .name,
div#studioPG table.schedulePG .name {
	width: 12em;
}
div#weekPG table.schedulePG td.name,
div#studioPG table.schedulePG td.name {
	padding-left: 15px;
}
div#poolPG table.schedulePG td.name {
	padding-left: 10px;
}
div#weekPG table.schedulePG td.place,
div#studioPG table.schedulePG td.place {
	padding-left: 15px;
}
div#weekPG table.schedulePG td.place li {
	padding: 2px 0px;
	width: 8em;
	float: left;
}


/* -- ＜料金表＞ -- */
div.contentsBox table.charges {
	margin-bottom: 10px;
	text-align: center;
}
div.contentsBox table.charges thead th.name {
	width: 12em;
}


/* プログラム詳細（共通）
======================================== */

div.contentsBox dl.detailsPG dt {}

/* ---< 休館日 >--- */
div#fee.contentsBox ul.closure {}

ul.closure li {
	background-image: url("img/point03_ygr.gif");
}
/* ---< 参加方法日 >--- */
div#way.contentsBox {
	padding: 0px 10px;
}

div#way.contentsBox p {
	padding: 0px 10px;
}

/* ----- 手順 ----- */
ol.process {
	margin-left: 10px;
}

/* ----- 注意 ----- */
div.contentsBox#way ul.attention {
	margin-left: 50px;
}


div.contentsBox#fee table.charges td p.attention {
	margin-top: 5px;
	padding-left: 15px;
	text-align: left;
	line-height: 1.2em;
	font-size: 0.8em;
	background: transparent url("img/attention.gif") no-repeat 0% 3px;
}



/* 週間プログラム（week）
======================================== */
div.contentsBox#weekPG table.schedulePG {
	border-bottom: 0px solid #FFF;
}
div.contentsBox#weekPG table.schedulePG td.place ul {
	margin: 0px;
}
div.contentsBox#weekPG table.schedulePG td.place li {
	padding-left: 10px;
}





/* ----- プログラム詳細 
div.contentsBox#weekPG dl.detailsPG ----- */

div.contentsBox#weekPG dl.detailsPG dt {
	padding: 4px 0px 2px 25px;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1em;
	background: transparent url("img/point05_ygr.gif") no-repeat 5px 50%;
	background-color: #F2F2F2;
}
div.contentsBox#weekPG dl.detailsPG dd {
	margin: 0px;
	margin-left: 20px;
	padding: 3px 10px;
	background: none;
}

div.contentsBox#weekPG dl.detailsPG dd.note {
	padding: 10px;
	color: #333333;
	background: none;
	background-color: #F4FBEA;

}
div.contentsBox#weekPG dl.detailsPG dd.item {
	border-bottom: 1px solid #54D429;
	margin-bottom: 15px;
}
div.contentsBox#weekPG dl.detailsPG dd.day {
	border-bottom: 1px solid #54D429;
}
div.contentsBox#weekPG dl.detailsPG dd span.day {
	padding-left: 50px;
	padding-right: 50px;
	background: transparent url("img/day_gr.gif") no-repeat 2px 50%;
}
div.contentsBox#weekPG dl.detailsPG dd span.time {
	padding-left: 50px;
	padding-right: 50px;
	background: transparent url("img/time_gr.gif") no-repeat 2px 50%;
}
div.contentsBox#weekPG dl.detailsPG dd span.basyo {
	padding-left: 50px;
	background: transparent url("img/basyo_gr.gif") no-repeat 2px 50%;
}

div.contentsBox#weekPG dl.detailsPG dd.level {
	text-align: right;
}
div.contentsBox#weekPG dl.detailsPG dd.level span.strong {
	padding-right: 20px;
}
div.contentsBox#weekPG dl.detailsPG dd.level span.difficult {
}



/* プールプログラム（pool）
======================================== */

div.contentsBox#poolPG  table.schedulePG {
	border-bottom: 0px solid #FFF;
}


/* スタジオプログラム（studioPG）
======================================== */

div.contentsBox#studioPG  table.schedulePG {}

div.contentsBox#studioPG  table.schedulePG th.day,
div.contentsBox#studioPG  table.schedulePG td.day {
	width: 45px;
}
div.contentsBox#studioPG  table.schedulePG th.time,
div.contentsBox#studioPG  table.schedulePG td.time {
	width: 90px;
}
div.contentsBox#studioPG  table.schedulePG th.name,
div.contentsBox#studioPG  table.schedulePG td.name {
	width: 110px;
	padding-left: 5px;
}
div.contentsBox#studioPG  table.schedulePG th.capacity,
div.contentsBox#studioPG  table.schedulePG td.capacity {
	width: 30px;
	text-align: center;
}
div.contentsBox#studioPG  table.schedulePG th.note {}

/* スタディプログラム（study）
======================================== */

/* ----- プログラム詳細 
div.contentsBox#studyPG dl.detailsPG ----- */

div.contentsBox#studyPG dl.detailsPG dt {
	margin: 20px 0px;
}

div.contentsBox#studyPG dl.detailsPG dd {
	margin: 0px 0px 0px 25px;
	padding: 5px;
	background: none;
}

div.contentsBox#studyPG dl.detailsPG dd.name {
	margin-left: 0px;
	padding: 0px 0px 0px 20px;
	color: #00C7CF;
	font-size: 1.2em;
	font-weight: bold;
	background-image: url("img/point05_ygr.gif");
	background-repeat: no-repeat;
}
div.contentsBox#studyPG dl.detailsPG dd.item {
	padding-left: 0px;
	color: #0089DD;
}
div.contentsBox#studyPG dl.detailsPG dd.note {
	color: #666666;
	background-color: #F4FBEA;
	border-top: 1px solid #BBE97F;
}
div.contentsBox#studyPG dl.detailsPG dd.day {
	padding-left: 40px;
	border-bottom: 1px dotted #54D429;
	background: transparent url("img/day_gr.gif") no-repeat 2px 0.5em;
}
div.contentsBox#studyPG dl.detailsPG dd.time {
	padding-left: 40px;
	background: transparent url("img/time_gr.gif") no-repeat 2px 8px;
	border-bottom: 1px solid #54D429;
}
div.contentsBox#studyPG dl.detailsPG dd span.basyo {
	margin-left: 20px;
	padding-left: 35px;
	color: #333333;
	background: transparent url("img/basyo_gr.gif") no-repeat 0% 50%;
}
div.contentsBox#studyPG dl.detailsPG dd span.koushi {
	margin-left: 20px;
	padding-left: 35px;
	color: #333333;
	background: transparent url("img/koushi_gr.gif") no-repeat 0% 50%;
}
div.contentsBox#studyPG dl.detailsPG dd span.teiin {
	margin-left: 20px;
	padding-left: 35px;
	color: #333333;
	background: transparent url("img/teiin_gr.gif") no-repeat 0% 50%;
}

div.contentsBox#studyPG dl.detailsPG dd span.time {
	color: #333333;
	background: none;
}
div.contentsBox#studyPG dl.detailsPG dd h4 {
	background-position: 0% 4px;
}

div.contentsBox#studyPG dl.detailsPG dd p {
	margin-left: 15px;
	margin-bottom: 10px;
	color: #5D5D5D;
}

div.contentsBox#studyPG dl.detailsPG dd ul {
	margin: 0px;
	padding-left: 20px;
	border: 1px solid #DDD;
}


div.contentsBox#PG table.schedulePG tbody#study-2 th {
	text-align: left;
}
div.contentsBox#PG table.schedulePG thead#study th.time {
	width: 200px;
}
div.contentsBox#PG table.schedulePG thead#study th.place {
	width: 7em;
}


/* ----- プログラム詳細 （ASPX用　2008/03/24 up kaku）
div.contentsBox#PG dl.detailsPG ----- */

div.contentsBox#PG dl.detailsPG dt {
	padding: 4px 0px 2px 25px;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1em;
	background: transparent url("img/point05_ygr.gif") no-repeat 5px 50%;
	background-color: #F2F2F2;
}
div.contentsBox#PG dl.detailsPG dd {
	margin: 0px;
	margin-left: 20px;
	padding: 3px 10px;
	background: none;
}

div.contentsBox#PG dl.detailsPG dd.note {
	padding: 10px;
	color: #333333;
	background: none;
	background-color: #F4FBEA;

}
div.contentsBox#PG dl.detailsPG dd.item {
	border-bottom: 1px solid #54D429;
	margin-bottom: 15px;
}
div.contentsBox#PG dl.detailsPG dd.day {
	border-bottom: 1px solid #54D429;
}
div.contentsBox#PG dl.detailsPG dd span.day {
	padding-left: 50px;
	padding-right: 50px;
	background: transparent url("img/day_gr.gif") no-repeat 2px 50%;
}
div.contentsBox#PG dl.detailsPG dd span.time {
	padding-left: 50px;
	padding-right: 50px;
	background: transparent url("img/time_gr.gif") no-repeat 2px 50%;
}
div.contentsBox#PG dl.detailsPG dd span.basyo {
	padding-left: 50px;
	background: transparent url("img/basyo_gr.gif") no-repeat 2px 50%;
}

div.contentsBox#PG dl.detailsPG dd.level {
	text-align: right;
}
div.contentsBox#PG dl.detailsPG dd.level span.strong {
	padding-right: 20px;
}
div.contentsBox#PG dl.detailsPG dd.level span.difficult {
}





