@charset "UTF-8";

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

.home .eyecatch #top_slide	{width:566px;float:left;margin-right:10px}
.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:scroll;}
.home .eyecatch .in_catch a	{display:block;}
.home .eyecatch .in_catch .scrollbox ul li	{width: 201px;margin-bottom:4px;}

.home .eyecatch .in_catch .scrollbox{
	width: 110%;
	height: 235px;
	overflow: auto;
	font-size:12px;
}

.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;}

#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 ul	{margin-right:-28px;}
#top_program .program_slide ul li ul li	{width: 232px;float:left;margin-right: 28px;margin-bottom:12px;position:relative;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:85.5%;background:url(../img/top_program_allow.gif) right 1px no-repeat;display:inline;padding-right:10px;}
#top_program .program_slide ul li ul li dl dd	{text-align:left;font-size:85.5%;}


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:#fff;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/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/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:20px;}
.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: 33px;}
/*.home #top_news_area .right ul li	{float:left;margin-left:12px;}*/
.home #top_news_area .right ul	{margin-right: -20px;}
.home #top_news_area .right ul li	{margin-bottom:8px;float: left;margin-right:20px;}


.home #top_news_area .scrollbox	{height:153px;overflow: scroll;}
.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:85.5%;}
.home #top_news_area .left dl dt	{width: 80px;margin-right:10px;display:inline-block;font-weight:bold;}
.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;}

#contAboutBottom{
	margin-bottom: 50px;
}

#contAboutBottom li{
	float: left;
	margin: 0 48px 0 0;
}
#contAboutBottom p{
	text-align:center;
	margin:0 auto;
}



/* introduction__signup */
@charset "UTF-8";

/* タブメニュー
---------------------------------------------*/

#tabMenu {
	width: 1020px;
	margin: 0 auto 40px;
	border-bottom: #bdbdbd 1px solid;
}

.introductionTab{height:70px;}
.signupTab{height:91px;}

#tabMenu ul{
	text-align: center;
	overflow: hidden;
	width: 933px;
	margin: 0 auto;
}

#tabMenu li{
	float: left;
	margin: 0;
	padding: 0;
}
#tabMenu li#tabmenu01 a{
	width: 457px;
	margin: 0 15px 0 0;
	border-bottom: none;
	display: block;
	text-indent: -9999px;
	border-bottom: none !important;
}
#tabMenu li#tabmenu01 a:hover,.tabMenu01On{
	width: 457px;
	cursor: pointer;
}
.introductionTab li#tabmenu01 a{
	height: 70px;
	background:url(../../img/aojoy/introduction/tabmenu01.png) 0px 0px no-repeat;
}
.introductionTab li#tabmenu01 a:hover,.introductionTab li#tabmenu01 a.tabMenu01On{
	height: 71px;
	background: url(../../img/aojoy/introduction/tabmenu01_over.png) 0 0px no-repeat !important;
}
.signupTab li#tabmenu01 a{
	height: 91px;
	background:url(../../img/aojoy/signup/tabmenu01.png) 0px 0px no-repeat;
}
.signupTab li#tabmenu01 a:hover,.signupTab li#tabmenu01 a.tabMenu01On{
	height: 92px;
	background: url(../../img/aojoy/signup/tabmenu01_over.png) 0 0px no-repeat !important;
}
#tabMenu li#tabmenu02 a{
	width: 457px;
	border-bottom: none;
	display: block;
	text-indent: -9999px;
}
#tabMenu li#tabmenu02 a:hover,.tabMenu02On{
	width: 457px;
	cursor: pointer;
}
.introductionTab li#tabmenu02 a{
	height: 70px;
	background:url(../../img/aojoy/introduction/tabmenu02.png) 0 0 no-repeat;

}
.introductionTab li#tabmenu02 a:hover,.introductionTab li#tabmenu02 a.tabMenu02On{
	height: 71px;
	background:url(../../img/aojoy/introduction/tabmenu02_over.png) 0 0px no-repeat !important;
}
.signupTab li#tabmenu02 a{
	height: 91px;
	background:url(../../img/aojoy/signup/tabmenu02.png) 0 0 no-repeat;

}
.signupTab li#tabmenu02 a:hover,.signupTab li#tabmenu02 a.tabMenu02On{
	height: 92px;
	background:url(../../img/aojoy/signup/tabmenu02_over.png) 0 0px no-repeat !important;
}


/*pakuzu
----------------------------*/

#pankuzu {
    width: 1020px;
    margin: 0px auto 10px;
    text-align: left;
    overflow: hidden;
	float:left;
}
#pankuzu li:first-child {
    background:none;
    margin: 0px;
    padding: 0px;
}
#pankuzu li {
    float: left;
    padding: 0px 0px 0px 20px;
    margin: 0px 0px 0px 10px;
    font-size: 12px;
    background:url(../../img/aojoy/introduction/pan_icon.gif) no-repeat 0px 3px;
}
#pankuzu li a {
    color: #323232;
    text-decoration: none;
}
#pankuzu li a:hover{text-decoration:underline;}


