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

/*=========================================================
 *
 *	css file for "www.aaaaaaa.com"
 *	file name : rwd/sp.css
 *
=========================================================*/

@media screen and (max-width: 569px) {

	.sp_show { display: initial !important; }
	.sp_hide { display: none !important; }

/*-------------container-------------------*/
div#container {
	width: 100%;
	max-width: 1024px;
}


/*-------------header-------------------*/
header#header {
	width: 100%;
	height: auto;
	padding-top: 0px;
	background-image: none;
	border-top: 3px solid #3aa537;
}

div#logo { padding-top: 10px; }

div#h_wrap {
	padding-top: 0px;
	padding-bottom: 23px;
	width: 100%;
	max-width: 1024px;
	margin: auto;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFED), color-stop(20%,#FFFFF5), color-stop(80%,#FFFFFD), color-stop(100%,#FFFFFF));
	
	box-shadow:0px 2px 3px rgba(0,0,0,0.2);
	margin-bottom: 5px;
}


div#h_wrap div.lrbox_l {
	width: 100%;
	padding-left: 0px;
	text-align: center;
	float: none;
	position: relative;
}

div#h_wrap div.lrbox_l div.img_l {
	position: absolute;
	left: 0;
	top: 0;
	width: 50px;
	height: 70px;
	background: url(../../sharedimg/bg/illust_header_l.png) no-repeat left top;	
}
div#h_wrap div.lrbox_l div.img_r {
	position: absolute;
	right: 0;
	top: 0;
	width: 90px;
	height: 61px;
	background: url(../../sharedimg/bg/illust_header_r.png) no-repeat left top;	
}


div#h_wrap div.lrbox_r {
	width: 0%;
	float: none;
	display: none;
}


/*-------------gnav-------------------*/
ul#gnav_pc {
	display: none;
}

ul#gnav_sp {
	display: block;
	text-align: center;
	margin-bottom: 10px;
	overflow: hidden;
}

ul#gnav_sp li {
	width: 50%;
	float: left;
}

ul#gnav_sp li a {
	width: auto;
	display: block;
	padding-top: 4px;
	height: 40px;
	margin: auto;
	text-decoration: none;
	color: #54492d;
	font-size: 16px;
	border-top: 1px solid #e4e1c4;
}

ul#gnav_sp li a.tl { padding-top: 11px; height: 33px }
ul#gnav_sp li a.side { border-right: 1px solid #e4e1c4; }
ul#gnav_sp li a.bottom { padding-top: 11px; height: 33px; border-bottom: 1px solid #e4e1c4; }
ul#gnav_sp li a:hover { background: #fff; }
ul#gnav_sp li a span {
	display: block;
	font-size: 11px;
	padding-bottom: 4px;
}


ul#gnav_sp li#intro a {
	background: url(../../sharedimg/icon/icon_intro.gif) no-repeat 8px 50%, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFED), color-stop(20%,#FFFFF5), color-stop(80%,#FFFFFD), color-stop(100%,#FFFFFF));	
}
ul#gnav_sp li#intro a.selected,
ul#gnav_sp li#intro a:hover {
	background: #64b386 url(../../sharedimg/icon/icon_intro_hover.gif) no-repeat 8px 50%;
	color: #fff;
}

ul#gnav_sp li#training a {
	background: url(../../sharedimg/icon/icon_training.gif) no-repeat 8px 50%, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFED), color-stop(20%,#FFFFF5), color-stop(80%,#FFFFFD), color-stop(100%,#FFFFFF));	
}
ul#gnav_sp li#training a.selected,
ul#gnav_sp li#training a:hover {
	background: #64b386 url(../../sharedimg/icon/icon_training_hover.gif) no-repeat 8px 50%;
	color: #fff;
}

ul#gnav_sp li#course a {
	background: url(../../sharedimg/icon/icon_course.gif) no-repeat 8px 50%, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFED), color-stop(20%,#FFFFF5), color-stop(80%,#FFFFFD), color-stop(100%,#FFFFFF));	
}
ul#gnav_sp li#course a.selected,
ul#gnav_sp li#course a:hover {
	background: #64b386 url(../../sharedimg/icon/icon_course_hover.gif) no-repeat 8px 50%;
	color: #fff;
}

