@charset "UTF-8";

/*TOP*/
.home #content	{width:1020px;margin:0 auto;}
.home .eyecatch	{width:1020px;margin-bottom:12px;}

.home .eyecatch #top_slide	{width:565px;float:left;margin-right:10px;height:255px;overflow:hidden;}
.home .eyecatch #tenpokensaku	{width:205px;float:left;}
.home .eyecatch .in_catch	{text-indent:0;float:right;padding: 10px 0px 0 9px;background:#ececec;height: 245px;overflow-y: hidden;overflow-x: hidden;}
.home .eyecatch .in_catch a	{display:block;}
.home .eyecatch .in_catch .scrollbox ul li	{width: 201px;margin-bottom:4px;}

.home .eyecatch .in_catch .scrollbox{
	text-align: left;
	width: 221px;
	height: 235px;
	font-size:12px;
	overflow-y: hidden;
	overflow-x: hidden;
}

.home .eyecatch .bx-pager	{}
.home .eyecatch .bx-controls-direction	{display:none;}

.home .eyecatch .bx-wrapper .bx-pager {
	position:absolute;
	bottom:5px;
	right:5px;
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 0px;
	width: auto;
	background:#041c5c;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding:2px 2px;
}

.home .eyecatch .bx-wrapper .bx-pager.bx-default-pager a	{
	width: 8px;
	height: 8px;
	}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #ddd;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #fff600;
}


.home .box_banner1	{margin-bottom: 12px;}
.home .box_banner1 ul li	{float:left;margin-right: 30px;}
.home .box_banner2	{margin-bottom:18px;}
.home .box_banner2 ul li	{float:left;margin-right:15px;}

.home #top_program	{text-align:left;width:1020px;}
.home .program_slide	{text-align:left;width:1020px;margin-bottom: 10px;}

#top_program .title	{}
#top_program .title h3	{margin-right:16px;}
#top_program .title ul	{padding-top: 28px;}
#top_program .title ul li	{margin-right:6px;}
#top_program h3	{margin-bottom:10px;}
#top_program .program_slide ul li	{margin-right: -30px;}
#top_program .program_slide ul li ul	{}
#top_program .program_slide ul li ul li	{position:relative;width: 234px;float:left;margin-right: 28px;margin-bottom:12px;background-color:#fff;
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	-khtml-opacity:1.0;
	opacity:1.0;
	text-align: center;}
/*プログラム、リンク出来次第コメントアウト外す
/*#top_program .program_slide ul li ul li:hover	{background-color:#fff;
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	opacity:0.6;}*/

#top_program .program_slide ul li ul li dl	{margin:0 auto;}
#top_program .program_slide ul li ul li dl dt,#top_program .program_slide li dl dd	{}
#top_program .program_slide ul li ul li dl dt	{text-align:center;font-size:92.6%;display: inline-block;padding-right:10px;line-height:1;vertical-align: top;}
/*プログラム、リンク出来次第コメントアウト外す
#top_program .program_slide ul li ul li dl dt	{text-align:center;font-size:92.6%;background:url(/img/aojoy/index/top_program_allow.gif) right 0 no-repeat;display: inline-block;padding-right:10px;line-height:1;vertical-align: top;}*/
#top_program .program_slide ul li ul li dl dd	{text-align:left;font-size:78.4%;margin-top: 5px;}


html > body #top_program .program_slide ul li ul li p.linkarea a	{display:block;position:absolute;left:0;top:0;width:100%;height:100%;text-indent:-9999px;background:url(/img/aojoy/index/space.gif) 0 0 repeat;filter:alpha(opacity=0);opacity:0;}

#top_program .program_slide a	{text-decoration:none;}
#top_program .bx-wrapper .bx-viewport {}
#top_program .bx-pager	{display:none;}
#top_program .bx-wrapper .bx-prev {
	left: -60px;
	background:url(/img/aojoy/index/top_program_slide_prev.gif) no-repeat 0 0;
	background-color:#fff;
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	-khtml-opacity: 1.0;
	opacity:1.0;
}
#top_program .bx-wrapper .bx-next {
	right: -60px;
	background:url(/img/aojoy/index/top_program_slide_next.gif) no-repeat 0 0;
	background-color:#fff;
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	-khtml-opacity: 1.0;
	opacity:1.0;
}

#top_program .bx-wrapper .bx-prev:hover {
	background-color:#fff;
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	opacity:0.6;
}
#top_program .bx-wrapper .bx-next:hover {
	background-color:#fff;
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	opacity:0.6;
}
#top_program .bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	outline: 0;
	width: 43px;
	height: 43px;
	text-indent: -9999px;
	z-index: 9999;
}






