﻿@charset "UTF-8";


/* ********** 全体 ********** */
*                 { margin: 0; padding: 0;}
body              { background:#fff; color:#333; }
a:link, a:visited { text-decoration: underline; color: #333;}
a:hover           { text-decoration: underline; color: #c33;}

#container        { width: 960px; margin: 0 auto;}
#header        { width: 960px; margin: 0 auto; }
#navi        { width: 960px; height: 43px; background:url(images/obj-line.gif) repeat-x;}
#content     { width: 800px; margin: 10px auto 20px;}
body { behavior:url("csshover.htc"); }			/*IEハック(hover)*/
a.gottotop img{border-style:none;}
/* ********** フォント指定 ********** */
#content{
	font-family:Meiryo,'メイリオ','ヒラギノ角ゴ Pro W3',"ＭＳ Ｐゴシック",Osaka,"MS Gothic",Gothic,sans-serif;
	font-size:12px;
	line-height:1.7em;
	text-align:justify;
	text-justify : inter-ideograph; 
}

/*ナビ
------------------------------------------------------------*/

#header ul li,
#header ul li a{
  display: block;
  height: 43px;
}

#navi ul li{
  list-style: none;
  float: left;
  text-indent: -9999px;
}

#navi ul li#navi01          { background:url(images/btn-01off.gif); width: 65px;}
#navi ul li#navi02          { background:url(images/btn-02off.gif); width:121px;}
#navi ul li#navi03          { background:url(images/btn-03off.gif); width: 69px;}
#navi ul li#navi04          { background:url(images/btn-04off.gif); width: 56px;}
#navi ul li#navi05          { background:url(images/btn-05off.gif); width: 95px;}
#navi ul li#navi06          { background:url(images/btn-06off.gif); width: 68px;}
#navi ul li#navi07          { background:url(images/btn-07off.gif); width: 74px;}
#navi ul li#navi08          { background:url(images/btn-08off.gif); width: 86px;}

#navi ul li#navi01 a:hover  { background:url(images/btn-01ov.gif);}
#navi ul li#navi02 a:hover  { background:url(images/btn-02ov.gif);}
#navi ul li#navi03 a:hover  { background:url(images/btn-03ov.gif);}
#navi ul li#navi04 a:hover  { background:url(images/btn-04ov.gif);}
#navi ul li#navi05 a:hover  { background:url(images/btn-05ov.gif);}
#navi ul li#navi06 a:hover  { background:url(images/btn-06ov.gif);}
#navi ul li#navi07 a:hover  { background:url(images/btn-07ov.gif);}
#navi ul li#navi08 a:hover  { background:url(images/btn-08ov.gif);}

#navi ul li#navi01on        { background:url(images/btn-01on.gif); width: 65px;}
#navi ul li#navi02on        { background:url(images/btn-02on.gif); width:121px;}
#navi ul li#navi03on        { background:url(images/btn-03on.gif); width: 69px;}
#navi ul li#navi04on        { background:url(images/btn-04on.gif); width: 56px;}
#navi ul li#navi05on        { background:url(images/btn-05on.gif); width: 95px;}
#navi ul li#navi06on        { background:url(images/btn-06on.gif); width: 68px;}
#navi ul li#navi07on        { background:url(images/btn-07on.gif); width: 74px;}
#navi ul li#navi08on        { background:url(images/btn-08on.gif); width: 86px;}

/*h1～h3画像置換
------------------------------------------------------------*/
h1,h2,h3{font-size:12px;}
h1,h2,h3,h4{
	clear:both;
	text-indent: -9999px;
}
h1{width: 960px;height: 120px;}
h2{width: 960px;height: 40px;}
h3,h4{width: 800px;height: 50px;}
#about h4{width: 150px;height: 150px;float:left;}
#about #h3-4 h3{height: 70px;;}
#about #h4-7 h4{width:150px;height:200px;float:left;}
#home #head{width:960px;height: 70px;position:relative}
#home #header #head h1{width: 300px;height: 70px; float:left;}						/*トップページのみ別指定*/
#home #header #head h2{width: 300px;height: 70px;position:absolute; right:0;top:0;}	/*トップページのみ別指定*/