ul#gnav_sp li#colums a {
	background: url(../../sharedimg/icon/icon_colums.gif) no-repeat 8px 50%, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFED), color-stop(20%,#FFFFF5), color-stop(80%,#FFFFFD), color-stop(100%,#FFFFFF));	
}
ul#gnav_sp li#colums a.selected,
ul#gnav_sp li#colums a:hover {
	background: #64b386 url(../../sharedimg/icon/icon_colums_hover.gif) no-repeat 8px 50%;
	color: #fff;
}

ul#gnav_sp li#text a {
	background: url(../../sharedimg/icon/icon_text.gif) no-repeat 8px 50%, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFED), color-stop(20%,#FFFFF5), color-stop(80%,#FFFFFD), color-stop(100%,#FFFFFF));	
}
ul#gnav_sp li#text a.selected,
ul#gnav_sp li#text a:hover {
	background: #64b386 url(../../sharedimg/icon/icon_text_hover.gif) no-repeat 8px 50%;
	color: #fff;
}

ul#gnav_sp li#teacher a {
	background: url(../../sharedimg/icon/icon_teacher.gif) no-repeat 8px 50%, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFED), color-stop(20%,#FFFFF5), color-stop(80%,#FFFFFD), color-stop(100%,#FFFFFF));	
}
ul#gnav_sp li#teacher a.selected,
ul#gnav_sp li#teacher a:hover {
	background: #64b386 url(../../sharedimg/icon/icon_teacher_hover.gif) no-repeat 8px 50%;
	color: #fff;
}

ul#gnav_sp li#event a {
	background: url(../../sharedimg/icon/icon_event.gif) no-repeat 8px 50%, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFED), color-stop(20%,#FFFFF5), color-stop(80%,#FFFFFD), color-stop(100%,#FFFFFF));	
}
ul#gnav_sp li#event a.selected,
ul#gnav_sp li#event a:hover {
	background: #64b386 url(../../sharedimg/icon/icon_event_hover.gif) no-repeat 8px 50%;
	color: #fff;
}

ul#gnav_sp li#contact a {
	background: url(../../sharedimg/icon/icon_contact.gif) no-repeat 8px 50%, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFED), color-stop(20%,#FFFFF5), color-stop(80%,#FFFFFD), color-stop(100%,#FFFFFF));	
}
ul#gnav_sp li#contact a.selected,
ul#gnav_sp li#contact a:hover {
	background: #64b386 url(../../sharedimg/icon/icon_contact_hover.gif) no-repeat 8px 50%;
	color: #fff;
}

/* added 2015-8-7 */
ul#gnav_sp li#ability a {
	background: url(../../sharedimg/icon/icon_ability.gif) no-repeat 8px 50%, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFED), color-stop(20%,#FFFFF5), color-stop(80%,#FFFFFD), color-stop(100%,#FFFFFF));	
}
ul#gnav_sp li#ability a.selected,
ul#gnav_sp li#ability a:hover {
	background: #64b386 url(../../sharedimg/icon/icon_ability_hover.gif) no-repeat 8px 50%;
	color: #fff;
}


/*-------------topicpath-------------------*/
div#topicpath { line-height: 1.8em; }
div#topicpath div.lrbox_l { width: 100%; float: none; text-align: center}
div#topicpath div.lrbox_r { width: 0%; display: none;}
div#topicpath a { /*display: none;*/ }
div#topicpath span { /*display: none;*/ }
div#topicpath h2 { color: #333; }

/*-------------content-------------------*/
div#content {
	border-right: none;
	border-left: none;
	padding: 5px 5px 10px 5px;		
}

/*
a#btn_egogram { background: none; }
a#btn_egogram_affinity { background: none; }
a#btn_stress { background: none; }
a#btn_sad { background: none; }
a#btn_affirmation { background: none; }
*/
    
/* added on 2015-11-13 */
.test-link > a {
	height: 230px;
}
a#btn_com { background-position: 0 50px !important; }
a#btn_egogram { background-position: 0 40px !important; }
a#btn_stress { background-position: 0 0 !important; }
a#btn_sad { background-position: 0 0 !important; }
a#btn_affirmation { background-position: 0 20px !important; }


/*-------------txt-------------------*/

div.txt {
	padding: 0 10px 20px 10px;
}
div.txt span {
}

div.txt p {
	padding-bottom: 10px;
	font-size: 14px;
	line-height: 1.6;
	letter-spacing: 0.1em;	
}

div.txt h4 {
	padding: 10px 0;
	font-size: 18px;
	letter-spacing: 0em;
	line-height: 1.8;
}
div.txt p.ttl {
	padding-bottom: 10px;	
	font-size: 18px;
}