/* content
---------------------------------------------*/

#content_page{position:relative;}
#container{width:100%;}
#bg_content{width:100%;}
.introduction_bg{
	background:url(../../img/aojoy/introduction/bg_cont.jpg) no-repeat top center;
	padding-top:58px;
}
.signup_bg{
	background:url(../../img/aojoy/signup/signup_bg_02.jpg) no-repeat top center;
	padding-top:58px;
}
#page_title{
	width:1020px;
	margin:0 auto;
	background:url(../../img/aojoy/introduction/intro_bar01.jpg) no-repeat left top;
	height:43px;
	padding-left:10px;
}
#page_title h2{
	font-size:17px;
	padding-top:8px;
	color:#041c5c;
	text-align:left;
	font-weight:bold;
	}
#introduction_lead,
#signup_lead{
	width:1020px;
	margin:0 auto 30px auto;
	text-align:left;
}
#introduction_lead p{
	text-align:left;
	font-size:15px;
	color:#041c5c;
	margin-bottom: 135px;
	font-weight:bold;
	padding-left: 15px;
}


#signup_lead p{
	text-align:left;
	font-size:15px;
	color:#041c5c;
	margin-bottom:110px;
	font-weight:bold;
	padding-left: 15px;
}

.box{width:1020px;margin:0 auto;position:relative;}

#intro_bar01, #intro_bar02, #intro_bar03{padding-left:130px;}
#intro_bar01{background:url(../../img/aojoy/introduction/intro_leftbox_01.png) no-repeat left top;}
#intro_bar02{
	margin-top:26px;
	background:url(../../img/aojoy/introduction/intro_leftbox_02.png) no-repeat left top;
}
#intro_bar03{
	margin-top:5px;
	background:url(../../img/aojoy/introduction/intro_leftbox_03.png) no-repeat left top;
}
#intro_pickup{
	background:url(../../img/aojoy/introduction/pickup.png) no-repeat left top;
	width:146px;
}
.point_inner{
	margin-top:-2px;
	width:890px;
	overflow:hidden;
}
.point_text{
	margin-top:24px;
	float:left;
	text-align:left;
}
.point_inner p{
	font-size:14px;
	color:#434446;
	margin-bottom:10px;
	line-height:1.5;
}
.point_inner ul{
	width:520px;
	float:left;
	text-align:left;
}
.point_inner ul li{
	font-size:14px;
	color:#434446;
	margin-bottom:8px;
}
.block_img{
	float:right;
	padding-right:10px;
}
.info_dl{
	margin:36px auto 17px;
	width:260px;
	overflow:hidden;
}
dl.list_img, dl.list_img dt{width:117px;}
dl.list_img{
	text-align:center;
	float:left;
	margin-right:11px;
}
dl.list_img dt{
	height:93px;
	margin-bottom:7px;
}
dl.list_img dd{
	font-size:12px;
	color:#434343;
	line-height:15px;
}
.point3_ph{
	float:right;
	margin-top:46px;
	width:361px;
	height:203px;
	padding-right:10px;
}
#pickup{
	margin-top:40px;
	text-align:left;
}
#intro_pickup{
	width:1006px;
	margin-left:13px;
	padding-top:50px;
	padding-left:25px;
}
.intro_information{
	margin-top:20px;
	overflow:hidden;
	text-align:left;
}
.intro_information p{
	width:260px;
	float:left;
}
.intro_information .show_text{
	width:635px;
	float:left;
	margin-left:37px;
	text-align:left;
	line-height:1.5;
}
.intro_information .show_text p{
	width:635px;
	margin-bottom:9px;
}
p.link_text {margin-bottom:0px;}
p.link_text a{
	width:252px;
	background:url(../../img/aojoy/introduction/intro_icon.jpg) no-repeat right 5px;
	display:block;
	color:#041c5c;
	text-decoration:none;
	border-bottom:1px solid #434446;
	line-height: 1;
	height: 14px;
	padding-top: 5px;
}
p.link_text a:hover{
	border-bottom:1px solid #FFFFFF;
}
.link_text2{
	text-decoration:none;
	border-bottom:1px solid #434446;
}
.link_text2:hover{
	border-bottom:1px solid #FFFFFF;
}

.guide_image{
	margin-top:30px;
	padding-right:40px;
	float:right;
}

.contact_box{
	margin:35px auto 25px auto;
	background:url(../../img/aojoy/introduction/intro_bg_box.png) no-repeat left top;
	height:260px;
	width: 1020px;
	padding:0px;
}

.contact_box_inner{
	overflow:hidden;
	margin-top:10px;
	padding-left:40px;
}
.contact_box_inner p.intro_ph{
	margin-top:20px;
	width:256px;
	height:145px;
	float:left;
}
#intro_right_box{
	margin-top:15px;
	float:left;
	text-align:left;
	margin-left:37px;
}
#intro_right_box p.text{
	margin-bottom:10px;
	line-height:1.6;
}
#intro_right_box p.btn_link a{
	width:326px;
	height:73px;
}
#intro_right_box p.btn_link a:hover{opacity:0.8;}

