/************************************************************
 * 詳細ページ　FREE3 エリア用
************************************************************/

/*　detail.aspのシステムレイアウトとは別のcssになるので
　　基本的なタグへの命名も可能ですが、管理上複雑になる為
　　ユニークな命名で行うこと 2014.02.24  　　　　　　　　　*/


/* ＦＲ追加 20140215　韓FIT用　*/

.kanfit_movie_bg{
		margin:0 112px 0 112px;
		width:740px;
		height:520px;
		background:url(../images/free3/f_p16/movie_bg.gif) no-repeat;
	}

.kanfit_movie{
		margin:130px auto 0 140px;
		width:436px;
		height:295px;
		border:1px solid #D3D3D3;
		float:left;
		padding-left:10px;
		padding-top:10px;
		background:#FFF;
	}

/* ＦＲ追加 20140215　韓FIT用 ここまで　*/


/* ＦＲ追加 20140224　運動例用　*/


.trnig_al {
	float:left;
	width: 466px;
	height:165px;
	margin:5px;
	background-image: url(/images/free3/tre_com/bg/cap01.png);
}

.trnig_al_bk {
	float:left;
	width: 466px;
	height:165px;
	margin:5px;
	background-image: url(/images/free3/tre_com/bg/cap01bk.png);
}

.trnig_al2 {
	float:left;
	width: 466px;
	height:165px;
	margin:5px;
	background-image: url(/images/free3/tre_com/bg/cap02.png);
}

.trnig_al2_bk {
	float:left;
	width: 466px;
	height:165px;
	margin:5px;
	background-image: url(/images/free3/tre_com/bg/cap02bk.png);
}


.trnig_al3 {
	float:left;
	width: 466px;
	height:165px;
	margin:5px;
	background-image: url(/images/free3/tre_com/bg/cap03.png);
}



.trnig_h1 {
	font-size: 20px;
	color: #FFF;
	height: 25px;
	width: 290px;
	padding:15px 5px 5px 15px;
	line-height: 16px;
	float: left;
}

.trnig_txt {
	font-size: 12px;
	color: #000;
	height: 85px;
	width: 290px;
	padding:7px 10px 10px 10px;
	line-height: 19px;
	float: left;
	clear: left;
	margin: 0px;
}

.trnig_img {
	height: 153px;
	width: 152px;
	float: right;
	padding-left: 3.5px;
	margin: 0px;
	padding-top: 13.5px;
}



/* ＦＲ追加 20140224　運動例用　ここまで　*/


/* ＦＲ追加 20140305　proスペース */

.prtn_space {
	height: 18px;
	width: 220px;
}


/* ＦＲ追加 20140305　proスペース ここまで　*/

/* FREESPACE3 FEATURE AREA */

#feature {
	margin-bottom: 30px;
	}

#feature .ttl_bar {
	margin-bottom: 30px;
	}

#feature .space_banner {
	margin-bottom: 30px;
	}



#feature .clear {
	clear: both;
	}

#feature .review ul li {
	width: 466px;
	height: 217px;
	float: left;
	margin-bottom: 20px;
	}

#feature .review ul li.man {
	background-image: url("../images/free3/review_man_01.png");
	}

#feature .review ul li.woman {
	background-image: url("../images/free3/review_woman_01.png");
	}

#feature .review ul li p {
	font-size: 12px;
	line-height: 1.6em;
	padding: 5px 15px 0px 125px;

	}

#feature .review ul li p.title {
	font-size: 14px;
	color: #FF0000;
	font-weight: bold;
	}

#feature .trnig_al {
	float:left;
	width: 466px;
	height:165px;
	margin:5px;
	background-image: url(../images/free3/tre_com/bg/cap01.png);
}

#feature .trnig_al_bk {
	float:left;
	width: 466px;
	height:165px;
	margin:5px;
	background-image: url(../images/free3/tre_com/bg/cap01bk.png);
}

#feature .trnig_al2 {
	float:left;
	width: 466px;
	height:165px;
	margin:5px;
	background-image: url(../images/free3/tre_com/bg/cap02.png);
}

#feature .trnig_al2_bk {
	float:left;
	width: 466px;
	height:165px;
	margin:5px;
	background-image: url(../images/free3/tre_com/bg/cap02bk.png);
}



#feature .trnig_h1 {
	font-size: 20px;
	color: #FFF;
	height: 25px;
	width: 290px;
	padding:15px 5px 5px 15px;
	line-height: 16px;
	float: left;
}

