/* ごうどスポーツクラブ　トップページトピックス用ＣＳＳ (070219) */

div#topics {
	padding-bottom:5px;
	background: transparent url("../img/topics_bg03.gif") no-repeat 0% 100%;
}
div#topics h2 {
	padding: 17px 30px 10px;
	font-size: 16px;
	color: #0058FF;
	background: #FFFFFF url("../img/topics_bg01.gif") no-repeat 0% 0%;
}

div#topics h2.longH2 {
	padding-bottom: 10px;
	line-height: 20px;
	background-image: url("../img/topics_bg01_long.gif");
}
div#topics h3 {
	padding-top : 10px;
	margin-bottom : 5px;
	font-size: 14px;
}
div#topics h3 span {
	color: #FF4400;
	padding-left : 5px;
	padding-right : 5px;
}
div#topics h3 span.lFont {
	font-size: 16px;
}

div.topiNote h4 {
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 0px 5px 3px;
	color: #33CC00;
	font-size: 12px;
	border-bottom: 1px dotted #339900;
}
div.topiNote h4.underText {
	padding: 5px;
	background-color: #EEFFDD;
	border-bottom: none;
	text-align: center;
}
div.topiNote h5.underText {
	margin-top:10px;
	line-height: 21px;
	text-align: center;
	border-bottom: none;
	font-weight: normal;
}



div#topics div.topiNote {
	margin: 0px;
	padding: 0px 30px 10px;
	background: #FFFFFF url("../img/topics_bg02.gif") repeat-y 0% 0%;
}


/* ノート */
div#topics p.note {
	padding: 0px 5px;
	line-height: 16px;
	background: #FFFFFF url("img/note_bg.gif") repeat 0% 0%;
}

/* 右寄せ */
.alignR{ 
	text-align: right;
}
/* 中央寄せ */
.alignC{ 
	text-align: center;
}
/* 左寄せ */
.alignL{ 
	text-align: left;
}

/* text 色 */
.colBL {
	color: #0033BB;
}
.colLBL {
	color: #2266FF;
}
.colOR {
	color: #FF9900;
}
.colGR {
	color: #33CC00;
}
.colGY {
	color: #777777;
}

/* 詳細へのリンク */
div#topics p.details {
	margin: 3px 0px;
	text-align: right;
}
div#topics p.details a {
	width: 100px;
	height: 14px;
	background: transparent url("img/topics_go.gif") no-repeat 0% 100%;
	display: block;
}

div#topics p.details a:link,
div#topics p.details a:visited{
	background-position: 0% 100%;
}
div#topics p.details a:hover,
div#topics p.details a:active{
	background-position: 0% 0%;
}

div#topics p.linkPage {
	padding-top: 10px;
	text-align: right;
}
div#topics p.linkPage a {
	padding-left: 15px;
	background: transparent url("img/point02_bl.gif") no-repeat 3px 50%;
}
div#topics p.linkPage a:hover,
div#topics p.linkPage a:active{
	background: transparent url("img/arrow01_bl.gif") no-repeat 0% 50%;
}

div#topics li.details2 a {
	width: 100px;
	height: 14px;
	background: transparent url("img/topics_go.gif") no-repeat 0% 100%;
	display: block;
}

div#topics li.details2 a:link,
div#topics li.details2 a:visited{
	background-position: 0% 100%;
}
div#topics li.details2 a:hover,
div#topics li.details2 a:active{
	background-position: 0% 0%;
}


/* 二つめトピックス */
div#topics h2.toplics2 {
	background: transparent url("img/topics_h2bg.gif") no-repeat 0% 0%;
}
div#topics h2.toplics2L {
	padding: 20px 0px 15px 10px;
	line-height: 1.4em;
	background: transparent url("img/topics_h2bg_l.gif") no-repeat 0% 0%;
}


/* リスト */
div#topics ul {
	margin-top: 10px;
	margin-left: 5px;
}
div#topics li {
	padding-left: 6px;
	padding-bottom: 3px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 0% 0.5em;
}
div#topics li.rd {
	background-image: url("img/point_ssrd.gif");
}
div#topics li.gr {
	background-image: url("img/point_ssgr.gif");
}