.btn_bottom{
	margin:0 auto 40px auto;
	width:1020px;
	overflow:hidden;
}
.btn_bottom ul{
	overflow:hidden;
	float:right;
}
.btn_bottom ul li{
	width:307px;
	height:54px;
	float:left;
	margin-right:17px
}
.btn_bottom ul li a{
	display:block;
	width:307px;
	height:54px;
}
 .btn_bottom ul li:last-child{margin-right:0px;}
 .btn_bottom ul li a:hover{opacity:0.8;}
/* IE8 Only */
 .btn_bottom ul li  {
     margin-right:17px\0/;
}
 .btn_bottom ul li:last-child{
	margin-right:0px\0/;
}

.rightBox{width:1020px;}
.rightBox h4{
	font-size:25px;
	font-weight:bold;
	color:#041c5c;
	margin-bottom:30px;
	padding:0px;
}
#rightbox1, #rightbox2, #rightbox3, #rightbox4, #rightbox5{
	padding-left:134px;
	width:1020px;
	padding-top:25px;
}
#rightbox1{background:url(../../img/aojoy/introduction/intro_rightbox_01.png) no-repeat left top;}
#rightbox2{
	margin-top:15px;
	background:url(../../img/aojoy/introduction/intro_rightbox_02.png) no-repeat left top;
}
#rightbox3{background:url(../../img/aojoy/introduction/intro_rightbox_03.png) no-repeat left top;}
#rightbox4{
	margin-top:10px;
	background:url(../../img/aojoy/introduction/intro_rightbox_04.png) no-repeat left top;
}
#rightbox5{
	margin-top:25px;
	background:url(../../img/aojoy/introduction/intro_rightbox_05.png) no-repeat left top;
}

.rightBox h5{
	font-size:17px;
	color:#404041;
	color:#041c5c;
	text-align:left;
	font-weight:bold;
}

.introduction_bg h4{font-size:25px;padding-top:15px;
	color:#041c5c;
	text-align:left;
	font-weight:bold;
}

h5.bg_h5{
	font-size:20px;
	padding-left:60px;
	padding-top:25px;
	color:#041c5c;
	text-align:left;
	font-weight:bold;
}

h5.h5_pick{
	color:#ea6868;
	font-size:25px;
	margin-top:14px;
	text-align:left;
	font-weight:bold;
}


/*page Signup
-------------------------------*/

.signupTabinner{padding-left:13px;margin-bottom:20px;}

h3.signup_h3{
	background:none;
	font-size:25px;
	color:#041c5c;
	text-align:left;
	font-weight:bold;
	margin-left:0px;
	margin-bottom:25px;
}
.signup_text, .signup_ttl{
	text-align:left;
	font-size:14px;
	color:#041c5c;
}
.signup_text span{font-size:12px;}

.signup_ttl{color:#434446;margin-top:15px;}

span.tab_none{text-indent:0px;}
.signup_gallery{
	margin-top:35px;
	margin-bottom:25px;
	width:1024px;
	overflow:hidden;
}
.signup_box, .signup_box_bnone{
	float: left;
    background: url(../../img/aojoy/signup/signup_icon.jpg) no-repeat right 30px;
    margin-right: 9px;
    padding-right: 26px;
    width: 170px;
}
.signup_box_bnone{
	background:none;
	margin-right:0px;
	width:170px;
}
.signup_box p img, .signup_box_bnone p img{
}
.signup_box dl, .signup_box_bnone dl{
}
.signup_box p,.signup_box_bnone p {margin-bottom: 4px;}
.signup_box dl dt, .signup_box_bnone dl dt{
	    /* margin-top: 17px; */
    /* width: 170px; */
    background: url(../../img/aojoy/signup/signup_border_03.png) no-repeat left bottom;
    padding-left: 11px;
    /* height: 40px; */
    text-align: left;
    padding-top: 8px;
    font-size: 16px;
    color: #3584dc;
    font-weight: bold;
    line-height: 1.1;
    margin-bottom: 3px;
    padding-bottom: 6px;
}
.signup_box dl dd, .signup_box_bnone dl dd{
	color: #434446;
    font-size: 13px;
    text-align: left;
    /* width: 175px; */
}
.signupTabinner ol, .signupTabinner ul{text-align:left;}
.signupTabinner ol li, .signupTabinner ul li{
	font-size:14px;
	color:#434446;
}
.signupTabinner ul{margin-bottom:50px;}
.signupTabinner ul li{margin-top:25px;}
.signupTabinner ul li span{padding-left:23px;}

/* ぱんくず
---------------------------------------------*/
#panBox {
	width: 1020px;
	margin: 0 auto 10px;
	text-align: left;
	overflow: hidden;
}

#panBox li{
	float: left;
	padding: 0 0 0 20px;
	margin: 0 0 0 10px;
	font-size: 11px;
	background: url(../../img/aojoy/about/pan_icon.gif) 0 0 no-repeat;
}
#panBox li:first-child{
	background: none;
	margin: 0;
	padding: 0;
}

