@charset "Shift_JIS";


/*-----------------------------
	BODY
-------------------------------*/

body {
	margin:0px auto;
	padding:0px;
	height:100%;
	text-align: center;
	line-height:1.4;
	color:#666666;
	font-size:0.9em;
}

P{
	margin:0;
	padding:0;
}

/*-----------------------------
	外枠
-------------------------------*/

#twp_outline{
	width:980px;
	margin:0px auto;
	text-align:left;
	background-color:#FFFFFF;
}

/*-----------------------------
	Navigation
-------------------------------*/

.navi{
	width:980px;
	margin:0px auto;
	padding:10px 0 6px 0;
	background-color:#FFFFFF;	
}


/*-----------------------------
	ページTOP
-------------------------------*/

.scrollup{
	margin:0;
	margin-right:10px;
	margin:8px 0;
	padding:2px;
	padding-right:20px;
	text-align:right;
	font-size:10px;
	background:url(../images/arrow-up.gif) no-repeat right;
}

.scrollup a {
	color:#666666;
	text-decoration:none;
}

.scrollup a:hover { 
	color:#666666;
	text-decoration:underline;	
}


/*-----------------------------
	強調
-------------------------------*/

h1 {
	margin:0;
	padding:0;
}

h2 {
	margin:0;
	padding:0;
}

/*-----------------------------
	main
-------------------------------*/

#mainPic{
	width:980px;
	height:450px;
	margin:0 auto;
	position:relative;
	padding:0;
}

#mainPic img{
	border: 0px;
	vertical-align:top;
}



/*-----------------------------
	トレーニング切替
-------------------------------*/

#trainingSwitch{
	margin:0 auto;
	padding:10px 0 2px 0;
	text-align:left;
}

#switch{
	margin:5px auto;
	padding:0; 
	padding-top:5px; 
	list-style:none;
	display:inline;
	overflow:hidden;
}

#switch li {
	margin:4px;
	padding:0;
	list-style:none;
	display:inline; 
	font-size:12px;
	font-weight:normal;
	color:#3194fb;
}
		
#switch a {
	margin:0;
	padding:2px 6px 6px 20px;
	overflow:hidden;
	color:#666666;
	background:url(../training/images/switch.gif)  no-repeat;
	text-decoration:none;
}

#switch a:hover { 
	color:#666666;
	text-decoration:underline;
	background:url(../training/images/switch_on.gif)  no-repeat;
}

/*-----------------------------
	トレーニングの流れ
-------------------------------*/

.trainingTitle{
	margin:5px 0 5px 0;
}

.obi{
	margin:0 0 8px 0;
	padding:4px 0 3px 6px;
	background-color:#99CCFF;
	color:#FFFFFF;
	font-weight:bold;
}

.obi2{
	margin:0 0 8px 0;
	padding:4px 0 3px 6px;
	background-color:#FFCC33;
	color:#FFFFFF;
	font-weight:bold;
}

#training_flow{
	margin:0 0 0 10px;
}

.training{
	width:970px;
	margin:0 auto;
}

.trainingStep{
	float:left;
	width:330px;
	text-align:left;
}

.trainingNote{
	float:right;
	width:630px;
	text-align:left;
}

.trainingNote h2{
	margin:0 0 6px 0;
	padding:7px 0 5px 16px;
	border-top:dotted 1px #666666;
	border-bottom:dotted 1px #7D7D7D;
	background-color:#ffffe0;
	color:#A68533;
	font-weight:bold;
	font-size:1.0em;
}

.trainingNote ol{
	margin:0;
}

.trainingNote li{
	margin:0 0 0 25px;
	padding:0;
	line-height:1.4;
	list-style-type:disc;
	
}

.trainingNotefs01{
	margin:0 16px 0 16px;
	color:#545454;
}


/*-----------------------------
	トレーニングの流れラスト
-------------------------------*/

.last{
margin:10px auto;
width:580px;
padding:10px;
border:2px dotted #EBBC21;
font-size:12px;
background-image:url(../training/images/gra.jpg);
background-position:right bottom;
background-repeat:no-repeat;
}

