@charset "UTF-8";
/* CSS Document */

#interviewer_contents4_wrapper{width:800px; margin:30px auto 0; position: relative; font-size:16px ; line-height:26px ;}
#interviewer_contents4_title{
	width:100%;
	height:238px;
	margin: 0 0 10px 0 ;
	background:
	url(../../img/interviewer/iv_4_title1.png),
	url(../../img/interviewer/iv_4_title2.png),
	url(../../img/interviewer/iv_1_titleback.png);
	background-repeat: 
	no-repeat,
	no-repeat,
	repeat;
	background-position:
	50% 15%,
	50% 91%,
	0 0;
	 text-indent:100%; white-space:nowrap; overflow:hidden;
}
#interviewer_contents4_text1{
	background-color:#ffffff ;
	width:800px; 
	margin:20px 0;
	overflow: hidden ;
}


#interviewer_contents4_text2{
	background:url(../../img/interviewer/iv_2_br_bl_str.png) ;
	text-align:center ;
	width:800px; 
	height: 530px ;
	margin:20px 0;
	overflow:hidden; 
}

#interviewer_contents4_text3{
	background:url(../../img/interviewer/iv_2_br_bl_str.png) ;
	text-align:center ;
	width:800px; 
	height: 370px ;
	margin:20px 0;
}


.interviewer_contents4_text1_1{
	float:left ;
	margin: 20px 0 20px 20px ;
}

.interviewer_contents4_text1_2{
	float:right ;
	width:426px ;
	background-color: #ffffff ;
	margin: 20px 20px 20px 0 ;
}

.interviewer_contents4_text1_2 div{
	border-top: solid 2px #3245AD;
	border-bottom: solid 2px #3245AD;
}


.interviewer_contents4_text1_2 p{
	font-size:20px ;
	color:#3245AD ;
	font-weight:600 ;
	line-height:36px ;
	text-align:center ;
	margin:14px ;
}

.interviewer_contents3_text1_2 div{
	margin:20px ;
}



.interviewer_contents4_main_frame {
	width: 800px;
	text-align:center ;
}

#interviewer_contents4_main_frame1 {
	height: 580px;
	background-image: url(../../img/interviewer/iv_3_bg_blue1.jpg);
	margin: 0;
}
#interviewer_contents4_main_frame2 {
	background-color: #ebebeb;
	display:block ;
	margin-top: 60px;
	margin-bottom: 35px ;
}
.interviewer_contents4_frame_title {
	text-align: center;
	height: 60px;
}

.interviewer_contents4_frame_title2 {
	background-image: url(../../img/interviewer/iv_3_bg_blue1.jpg);
	text-align: center;
	height: 60px;
	display:block;
}

#interviewer_contents4_main_frame2:hover {
	margin-top:65px ;
	margin-bottom: 20px ;
}

.interviewer_contents4_frame_title img {
	height: 26px;
	margin-top: 13px;
}

.interviewer_contents4_frame_title2 img {
	height: 36px;
	margin-top: 13px;
}

.interviewer_contents4_frame_inner {
	width: 760px;
	height: 500px;
	margin: 0 20px;
	background-color: #ffffff;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

.interviewer_contents4_frame_inner2 {
	width: 800px;
	height: 810px;
	margin: 0 0;
	padding:0 0;
	background-color: #ebebeb;
	display:none;
}


#interviewer_contents4_last_comment{
	font-size: 16px ;
	line-height:30px ;
	text-align:left ;
	width:700px ;
	margin: 30px 50px 30px 50px ;
	padding:0 ;
}

.qinner{
	height:410px ;
	margin-top: 40px ;
}


.ques{
	font-size:46px;
	font-weight:900 ;
	line-height:50px ;
	color:#3245ad;
	}
	
.diag{
	font-size:20px ;
	font-weight:600 ;
	margin:10px ;
}

.count1{
	width:212px ;
	height:20px ;
	background:url(../../img/interviewer/iv_4_check_count.png) no-repeat ;
	background-position: 0 0 ;
	margin-left:260px ;
}

.count2{
	width:212px ;
	height:20px ;
	background:url(../../img/interviewer/iv_4_check_count.png) no-repeat ;
	background-position: 0 -20px ;
	margin-left:260px ;
}

.count3{
	width:212px ;
	height:20px ;
	background:url(../../img/interviewer/iv_4_check_count.png) no-repeat ;
	background-position: 0 -40px ;
	margin-left:260px ;
}