#panBox li a{
	color: #323232;
	text-decoration: none;
}
#panBox li a:hover{
	text-decoration: underline;
}
.box{
	margin: 0 0 20px;
	clear: both;
	overflow: hidden;
}

.contBlock p{
	margin: 0 0 30px;
	line-height: 1.8em;
}
.contBlock a{
	color:#1c2b59;
}
.contBlock a:hover{
	text-decoration: none;
}

.listReset{
	margin: 0 !important;
}

/* コンテンツ
////////////////////////// */


/* about
---------------------------------------------*/
#aboutWrap{
	background: url(../../img/aojoy/about/bg_about.jpg) 0 40px no-repeat;
	width: 1020px;
	color: #041c5c;
	overflow: hidden;
}
#aboutWrap h2{
	padding: 10px 0 0 15px;
	margin: 0;
	background: url(../../img/aojoy/about/title_main.gif) 0 0 no-repeat;
	width: 1005px;
	height: 33px;
	font-size: 17px;
	text-align: left;
	font-weight:bold;
}

#contAbout01{
	padding: 40px 0 10px 15px;
	margin: 0 0 10px;
	overflow: hidden;
	width:572px;
}
#aboutWrap #contAbout01 h3,#contAbout02 h3,#contAbout03 h3{
	margin: 0 0 25px;
	text-align: left;
}

#aboutWrap #contAbout02{
	float: right;
	width: 850px;
	height: 476px;
	padding: 0;
	overflow: hidden;
	background: url(../../img/aojoy/about/cont02_img.png) right bottom no-repeat;
}
#aboutWrap #contAbout02 p{
	margin: 0 430px 30px 0;
	text-align: left;
}

#aboutWrap #contAbout03{
	clear: both;
	overflow: hidden;
	margin-bottom: 24px;
}
#aboutWrap #contAbout03 h3{
	width:166px;margin:0 auto;
	
	overflow: hidden;
}
#aboutWrap #contAbout03 p{
	padding: 0 0 0 49px;
	overflow: hidden;
}

#aboutWrap #contAbout01 h3,#contAbout02 h3,#contAbout03 h3{
	margin: 0 0 25px;
}


/* reason
---------------------------------------------*/
#contentReason{
	width: 1200px;
	background: url(../../img/aojoy/reason/bg_reason.gif) 0 43px no-repeat;
	overflow: hidden;
	margin: 0 auto;
}

#reasonWrap{
	width: 1020px;
	color: #434446;
	overflow: hidden;
	margin: 0 auto;
}

.contBlock{
	margin: 0;
	overflow: hidden;
	text-align: left;
	clear: both;
}
.contBlock p{
	margin: 0 0 20px;
	line-height: 1.8em;
}
.contBlock a{
	color:#1c2b59;
}
.contBlock a:hover{
	text-decoration: none;
}
#reasonWrap h2{
	padding: 10px 0 0 15px;
	margin: 0;
	background: url(../../img/aojoy/reason/title_main.gif) 0 0 no-repeat;
	width: 1005px;
	height: 33px;
	font-size: 17px;
	text-align: left;
	font-weight:bold;
	color:#041c5c;
}
#reasonWrap li{
	margin: 0 0 10px;
}



/* コンテンツ
---------------------------------------------*/
#reasonWrap #contReasonTitle{
	padding: 40px 0 0 15px;
	margin: 0 0 30px;
	height: 140px;
}
#reasonWrap #contReasonTitle p{
	width: 555px;
	font-weight: bold;
	line-height: 1.8em;
	color: #041c5c;
}
#reasonWrap #contReasonTitle h3{
	margin: 0 0 30px;
}

#reasonWrap .reasonContL{
	float: left;
	width: 700px;
	margin: 0 30px 0 0;
}
#reasonWrap .reasonContL p{
	padding: 0 0 0 10px;
}
#reasonWrap .reasonContR{
	float: left;
}
#reasonWrap .contReasonGirl .reasonContL{
	width: 570px;
}
#reasonWrap .contReasonGirl .reasonContR{
	float: right;
}

#reasonWrap #contReason01,.contReason,.contReasonGirl{
	padding: 0 0 0 15px;
	margin: 0;
	position: relative;
	top: -90px;
}
#reasonWrap #contReason01 h3,.contReason h3,.contReasonGirl h3{
	margin: 0 0 30px;
	text-align: left;
	border-bottom: #dfdfdf 2px solid;
	padding-bottom: 10px;
}
#reasonWrap .contReasonGirl{
	margin: 35px 0 0;
}

#reasonWrap .contReasonGirl li{
	float: left;
	margin: 0 12px 0 0;
	text-align: center;
	font-size: 11px;
}

#reasonWrap .blueList{
	background: #f2f2f2;
	padding: 8px;
}
#reasonWrap .blueList li{
	color: #041c5c;
	font-size: 13px;
}