#home 			h1{background: url(images/title-2ackt.gif) no-repeat;}					/*トップページのみ別指定*/
#about 			h1{background: url(images/h1bk-02.jpg) no-repeat;}
#service 		h1{background: url(images/h1bk-03.jpg) no-repeat;}
#price 			h1{background: url(images/h1bk-04.jpg) no-repeat;}
#reservation	h1{background: url(images/h1bk-05.jpg) no-repeat;}
#access 		h1{background: url(images/h1bk-06.jpg) no-repeat;}
#trainers 		h1{background: url(images/h1bk-07.jpg) no-repeat;}
#company 		h1{background: url(images/h1bk-08.jpg) no-repeat;}

#home 			h2{background: url(images/title-2ackt.gif) no-repeat right;}				/*トップページのみ別指定*/
#about 			h2{background: url(images/h2bk-02.gif) no-repeat;}
#service 		h2{background: url(images/h2bk-03.gif) no-repeat;}
#price 			h2{background: url(images/h2bk-04.gif) no-repeat;}
#reservation	h2{background: url(images/h2bk-05.gif) no-repeat;}
#access 		h2{background: url(images/h2bk-06.gif) no-repeat;}
#trainers 		h2{background: url(images/h2bk-07.gif) no-repeat;}
#company 		h2{background: url(images/h2bk-08.gif) no-repeat;}



#about 			#h3-1 h3{background: url(images/h3-1bk-02.gif) bottom no-repeat;}
#about 			#h3-2 h3{background: url(images/h3-2bk-02.gif) bottom no-repeat;}
#about 			#h3-3 h3{background: url(images/h3-3bk-02.gif) bottom no-repeat;}
#about 			#h3-4 h3{background: url(images/h3-4bk-02.gif) bottom no-repeat;}
#service		#h3-1 h3{background: url(images/h3-1bk-03.gif) bottom no-repeat;}
#service		#h3-2 h3{background: url(images/h3-2bk-03.gif) bottom no-repeat;}
#service		#h3-3 h3{background: url(images/h3-3bk-03.gif) bottom no-repeat;}
#service		#h3-4 h3{background: url(images/h3-4bk-03.gif) bottom no-repeat;}
#price 			#h3-1 {background: url(images/h3-1bk-04.gif) left bottom no-repeat;}
#price 			#h3-2 {background: url(images/h3-2bk-04.gif) left bottom no-repeat;}
#reservation	#h3-1 h3{ width:550px;background: url(images/h3-1bk-05.gif) bottom no-repeat;}

#about 			#h4-1 h4{background: url(images/h4-1bk-02.gif) left top no-repeat;}
#about 			#h4-2 h4{background: url(images/h4-2bk-02.gif) left top no-repeat;}
#about 			#h4-3 h4{background: url(images/h4-3bk-02.gif) left top no-repeat;}
#about 			#h4-4 h4{background: url(images/h4-4bk-02.gif) left top no-repeat;}
#about 			#h4-5 h4{background: url(images/h4-5bk-02.gif) left top no-repeat;}
#about 			#h4-6 h4{background: url(images/h4-6bk-02.gif) left top no-repeat;}
#about 			#h4-7 h4{background: url(images/h4-7bk-02.jpg) left top no-repeat;}

#price 			#h4-2 {background: url(images/h4-2bk-04.gif) left top no-repeat;padding-top:50px;}
#price 			#h4-3 {background: url(images/h4-3bk-04.gif) left top no-repeat;padding-top:50px;}
/*フッター
------------------------------------------------------------*/
#footer{
	clear:both;
	height:20px;
	width:960px;
	margin-top:20px;
	border-top:2px solid #ccc;
	position:relative;
}
#home #footer{										/*トップページのみ別指定*/
	height:45px;
	width:960px;
	margin-top:0px;
	border:0;
	position:relative;
}
#home #blog{position:absolute; 
	top:160px; left:0;}

#home #blog img{border:0;}


