@charset "utf-8";
/*
CSS Information
==============================================================

	Site Name: スポーツクラブNAS
	Description: モジュール用
	Version: 1.0

==============================================================
*/


/*
CONTENTS
==============================================================

	0: 汎用class

	1: div#header
	
	2: div#gnav
	
	3: div#snav

	4: div#contentWrap
	
		: div#mainVisual
		: div#topicPath
		: div#content	メインカラム
		: div#aside		サブカラム
	
	5: div#footer
	
==============================================================
*/





/*=========================================================
4: div#contentWrap
=========================================================*/

/*
div#content	メインカラム
=========================================================*/

div#content h2 { margin: 20px 0 10px; }
#kids h3{
	background:url(../../img/title_03_line.gif) repeat-x scroll left bottom;
	border-left:4px solid #D9CCCC;
	font-size:14px;
	font-weight:bold;
	margin-bottom:10px;
	padding:0 0 3px 8px;
}
div#content #kids p{ margin-bottom:0; }


/*
div#kids		キッズスクール　メインコンテンツ
---------------------------------------------------------*/
#kids{ margin-bottom:30px; }
#kids div:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	line-height:0; 
	visibility:hidden;
}
#kids div {
  min-height: 1px;
}

* html #kids div {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

#kids .detail{ text-align:right; margin-top:5px; }
#kids .arealist{ margin-top:10px; }

#kids #event #past{ margin:10px 0 20px; }
#kids #event #past p{ text-align:center; }
#kids #event #past ul{ margin-top:15px; }
#kids #event #past li { float:left; width:160px; margin-right:30px; }
#kids #event #past li.LastChild{ margin-right:0; }

#kids #school .floatL,
#kids #school .floatR{ margin-top:20px; }
#kids #school .floatL{ float:left; width:355px; }
#kids #school .floatR{ float:right; width:355px; }
#kids #school .lead{ font-weight:bold; }
#kids #school .img,
#kids #school .txt{ margin-top:10px; }
#kids #school .img{ float:left; width:150px; }
#kids #school .txt{ float:right; width:195px; }


/*
div#topic-event		キッズスクール　お知らせ
---------------------------------------------------------*/
div#content #kids div#topic-event h2{ margin-bottom:5px; }
div#topic-event { position: relative; }
div#topic-event ul#topic-event_link { position: absolute; top: 6px; right: 9px; }
div#topic-event ul#topic-event_link li { margin-left: 6px; display: inline; }
div#topic-event dl dt { padding: 5px 0; float: left; clear: left; width: 160px; }
div#topic-event dl dt img {	margin: 0 10px 0 1px; vertical-align: middle; } 
div#topic-event dl dd { padding: 5px 0 5px 160px; border-bottom: 1px dashed #CCCCCC;}
div#topic-event dl dd p { margin-bottom: 0; }
* html body div#topic-event dl dd p { display: inline-block; } 


/*
div#concept		キッズスクール　指導理念
---------------------------------------------------------*/
#concept .idea p{ margin-top:15px; }
#concept .idea .floatL{ float:left; width:355px; }
#concept .idea .floatR{ float:right; width:355px; }
#concept .idea .alignC{ text-align:center; }

#concept #promise p{ margin-top:10px; }
#concept #promise .floatL,
#concept #promise .floatR{ margin-bottom:20px; }
#concept #promise .floatL{ float:left; width:355px; }
#concept #promise .floatR{ float:right; width:355px; }


/*
div#faq		キッズスクール　よくあるご質問と答え
---------------------------------------------------------*/
#faq{ margin-top:15px; }
#faq ul{ border-top:1px dashed #ccc; border-bottom:1px dashed #ccc; margin:20px 0 30px; padding:20px 0 30px; line-height:2; }
#faq ul a,
#faq dl a{ color:#0066CC; }

#faq dl{ margin-top:30px; }
#faq dt{
	background:url(../img/kids_faq_q.jpg) no-repeat left top;
	font-size:14px;
	font-weight:bold;
	padding:6px 0 7px 40px;
}
#faq dd{ background:url(../img/kids_faq_a.jpg) no-repeat left top; padding:6px 0 15px 40px; margin-top:10px; }
div#content #faq #answer p.anchorTop{ border-bottom:1px dashed #ccc; padding:5px 0 10px; }


/*
div#swim		キッズスクール　スイムスクール
---------------------------------------------------------*/
#swim .txt{ float:left; width:420px; }
#swim .img{ float:right; width:300px; }


/*
div#tennis		キッズスクール　テニススクール
---------------------------------------------------------*/
#tennis .txt{ float:left; width:420px; }
#tennis .txt p{ padding-bottom:1em; }
#tennis .txt p strong{ font-size:14px; }
#tennis .img{ float:right; width:300px; }


/*
div#dance		キッズスクール　ダンススクール
---------------------------------------------------------*/
#dance .txt{ float:left; width:420px; }
#dance .txt p{ padding-bottom:1em; }
#dance .txt p strong{ font-size:14px; }
#dance .img{ float:right; width:300px; }


/*
div#others		キッズスクール　その他
---------------------------------------------------------*/
#others .txt{ float:left; width:420px; }
#others .txt p{ padding-bottom:1em; }
#others .txt p strong{ font-size:14px; }
#others .img{ float:right; width:300px; }


/*
div.kidsNav		キッズスクールナビゲーション
---------------------------------------------------------*/
div.kidsNav {
	margin-bottom: 30px;
	padding: 1px;
	border: 1px solid #D91111;
}

div.kidsNav dl {
	height: 26px;
	background: url(../img/kids_nav_background.gif) left top repeat-x;
}

div.kidsNav dt {
	float: left;
}

div.kidsNav dd {
	padding-left: 424px;
}

div.kidsNav ul li {
	display: inline;
}

div.kidsNav ul li img {
	margin: 7px 20px 0 0;
	vertical-align: top;
}

div.kidsNav ul li.lastChild img {
	margin-right: 0;
}


/*
table.schoolListTable	スクール一覧テーブル
---------------------------------------------------------*/
table.schoolListTable {
	background-color: #CCC;
	border: 1px solid #CCCCCC;
}

table.schoolListTableLastChild {
	margin-bottom: 30px;
}

table.schoolListTable th {
	background-color: #E4E7F6;
	border-left: 4px solid #CCCCCC;
	padding: 5px;
	border: 1px solid #CCCCCC;
	text-align: center;
	font-weight: bold;
}

table.schoolListTable td {
	background-color: #fff;
	padding: 5px;
	border: 1px solid #CCCCCC;
	text-align: center;
}

table.schoolListTable td.prefecture {
	text-align: left;
}

table.schoolListTable td.tb_title{
	background-color: #F0F0F0;
	border: 1px solid #CCCCCC;
	font-weight: bold;
}

table.schoolListTable td.schoolType {
	width: 75px;
}

table.schoolListTable td.schoolName {
	text-align: left;
}




/*
div#aside	サブカラム
=========================================================*/