#reasonWrap #contAboutBottom{
	position: relative;
	top: -70px;
	margin: 20px 0 -20px;
}

#reasonWrap #contAboutBottom li{
	float: left;
	margin: 0 48px 0 0;
}


/* company
---------------------------------------------*/
#companyWrap{
	width: 1020px;
}
#companyWrap .contBlock{
	padding: 45px 68px 0 38px;
	margin: 0 0 40px;
	overflow: hidden;
	text-align: left;
	clear: both;
}

#companyWrap h2{
	padding: 10px 0 0 15px;
	margin: 0;
	background: url(../../img/aojoy/company/title_main.gif) 0 0 no-repeat;
	width: 1005px;
	height: 33px;
	font-size: 17px;
	font-weight:bold;
	text-align: left;
	color:#041c5c;
}
#companyWrap li{
	margin: 0 0 10px;
}
#companyWrap #contBlockL{
	width: 100px;
	float: left;
	margin: 0 25px 0 0;
}
#companyWrap #contBlockR{
	float: left;
}
#companyWrap .contBlock dl dt{
	float: left;
	font-weight: bold;
	color: #041c5c;
	padding: 0 0 10px;
	margin: 0 0 14px;
}
#companyWrap .contBlock dl dd{
	color: #434446;
	border-bottom: #e5e5e5 2px solid;
	padding: 0 0 10px 12em;
	margin: 0 0 14px;
}

#companyWrap .contBlock dl dd li{
	border-bottom: #e5e5e5 2px solid;
	padding: 0 0 10px;
	margin: 0 0 10px;
}

/* notion
---------------------------------------------*/
#notationWrap .contBlock{
	margin: 0 0 30px;
	padding: 0 0 0 15px;
	text-align: left;
}
#notationWrap .contBlock p{
	margin: 0 0 20px;
	line-height: 1.8em;
}
#notationWrap .contBlock a{
	color:#434446;
}
#notationWrap .contBlock a:hover{
	text-decoration: none;
}
#notationWrap h2{
	padding: 10px 0 25px 15px;
	margin: 0;
	background: url(../../img/aojoy/notation/title_main.gif) 0 0 no-repeat;
	width: 1005px;
	height: 33px;
	font-size: 17px;
	text-align: left;
	color:#041c5c;
	font-weight:bold;
}
#notationWrap li{
	margin: 0 0 10px;
}
#notationWrap .reset{
	margin: 0 !important;
	padding: 0 !important;
}
#notationWrap .contBlock h3{
	color: #041c5c;
	font-weight: bold;
	font-size: 23px;
	margin: 0 0 10px;
	padding: 0 0 0 10px;
	border-left: 5px solid #041c5c;
	border-bottom: 1px solid #041c5c;
}
#notationIntro{
	color: #041c5c;
	font-weight: bold;
}
#notationIntro{
	margin: 0 !important;
	font-size: 15px;
}
/* privacy
---------------------------------------------*/
#privacyWrap .contBlock{
	margin: 0 0 30px;
	padding: 0 0 0 15px;
	text-align: left;
}
#privacyWrap .contBlock p{
	margin: 0 0 20px;
	line-height: 1.8em;
}
#privacyWrap .contBlock a{
	color:#434446;
}
#privacyWrap .contBlock a:hover{
	text-decoration: none;
}
#privacyWrap h2{
	padding: 10px 0 25px 15px;
	margin: 0;
	background: url(../../img/aojoy/privacy/title_main.gif) 0 0 no-repeat;
	width: 1005px;
	height: 33px;
	text-align: left;
	font-size: 17px;
	color:#041c5c;
	font-weight:bold;
}

#privacyWrap .contBlock h3{
	color: #041c5c;
	font-weight: bold;
	font-size: 23px;
	margin: 0 0 10px;
	padding: 0 0 0 10px;
	border-left: 5px solid #041c5c;
	border-bottom: 1px solid #041c5c;
}
#privacyWrap #privacyIntro{
	color: #041c5c;
	font-weight: bold;
}
#privacyWrap #privacyIntro{
	margin: 0 !important;
	font-size: 15px;
}
#privacyWrap #privacyBox .contBlock dt{
	color: #041c5c;
	font-weight: bold;
	font-size: 15px;
	margin: 10px 0;
}
#privacyWrap .managementList dt{
	float: left;
	color: #041c5c;
	margin: 0 0 20px;
}
#privacyWrap .managementList dd{
	padding: 0 0 0 2.5em;
	margin: 0 0 20px;
}
/* faq
---------------------------------------------*/
#faqWrap{
	width: 1020px;
	color: #434446;
	overflow: hidden;
	margin: 0 auto;
}