.home #top_news_area	{width:1020px;margin:0 auto;text-align:left;margin-bottom: 40px;background:url(/cn/img/yoga/index/image01.jpg) 0 0 no-repeat;padding-bottom:30px}
.home #top_news_area h3	{padding-bottom:17px;margin-bottom:4px;}
.home #top_news_area .left	{width: 496px;}
.home #top_news_area .right	{width: 496px;padding-top: 50px;}
/*.home #top_news_area .right ul li	{float:left;margin-left:12px;}*/
.home #top_news_area .right ul	{}
.home #top_news_area .right ul li	{margin-bottom: 16px;float: left;margin-right:20px;background:#fff; line-height: 0;}
.home #top_news_area .right ul li.last {margin-right:0;}

.home #top_news_area .scrollbox	{height:186px;overflow-y: hidden;overflow-x: hidden;}
.home #top_news_area .scrollbox dl:first-child	{padding-top:0;}
.home #top_news_area .left dl	{clear:both;text-align: left;border-bottom:1px dashed #3a3a3a;padding: 10px 0;}
.home #top_news_area .left dl dt,.home #top_news_area .left dl dd	{float:left;font-size:92.6%;}
.home #top_news_area .left dl dt	{width: 80px;margin-right:10px;display:inline-block;}
.home #top_news_area .left dl dd	{width: 380px;display:inline-block;}

.home #top_news_area .left dl dd a	{text-decoration:none;display:inline-block;color:#000;}
.home #top_news_area .left dl dd a:hover	{text-decoration:underline;}

.home .bottom_banners 	{}
.home .bottom_banners ul li	{float:left;margin-right:26px;}
.home .bottom_banners ul li	.last	{margin-right:0;}

#header #global {margin-bottom:0;}

.home_ball {margin-bottom:18px;}
.home_ball li {float:left;margin-right:21px;}
.home_ball li.last {margin-right:0;}






.open_information{
	margin: 0 auto;background-color: #f8f8f8;padding: 10px;margin-bottom:20px;
}
.open_information .tit{
	margin: 0 auto 20px;
	padding: 0 0 10px;
	border-bottom: 1px solid #999;
}
.open_information .banner_joyfit,
.open_information .banner_gym24h{
	margin: 0;
}
.open_information .banner_joyfit dt,
.open_information .banner_gym24h dt{
	margin: 0 auto 10px;
}
.open_information .banner_joyfit dd,
.open_information .banner_gym24h dd{
	margin: 0 auto;
}
.open_information .banner_joyfit dd:after,
.open_information .banner_gym24h dd:after{ content: ""; display: block; clear: both; }
.open_information .banner_joyfit dd .banner li,
.open_information .banner_gym24h dd .banner li{
	float: left;
	padding:0 0 0 11px;
}
.open_information .banner_joyfit dd .banner li.first,
.open_information .banner_gym24h dd .banner li.first{
	padding-left: 0;
}
.open_information .bx-controls-direction .bx-prev{
	top: 38%;
	left: -50px;
	width: 45px;
	height: 45px;
	background: url(../../img/yoga/index/index_btn_02_01.png) no-repeat 0 0;
}
.open_information .bx-controls-direction .bx-next{
	top: 38%;
	right: -50px;
	width: 45px;
	height: 45px;
	background: url(../../img/yoga/index/index_btn_02_02.png) no-repeat 0 0;
}

.campaign_and_information{
	width: 1020px;
	margin: 0 auto 40px;
}
.campaign_and_information:after { content: ""; display: block; clear: both; }
.campaign_and_information .tit{
	padding: 0 0 10px;
	border-bottom: 1px solid #999;
}
.campaign_and_information .campaign{
	float: left;
	width: 480px;
}
.campaign_and_information .information{
	float: right;
	width: 480px;
}
.campaign_and_information .data{
	height: 149px;
	overflow: scroll;
}
.campaign_and_information .data li{
	padding: 10px 0;
	border-bottom: 1px dotted #999;
}
.campaign_and_information .data li dt{
	margin: 0 0 3px;
}
.campaign_and_information .data li dt a{
	color: #162f7a;
}

.bx-wrapper .bx-pager {display:none;}





.bottom_contents {margin-bottom:60px;}
.bottom_contents div.left {position:relative;width: 488px;min-height:400px;
    border-right: 1px dotted #000;
    padding-right: 16px;}
.bottom_contents div.left .button01 {position:absolute;right:20px;bottom:0;}	
.bottom_contents div.right {position:relative;width:488px;min-height:400px;}
.bottom_contents div.right .button02 {position:absolute;right:0;bottom:0;}	
.bottom_contents div.right ul li {width:233px;}





/* facebook 20160524 */

.footer_facebook {width:1020px; margin:0 auto; margin-bottom:40px; background:url(/img/index/joyfit_facebook_timeline_bg.jpg) no-repeat left center;}
.footer_facebook .timeline {width:500px; height:300px; margin:0 auto;}

.bottom_contents {
    margin-bottom: 40px;
}
.b_content {
    width: 1020px;
    margin: 0 auto;
    text-align: left;
    padding-bottom: 40px;
}