div#topics ul.style01 {
	background: transparent url("img/note_bg.gif") repeat 0% 0%;
	margin-bottom: 16px;
}
div#topics ul.style01 li {
	margin: 0px 3px;
	padding: 0px 5px 0px 10px;
	line-height: 16px;
	background: transparent url("img/point_ss_ye.gif") no-repeat 0% 5px;
}


/* 枠 */

div.topiNote div.boxLine,
div.topiNote dl.boxLine {
	margin: 10px 0px;
	border: 1px solid #DDD;
	padding: 5px;
	padding-top: 0px;
}
	div.topiNote dl.boxLine.colGR {
		background-color: #EEFFDD;
	}

div.topiNote dl.boxLine dt {
	margin-top: 5px;
}
div.topiNote dl.boxLine dd {
	color: #333;
}



/* データリスト・枠 */
div.topiNote dl.pointOR {
	margin: 0px;
	padding: 0px;
}
div.topiNote h3.col1,
div.topiNote h3.col2,
div.topiNote h3.col3,
div.topiNote dl.pointOR dt {
	margin-top: 5px;
	padding: 5px 20px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 0% 50%;
	border-bottom: 1px dotted;
}
div.topiNote dl.pointOR dt.col1 {
	margin-top: 0px;
}

div.topiNote h3.col1,
div.topiNote dl.pointOR dt.col1 {
	color: #F90;
	border-color: #FB0;
	background-image: url("img/efont01_or1.gif");
}
div.topiNote h3.col2,
div.topiNote dl.pointOR dt.col2 {
	color: #F60;
	border-color: #F90;
	background-image: url("img/efont01_or2.gif");
}
div.topiNote h3.col3,
div.topiNote dl.pointOR dt.col3 {
	color: #F40;
	border-color: #F60;
	background-image: url("img/efont01_or3.gif");
}
div.topiNote dl.pointOR dd {
	margin-bottom: 5px;
}




div.topiNote dt {
	margin-top: 15px;
	margin-bottom: 5px;
	padding: 0px 5px 3px;
	color: #33CC00;
	font-weight: bold;
	border-bottom: 1px dotted #339900;
}
div.topiNote dd {
	margin: 5px;
	padding-left: 5px;
}
div.topiNote dd li {
	padding-left: 8px;
	background: transparent url("img/point_ssgr.gif") no-repeat 0% 50%;
}

/* 詳細テーブル */


div#topics table {
	font-size: 12px;
}
div#topics table th {
}

div.topiNote table {
	margin-top: 5px;
	margin-bottom: 5px;
	border-collapse: collapse;
}
div.topiNote th {
	padding: 3px 10px 3px 3px;
	width: 3em;
	vertical-align: top;
	text-align: right;
	font-weight: normal;
	color: #33CC00;
	background: transparent url("img/point_ss_gr.gif") no-repeat 100% 6px;
}

div.topiNote table.clBL th {
	color: #09C;
	background-image: url("img/arrow_ssbl.gif");
}



div.topiNote td {
	padding: 3px 3px 3px 5px;
}

/* 詳細テーブル内　リスト */

div.topiNote table td ul li {
	padding-left: 5px;
	background: transparent url("img/point_ssgr.gif") no-repeat 0% 5px;
}



/* 写真 */
div#topics img.photo {
	margin-top: 5px;
	margin-bottom: 10px;
	width: 290px;
}

/* トピックス　暖色使い
================================================================ */
div#topics.ladies {}

div#topics.ladies h2 {
	padding: 0px;
	height: 55px;
	color: #FFF;
	font-size: 19px;
	background-image: url("../img/topics_bg01_long.gif");
}
div#topics.ladies h2 span {
	text-align: center;
	margin: 15px 10px 0px 4px;
	padding: 10px;
	display:block;
	width: 337px;
	background-color: #FF0000;
}


div#topics.ladies div.topiNote h4.boxLine {
	margin-top: 10px;
	padding: 10px;
	font-size: 14px;
	line-height: 18px;
	color: #F00;
	background-color: #FFF0F0;
	border:1px solid #999;
}