/*----------------------------------------------------------*/
/*-----------------------shindan-----------------------------*/
/*----------------------------------------------------------*/

div.exp_box {
	width: 90%;
}

div#graph_affirmation {
}

div#point_affirmation {
}

div#graph_affirmation_sp {
	width: 280px;
	height: 240px;
	background: url(../../images/affirmation/okng_sp.gif) no-repeat left top;
	position: relative;
}

div#point_affirmation_sp {
	width: 10px;
	height: 10px;
}


p.ttl_sad_01 {
	font-size: 110%;
}
p.ttl_sad_02 {
	font-size: 110%;
}

div#graph_sad {
}

div#point_sad {
}

div#graph_sad_sp {
}

div#point_sad_sp {
}

.tbl_com {
}

.tbl_com p.ttl_q {
	font-size: 130%;
	padding-bottom: 20px;
}

.tbl_com p.list_01 {
	padding: 4px 2px;
	font-size: 100%;
}

.tbl_com li {
	text-align: left;
}

.tbl_com li.tbl_com_l {
	padding: 2% 5%;
	width: 90%;
	float: none;
}

.tbl_com li.tbl_com_r {
	padding: 2% 3%;
	width: 94%;
	float: none;
}



/* --------------   com_result --------------  */

table.com_result {
	margin-bottom: 5px;
}

table.com_result tr {
	font-size: 100%;
}
table.com_result tr td {
	padding: 10px 2%;
}


table.com_result tr td.td_l {
	width: 56%;
}

table.com_result tr td.td_r {
	width: 36%;
	text-align: center;
}



table.com_result tr td.orange {
	background: #FED8B7;
	color: #333;
}

table.com_result tr td.yellow {
	background: #FFF1C2;
	color: #333;
}

table.com_result tr td.blue {
	background: #D1E2F0;
	color: #333;
}

/*-------------btn_-------------------*/

div#btn_top{
	width: 80%;
}

div#btn_top a.btn_02 {
	width: 90%;
}

div#btn_top a.btn_02:hover {}



/*-------------footer-------------------*/
footer#footer {
	width: 100%;
}

footer#footer div#pagetop { display: none; }
div#pagetop div#btn_pagetop {}
div#pagetop div#btn_pagetop a {}
div#pagetop div#btn_pagetop a:hover {}


div#footercontainer { display: none; }
div#footercontainer div#nav {}
div#footercontainer div.section {}
div#footercontainer div.section a {}
div#footercontainer div.section a:hover {}
div#footercontainer div#nav:after {}
div#footercontainer div.section p {}
div#footercontainer div.section ul {}
div#footercontainer div.section ul li {}
div#footercontainer div#small {}
div#footercontainer div#small span {}
div#small a {}


div#footer_sp {
	display: block;
	background: #99ad9f;
	color: #fff;
	padding: 20px;
	margin-top: 50px;
}


h3.ftr {}


/*-------------mainvisual-------------------*/

div#mainvisual {
	width: auto;
	height: auto;
	position: initial;
	padding: 20px 10px;
}


div#mainvisual_form {
	/*display: none;*/
	background: none;
	height: 230px;
	display: none;
}

div#mainvisual_top {
	/*display: none;*/
	background: none;
	display: none;
}

div#mainvisual p.txt_box {
	position: initial;
	padding-bottom: 20px;
	text-align: left;
}

div#mainvisual div.btn_box {
	position: initial;
}

div#mainvisual form {
	position: absolute;
	width: 100%;
	left: 40px;
	top: 300px;
}

/*------------------loginform------------------*/

div#form_login_base {
	width: 92%;
	
	height: 220px;
	position: initial;
	/*top: 10px;
	right: 10px;*/
	background: #FFF0D7;
	border: 0px solid #ccc;
	padding: 2% 4% 0 4%;
	margin: auto;
}


/*------------------tool_bar------------------*/

div#tool_bar {}
div#tool_bar div.tbox {}
div#tool_bar div.tbox span {}
div#tool_bar div.tbox a { text-decoration: none; }

div#tool_bar div.tool_bar_l {
	/*width: 50%;
	float: left;
	text-align: left;*/
	width: 40%;
}
div#tool_bar div.tool_bar_r {
	width: 60%;
	text-align: right;
}




div.grid_01 {
	width: auto;
	background: url(../../sharedimg/bg/bg_grid_01.gif) repeat;
	padding: 10px 10px 10px 10px;
}