#home #logo-kaatsu{position:absolute; top:10px;}	/*トップページのみ別指定*/
#copy{position:absolute; top:4px; right:0;}

#home #copy{
	font-size:8px;
	text-indent: -9999px;
	width: 960px;height: 20px;
	}
	
	
	
#home #copy2{
	font-size:15px;
	position:absolute; 
	top:110px; left:0;;
	}	

#home #copy{position:absolute; top:73px; right:0;background: url(images/copy.gif) right top no-repeat;}	/*トップページのみ別指定*/
#home #banner{position:absolute; top:13px; right:0;}	/*トップページのみ別指定*/

/*#trainer紹介
------------------------------------------------------------*/
.trainer{clear:both;}
#trainers .trainer{padding-top:20px;}
.trainer img{
	border: 1px solid #666;
	float:left;
	}

#access .trainer img{border:0;}
.trainer dd .blog img{
	margin-top:10px;
	border:0;
	float:right;
}
dl.trainer_txt{
	width:520px;
	float:right;
	margin:0;
	padding: 0 1px 0px 0px;
}
#trainer2 dl.trainer_txt,#trainer3 dl.trainer_txt{margin-bottom:20px;}
#access dl.trainer_txt{
	width:240px;
	margin-top:20px;
}

#access dt{padding:20px 0 0 20px;}
dl.trainer_txt dd{
	margin:0;
	padding:10px 30px 20px 30px;
	background:#fff;
}
dl.trainer_txt dt{height:75px;}
#access dt{height:55px;padding:20px 0 0 20px;}
dl.trainer_txt dt .name{text-indent: -9999px}			/*画像置換*/
#trainer1 dl.trainer_txt{background:url(images/trainer1-bk.gif);}
#trainer2 dl.trainer_txt{background:url(images/trainer2-bk.gif);}
#trainer3 dl.trainer_txt{background:url(images/trainer3-bk.gif);}
#access dl.trainer_txt{background:url(images/trainer-bk.gif);}
#trainers #container{position:relative}
.blog{ position:absolute;right:80px;top:275px;}/*ブログボタンの絶対配置*/
.blog img{border:0;}
/*#topページ
------------------------------------------------------------*/
.lead{font-size:16px;}
.lead_inner{padding-left:20px;background:url(images/lead-bk.gif) 2px 9px no-repeat; }
.lead_inner_red{font-size:16px;padding-left:20px;background:url(images/lead-bk-red.gif) no-repeat; }
.txt{width:600px;padding:15px 0 25px 0; float:right;}
.lead_inner:hover{background:url(images/lead-bk-hv.gif) 2px 9px no-repeat #c34038; color:#fff; }

/*#serviceページ
------------------------------------------------------------*/
#lead3,#lead4,#lead5{color:#900;}
#lead6,#lead9{color:#f90;}

#txt1,#txt2,#txt3,#txt4,#txt5,#txt6,#txt7,#txt8,#txt9{padding:10px 0 25px 130px;}
#txt1{background:url(images/service_01-02.gif) repeat-y; }
#txt2{background:url(images/service_02-03.gif) repeat-y; }
#txt3{background:url(images/service_03-07.gif) repeat-y; }
#txt4{background:url(images/service_03-07.gif) repeat-y; }
#txt5{background:url(images/service_03-07.gif) repeat-y; }
#txt7{background:url(images/service_01-02.gif) repeat-y; }
#txt8{background:url(images/service_08.gif) no-repeat; }
#txt6{background:url(images/service_06-09.gif) repeat-y; }
#txt9{background:url(images/service_06-09.gif) repeat-y; }
#txt10{background:url(images/service_09.gif) no-repeat; }

#service .lead_inner_red{font-size:16px;padding:35px 0 5px 70px;}
#service #lead1 .lead_inner_red{padding:10px 0 10px 70px;}
#service #lead1 {padding:20px 0 0 0;}
#service #lead6 .lead_inner_red{padding:10px 0 10px 70px;}
#service #lead6 {padding:20px 0 0 0;}


#service #lead8 .lead_inner_red{font-size:12px;padding:10px 0 25px 100px;}
#service #lead1 .lead_inner_red{background:url(images/service_01.gif) no-repeat; }
#service #lead2 .lead_inner_red{background:url(images/service_02.gif) no-repeat; }
#service #lead3 .lead_inner_red{background:url(images/service_03-07.gif) repeat-y; }
#service #lead4 .lead_inner_red,
#service #lead5 .lead_inner_red{background:url(images/service_03-07.gif) repeat-y; }
#service #lead7 .lead_inner_red{background:url(images/service_07.gif) no-repeat; }
#service #lead6 .lead_inner_red{background:url(images/service_06.gif) no-repeat; }
#service #lead9 .lead_inner_red{background:url(images/service_06-09.gif) repeat-y; }

.flow{
	width:150px;
	padding:3px 10px 16px ;
	background:url(images/border-bk.gif) left bottom repeat-x;
	color:#000;
	font-size:14px;
	font-weight:bold;
}
.flowtxt{width:600px;margin-left:150px;padding-left:50px;border-left:2px solid #ebe5dc; }

/*#priceページ
------------------------------------------------------------*/
#price #h4-2,#price #h4-3{
	float:left;
}
#price #h4-2{
	margin-right:60px;
}
#price #h3-6{
	clear:left;
}
#price .comment{
	clear:both;
	margin:5px 0 0 105px;
	font-size:11px;
	line-height:1.3;
}
#price .txt2{padding:10px 0 0px 100px;}
/*.table1**********/
#price .table1{float:left;border:2px solid #999;}
#price	 td{padding:3px;border:2px solid #999;}
#price .table1{width:658px;border-collapse:collapse;border:0;}
#price .td_l{width:65px;text-align:center}
#price .td_m{width:430px;padding-left:25px;}
#price .td_r{text-align:center;background-color:#eee;}
#price .td_s{border:0px;}/*メンバーシップコース2分割追加*/
#price .price{color:#900;font-weight:bold;}