.last h3{
margin:0;
padding:0;
padding-botttom:6px;
border-bottom:1px solid #EBBC21;
color:#EA5520;
font-weight:bold;
font-size:15px;
}

.last p{
margin:0;
padding:0;
padding-top:4px;
}


.last p span{
color:#fafaec;
}


/*-----------------------------
	トップフラッシュ
-------------------------------*/

#mainFlash{
	margin:0 auto;
	padding:0 0 5px 0;
}


/*-----------------------------
	プログラムの特徴
-------------------------------*/

#feature{
	margin:0 auto;
	padding:0;
}

.featureTitle img{
	margin:5px 0 5px 10px;
}

/*-----------------------------
	オプション
-------------------------------*/

#option{
	margin:0 0 0 10px;
	background-image:url(../option/images/bk.jpg);
	background-position:right bottom;
	background-repeat:no-repeat;
}

.optionTitle{
	margin:5px 0 8px 0;
}

.optionImg{
	float:right;
	width:320px;
	text-align:left;
}

.optionNote{
	float:left; 
	width:600px;
	text-align:left;
}

.optionFs01{
	font-size:14px;
	padding-bottom:8px;
}

.optionFs02{
	font-size:1.0em;
	color:#A68533;
	font-weight:bold;	
}

.optionBox{
	width:600px;
	height:auto;	
	padding:8px;
	margin-bottom:12px;
	border:4px double #DFDFDF;
	background-color:#FFF9F5;
	line-height:1.6
}

.optionBox img {
	float:left;
	margin-right:8px;	
}


/*-----------------------------
	オプションNEW
-------------------------------*/

.optinBox01{
	margin:0 auto;
	padding-bottom:10px;
	height:160px;
	width:618px;
	background-image:url(../option/images/kenkou_bk.jpg);
	background-repeat:no-repeat;
}

.optinBox02{
	margin:0 auto;
	padding-bottom:10px;	
	height:160px;
	width:618px;
	background-image:url(../option/images/kensa_bk.jpg);
	background-repeat:no-repeat;
}

.optinBox03{
	margin:0 auto;
	height:160px;
	width:618px;
	background-image:url(../option/images/training_bk.jpg);
	background-repeat:no-repeat;
}

.optionBoxfs{
	padding:50px 15px 0 176px;
	line-height:1.2;
}

/*-----------------------------
	価格
-------------------------------*/

.charge{
	margin:0 0 0 10px;
	background-image:url(../charge/images/bk.jpg);
	background-position:right bottom;
	background-repeat:no-repeat;
}

.chargeImg{
	float:right;
	width:300px;
	text-align:left;
}

.chargeNote{
	float:left;
	width:660px;
	text-align:left;
	margin:0 auto;
}

.chargeTitle{
	margin:5px 0 8px 0;
}

.chargeMin{
	font-size:12px;
}

.chargeNote ol{
	margin:0;
	padding-top:3px;
}

.chargeNote li{
	margin:0 0 0 0px;
	padding:0;
	line-height:1.6;
	list-style-type:none;
	font-size:0.8em;
}

.chargeNote a:link{
	color:#0033FF;
	text-decoration:underline;	
}

.chargeNote a:visited{
	color:#0033FF;
	text-decoration:underline;
}

.chargeNote a:hover{
	color:#0033FF;
	text-decoration:none;
}
	
.chargeNote a:active{
	color:#0033FF;
	text-decoration:none;
}

/*-----------------------------
	料金表テーブル
-------------------------------*/

table.fee{
	width:650px;
	border-collapse:collapse;
	border-spacing:4;
	margin:4;
	border-top:3px double #cccccc;
	border-right:3px double #cccccc;
	border-bottom:3px double #cccccc;
	border-left:3px double #cccccc;
	color:#454545;
	line-height:1.4;
}
	
	
.fee th{
	padding:6px;
	text-align:center;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	background-color:#407FCC;
	font-size:14px;
	color:#FFFFFF;
}

