@charset "utf-8";

p { color:#fff; font-size:14px; }

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




/*-------------------------------------header*/
#sp_contents {
	background:#000000;
	text-align:left;
	
}

#sp_contents #sp_contents_in {
	background:#000000 url(../images/jj/header_bg.jpg) no-repeat center top ;
	padding:0 0 10px;
	
}

#sp_contents #sp_header {
	width:1052px;
	margin:0 auto;
}

#sp_contents #sp_header .lead {
	background:url(../images/jj/lead_bg.jpg) no-repeat center top ;
	padding:0px 50px 10px;
	text-align:left;
}

#sp_contents #sp_header .lead p {
	line-height:1.4em;
	
}

#sp_contents #sp_header .sp_menu {
	background:url(../images/jj/menu_bg.jpg) no-repeat center top ;
	
}

#sp_contents #sp_header ul {
	overflow:hidden;
	width:948px;
	margin:0 auto;
	
}

#sp_contents #sp_header ul li{
	float:left;
	width:237px;
	height:91px;
}


/*-------------------------------------main*/


#sp_contents #sp_main {
	width:1052px;
	margin:0 auto;
}

#sp_contents #m1 .m1_lead {
	background:url(../images/jj/m1_lead.gif) no-repeat center top ;
	padding:20px 0 0;
	height:81px;/*101px*/
}

#sp_contents #m1 .m1_lead p {
	width:950px;
	margin:0 auto;
}

#sp_contents #m1 .m1_contents .m1_contents_area01 {
	background:url(../images/jj/m1_img01.png) no-repeat center top ;
	height:330px;
	position:relative;
}

#sp_contents #m1 .m1_contents .m1_contents_area01 p {
	width:640px;
	position:absolute;
	top:60px;
	left:360px;
}

#sp_contents #m1 .m1_contents .m1_contents_area02 {
	background:url(../images/jj/m1_img02.png) no-repeat center top ;
	height:367px;
	position:relative;
}

#sp_contents #m1 .m1_contents .m1_contents_area02 p {
	width:460px;
	position:absolute;
	top:90px;
	left:360px;
}

#sp_contents #m1 .m1_contents .m1_contents_area03 {
	background:url(../images/jj/m1_img03.png) no-repeat center top ;
	height:390px;
	position:relative;
	margin:0 0 -20px 0;
}

#sp_contents #m1 .m1_contents .m1_contents_area03 p {
	width:460px;
	position:absolute;
	top:60px;
	left:50px;
}



/*-------------------------------------診断*/

#sp_contents #m1 #jj_chart {
	/*background:url(../images/jj/chart/chart_bg.jpg) no-repeat center top ;*/
	height:350px;/*350px */
	padding:0 0 0;
	position:relative;
}

#sp_contents #m1 #shindanBox  {
	background:url(../images/jj/chart/chart_area_bg.png) no-repeat center top ;
	width:838px;
	height:335px;
	margin:0 auto;
	text-align:center;
}

#shindanTitle {
	padding: 30px 0 0;
	text-align: center;
}

#shindanTitle img.chart_text{
	margin:0 0 10px;
}
#shindanTitle a img:hover {
	filter: alpha(opacity=70);-ms-filter: "alpha(opacity=70)";-moz-opacity:0.70;opacity:0.70;
}

#shindanQ {
	padding: 70px 0 0;
	text-align: center;
}

#shindanQ .question img {
	margin:0 0 0 -40px;
}

#shindanQ #shindanQ3 .question img {
	margin:0 0 0 -20px;
}

#shindanQ #shindanQ4 .question img {
	margin:0 0 0 -30px;
}

.question {
	margin-bottom: 40px;
}
#shindanQ input {
	display: none;
}
#shindanQ label {
	cursor: pointer;
}
.yesnoBtn img:hover {
	filter: alpha(opacity=70);-ms-filter: "alpha(opacity=70)";-moz-opacity:0.70;opacity:0.70;
}

#shindanQ #shindan_answer01 .answer_area{
	background:url(../images/jj/chart/chart_area_fringe.png) no-repeat center top ;
	margin:-70px 0 0  0;
	height:335px;
}

#shindanQ #shindan_answer02 .answer_area{
	background:url(../images/jj/chart/chart_area_alcatraz.png) no-repeat center top ;
	margin:-70px 0 0  0;
	height:335px;
}

#shindanQ #shindan_answer03 .answer_area{
	background:url(../images/jj/chart/chart_area_person.png) no-repeat center top ;
	margin:-70px 0 0  0;
	height:335px;
}

#shindanQ .btn_return{
	position:absolute;
	top:265px;
	left:520px;
	
}




/*-------------------------------------インタビュー*/

#sp_contents #m1 .jj_interview {
	background:url(../images/jj/chart/interview_bg.gif) no-repeat center top ;
	width:1052px;
	height:203px;
}


#sp_contents #m1 .jj_interview img {
	width:799px;
    margin:20px auto;
	display:block;
}


/*-------------------------------------フッター*/


#sp_contents #sp_footer ul {
	width:990px;
	overflow:hidden;
	margin:10px auto;
}

#sp_contents #sp_footer ul li {
	float:left;
	margin:0 16px 0 0;
}

#sp_contents #sp_footer ul li.rSide {
    margin:0 0 0 0;
}


#sp_contents #sp_footer img.jj_banner {
	clear:both;
    margin:0 auto;
	display:block;
}

#sp_contents #sp_footer p.copyright {
	text-align:center;
	margin:10px 0;
}