#faqWrap contBlock{
	margin: 0;
	padding: 0 0 0 15px;
	overflow: hidden;
	text-align: left;
	clear: both;
}
#faqWrap .contBlock p{
	margin: 0 0 20px;
	line-height: 1.8em;
}
#faqWrap .contBlock a{
	color:#434446;
}
#faqWrap .contBlock a:hover{
	text-decoration: none;
}
#faqWrap h2{
	padding: 10px 0 48px 15px;
	margin: 0;
	background: url(../../img/aojoy/faq/title_main.gif) 0 0 no-repeat;
	width: 1005px;
	height: 33px;
	font-size: 17px;
	color:#041c5c;
	font-weight:bold;
	text-align: left;
}

#faqWrap .attention{
	font-size: 10px !important;
}
#faqWrap .red{
	color: #e60012;
}
#faqWrap .contBlock h3{
	background: url(../../img/aojoy/faq/faq_midashi.gif) 0 bottom no-repeat;
	color: #041c5c;
	font-weight: bold;
	font-size: 22px;
	padding: 5px 0 35px 95px;
	margin: 0;
}

#faqWrap .boxAnswer{
	padding: 0 100px 0 95px;
	margin: 0 0 50px;
	position: relative;
	top: -15px;
}

#faqWrap .boxAnswer .linkList{
	overflow: hidden;
}

#faqWrap .boxAnswer .linkList li{
	float: left;
	margin: 0 20px 0 0;
}

#faqWrap .singupItem{
	list-style: decimal;
	padding: 0 0 0 25px;
	margin: 0 0 20px;
}

#faqWrap .komeList{
	font-size: 10px;
}
#faqWrap .komeList dt{
	float: left;
	clear: left;
	padding: 0;
	margin: 0 0 5px;
	color: #e60012;
}
#faqWrap .komeList dd{
	margin: 0 0 5px;
	padding: 0 0 0 2em;
}

#faqWrap #contFaqBottom {
	margin: 0 0 46px;
}

#faqWrap #contFaqBottom p{
	color: #000e34;
	font-size: 16px;
	margin: 0 0 10px;
}
#faqWrap #contFaqBottom li{
	float: left;
	margin: 0 13px 0 0;
}
/* oricon
---------------------------------------------*/
#oriconWrap{
	background: url(../../img/aojoy/oricon/oricon_bg.jpg) 0 0 no-repeat;
	padding: 1370px 0 0;
	margin: 0 auto 45px;
}
#oriconWrap .contBlock{
	text-align: center;
}

#oriconWrap .contBlock .red{
	color: #ff0000;
	margin: 0 0 5px;
}

#oriconWrap .link{
	color: #0050a9 !important;
}

/* facility
---------------------------------------------*/
#facilityWrap .arrow{
	text-align: center;
	clear: both;
	margin: 0 0 22px;
}
#facilityWrap .linktext{
	color:#041c5c;
}
#facilityWrap .linktext:hover{
	text-decoration: none;
}
#facilityWrap{
	background: url(../../img/aojoy/facility/facility_bg.jpg) 0 0 no-repeat;
	overflow: hidden;
}
#facilityWrap h2{
	padding: 10px 0 25px 15px;
	margin: 0;
	background: url(../../img/aojoy/facility/title_main.gif) 0 0 no-repeat;
	width: 1005px;
	height: 33px;
	text-align: left;
	font-size: 17px;
	color:#041c5c;
	font-weight:bold;
}
#contFacilityTitle {
	background: url(../../img/aojoy/facility/facility_cont01_img.jpg) right 43px no-repeat;
	color: #041c5c;
	overflow: hidden;
	height: 370px;
	margin: 0 0 -40px;
}
#facilityWrap h3{
	text-align: left;
	margin-bottom:30px;
}
#facilityWrap #contFacilityTitle ul{
	text-align:left;
	color:#041c5c;
	line-height:100%;
	width:600px;
}
#facilityWrap ul.indent_txt{
	text-align:left;
	color:#041c5c;
	line-height:100%;
	padding:0 0 5px 2.4em;
}
#facilityWrap #contFacilityTitle ul li{
	margin: 0 0 10px;
}

#facilityWrap #facilityNagareBlock{
	text-align: left;
	margin: 20px 0 100px;
	overflow: hidden;
}
#facilityWrap #facilityNagareBlock h3{
	border-bottom: #3584dc 1px solid;
	border-left: #3584dc 4px solid;
	padding: 10px 0 10px 10px;
	margin: 0 0 10px;
	color: #3584dc;
	font-size: 18px;
	font-weight: bold;
}
#facilityWrap .nagareBox{
	margin: 0 0 30px;
	position: relative;
	clear: both;
}
#facilityWrap .nagareBox p{
	margin: 0 0 15px;
}
#facilityWrap .nagareCont{
	padding: 0 0 0 20px;
}
#facilityWrap .nagareThum li{
	float: left;
	margin: 0 20px 0 0;
}
#facilityWrap #contAboutBottom{
	position: relative;
	top: -90px;
	margin: 20px 0 -20px;
}

#facilityWrap #contAboutBottom li{
	float: left;
	margin: 0 48px 0 0;
}

