@charset "UTF-8";

/*******************************************

title {
	KTVライフスポーツ;
}

about {
	スイミングページ用のCSSセット;
}

issue date {
	2009.09.09;
}

revision date {
	2009.09.09;
}

*******************************************/
/* Suggested order:
 * display
 * list-style
 * position
 * float
 * clear
 * width
 * height
 * margin
 * padding
 * border
 * background
 * color
 * font
 * text-decoration
 * text-align
 * vertical-align
 * white-space
 * other text
 * content
 *
 */
 
/*---------------------------------------------------
                     [g_navi]
-----------------------------------------------------
                   　ナビゲーション
-----------------------------------------------------*/
 
div.wrapper ul.g_navi li.swimming a,
div.wrapper ul.g_navi li.swimming a:hover {
	background-position:0 -100px;
}

/*---------------------------------------------------
                     [main]
-----------------------------------------------------
                   　メインエリア
-----------------------------------------------------*/

a:link,
a:visited {
	color:#000099;
}

div.container div.main h2 {
	background:url(../img/swimming/head_swimming.jpg) no-repeat center 0;
}

div.container div.main h3 {
	margin-bottom:10px;
}


div.container div.main div.content p {
	margin-bottom:25px;
}

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

div.container div.main div.navi {
	width:630px;
}

div.container div.main div.navi ul{
	position:relative;
	width:418px;
	left:190px;
	background:url(../img/common/mainnavi_line.gif) repeat-y 0 0;
	padding-left:22px;
}

div.container div.main div.navi h3.swim{
	background:url(../img/swimming/navi_title_swim.gif) no-repeat 0 0;
}

div.container div.main div.navi ul li {
	margin-right:10px;
}

div.container div.main div.navi ul li.kids a {
	background:url(../img/swimming/navi_kids.gif) no-repeat 0 0;
}

div.container div.main div.navi ul li.adult a {
	background:url(../img/swimming/navi_adult.gif) no-repeat 0 0;
}

div.container div.main div.navi ul li.health a {
	background:url(../img/swimming/navi_health.gif) no-repeat 0 0;
}


div.container div.main div.navi ul li a:hover {
	background-position:0 -26px;
}

div.container div.kids div.navi ul li.kids a,
div.container div.adult div.navi ul li.adult a,
div.container div.health div.navi ul li.health a {
	background-position:0 -52px;
}

/*---------------------------------------------------
                     [studio]
-----------------------------------------------------
                   　スタジオ紹介
-----------------------------------------------------*/

div.container div.main h3#school {
	background:url(../img/swimming/title_l_school.gif) no-repeat 0 0;
}

div.container div.main div.content img {
	float:left;
	margin-right:20px;
}


/*---------------------------------------------------
                     [course]
-----------------------------------------------------
                   　コース紹介
-----------------------------------------------------*/

div.container div.main h3#course {
	background:url(../img/swimming/title_l_course.gif) no-repeat 0 0;
}

div.container div.main div.content ul.course {
	margin-bottom:10px;
}

div.container div.main div.content ul.course li{
	background:url(../img/common/icon.gif) no-repeat 0 center;
	line-height:1.6;
	padding-left:8px;	
}


div.container div.main div.content ul.program li {
	float:left;
	width:202px;
	margin:0 10px 5px 0;
	overflow:hidden;
}

div.container div.main div.content ul.program li a {
	display:block;
	height:74px;
	text-indent:-9999px;
}

div.container div.main div.content ul.program li.kids a {
	background:url(../img/swimming/btn_kids.jpg) no-repeat 0 0;
}

div.container div.main div.content ul.program li.adult a {
	background:url(../img/swimming/btn_adult.jpg) no-repeat 0 0;
}

div.container div.main div.content ul.program li.health a {
	background:url(../img/swimming/btn_health.jpg) no-repeat 0 0;
}



div.container div.main div.content ul.program li a:hover {
	background-position:0 -74px;
}


/*---------------------------------------------------
                     [bus]
-----------------------------------------------------
                   　スクールバス
-----------------------------------------------------*/

div.container div.main h3#bus {
	background:url(../img/swimming/title_l_bus.gif) no-repeat 0 0;
}

div.container div.main div.content dl.bus {
	float:right;
	width:147px;
	padding:8px 0;
	background:#f5f5f5;
	border:1px solid #bfbfbf;
	color:#00007c;
	font-size:85%;
	line-height:1.4;
}

div.container div.main div.content dl.bus dt {
	padding-bottom:5px;
	text-align:center;
	font-weight:bold;
}

div.container div.main div.content dl.bus dd {
	padding-left:7px;
}
div.container div.main div.content dl.bus dd ul li {
	display:inline;
	background:url(../img/fitness/program_icon.gif) no-repeat 0 center;
	padding:0 5px 0 7px;
	line-height:1.4;
	white-space: nowrap;
}

/*---------------------------------------------------
                     [clomun]
-----------------------------------------------------
                   　カラムエリア
-----------------------------------------------------*/

div.container div.column div.navi div.wrapper h4 {
	background:url(../img/swimming/navi_column_swimming.gif) no-repeat 0 0;
}

div.container div.column div.navi div.wrapper ul li.school a {
	background:url(../img/swimming/navi_columnL_school.gif) no-repeat 0 0;
}

div.container div.column div.navi div.wrapper ul li.course a {
	background:url(../img/swimming/navi_columnL_course.gif) no-repeat 0 0;
}

div.container div.column div.navi div.wrapper ul li.bus a {
	background:url(../img/swimming/navi_columnL_bus.gif) no-repeat 0 0;
}

div.container div.column div.navi div.wrapper ul li a:hover {
	background-position:0 -35px;
}

div.container div.column div.location div.wrapper h4 {
	background:url(../img/swimming/navi_location_swimming.gif) no-repeat 0 0;
}


/*---------------------------------------------------
                     [div.program]
-----------------------------------------------------
              下層ページ　各プログラム紹介
-----------------------------------------------------*/

div.container div.main div.program h4 {
	height:auto;
	text-indent:0;
}


div.container div.main h3#coursedetail {
	background:url(../img/swimming/title_l_detail.gif) no-repeat 0 0;
}


div.container div.main div.program h4#course01 {
	background:url(../img/swimming/head_course_1.jpg) no-repeat 0 0;
}

div.container div.main div.program h4#course02 {
	background:url(../img/swimming/head_course_2.jpg) no-repeat 0 0;
}

div.container div.main div.program h4#course03 {
	background:url(../img/swimming/head_course_3.jpg) no-repeat 0 0;
}



/*EOC*/