#feature .trnig_txt {
	font-size: 12px;
	color: #000;
	height: 85px;
	width: 290px;
	padding:7px 10px 10px 10px;
	line-height: 19px;
	float: left;
	clear: left;
	margin: 0px;
}

#feature .trnig_img {
	height: 153px;
	width: 152px;
	float: right;
	padding-left: 3.5px;
	margin: 0px;
	padding-top: 13.5px;
}

#feature .training_rule {
	width: 964px;
	min-height: 1420px;
	background-image: url(../images/free3/training_back.jpg);
	background-position: top: 0;
	background-repeat: no-repeat;
	position: relative;
	clear: both;
	}

#feature .training_rule ul.layout01 {
	top: 220px;
	margin-left: 10px;
	position: absolute;
	}

#feature .training_rule ul.layout02 {
	top: 520px;
	margin-left: 10px;
	position: absolute;
	}

#feature .training_rule ul.layout03 {
	top: 820px;
	margin-left: 10px;
	position: absolute;
	}

#feature .training_rule ul.layout04 {
	top: 1120px;
	margin-left: 10px;
	position: absolute;
	}


#feature .training_rule ul li {
	width: 130px;
	height: 34px;
	margin-left: 5px;
	float:left;
	}

#feature .training_rule ul li .training_title {
	width: 130px;
	font-size: 14px;
	height: 34px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	padding: 3px;
	background-color: #000000;
	height: 34px;
	vertical-align: middle;
	display: table-cell;
	}

#feature .training_rule ul li .training_image {
	padding: 0px 1px 5px 1px;
	border: 1px solid #666666;
	background-color: #FFFFFF;
	text-align: center;
	}

#feature .training_rule ul li .training_txt {
	font-size: 12px;
	padding: 5px;
	height: 68px;
	}

/* box_rollover ここから */

#feature .box_rollover{
	position:relative;
	height: 600px;
	width: 964px;
	background-image: url(../iframe/f_d01/img/F-d01_back.jpg);
	background-repeat: no-repeat;
}

#feature .back01{
	background-image: url(../iframe/f_d01/img/F-d01_back.jpg);
	background-repeat: no-repeat;
}

#feature .back02{
	background-image: url(../iframe/f_d02/img/F-d02_back.jpg);
	background-repeat: no-repeat;
}


/* サムネール部分 */
#feature .thumbnail{
	/*padding:1em;*/
	background-position: right top;
	height: 600px;
}

#feature .thumbnail p{
	margin-bottom:1em;
}

#feature .thumbnail p a{
	display:block;
	font-size:1px;
	/* padding:1em;
	width:100px;
	background:#fff;
	border:3px double #ccc;
	text-apgn:center; */
}

/* 拡大画像を表示する部分 */
#feature .enlarge{
	position:absolute;
	left:16px;
	top:67px;
	z-index:5;
	height: 356px;
	width: 475px;
}

#feature .enlarge p {
	position:absolute;
	/*padding:3em;*/
	background:#000;
	color:#000;
	font-size:1px;
	/*text-apgn:center;*/
	height: 356px;
	width: 475px;
}

#feature .threeculum{
	margin-bottom: 20px;
	}

#feature .threeculum ul {
	height: 171px;
	width: 942px;
	clear:both;
	border: 10px solid #E6E6E6;
	}

#feature .threeculum ul li {
	float: left;
	background-color: #FFFFFF;
	height: 171px;

	}

#feature .threeculum ul li.point {
	float: left;
	width: 133px;
	}

#feature .threeculum ul li div.image{
	margin: 20px;
	}

#feature .threeculum ul li.center{
	float: left;
	width: 580px
	}

#feature .threeculum ul li.item{
	float: right;
	width: 172px;
	}

#feature .threeculum ul li .title {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 10px;
	margin-top: 20px;
	padding-left: 10px;
	}

#feature .threeculum ul li .example {
	font-size: 14px;
	margin-bottom: 10px;
	line-height: 1.8em;
	padding-left: 10px;
	}

#feature .twoculum{
	margin-bottom: 20px;
	}

#feature .twoculum ul{
	clear: both;
	}

#feature .twoculum ul li{
	width: 461px;
	height: 370px;
	float: left;
	margin-right: 20px;
	position: relative;
	}

#feature .twoculum ul li.training01{
	background-image: url(../images/free3/f_b10/f_b10_05.jpg);
	}

#feature .twoculum ul li.training02{
	background-image: url(../images/free3/f_b10/f_b10_06.jpg);
	}

#feature .twoculum ul li.training03{
	background-image: url(../images/free3/f_b10/f_b10_07.jpg);
	}

