@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.fitness a,
div.wrapper ul.g_navi li.fitness a:hover {
	background-position:0 -100px;
}

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

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

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

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

div.container div.main div.content h4 {
	margin-bottom:15px;
}

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

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

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

div.container div.main div.first {
	margin-bottom:3px;
}

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.studio{
	background:url(../img/fitness/navi_title_studio.gif) no-repeat 0 0;
}

div.container div.main div.navi h3.pool{
	background:url(../img/fitness/navi_title_pool.gif) no-repeat 0 0;
}

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

div.container div.main div.navi ul li.aero,
div.container div.main div.navi ul li.yoga,
div.container div.main div.navi ul li.dance {
	margin-bottom:2px;
}

div.container div.main div.navi ul li.aero a {
	background:url(../img/fitness/navi_studio_aero.gif) no-repeat 0 0;
}

div.container div.main div.navi ul li.yoga a {
	background:url(../img/fitness/navi_studio_yoga.gif) no-repeat 0 0;
}

div.container div.main div.navi ul li.dance a {
	background:url(../img/fitness/navi_studio_dance.gif) no-repeat 0 0;
}

div.container div.main div.navi ul li.combat a {
	background:url(../img/fitness/navi_studio_combat.gif) no-repeat 0 0;
}

div.container div.main div.navi ul li.conditioning a {
	background:url(../img/fitness/navi_studio_conditioning.gif) no-repeat 0 0;
}

div.container div.main div.navi ul li.lesmills a {
	background:url(../img/fitness/navi_studio_lesmills.gif) no-repeat 0 0;
}

div.container div.main div.navi ul li.aqua a {
	background:url(../img/fitness/navi_pool_aqua.gif) no-repeat 0 0;
}


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

div.container div.aero div.navi ul li.aero a,
div.container div.yoga div.navi ul li.yoga a,
div.container div.dance div.navi ul li.dance a,
div.container div.combat div.navi ul li.combat a,
div.container div.conditioning div.navi ul li.conditioning a,
div.container div.lesmills div.navi ul li.lesmills a,
div.container div.aqua div.navi ul li.aqua a {
	background-position:0 -52px;
}
/*------------------------------------------------プログラム共通*/


div.container div.main div.content ul.program {
	overflow:hidden;
	width:636px;
	margin-left:8px;
}

*html div.container div.main div.content ul.program {
	zoom:1
}

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.aero a {
	background:url(../img/fitness/btn_studio_aero.jpg) no-repeat 0 0;
}

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

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

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

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

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

/*------------------------------------------------プログラム（プール）*/

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

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

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

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

div.container div.main h3#studio {
	background:url(../img/fitness/title_l_studio.gif) no-repeat 0 0;
}

div.container div.main div.studio h4 {
	background:url(../img/fitness/title_s_studio.gif) no-repeat center 0;
}

/*---------------------------------------------------
                     [pool]
-----------------------------------------------------
                   　プール紹介
-----------------------------------------------------*/

div.container div.main h3#pool {
	background:url(../img/fitness/title_l_pool.gif) no-repeat 0 0;
}

div.container div.main div.pool h4 {
	background:url(../img/fitness/title_s_pool.gif) no-repeat center 0;
}

/*---------------------------------------------------
                     [gym]
-----------------------------------------------------
                   　ジム紹介
-----------------------------------------------------*/

div.container div.main h3#gym {
	background:url(../img/fitness/title_l_gym.gif) no-repeat 0 0;
}

div.container div.main div.gym ul {
}

div.container div.main div.gym ul li {
	float:left;
	width:186px;
	margin-right:10px;
	text-align:center;
	font-size:85%;
	font-weight:bold;
}

div.container div.main div.gym ul li img {
	margin-bottom:10px;
}

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

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

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

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

div.container div.column div.navi div.wrapper ul li.gym a {
	background:url(../img/fitness/navi_columnL_gym.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/fitness/navi_location_program.gif) no-repeat 0 0;
}


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

div.container div.main h2.module {
	display:none;
}

div.container div.main h3#aero {
	background:url(../img/fitness/title_l_aero.gif) no-repeat 0 0;
}

/*--------------------------------------------------------------エアロ*/

div.container div.main div.program h4#aero_beginner {
	background:url(../img/fitness/head_aero_1beginner.jpg) no-repeat 0 0;
}

div.container div.main div.program h4#aero_middle {
	background:url(../img/fitness/head_aero_2middle.jpg) no-repeat 0 0;
}

div.container div.main div.program h4#aero_upper {
	background:url(../img/fitness/head_aero_3upper.jpg) no-repeat 0 0;
}



/*EOC*/