div.grid_02 {
	width: auto;
	background: url(../../sharedimg/bg/bg_grid_01.gif) repeat;
	padding-top: 50px;
}

div.grid_01_content {
	background: #fff;
	padding: 10px;
	margin-bottom: 20px;
}

div.grid_02_content {
}


div.grid_03_content_l {
	margin-right: 0%;
	margin-bottom: 20px;
}

div.grid_03_content_in {
	padding: 10px 10%;
}


div.grid_03_content_r {
	margin-left: 0%;
	margin-bottom: 20px;	
}


p.ttl04 {
	padding: 4px 0px 4px 10px;;
}

p.ttl05 {
	font-size: 120%;
	padding-bottom: 10px;
}

/*sign in login etc */ 

p.ttl06 {
	font-size: 120%;
	padding-bottom: 10px;
}
 
p.exp02 {
	width: 90%;
	font-size: 90%;
}


/* form */
/* -------------------------------------------------- */

div#form {
}

div#form p {
}


input.form_text {
}

input.form_text2 {
}

input.form_text3 {
}

input.form_text4 {
	padding: 4px 2px;
	width: 70%;
	font-size: 14px;
}


div#form textarea {
}




textarea.form_textarea1 {	
	width: 90%;
	height: 120px;
}




/* -------------------------------------------------- */


ul#wrap_com_graph {}

ul#wrap_com_graph li.com_graph_l { width: 100%; }

ul#wrap_com_graph li.com_graph_r { width: 80%; padding: 10%; }



div.ttl_top { width: auto; background: none; }
div.ttl_egogram { width: auto; background: url(../../sharedimg/bg/bg_green.png) repeat; }
div.ttl_egogram_affinity { width: auto; background: url(../../sharedimg/bg/bg_blue.png) repeat; }
div.ttl_stress { width: auto; background: url(../../sharedimg/bg/bg_yellow.png) repeat; }
div.ttl_affirmation { width: auto; background: url(../../sharedimg/bg/bg_green.png) repeat; }
div.ttl_sad { width: auto; background: url(../../sharedimg/bg/bg_blue.png) repeat; }
div.ttl_com { width: auto; background: url(../../sharedimg/bg/bg_yellow.png) repeat; }
div.ttl_bigfive { width: auto; background: url(../../sharedimg/bg/bg_pink.png) repeat; }




/*-------------grid_21-------------------*/
ul.grid_21 {
}

ul.grid_21 li {
	display: block;
	width: 100%;
	float: none;
	clear: both;
}

/*-------------grid_31-------------------*/
ul.grid_31 {
}

ul.grid_31 li {
	display: block;
	width: 100%;
	padding-right: 0%;
	float: none;
}

ul.grid_31 li.side {}

ul.grid_31 li.side {
	padding-right: 0;
}


ul.grid_31 li a {
	height: auto;
	background: #FFC !important;	
}


/*-------------tbl_41-------------------*/

ul.tbl_41 {}

ul.tbl_41 li {  }
ul.tbl_41 li.tb_01 { width: 100%; clear: both; text-align: left; padding-bottom: 10px; font-weight: bold; }
ul.tbl_41 li.tb_02 { width: 29%; }
ul.tbl_41 li.tb_03 { width: 29%; }
ul.tbl_41 li.tb_04 { width: 42%; }
ul.tbl_41.big5 li.tb_02 { width: 33%; }
ul.tbl_41.big5 li.tb_03 { width: 33%; }
ul.tbl_41.big5 li.tb_04 { width: 33%; }


	ul.tbl_41_0 { display: none; }
	ul.tbl_41_0 li {}
	ul.tbl_41_0 {}
	ul.tbl_41_0 li.tb_01 {}
	ul.tbl_41_0 li.tb_02 {}
	ul.tbl_41_0 li.tb_03 {}
	ul.tbl_41_0 li.tb_04 {}


/*-------------tbl_51-------------------*/

ul.tbl_51 {}

ul.tbl_51 li { text-align: center; }
ul.tbl_51 li.tb_01 { width: 100%; clear: both; padding-bottom: 10px; font-weight: bold; }
ul.tbl_51 li.tb_02 { width: 25%; }
ul.tbl_51 li.tb_03 { width: 25%; }
ul.tbl_51 li.tb_04 { width: 25%; }
ul.tbl_51 li.tb_05 { width: 25%; }