div#topics.ladies div.topiNote dl.boxLine {
	background-color: #FFF0F0;
}
div#topics.ladies div.topiNote dl.boxLine dt {
	color: #FF3333;
	border-color: #FF0000;
}







/* 全国スポーツクラブ会議　報告書のお知らせ
================================================================ */
div#reportEvent {
	margin-top: 10px;
	padding: 1px;
	height: 58px;
	border: 1px solid #666666;
	background: transparent url("img/bg_reportevent.gif") no-repeat 0% 0%;
}
div#reportEvent h2 {
	height: 38px;
}
div#reportEvent h2 img {
	margin-top: 8px;
	margin-left: 48px;
}
div#reportEvent p {
	margin-right: 5px;
	text-align: right;

}
div#reportEvent a {
	width: 14em;
	padding-right: 1em;
	padding-left: 1em;
	font-weight: bold;
	color: #00A0C6;
	background-color: #FFF;
}

div#reportEvent a:hover,
div#reportEvent a:active {
	color: #0060B6
}




/* トピックス　フィットネスルームの紹介　08/11/11限定使用
================================================================ */
div#topi081111 div#topiText {
	background: #FFF url("../img/topics_bg02.gif") repeat-y 0% 0%;
}
div#topi081111 h2 {
	margin: 0px;
	padding: 0px;
	background-color: #FFF;
}
div#topi081111 h2 img {
	margin: 0px;
	padding: 0px;
}
div#topi081111 div#topiText p {
	padding: 10px 20px 5px;
}
div#topi081111 div#topiText img {
	margin: 5px 15px;
}


div#topi081111 p#topiFooter {
	height: 148px;
	text-align: right;
	background: #FFF url("../img/topics_footer081111.gif") no-repeat 0% 100%;
}
div#topi081111 p#topiFooter img {
	margin-top: 60px;
	margin-right: 30px;
}





/* ■トピックス　20110630追加　日程表
================================================================ */
table#nittei {
	margin-top: 5px;
	width:295px;
	border-top: 1px solid #AAA;
	border-bottom: 2px solid #AAA;
}
table#nittei caption {
	padding: 1px 0px 8px 20px;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	color: #E60;
	background: transparent url("img/efont01_or1.gif") no-repeat 0% 0%;
}
table#nittei th {
	color: #090;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: bold;
}
table#nittei th span {
	margin-left: 1em;
	font-weight: normal;
}
table#nittei tr.day th {
	width:295px;
	padding-left: 8px;
	background: transparent url("img/recruit_th.gif") repeat 0% 0%;
	text-align: left;
	border-top: 1px solid #CCC;
}
table#nittei tr.day td {
	border-top: 1px solid #CCC;
}


table#nittei tr.kaijo th {
	padding: 4px 3px 0px 0px;
	width:60px;
	text-align:right;
	font-weight: normal;
	border-bottom: 1px dotted #CCC;
}
table#nittei tr.kaijo td,
table#nittei tr.ybb td {
	border-bottom: 1px dotted #CCC;
}
table#nittei tr.ybb td {
	padding-left: 10px;
	text-align: right;
	color: #6A6;
}

table#nittei tr.kaijo.listEnd th,
table#nittei tr.kaijo.listEnd td {
	border-bottom: 1px solid #CCC;
}







table#nittei tr td {
	padding: 5px 7px;
}
table#nittei td span {
	margin-right: 4px;
	color: #888;
}



/*

table#nittei td {
	padding: 3px;
	text-align: center;
}
table#nittei tr.day td {
	border-bottom: 1px dotted #999;
}
table#nittei tr.kaojo td {
	border-bottom: 1px solid #999;
}



table#nittei td.day {
	border-left: 1px dotted #CCC;
	border-right: 1px dotted #CCC;
}


table#nittei th {
	padding: 3px;
	text-align: left;
	width:295px;
}



table#nittei2 {
	width:295px;
	border: 1px solid #999;
}
table#nittei2 th {
	text-align: center;
	font-weight: bold;
	padding: 0px;
	width:8em;
	background: none;
	border: 1px solid #999;
}
table#nittei2 td.day1 {
	background: #FFA;
}
table#nittei2 td.day2 {
	background: #FAF;
}
table#nittei2 td.kaijo {
	background: #AAF;
}