.count4{
	width:212px ;
	height:20px ;
	background:url(../../img/interviewer/iv_4_check_count.png) no-repeat ;
	background-position: 0 -60px ;
	margin-left:260px ;
}

.count5{
	width:212px ;
	height:20px ;
	background:url(../../img/interviewer/iv_4_check_count.png) no-repeat ;
	background-position: 0 -80px ;
	margin: 10px 0 0 260px ;
}

.count6{
	width:212px ;
	height:20px ;
	background:url(../../img/interviewer/iv_4_check_count.png) no-repeat ;
	background-position: 0 -100px ;
	margin-left:260px ;
}

.count7{
	width:212px ;
	height:20px ;
	background:url(../../img/interviewer/iv_4_check_count.png) no-repeat ;
	background-position: 0 -120px ;
	margin-left:260px ;
}


ul.check{
    list-style: none;
    margin: 16px 0px 0px 2px;
    padding: 0px;
}

ul.check {
    list-style: none;
    margin: 16px 0px 0px 2px;
    padding: 0px;
}

ul.check li {
	font-size:34px ;
	font-weight:900 ;
    padding: 17px 0px 0px  0px ;
    background: url(../../img/interviewer/iv_4_check_button.png) no-repeat 0 0;
    width: 694px;
    height: 46px;
    _width: 694px;
    _height: 46px;
    cursor:pointer;
    color:#fff;
	margin-left:30px ;
}

.q_men {
    background: url(../../img/interviewer/iv_4_men_button.png) no-repeat 0 0 !important;
    width: 332px !important;
    height: 219px !important;
    cursor:pointer !important;
	margin-left:30px !important ;
	float: left ;
}

.q_women {
    background: url(../../img/interviewer/iv_4_women_button.png) no-repeat 0 0 !important;
    width: 332px !important;
    height: 219px !important;
    cursor:pointer !important;
	margin-left:30px !important ;
	float: left ;
}

.q_men:hover {
    background: url(../../img/interviewer/iv_4_men_button.png) no-repeat 0 -240px !important;
}

.q_women:hover {
    background: url(../../img/interviewer/iv_4_women_button.png) no-repeat 0 -240px !important;
}

ul.check li span{
	font-size:30px ;
	font-weight:700 ;
}
	
ul.check li:hover {
    background-position: 0px -65px;
}
	
ul li.selected {
    background-position: 0px -130px;
	cursor:default ;
}

#quize_area  {
    overflow:hidden;
    width:760px;
    height:570px;
}



#qcontainer{
		margin:0px 0px 0px 0px;
		width:6850px;
		position:relative; 
}

.qBox {
    width:760px;
    margin:0px 50px 0px 0px;
    height:500px;
    float:left;
	border-radius: 10px;	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
  background-color: #fff;
}

#resultBox{
	width:760px;
	height:500px;
	margin:0px 0px 0px 0px;
	padding: 0 ;
}

#resultYou{
	width:270px;
	height:53px;
	margin:412px 0 0 -313px;
	padding: 0 ;
	float:left ;
	background-color:#ffffff ;
}

/*#resultTitle{
	margin:44px 0px 0px 20px;
	width:400px;
	float:left;
	font-size:18px;
	height:18px;
}*/
#resultPoint{
	width:270px ;
	text-align:center ;
	color:#3245ad;
	font-family: Arial, Helvetica, sans-serif;
	font-size:150px;
	font-weight:900;
	float:left ;
	margin:120px 0px 0px 80px ;
	padding: 0 ;
}
/*#resultLeft{
	float:left;
	margin:20px 0px 0px 20px;
}
#resultText{
	width:290px;
	height:180px;
	font-size:12px;
	line-height:1.5;
	color:#666;
}
#resultImage{
	width:252px;
	height:217px;
	float:right;
	margin:15px 20px 0px 0px;
	background: url(../../img/interviewer/iv_4_lv4.png) no-repeat 0 0;
}*/
#againButton{
	float:right ;
	margin:452px 30px 0px 0px;
	width:234px;
	height:48px;
	background: url(../../img/interviewer/iv_4_again_button.png) no-repeat 0 0;
	cursor:pointer;
}

#againButton:hover{
	background-position: 0px -48px;
}

/* 繧ｿ繝� */

#tabMenu ul{
    width:703px;
	margin-left:50px ;
	height:40px ;
    }