.fee th.co{
	padding:6px;
	text-align:center;	
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	background-color:#F7F7F7;
	color:#797979;
	font-size:14px;
}


.fee td{
	padding:6px;
	text-align:center;	
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	background-color:#FFFFFF;
	font-size:14px;	
}

table.option{
	width:650px;
	border-collapse:collapse;
	border-spacing:4;
	margin:4;
	border-top:3px double #cccccc;
	border-right:3px double #cccccc;
	border-bottom:3px double #cccccc;
	border-left:3px double #cccccc;
	color:#454545;
	line-height:1.4;
}
	
	
.option th{
	padding:4px;
	text-align:center;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	background-color:#BFE10E;
	font-size:14px;
	color:#FFFFFF;
}

.option th.co{
	padding:4px;
	text-align:center;	
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	background-color:#F7F7F7;
	color:#797979;
	font-size:14px;
}


.option td{
	padding:4px;
	text-align:center;	
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	background-color:#FFFFFF;
	font-size:14px;	
}

.kscinfoBox{
	margin:0 auto;
	height:155px;
	width:650px;
	background-image:url(../charge/images/ksc_info_bk.jpg);
	background-repeat:no-repeat;
}

.kscinfoBoxfs{
	padding:48px 15px 0 118px;
	font-size:12px;
}


/*-----------------------------
	施設一覧
-------------------------------*/

#shisetsu{
	margin:0 0 0 10px;
}

.shisetsuNavi{
	float:left;
	width:220px;
	text-align:left;
}

.shisetsuList{
	float:right;
	width:730px;
	text-align:left;
}

/*-----------------------------
	施設一覧リスト
-------------------------------*/

.shisetsuNavi ul{
	list-style:none;
	text-align:left;
	width:218px;
	margin-left:0px;
	padding-left:0px;
}

.side01{
	border-top:dotted 1px #9ea1a3;
	border-bottom:dotted 1px #9ea1a3;
	padding:6px 0;
	font-size:12px;
}

.side02{
	border-bottom:dotted 1px #9ea1a3;
	padding:6px 0;	
	font-size:12px;	
}

.shisetsuNavi ul a{
	display:block;
	width:100%;
	color:#666666;
	padding-left:15px;
	background:url(../shisetsu/images/list.gif)  left center no-repeat;	
	text-decoration:none;
}

.shisetsuNavi ul a:hover{
	background:url(../shisetsu/images/list_on.gif)  left center no-repeat;	
	color:#68a4d9;
}

/*-----------------------------
	施設一覧テーブル
-------------------------------*/

table.shisetsu{
	width:728px;
	border-collapse:collapse;
	border-spacing:4;
	margin:4;
	border-top:3px double #cccccc;
	border-right:3px double #cccccc;
	border-bottom:3px double #cccccc;
	border-left:3px double #cccccc;
	font-size:12px;
	color:#545454;
	}
	
.shisetsu th{
	padding:5px;
	text-align:center;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	color:#FFFFFF;
	background-color:#47C0EF;
}

.shisetsu td{
	padding:5px;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
}

.shisetsu td.ken{
	padding:5px;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	background-color:#EFEFEF;
}

.shisetsu a:link{
	color:#0033FF;
	text-decoration:none;
}

.shisetsu a:visited{
	color:#0033FF;
	text-decoration:none;
}

.shisetsu a:hover{
	color:#0033FF;
	text-decoration:underline;
}
	
.shisetsu a:active{
	color:#0033FF;
	text-decoration:underline;
}

.shisetsuNote{
	padding-top:2px;
	font-size:11px;
	line-height:1.1;
	color:#FF6666;
}

/*-----------------------------
	体験
-------------------------------*/

#experience{
	margin:0 0 0 10px;

}



/*-----------------------------
	まわり込みクリア
-------------------------------*/

.c-both{
  clear:both;
}


/*-----------------------------
	バナー
-------------------------------*/

.bn{
	margin:0 auto;
	padding:0;
}


.bn img{
	border: 0px;
	vertical-align:top;
	padding-bottom:5px;
}