/*.table1_sub**********/
#price .table1_sub{float:right;margin-top:85px;border:2px solid #fff;}
#price .table1_sub td{padding:3px;border:2px solid #fff;}
#price .table1_sub{border-collapse:collapse;border:0;}
#price .table1_sub .tr_1 .price,
#price .table1_sub .tr_2 .price{text-align:center;font-weight:normal;color:#333;}
#table1{margin-top:20px;}

/*.table2,5,6**********/
#table2 .td_m img,#table5 .td_m img,#table6 .td_m img{margin-left:0px;}
#table2 .price{color:#009;font-weight:bold;}
#table5 .price{color:#f90;font-weight:bold;}
#table6 .price{color:#669900;font-weight:bold;}
#table2,#table5{margin-top:20px;}
/*.table3,4,7**********/
#price .table3,#price .table4,#price .table7{width:370px;border-collapse:collapse;border:0;}
#price .table3 .td_l,#price .table4 .td_l,#price .table7 .td_l{width:170px;text-align:left;padding-left:50px;}
#price .table3,#price .table4,#price .table7{border:2px solid #ccc;}
#price .table3 td,#price .table4 td,#price .table7 td{border:2px solid #ccc;}
#price .table3 .price,#price .table4 .price{color:#360;}

/*キャンセル料テーブル**********/
/*.table7**********/
.table7 td{padding:3px;border:2px solid #999;}
.table7 .td_r{text-align:center;background-color:#eee;}
.table7 .price{color:#900;font-weight:bold;}
.table7{width:370px;border-collapse:collapse;border:0;}
.table7 .td_l{width:170px;text-align:left;padding-left:50px;background-color:#fff}
.table7{border:2px solid #ccc;}
.table7 td{border:2px solid #ccc;}
.table7 .price{color:#900;}


/*#companyページ
------------------------------------------------------------*/
.form1 { text-align:left; background:#ccc; font-size:10pt; }
.form1 td{width:600px;padding:7px 0px 7px 50px; background:#fff; }
.form1 th{width:160px;padding:7px 0px 7px 40px; background:#eee; line-height:1.5em; }