/* 流れ0 ---------------------------------------------*/
#facilityWrap .nagare01{
	width: 615px;
}
#facilityWrap .nagare01 .imgphoto{
	position: absolute;
	top: 0;
	right: 50px;
}
/* 流れ02 ---------------------------------------------*/
#facilityWrap .nagare02{
	width: 615px;
	float: right;
}
#facilityWrap .nagare02 .imgphoto{
	position: absolute;
	top: 120px;
	right: 0;
}
/* 流れ03 ---------------------------------------------*/
#facilityWrap .nagare03 h3{
	width: 614px;
}
#facilityWrap .nagare03 .imgphoto{
	position: absolute;
	top: 40px;
	right: 0;
}
/* 流れ04 ---------------------------------------------*/
#facilityWrap .nagare04{
	width: 720px;
	float: right;
}
#facilityWrap .nagare04 .imgphoto{
	position: absolute;
	top: 165px;
	right: 0;
}
/* 流れ05 ---------------------------------------------*/
#facilityWrap .nagare05{
	width: 615px;
	padding: 0 0 70px;
}
#facilityWrap .nagare05 .imgphoto{
	position: absolute;
	top: 0;
	right: 200px;
	top:42px;
}
/* 流れ06 ---------------------------------------------*/
#facilityWrap .nagare06{
	width: 615px;
	float: right;
}
#facilityWrap .nagare06 .imgphoto{
	position: absolute;
	top: -50px;
	right: 50px;
}

#facilityWrap #contFacilityBottom p{
	margin: 0 0 10px;
}
#facilityWrap #contFacilityBottom li{
	float: left;
	margin: 0 20px 0 0;
}

/* experience
---------------------------------------------*/
#experienceWrap .arrow{
	text-align: center;
	clear: both;
	margin: 0 0 30px;
}
#experienceWrap .linktext{
	color:#041c5c;
}
#experienceWrap .linktext:hover{
	text-decoration: none;
}
#experienceWrap{
	background: url(../../img/aojoy/experience/experience_bg.gif) 0 0 no-repeat;
	overflow: hidden;
}
#experienceWrap h2{
	padding: 10px 0 0 15px;
	margin: 0;
	background: url(../../img/aojoy/experience/title_main.gif) 0 0 no-repeat;
	width: 1005px;
	height: 33px;
	text-align: left;
	font-size: 17px;
	color:#041c5c;
	font-weight:bold;
}
#experienceWrap h3{
	text-align: left;
	margin: 30px 0;
}
#experienceWrap #contExperienceTitle {
	background: url(../../img/aojoy/experience/experience_cont01_bg.jpg) right 0 no-repeat;
	color: #041c5c;
	overflow: hidden;
	margin: 0 0 20px;
}

#experienceWrap #contExperienceTitle ul{
	margin: 10px 0;
}
#experienceWrap #contExperienceTitle ul li{
	margin: 0 0 10px;
}

#experienceNagareBlock{
	text-align: left;
	margin: 0;
	overflow: hidden;
}
#experienceNagareBlock h3{
	border-bottom: #ffd800 1px solid;
	border-left: #ffd800 4px solid;
	padding: 10px 0 10px 10px;
	margin: 0 0 10px;
	color: #404041;
	font-size: 18px;
	font-weight: bold;
}
#experienceItemBlock{
	margin-bottom: 20px;
	overflow: hidden;
}

#experienceItemBlock ul{
	margin: 10px 0 0;
}
#experienceItemBlock li{
	margin: 0 0 5px;
}
#experienceItemBlock #itemR ul{
	margin: 10px 0 185px;
}
#experienceItemBlock #itemL{
	background: url(../../img/aojoy/experience/experience_case01_bg.png) 305px 0 no-repeat;
	overflow: hidden;
	float: left;
	width: 490px;
	min-height: 360px;
}

#experienceItemBlock #itemR{
	background: url(../../img/aojoy/experience/experience_case02_bg.png) 260px 0 no-repeat;
	overflow: hidden;
	float: left;
	width: 490px;
	min-height: 360px;
}
#experienceItemBlock #itemR p{
	font-size: 12px;
}

#itemToi{
	clear: both;
	color: #041c5c;
}

/* 流れ0 ---------------------------------------------*/
#experienceNagareBlock .nagareBox{
	margin: 0 0 80px;
	position: relative;
	clear: both;
}
#experienceNagareBlock .nagareBox p{
	margin: 0 0 15px;
}
#experienceNagareBlock .nagareCont{
	padding: 0 0 0 15px;
}
#experienceNagareBlock .nagareThum li{
	float: left;
	margin: 0 20px 0 0;
}
#experienceNagareBlock .nagare01{
	width: 675px;
	padding: 0px 0 20px;
}
#experienceNagareBlock .nagare01 .imgphoto{
	position: absolute;
	top: 0px;
	right: -40px;
}
/* 流れ02 ---------------------------------------------*/
#experienceNagareBlock .nagare02{
	width: 705px;
	float: right;
}
#experienceNagareBlock .nagare02 .imgphoto{
	position: absolute;
	top: -30px;
	right: 0;
}
/* 流れ03 ---------------------------------------------*/
#experienceNagareBlock .nagare03{
	width: 655px;
	height:220px;
}
#experienceNagareBlock .nagare03 .imgphoto{
	position: absolute;
	top: -20px;
	right: 0;
}