#tabMenu li{
    float:left;
	font-size:22px ;
	color:#ffffff ;
    }

#tabMenu li a{
	color:#ffffff ;
    display:block;
    width:172px;
    height:40px;
    line-height:40px;
    text-align:center;
	text-decoration: none ;
}

#tabMenu li a span{
	font-size:18px ;
}

#tabMenu li:hover{
	filter:brightness(115%);
}

#tab_1{
	background-color:#419eff ;
	margin-left:50px ;
}


#tab_2{
	background-color:#00bdc4 ;
	margin-left:1px ;
}

#tab_3{
	background-color:#f7bbcd ;
	margin-left:1px ;
}

#tab_4{
	background-color:#ec736f ;
	margin-left:1px ;
}

#tabBox1,#tabBox2,#tabBox3,#tabBox4{
    width:760px;
    height: 492px;
	background-color: #ffffff ;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;

    }
#tabBox1{
	margin-left:20px ;
}

#tabBox2{
	margin-left:20px ;
    display:none;
}
#tabBox3{
	margin-left:20px ;
    display:none;
}
#tabBox4{
	margin-left:20px ;
    display:none;
}

#chart_div_1_1, #chart_div_1_2, #chart_div_2_1, #chart_div_2_2,#chart_div_3_1, #chart_div_3_2, #chart_div_4_1, #chart_div_4_2{float:left; font-size:14px; line-height:14px ; width:370px !important; margin-bottom:14px ; overflow: hidden;}

#chart_div_1_3, #chart_div_1_4, #chart_div_2_3, #chart_div_2_4,#chart_div_3_3, #chart_div_3_4, #chart_div_4_3, #chart_div_4_4{float:left; width:370px !important; overflow: hidden;}

g g{width:70px ; overflow:inherit ;}

g g text{font-size: 11px; _letter-spacing:-1px ; *letter-spacing:-1px ; letter-spacing:-1px\9 ; letter-spacing:-1px\0/ ; width:70px ; overflow:inherit ;}

body:first-of-type g g text{
	letter-spacing:-1px ;
}

.content{
	width:720px ;
	}


.content p.content1{
	float:left ;
	display:block ;
	font-size:14px ;
	width:340px ;
	height:65px ;
	float:left ;
	text-align:left ;
	color:#666 ;
	margin-left: 30px ; 
	}
.content p.content2{
	float:left ;
	display:block ;
	font-size:14px ;
	width:320px ;
	height:65px ;
	float:left ;
	text-align:left ;
	color:#666 ;
	margin-left: 30px ; 
	}
	
	.content p.content3{
	float:left ;
	display:block ;
	font-size:14px ;
	width:390px ;
	height:65px ;
	float:left ;
	text-align:left ;
	color:#666 ;
	margin-left: 30px ; 
	}
.content p.content4{
	float:left ;
	display:block ;
	font-size:14px ;
	width:280px ;
	height:65px ;
	float:left ;
	text-align:left ;
	color:#666 ;
	margin-left: 30px ; 
	}

.content_exe{
	float:left; font-size:12px; line-height:14px ;  color: #666 ; 
	margin-left:30px ;
}

#tabBoxes div div div {
	display:block ; 
	width:500px ;
	height:200px ;
	border:1px solid #ccc ;
	}

#tabBoxes div div div p, #tabBoxes div div div img{
	display:block ; 
	float:left;
	width:200px ;
}


.full_content {
	width:760px;
	height:380px;
	position:relative;
	margin:10px auto;
	clear:both;
}
.menu{
	font-size:22px ;
	color:#ffffff ;
    display:block;
    width:172px;
    height:30px;
    line-height:30px;
    text-align:center;
	text-decoration: none ;
	background:#9C9;
	float:left;
	list-style:none;
	padding:10px 0 0;
	margin-left:2px;
	text-align:center;
	display:block;
	cursor: pointer;
}

.menu span{
	font-size:18px ;
}

.menu:first-child {
	margin-left:0;
}
.menu:hover{
	filter:brightness(115%);
}
.active, .hover {
	filter:brightness(115%);
}
.content {
    width:740px;
    height: 492px;
	background-color: #ffffff ;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	top:40px;
	left:0;
	padding:10px;
	position:absolute;
}
#tojob {
position: fixed;
bottom: 50px;
right: 50px;
z-index: 1000;
}