ul.tbl_51 li.tb_02,
ul.tbl_51 li.tb_03,
ul.tbl_51 li.tb_04,
ul.tbl_51 li.tb_05
{
	font-size: 80%;
}

	ul.tbl_51_0 { display: none; }
	ul.tbl_51_0 li {}
	ul.tbl_51_0 {}
	ul.tbl_51_0 li.tb_01 {}
	ul.tbl_51_0 li.tb_02 {}
	ul.tbl_51_0 li.tb_03 {}
	ul.tbl_51_0 li.tb_04 {}
	ul.tbl_51_0 li.tb_05 {}


/*-------------tbl_61-------------------*/

ul.tbl_61 {}

ul.tbl_61 li { text-align: center; }
ul.tbl_61 li.tb_01 { width: 100%; clear: both; padding-bottom: 10px; font-weight: bold; }
ul.tbl_61 li.tb_02 { width: 20%; }
ul.tbl_61 li.tb_03 { width: 20%; }
ul.tbl_61 li.tb_04 { width: 20%; }
ul.tbl_61 li.tb_05 { width: 20%; }
ul.tbl_61 li.tb_06 { width: 20%; }

ul.tbl_61 li.tb_02,
ul.tbl_61 li.tb_03,
ul.tbl_61 li.tb_04,
ul.tbl_61 li.tb_05,
ul.tbl_61 li.tb_06
{
	font-size: 100%;
}

ul.tbl_61 li.tb_02 p,
ul.tbl_61 li.tb_03 p,
ul.tbl_61 li.tb_04 p,
ul.tbl_61 li.tb_05 p,
ul.tbl_61 li.tb_06 p
{
	line-height: 0.5em !important;
}

	ul.tbl_61_0 { display: none; }
	ul.tbl_61_0 li {}
	ul.tbl_61_0 {}
	ul.tbl_61_0 li.tb_01 {}
	ul.tbl_61_0 li.tb_02 {}
	ul.tbl_61_0 li.tb_03 {}
	ul.tbl_61_0 li.tb_04 {}
	ul.tbl_61_0 li.tb_05 {}
	ul.tbl_61_0 li.tb_06 {}




/*==================================================================================================*/
/*  result page */
/*==================================================================================================*/

ul#wrap_result {
	padding: 10px 10px;
	background: #fff;
}

div.exp {
	padding: 10px 20px;
}

/*------------------ note ------------------------------*/

div.bg_note {}
div.bg_note a {}
div.bg_note p {}
div.bg_note p.ttl {}
div.bg_note p.ttl02 {}


/*ilstbox_l*/
div.ilstbox_l {
}
	div.ilstbox_l div.ilstbox_l_r {
		width: 100%;
		float: none;
	}
	div.ilstbox_l div.ilstbox_l_l {
		width: 100%;
		float: none;
	}

/*ilstbox_r*/
div.ilstbox_r {
}
	div.ilstbox_r div.ilstbox_r_l {
		width: 100%;
		float: none;
	}
	div.ilstbox_r div.ilstbox_r_r {
		width: 100%;
		float: none;
	}


.bdr_brown {
	padding: 1% 2%;
	text-align: center;
	margin: auto;
	width: 96%;
}

.bdr_brown_2 {
	padding: 2px 4px;
}

/*div#social {
	background: url(../../sharedimg/bg/bg_wood.gif) repeat;
	width: 92%;
	margin: auto;
	padding: 10px 4%;
}*/

	/*----------- social -----------*/
	
	div#social { height: 90px; }
	
	div#social ul {}
	
	div#social ul li {}
	

p.ttl03 {
	font-size: 14px !important;
}



/*==================================================================================================*/
/*  egogram */
/*==================================================================================================*/


/*-------------------------------graph_table-------------------------------*/

table.graph_table {}
table.graph_table tr td {}
table.graph_table tr td.space_01 {}
table.graph_table tr td.space_02 {}

/*----------------graph_table_2------------------*/

table.graph_table_2 {}
table.graph_table_2 tr td {}

/*----------------graph------------------*/

div.graphwrap {}
div.graphwrap div.graph {}
div.graphwrap:after {}
div.graphwrap div.graph img {}


	

/*--------- clearfix   --------- */

ul#gnav_pc:after,
ul#gnav_sp:after
{
display:block; clear:both; height:0; visibility:hidden; content:"."; 
}



/* Objective parts */
/* -------------------------------------------------- */




}/* end media*/