#tabMenu_s {
    width: 1020px;
    margin: 0px auto 40px;
    border-bottom: 1px solid #BDBDBD;
}

#tabMenu_s ul{
	text-align: center;
	overflow: hidden;
	width: 950px;
	margin: 0 auto;
} 

#tabMenu_s li{
	float: left;
	margin: 0;
	padding: 0;
}
#tabMenu_s li#tabmenu01 a{
	width: 300px;
	margin: 0 20px 0 0;
	border-bottom: none;
	display: block;
	text-indent: -9999px;
	border-bottom: none !important;
}
#tabMenu_s li#tabmenu01 a:hover,.tabMenu01On{
	width: 300px;
	cursor: pointer;
}

#tabMenu_s li#tabmenu01 a{
	height: 91px;
	background:url(../../img/aojoy/signup/tabmenu01.png) 0px 0px no-repeat;
}
#tabMenu_s li#tabmenu01 a:hover,#tabMenu_s li#tabmenu01 a.tabMenu01On{
	height: 92px;
	background: url(../../img/aojoy/signup/tabmenu01_over.png) 0 0px no-repeat !important;
}
#tabMenu_s li#tabmenu02 a{
	width: 300px;
	border-bottom: none;
	margin: 0 20px 0 0;
	display: block;
	text-indent: -9999px;
}
#tabMenu_s li#tabmenu02 a:hover,#tabMenu_s li#tabmenu02 .tabMenu02On{
	width: 300px;
	cursor: pointer;
}

#tabMenu_s li#tabmenu02 a{
	height: 91px;
	background:url(../../img/aojoy/signup/tabmenu02.png) 0 0 no-repeat;

}
#tabMenu_s li#tabmenu02 a:hover,#tabMenu_s li#tabmenu02 a.tabMenu02On{
	height: 92px;
	background:url(../../img/aojoy/signup/tabmenu02_over.png) 0 0px no-repeat !important;
}

#tabMenu_s li#tabmenu03 a{
	width: 300px;
	border-bottom: none;
	display: block;
	text-indent: -9999px;
}
#tabMenu_s li#tabmenu03 a:hover,#tabMenu_s li#tabmenu03 .tabMenu03On{
	width: 300px;
	cursor: pointer;
}

#tabMenu_s li#tabmenu03 a{
	height: 91px;
	background:url(../../img/aojoy/signup/tabmenu03.png) 0 0 no-repeat;

}
#tabMenu_s li#tabmenu03 a:hover,#tabMenu_s li#tabmenu03 a.tabMenu03On{
	height: 92px;
	background:url(../../img/aojoy/signup/tabmenu03_over.png) 0 0px no-repeat !important;
}

.signupTabinner_new{
	width:950px;
	margin:0 auto;
}

.pl15{padding-left:15px;}
.pl17{padding-left:17px;}
.mr10{margin-right:10px;}
.nmt35{margin-top:-35px;}
.nmt3{margin-top:-3px;}
.nmt33{margin-top:-33px;}

/* sitemap サイトマップ 20160212 */
#sitemapWrap{text-align:left; color:#434446; margin-bottom:40px;}
#sitemapWrap a{color:#434446;}
#sitemapWrap a:hover{color:#434446; text-decoration:none;}
#sitemapWrap h2{padding: 10px 0 0 15px; margin: 0; background: url(/cn/img/aojoy/sitemap/title_main.gif) 0 0 no-repeat; width: 1005px; height: 33px; font-size: 17px; text-align: left; font-weight:bold; color:#041c5c;}
ul.sitemap {margin-left:20px;}
ul.sitemap li ul li {position: relative; margin:0px 0px 3px 73px;}
ul.sitemap li.sougou_in ul li {position: relative; margin:0px 0px 3px 14px;}
ul.sitemap li ul li::after {display: block; content: ''; position: absolute; top: .65em; left: -1em; width: 8px; height: 1px; background-color: #666;}
ul.sitemap li.main {margin:25px 0px 8px 0px; font-size:17px; font-weight:bold;}
ul.sitemap li.sougou {list-style-type:square;}
ul.sitemap li.ex {list-style-type:square; margin-top:8px; font-weight:normal;}
ul.sitemap li.ex_top {margin-top:35px;}
ul.sitemap li.joyfit {color:#1f2c5c;}
ul.sitemap li.joyfit a {color:#1f2c5c!important;}
ul.sitemap li.joyfit24 {color:#c21632;}
ul.sitemap li.joyfit24 a {color:#c21632!important;}
ul.sitemap li.yoga {color:#007f86;}
ul.sitemap li.yoga a {color:#007f86!important;}
ul.sitemap li .logo {margin-right:10px; vertical-align:-13px;}
.sitemap_f ul.sitemap {margin-left:15px; margin-right:40px; float:left;}