@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;}
.tenpo01{width:205px;
height:127px;
}
.tenpo02{width:205px;
height:121px;
margin-top:5px;
}
#emblem{
	position:absolute;
	top:125px;
	display:block;
	width:205px;
height:121px;
margin-top:6px;
}
.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 {margin-left:69px;}
.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: 35px;}
.home #top_news_area h3	{padding-bottom:17px;margin-bottom:17px;border-bottom:1px solid #bdbdbd;}
.home #top_news_area .left	{width: 496px;}
.home #top_news_area .right	{width: 500px;padding-top: 73px;}
/*.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;}


.home #top_news_area .scrollbox	{height:153px;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 	{margin-bottom:20px;}
.home .bottom_banners ul li	{float:left;margin-right:42px;}
.home .bottom_banners ul li	.last	{margin-right:0;}



.osusume_pop {width:580px;margin:0 auto;text-align:left;background: #fff;padding:10px;}
.osusume_pop div {padding-bottom:20px;}
.osusume_pop h1 {margin-bottom:16px;}
.osusume_pop h2 {font-size:124%;color:#ff0000;margin-bottom:10px;font-weight:bold;}
.osusume_pop h3 {font-size:110%;background:#00a0e9;color:#fff;margin-bottom:10px;padding: 3px 6px;}




/* 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;}

.home #top_news_area {
    width: 1020px;
    margin: 0 auto;
    text-align: left;
    margin-bottom: 40px;
}

/*20170629*/
.d3_box{width: 500px;height: 194px;background:url(/img/aojoy/index/3dview.jpg) no-repeat 0 0;
position: relative;}
.d3_btn{position: absolute;width: 74px;height: 74px;top:42px;left:50%;right:0;margin-left: -37px;
	background:url(/img/aojoy/index/3d_brn_off.png) no-repeat 0 0;}
	.d3_box:hover{background-position: 0 -194px;}
	.d3_box:hover .d3_btn{
		background:url(/img/aojoy/index/3d_brn_on.png) no-repeat 0 0;}