#feature .twoculum ul li.training04{
	background-image: url(../images/free3/f_b10/f_b10_08.jpg);
	}

#feature .twoculum ul li .txt {
	position: absolute;
	top: 100px;
	left: 10px;
	width: 200px;
	font-size: 14px;
	line-height: 1.5em;
	}


/* ここまで */

/* FREESPACE3 FEATURE AREA ここまで */


/* ＦＲ追加 20140505　wdfc */

.wdfc_base {
	width: 960px;
	height: auto;
	padding: 0 0 0 10px;
	margin: 0 0 0 0px;
	background-image: url(../images/free3/x_a01/x_a01_c04_02.png);
}

#feature .space_banner2 {
	margin-bottom: 30px;
	/*background-image: url(../images/free3/x_a01/panel.png);
	 background-repeat: repeat-y; */
}

/* ＦＲ追加 20140505　wdfc ここまで　*/

/* ＦＲ追加 20140607　wdfc 遅延 　*/

.owabi {
	font-size: 11px;
	color: #C00;
	background-color: #FFF;
	padding: 3px 8px;
	height: auto;
	width: auto;
	margin: 10px 5px;
	border: thin solid #C00;
	line-height: 15px;
}


/* ＦＲ追加 20140607　wdfc 遅延 ここまで　*/

/* ＦＲ追加 20140627　wdfc 動画 */


.freespace03 #feature .space_banner2 #dvd_incld {
	background-image: url(../images/free3/x_a01/x_a01_c11.png);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	clear: both;
	height: 450px;
	width: 960px;
}

.freespace03 #feature .space_banner2 #dvd_incld h3 {
	font-size: 18px;
	float: left;
	height: auto;
	width: 290px;
	margin: 210px 0 0 250px;
	line-height: 130%;
	color: #006;
}
.freespace03 #feature .space_banner2 #dvd_incld h5 {
	font-size: 13px;
	/* background-color: #CC0; */
	float: left;
	height: auto;
	width: 250px;
	margin: 10px 0 0 270px;
	line-height: 130%;
}

.freespace03 #feature .space_banner2 #dvd_incld .movie{
	width:320px;
	height:250px;
	border:1px solid #D3D3D3;
	float:right;
	/* [disabled]padding:10px; */
	margin-top: 150px;
	margin-right: 77px;
	margin-bottom: 0;
	margin-left: 0;
	background-color: #0F0;
	/* [disabled]overflow: hidden; */

}


/* ＦＲ追加 20140627　wdfc 動画 ここまで　*/
/* ＦＲ追加 20140627　wdfc 動画 */


.freespace03 #feature .space_banner2 #dvd_incld2 {
	background-image: url(../images/free3/x_a01/x_a01_c09_02.png);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	clear: both;
	height: 500px;
	width: 960px;
}

.freespace03 #feature .space_banner2 #dvd_incld2 .movie2{
	width:481px;
	height:375px;
	/* border:1px solid #D3D3D3; */
	float:right;
	/* [disabled]padding:10px; */
	margin:15px 20px 0 0;
	/*background-color: #0F0; */
	/* [disabled]overflow: hidden; */

}

.freespace03 #feature .space_banner2 #dvd_incld2 .movie2 .cap_txt{
	font-size: 18px;
	font-weight: bold;
	color: #900;
	margin: 0;
	float: right;
}


/* ＦＲ追加 20140704　wdfc 動画 ここまで　*/


/* ＦＲ追加 20150525　wss 追加 ここから　*/

.trnig_al4 {
	float:left;
	width: 466px;
	height:165px;
	margin:5px;
	background-image: url(/images/free3/tre_com/bg/cap04.png);
}

#feature .trnig_h1 .bbb {
	font-size: 13px;
	color: #FFF;
	/* height: 25px;
	width: 290px;
	padding:15px 5px 5px 15px;
	line-height: 16px; */
	float: left;
}
#feature .trnig_h1 .aaa {
	font-size: 20px;
	color: #FFF;
	/* height: 25px;
	width: 290px;
	padding:15px 5px 5px 15px;
	line-height: 16px; */
	float: left;
}

.wss_base {
	width: 964px;
	height: auto;
	padding: 0 0 0 8px;
	margin: 0;
	background-image: url(../images/free3/f_b25/f_b25_c03_01.png);
	background-repeat: repeat-y;
}

.freespace03 #feature .space_banner2 #dvd_incld3 {
	background-image: url(../images/free3/f_b25/f_b25_c06.png);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	clear: both;
	height: 450px;
	width: 960px;
}

.freespace03 #feature .space_banner2 #dvd_incld3 h3 {
	font-size: 18px;
	float: left;
	height: auto;
	width: 290px;
	margin: 210px 0 0 250px;
	line-height: 130%;
	color: #006;
}
.freespace03 #feature .space_banner2 #dvd_incld3 h5 {
	font-size: 13px;
	/* background-color: #CC0; */
	float: left;
	height: auto;
	width: 250px;
	margin: 10px 0 0 270px;
	line-height: 130%;
}

.freespace03 #feature .space_banner2 #dvd_incld3 .movie{
	width:320px;
	height:250px;
	border:1px solid #D3D3D3;
	float:right;
	/* [disabled]padding:10px; */
	margin-top: 150px;
	margin-right: 77px;
	margin-bottom: 0;
	margin-left: 0;
	background-color: #0F0;
	/* [disabled]overflow: hidden; */

}

.freespace03 #feature .space_banner2 #dvd_incld_wss {
	background-image: url(../images/free3/f_b25/f_b25_c00_02.png);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	clear: both;
	height: 500px;
	width: 960px;
}

.freespace03 #feature .space_banner2 #dvd_incld_wss .movie2{
	width:481px;
	height:375px;
	/* border:1px solid #D3D3D3; */
	float:right;
	/* [disabled]padding:10px; */
	margin:37px 20px 0 0;
	/*background-color: #0F0; */
	/* [disabled]overflow: hidden; */

}

.freespace03 #feature .space_banner2 #dvd_incld_wss .movie2 .cap_txt{
	font-size: 18px;
	font-weight: bold;
	color: #900;
	margin: 0;
	float: right;
}



/* ＦＲ追加 20150525　wss 追加 ここまで　*/

/* ＦＲ追加 20150603　wabs 追加 ここまで　*/

#wabs_bs { padding: 0px; float: left; width: 964px;	margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto;}
#wabs_bs .img { }
#wabs_bs .img2 { width: 964px;	height: 308px;	margin: 0px;	padding: 0px; }
#wabs_bs .img2 p { height: 208px;	width: 944px;	float: left; margin: 60px 0 0 15px; }
#wabs_bs .img2 p img { height: 208px; width: 230px;	padding: 0px; margin-left: 0px;	margin-right: 6px; margin-top: 15px;
}
#wabs_bs .mov { width: 964px;	height: 464px;	margin: 0px;	padding: 0px; }
#wabs_bs .mov #dvd_incld2 .movie2{	width:481px; height:375px; float:right;	margin: 55px 16.6px 0 0; }

.wabs_base {
	width: 964px; height: auto;	padding: 0 0 0 8px ; 	margin: 0;
	background-image:  url(../images/free3/f_b24/f_b24_m_12.jpg); background-repeat: repeat-y;
}

#wabs_bs #dvd_incld3 {
	background-image: url(../images/free3/f_b24/f_b24_m_01.jpg);
	background-repeat: no-repeat;
	margin: 0 0 0 -18px;	padding: 0px;	clear: both;	height: 450px;	width: 950px;}

#wabs_bs #dvd_incld3 h3 {
	font-size: 18px;	float: left;	height: auto;	width: 290px;	margin: 210px 0 0 250px;
	line-height: 130%;	color: #006;	text-align: left;
}

#wabs_bs #dvd_incld3 h5 {
	font-size: 13px;	float: left;	height: auto;	width: 250px;	margin: 10px 0 0 270px;
	line-height: 130%;	text-align: left; }

#wabs_bs #dvd_incld3 .movie{
	width:320px;	height:250px;	border:1px solid #D3D3D3;	float:right; margin: 150px 77px 0 0;
	background-color: #0F0;}
/* #wabs_bs .img .wabs_mv { font-size: 20px; font-style: italic; color: #900; text-decoration: underline; loat: left;	position: absolute;	z-index: auto;	left: 464px; top: 1532px; } */

/* ＦＲ追加 20150603　wabs 追加 ここまで　*/

/* ＦＲ追加 20160413　追加 ここから　*/
#topBanner.freespace03{
	height: 457px;
	position: relative;
	background-image: url("/images/free3/f_p26/p26_cm.png");
	background-repeat: no-repeat;
}
#topBanner.freespace03 #iframeImage{
	position: absolute;
	left: 0px;
	right: 0px;
	margin: auto;
	top: 20px;
}
#gelBanner{
	text-align: center;
	margin-top: 20px;
}

/* ＦＲ追加 20160413　追加 ここまで　*/