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

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


	.pc_show { display: initial !important; }
	.pc_hide { display: none !important; }


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

/*-------------header-------------------*/
header#header {
	width: 100%;
	height: 170px;
	padding-top: 15px;
	padding-bottom: 17px;
	
	background-image: url(../../sharedimg/bg/bg_header_illust.gif);
	background-position: center top; 
	background-repeat: repeat-x;

	font-family:"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka",Verdana,Arial, Helvetica, sans-serif;
	text-align: center;
}

div#logo {}

div#h_wrap {
	padding-top: 7px;
	padding-bottom: 16px;
	width: 100%;
	max-width: 1024px;
	margin: auto;
}

div#h_wrap div.lrbox_l {
	text-align: left;
	width: 48%;
	padding-left: 2%;
}
div#h_wrap div.lrbox_r {
	background: url(../../sharedimg/bg/illust_header_r.png) no-repeat left top;
}


div#h_wrap div.lrbox_l div.img_l {}
div#h_wrap div.lrbox_l div.img_r {}
div#h_wrap div.lrbox_r {}



/*-------------gnav-------------------*/
ul#gnav_pc {
	display: block;
	width: 1024px;
	margin: auto;
}

ul#gnav_pc li {
	width: 128px;
	height: 106px;
	float: left;
}

ul#gnav_pc li a {
	display: block;
	width: 128px;
	height: 106px;
	text-indent: -9999px;
	background: url(../../sharedimg/gnav/btn_gnav.gif) no-repeat top left;
}

ul#gnav_pc li#home a { background-position: 0 0; }
ul#gnav_pc li#home a:hover { background-position: 0 -106px; }
ul#gnav_pc li#home a.selected { background-position: 0 -106px; }


ul#gnav_pc li#course a { background-position: -128px 0; }
ul#gnav_pc li#course a:hover { background-position: -128px -106px; }
ul#gnav_pc li#course a.selected { background-position: -128px -106px; }

ul#gnav_pc li#text a { background-position: -256px 0; }
ul#gnav_pc li#text a:hover { background-position: -256px -106px; }
ul#gnav_pc li#text a.selected { background-position: -256px -106px; }


ul#gnav_pc li#training a { background-position: -384px 0; }
ul#gnav_pc li#training a:hover { background-position: -384px -106px; }
ul#gnav_pc li#training a.selected { background-position: -384px -106px; }

ul#gnav_pc li#ability a { background-position: -512px 0; }
ul#gnav_pc li#ability a:hover { background-position: -512px -106px; }
ul#gnav_pc li#ability a.selected { background-position: -512px -106px; }

ul#gnav_pc li#colums a { background-position: -640px 0; }
ul#gnav_pc li#colums a:hover { background-position: -640px -106px; }
ul#gnav_pc li#colums a.selected { background-position: -640px -106px; }

ul#gnav_pc li#event a { background-position: -768px 0; }
ul#gnav_pc li#event a:hover { background-position: -768px -106px; }
ul#gnav_pc li#event a.selected { background-position: -768px -106px; }

ul#gnav_pc li#teacher a { background-position: -896px 0; }
ul#gnav_pc li#teacher a:hover { background-position: -896px -106px; }
ul#gnav_pc li#teacher a.selected { background-position: -896px -106px; }


ul#gnav_sp {
	display: none;
}


/*-------------topicpath-------------------*/
div#topicpath {
	width: 100%;
	font-size: 10px;
	color: #999;
	display: block;
}
div#topicpath div.lrbox_l { text-align: left; }
div#topicpath div.lrbox_r { text-align: right; }
div#topicpath a { text-decoration: none; color: #333; }
div#topicpath span { display: inline; }
div#topicpath h2 {}

div#topicpath br {
	display: block;
	height: 20px;
	background: #60F;
}

/*-------------content-------------------*/
div#content {
	background: #fff;
	width: auto;
	border: 1px solid #ccc;
	padding: 25px 25px 25px 25px;
	margin-bottom: 50px;
}
	
	
a#btn_egogram { background: url(../../images/egogram/illust_egogram.gif) no-repeat 20px 200px; }
a#btn_egogram_affinity { background: url(../../images/egogram_affinity/illust_egogram_affinity.gif) no-repeat 20px 200px; }
a#btn_stress { background: url(../../images/stress/illust_stress.gif) no-repeat 20px 200px; }
a#btn_sad { background: url(../../images/sad/illust_sad.gif) no-repeat 20px 200px; }
a#btn_affirmation { background: url(../../images/affirmation/illust_affirmation.gif) no-repeat 20px 200px; }
a#btn_com { background: url(../../images/com/illust_com.gif) no-repeat 20px 200px; }
a#btn_bigfive { background: url(../../images/bigfive/illust_bigfive.gif) no-repeat 20px 200px; }


/* added 2015-7-31 */
.padding_10px {
    padding: 10px !important;
}

/* added 2015-8-6 */

.h2_title {
	padding: 20px 0;
	font-size: 24px;
	color: #663300;
	letter-spacing: 0.1em;
    display: block;
}
.h3_title {
    padding-bottom: 20px;
    font-size: 20px;
    color: #663300;
    line-height: 1.8;
    letter-spacing: 0.1em;
}
.circle_mark:before {
    color: #663300;
    content: "\0025cf";
}
#topicpath .lrbox_l {
    width: 100% !important;
}
.a_nowrap {
    white-space: nowrap;
}

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

div.txt {
	padding: 0 40px 40px 40px;
	text-align: left;
}
div.txt span {
	display: block;
	padding-bottom: 20px;
	font-size: 14px;
}

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

div.txt h4 {
	padding: 20px 0;
	font-size: 24px;
	color: #663300;
	letter-spacing: 0.1em;
}
div.txt p.ttl {
	padding-bottom: 20px;	
	font-size: 24px;
	color: #663300;
}

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


div.exp_box {
	width: 80%;
	margin: auto;
	border: 2px dashed #FF33FF;
	background: #FFF9ED;
	padding: 20px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}

div#graph_affirmation {
	width: 448px;
	height: 384px;
	background: url(../../images/affirmation/okng.jpg) no-repeat left top;
	position: relative;
}

div#point_affirmation {
	width: 16px;
	height: 16px;
}

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 {
	padding: 8px 0;
	text-align: center;
	background: #7aaf85;
	color: #fff;
	font-size: 120%;
	border-right: 1px solid #ccc;
}
p.ttl_sad_02 {
	padding: 8px 0;
	text-align: center;
	background: #c49f5a;
	color: #fff;
	font-size: 120%;
	border-left: 1px solid #fff;	
}


p.tbl_01 {
	padding: 8px 10px;
	text-align: left;
	border-top: 2px solid #fff;
	background: #e9f7e4;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;	
}

p.tbl_02 {
	padding: 8px 10px;
	text-align: left;
	border-top: 2px solid #fff;
	background: #f7f6e4;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #fff;	
}



div#graph_sad {
	width: 360px;
	height: 170px;
	background: url(../../images/sad/img_graph_sad2.gif) no-repeat left top;
	position: relative;
}

div#point_sad {
	width: 9px;
	height: 25px;
}

div#graph_sad_sp {
	width: 288px;
	height: 136px;
	background: url(../../images/sad/img_graph_sad_sp.gif) no-repeat left top;
	position: relative;
}

div#point_sad_sp {
	width: 7px;
	height: 20px;
}



.tbl_com {
	color: #5C5B4F;
}

.tbl_com p.ttl_q {
	font-size: 160%;
	letter-spacing: 0.1em;
	padding-bottom: 20px;
}

.tbl_com li.tbl_com_l p {
}

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


.tbl_com li {
	text-align: left;
}

.tbl_com li.tbl_com_l {
	padding: 2% 5%;
	width: 55%;
}

.tbl_com li.tbl_com_r {
	padding: 2% 3%;
	width: 29%;
}



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

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

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


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

table.com_result tr td.td_r {
	width: 40%;
	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%;
	margin: auto;
	padding-top: 20px;
	padding-left: 40px;
}

div#btn_top a.btn_02 {
	background: -moz-linear-gradient(top, #f6f6f6 0%, #efefef 20%, #cfcfcf 80%, #cccccc 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(20%,#efefef), color-stop(80%,#cfcfcf), color-stop(100%,#cccccc));
	background: linear-gradient(to bottom, #edebe4, #FFF);

	display: block;
	width: 80%;
	height: 25px;
	text-align: center;
	text-decoration: none;
	font-size: 14px;
	padding-top: 3%;
	color: #000;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	border: 1px solid #ccc;
}

div#btn_top a.btn_02:hover {
	background: #fff;
}



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

footer#footer div#pagetop {
	background: url(../../sharedimg/bg/bg_footer_top.gif);
	background-position: top center; 
	/*height: 180px;*/
	height: 345px;
	text-align: right;
	padding-top: 0px;
}

div#pagetop div#btn_pagetop {
	display: block;
	width: 84px;
	height: 100px;
	margin: auto;
	padding-left: 924px;
	padding-top: 201px;
}

div#pagetop div#btn_pagetop a {
	display: block;
	width: 85px;
	height: 84px;
	background: url(../../sharedimg/btn/btn_pagetop.gif) no-repeat 0px 0px;
}

div#pagetop div#btn_pagetop a:hover {
	background: url(../../sharedimg/btn/btn_pagetop.gif) no-repeat -85px 0px;
}


div#footercontainer {
	background: #d8ebda;
	padding-top: 0px;
}

div#footercontainer div#nav {
	width: 1024px;
	margin: auto;
	background: url(../../sharedimg/bg/bg_footer_nav.gif) repeat-y;
	margin-bottom: 20px;
	text-align: left;
}

div#footercontainer div.section {
	width: 236px;
	color: #807F6E;	
	padding: 0 0 15px 20px;
	float: left;
}

div#footercontainer div.section a {
	color: #807F6E;
	text-decoration: none;
}

div#footercontainer div.section a:hover {
	text-decoration: underline;
}



div#footercontainer div#nav:after {
	display: block;
	clear: both;
	height: 0;
	content: ".";
	visibility: hidden;
}


div#footercontainer div.section p {
	font-size: 12px;
	padding-left: 10px;
}

div#footercontainer div.section ul {
	font-size: 11px;
	padding-left: 0px;
	padding-top: 20px;
}

div#footercontainer div.section ul li {
	margin-bottom: 8px;
}

div#footercontainer div#small {
	width: 100%;
	background:#82b06a;
	padding: 5px 0;
}

div#footercontainer div#small span {
	display: block;
	width: 1024px;
	margin: auto;
	color: #fff;
	text-align: left;
	font-size: 9px;
}

div#small a {
	color: #fff;
}


div#footer_sp {
	display: none;
}


h3.ftr {
	font-size: 12px;
	color: #666;
}

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

div#mainvisual {
	width: 100%;
	max-width: 974px;
	height: 260px;
	position: relative;
	margin-bottom: 20px;
	/*background: url(../../sharedimg/banner/banner_top.jpg) no-repeat left top;*/
}


div#mainvisual_form {
	width: 100%;
	max-width: 974px;
	height: 263px;
	background: url(../../sharedimg/banner/banner_top.jpg) no-repeat left top;
	position: relative;
}

div#mainvisual_top {
	width: 100%;
	max-width: 974px;
	height: 210px;
	background: url(../../sharedimg/banner/banner_top2.jpg) no-repeat left top;
	position: relative;
}





div#mainvisual p.txt_box {
	position: absolute;
	left: 85px;
	top: 115px;
	text-align: left;
}

div#mainvisual.ttl_bigfive p.txt_box {
	left: 40px;
}

div#mainvisual div.btn_box {
	position: absolute;
	right: 76px;
	bottom: 15px;
}


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

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


div#form_login_base {
	/*width: 312px;*/
	width: 262px;
	width: 25%;
	
	height: 220px;
	position: absolute;
	top: 10px;
	right: 10px;
	background: #FFF0D7;
	border: 4px solid #ccc;
	padding: 15px 25px 0 25px;
}

div#form_login_base a.link_txt {
	display: block;
	width: 100%;
	text-align: center;
	padding: 10px 0;
	font-size: 12px;
	text-decoration: underline;
	color: #E97250;
}
div#form_login_base a.link_txt:hover {
	text-decoration: none;
}


a.btn_01 {
	display: block;
	width: 80%;
	text-decoration: none;
	padding: 4px 8px;
	
	background: #59bb0c;
	/*width: 140px;
	height: 40px;*/
	font-size: 16px;
	color: #fff;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	box-shadow: -moz-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
	box-shadow: -webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
	box-shadow: -ms-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
	box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	
	text-shadow:0px -1px 0px #474747;
	
	
}


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

div#tool_bar {
	width: auto;
	height: 24px;
	border: 1px solid #ccc;
	border-bottom: none;
	/*background: #D6E3D1;*/
	background: #cfeec5;
	margin: auto;
	font-size: 12px;
	color: #666;
}
div#tool_bar div.tbox {
	padding: 4px 10px 4px 10px;
}

div#tool_bar div.tbox span {
	color: #999;
}


div#tool_bar div.tbox a {
	color: #666;
}


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





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

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

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


div.grid_02_content {
	background: #fff;
	padding: 0px;
	margin-bottom: 20px;
}


div.grid_03_content_l {
	background: #fff;
	margin-right: 2%;
	text-align: left;
	margin-bottom: 20px;
}

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

div.grid_03_content_in p {
	line-height: 2.0em;
}


div.grid_03_content_r {
	background: #fff;
	margin-left: 2%;
	text-align: left;
	margin-bottom: 20px;	
}







p.ttl04 {
	background: #e4f9e4;
	padding: 4px 10px 4px 20px;;
	font-size: 140%;
	color: #60490f;
	text-align: left;
}

p.ttl05 {
	font-size: 160%;
	text-align: center;
	padding-bottom: 20px;
}

 
/*sign in login etc */ 

p.ttl06 {
	color: #663300;
	font-size: 160%;
	font-weight: bold;
	padding-bottom: 20px;
}
 
p.exp02 {
	width: 80%;
	margin: auto;
	text-align: left;
	font-size: 90%;
	line-height: 1.8em;
}


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

div#form {
	width: 500px;
	margin: auto;
}

div#form p {
	font-size: 14px;
	margin-bottom: 10px;
}


input.form_text {
	width: 500px;
	height: 20px;
	border: none;
	border: 1px solid #888;
	padding: 2px 4px;
	background: #FFFDEB;
	font-size: 16px;
}

input.form_text2 {
	width: 100px;
	height: 20px;
	border: none;
	border: 1px solid #888;
	padding: 2px 4px;
	background: #FFFDEB;
	font-size: 16px;
}

input.form_text3 {
	width: 96%;
	max-width: 178px;
	height: 26px;
	border: 1px solid #ccc;
	/*padding: 4px 4px;*/
	padding: 2%;
	font-size: 16px;
	margin: 3px 6px 3px 0;
}

input.form_text4 {
	border: 1px solid #8FB674;
	padding: 6px 4px;
	width: 352px;
	font-size: 18px;
	background: #FFFFE3;
	margin-bottom: 10px;
}

textarea.form_textarea1 {
	border: 1px solid #8FB674;
	width: 450px;
	width: 70%;
	height: 108px;
	font-size: 13px;
	background: #FFFFE3;
	margin-bottom: 10px;
	
}


div#form textarea {
	width: 500px;
	height: 100px;
	background: #FFFDEB;	
	border: 1px solid #888;	
}






ul#wrap_com_graph {
	background: #fff;
}

ul#wrap_com_graph li.com_graph_l {
	width: 500px;
}

ul#wrap_com_graph li.com_graph_r {
	/*width: 324px;*/
	width: 332px;
	height: 460px;
	padding: 20px 40px;
}
ul#wrap_com_graph li.com_graph_r img {
	width: 200px;
	margin-bottom: 10px;
}




div#wrap_graph_500 {
	width: 500px;
	height: 500px;
	padding: 0px;
	position: relative;
	margin: auto;
}
div#base_graph_500 {
	width: 400px;
	height: 400px;
	position: absolute;
	top: 50px;
	left: 50px;
}

div#wrap_graph_250 {
	width: 250px;
	height: 250px;
	padding: 0px;
	position: relative;
	margin: auto;
}
div#base_graph_250 {
	width: 200px;
	height: 200px;
	position: absolute;
	top: 25px;
	left: 25px;
}

/* added on 2015-11-13 */
.result-link {
    color: #333333;
    text-decoration: none !important;
}

.result-link-list {
    margin: 20px 0 20px 20px;
}
.result-link-list li {
    margin: 16px 0;
}
.result-link-list li:hover {
    opacity: 0.7;
}
.test-link > a {
	display: block;
	width: auto;
	padding: 10px;
	text-decoration: none;
	color: #555;
	height: 220px;
}
.test-link > a#btn_com {
    background-position: 90px 40px;
}
.test-link > a#btn_egogram {
    background-position: 10px 30px;
}
.test-link > a#btn_stress {
    background-position: 0 20px;
}
.test-link > a#btn_sad {
    background-position: 50px 0;
}
.test-link > a#btn_affirmation {
    background-position: 50px 10px;
}


div.ttl_top { width: auto; background: url(../../sharedimg/banner/banner_top2.jpg) no-repeat left top; height: 23px; }
div.ttl_egogram { width: auto; background: url(../../sharedimg/banner/banner_egogram.jpg) no-repeat left top; }
div.ttl_egogram_affinity { width: auto; background: url(../../sharedimg/banner/banner_egogram_affinity.jpg) no-repeat left top; }
div.ttl_stress { width: auto; background: url(../../sharedimg/banner/banner_stress.jpg) no-repeat left top; }
div.ttl_affirmation { width: auto; background: url(../../sharedimg/banner/banner_affirmation.jpg) no-repeat left top; }
div.ttl_sad { width: auto; background: url(../../sharedimg/banner/banner_sad.jpg) no-repeat left top; }
div.ttl_com { width: auto; background: url(../../sharedimg/banner/banner_com.jpg) no-repeat left top; }
div.ttl_bigfive { width: auto; background: url(../../sharedimg/banner/banner_bigfive.jpg) no-repeat left top; }



/*-------------list-------------------*/

ul.list_01 {
	display: block;
	width: 100%;
}

ul.list_01 li {
	margin-bottom: 14px;
}

/*-------------grid_11 2015-07-31-------------------*/
.grid_11 {
	display: block;
	width: 100%;
    margin-top: 20px;
	padding: 20px 10px;
	border: 1px solid #ccc;
	text-decoration: none;
	color: #555;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
    box-sizing: border-box;
}

.grid_11 h1 {
    font-size: 24px;
    color: #663300;
    letter-spacing: 0.1em;
}
.grid_11 p {
    font-size: 14px;
    padding: 10px 20px;
    text-align: left;
}

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

ul.grid_21 > li {
	display: block;
	width: 50%;
	float: left;
}


/*-------------grid_31-------------------*/
ul.grid_31 {
	padding-top: 20px;
}

ul.grid_31 > li {
	display: block;
	width: 32%;
	padding-right: 2%;
	padding-bottom: 20px;
	float: left;
}

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


ul.grid_31 > li a {
	display: block;
	width: auto;
	padding: 10px;
	border: 1px solid #ccc;
	text-decoration: none;
	color: #555;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	height: 390px;
}

ul.grid_31 > li a:hover {
	opacity:0.9;
	filter: alpha(opacity=90);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=90)";  /* ie 8 */
	-moz-opacity:0.9;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.9;              /* Safari 1.x */
}

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

/*ul.tbl_41 { background: #e9f7e4; padding: 10px 0;}*/
ul.tbl_41 { padding: 10px 0; color: #5D4817;}


ul.tbl_41  li { float: left; text-align: center; font-size: 16px;
background-image: url(../../sharedimg/bdr/bdr_wid2_w.png);
background-repeat: repeat-y;
background-position: right;
}
ul.tbl_41  li.tb_01 { 
width: 47%; text-align: left; padding-left: 2%; 
}
ul.tbl_41  li.tb_02 { width: 17%; font-size: 14px; }
ul.tbl_41  li.tb_03 { width: 17%; font-size: 14px; }
ul.tbl_41  li.tb_04 { width: 17%; font-size: 14px; background: none; }


	ul.tbl_41_0 { padding: 0px 0; color: #5D4817; }
	ul.tbl_41_0  li { float: left; text-align: center; font-size: 16px; }
	ul.tbl_41_0  li.tb_01 { 
	width: 47%; text-align: left; padding-left: 2%; 
	}
	ul.tbl_41_0  li.tb_02 { width: 17%; font-size: 14px; }
	ul.tbl_41_0  li.tb_03 { width: 17%; font-size: 14px; }
	ul.tbl_41_0  li.tb_04 { width: 17%; font-size: 14px; background: none; }
	


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


ul.tbl_51 { padding: 10px 0; color: #5D4817;}


ul.tbl_51  li { float: left; text-align: center; font-size: 16px;
background-image: url(../../sharedimg/bdr/bdr_wid2_w.png);
background-repeat: repeat-y;
background-position: right;
padding: 2px 0;
font-size: 120%;
}
ul.tbl_51  li.tb_01 { 
width: 38%; text-align: left; padding-left: 2%;
}
ul.tbl_51  li.tb_02 { width: 15%; font-size: 14px; }
ul.tbl_51  li.tb_03 { width: 15%; font-size: 14px; }
ul.tbl_51  li.tb_04 { width: 15%; font-size: 14px; }
ul.tbl_51  li.tb_05 { width: 15%; font-size: 14px; background-image: none; }


	ul.tbl_51_0 { padding: 14px 0; color: #5D4817; line-height: 1.4em; }
	ul.tbl_51_0  li { float: left; text-align: center; font-size: 16px; }
	ul.tbl_51_0  li.tb_01 { 
	width: 38%; text-align: left; padding-left: 2%; 
	}
	ul.tbl_51_0  li.tb_02 { width: 15%; font-size: 14px; }
	ul.tbl_51_0  li.tb_03 { width: 15%; font-size: 14px; }
	ul.tbl_51_0  li.tb_04 { width: 15%; font-size: 14px; }
	ul.tbl_51_0  li.tb_05 { width: 15%; font-size: 14px; background-image: none; }
	


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


ul.tbl_61 { padding: 10px 0; color: #5D4817;}


ul.tbl_61  li { float: left; text-align: center; font-size: 16px;
background-image: url(../../sharedimg/bdr/bdr_wid2_w.png);
background-repeat: repeat-y;
background-position: right;
padding: 2px 0;
font-size: 120%;
}
ul.tbl_61  li.tb_01 { 
width: 48%; text-align: left; padding-left: 2%;
}
ul.tbl_61  li.tb_02 { width: 10%; font-size: 14px; text-align: center; }
ul.tbl_61  li.tb_03 { width: 10%; font-size: 14px; }
ul.tbl_61  li.tb_04 { width: 10%; font-size: 14px; }
ul.tbl_61  li.tb_05 { width: 10%; font-size: 14px; }
ul.tbl_61  li.tb_06 { width: 10%; font-size: 14px; background-image: none; }


	ul.tbl_61_0 { padding: 14px 0; color: #5D4817; line-height: 1.4em; }
	ul.tbl_61_0 li { float: left; text-align: center; font-size: 16px; }
	ul.tbl_61_0 li.tb_01 { 
	width: 48%; text-align: left; padding-left: 2%; 
	}
	ul.tbl_61_0  li.tb_02 { width: 10%; font-size: 14px; text-align: center; }
	ul.tbl_61_0  li.tb_03 { width: 10%; font-size: 14px; }
	ul.tbl_61_0  li.tb_04 { width: 10%; font-size: 14px; }
	ul.tbl_61_0  li.tb_05 { width: 10%; font-size: 14px; }
	ul.tbl_61_0  li.tb_06 { width: 10%; font-size: 14px; background-image: none; }


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

ul#wrap_result {
	padding: 30px 40px 20px 40px;
	background: #fff;
}

div.exp {
	padding: 10px;
}


div.bg_note {
	width: 90%;
	background: url(../../sharedimg/bg/bg_864_cloth_green.gif) repeat-y;
	padding: 20px 5% 30px 5%;
	margin: auto;
	text-align: left;

}

div.bg_note a { text-decoration: underline; }
div.bg_note p {
	font-size: 15px;
	color: #5C5B4F;
	line-height: 1.8;
}


div.bg_note p.ttl {
	font-size: 24px;
	font-weight: bold;
	color: #644513;
	margin-bottom: 20px;
}

div.bg_note p.ttl02 {
	font-size: 20px;
	font-weight: normal;
	color: #644513;
	margin-bottom: 20px;
	text-align: left;
	background-image: url(../../sharedimg/bdr/bdr_p_ttl02.gif);
	background-position: bottom;
	background-repeat: repeat-x;
}


/*ilstbox_l*/
div.ilstbox_l {
}
	div.ilstbox_l div.ilstbox_l_r {
		width: 76%;
		float: right;
	}
	div.ilstbox_l div.ilstbox_l_l {
		width: 24%;
		float: left;
		text-align: center;
	}



/*ilstbox_r*/
div.ilstbox_r {
}
	div.ilstbox_r div.ilstbox_r_l {
		width: 76%;
		float: left;
	}
	div.ilstbox_r div.ilstbox_r_r {
		width: 24%;
		float: right;
		text-align: center;
	}

	div.ilstbox_r.bigfive div.ilstbox_r_l {
		width: 74%;
		float: left;
	}
	div.ilstbox_r.bigfive div.ilstbox_r_r {
		width: 26%;
		float: right;
		text-align: center;
	}


.bdr_brown {
	padding: 20px 10%;
	text-align: center;
	margin: auto;
	width: 80%;
	background: #fff5ea;
}

 
.bdr_brown_2 {
	background: #fef8ed;
	padding: 20px 40px;
}


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

	/*----------- social -----------*/
	
	div#social {
		position: relative;
		height: 30px;
		overflow: hidden;
	}
	
	div#social ul {
		position: relative;
		left: 50%;
		float: left;
	}
	
	div#social ul li {
		position: relative;
		left: -50%;
		float: left;
		padding-right: 10px;
		padding-bottom: 10px;
	}


p.ttl03 {
	font-size: 20px !important;
	text-align: center;
	font-weight: bold;
	padding-top: 10px;
}


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


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

table.graph_table {
	width: 100%;/*370px*/
	max-width: 370px;
  	border-collapse: collapse;
  	border-spacing: 0px;
	/*margin: auto;*/
	float: left;
	margin-left: 0%;
}

table.graph_table tr td {
	text-align: center;
}

table.graph_table tr td.space_01 {
	width: 8%;/*30px*/
	max-width: 30px;
	vertical-align: top;
}
table.graph_table tr td.space_02 {
	width: 92%;/*340px*/
	max-width: 340px;
}
 


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

table.graph_table_2 {
	width: 100%;/*300px*/
	max-width: 300px;
	margin: auto;
}
table.graph_table_2 tr td {
	width: auto; /*30px*/
	font-size: 12px;
}



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


div.graphwrap {
	width: auto; /*340px*/
	max-width: 340px;
	height: 260px;
	border: 1px solid #FFBD9C;
	background: url(../../sharedimg/bg/bg_graph.gif) no-repeat top left;
	/*float: left;*/
}

div.graphwrap div.graph {
	width: 15%;/*25px*/
	height: 260px;
	padding-left: 5%;/*35px*/
	float: left;
}

div.graphwrap:after {
	display: block;
	clear: both;
	height: 0;
	content: ".";
	visibility: hidden;
}

div.graphwrap div.graph img {
	display: block;
	width: 25px;
}


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

ul.grid_21:after,
ul.grid_31:after,
ul.tbl_41:after,
ul.tbl_41_0:after,
ul.tbl_51:after,
ul.tbl_51_0:after,
ul.tbl_61:after,
ul.tbl_61_0:after,
div.ilstbox_r:after,
div.ilstbox_l:after,
wrap_grid_03_content
{ 
display:block; clear:both; height:0; visibility:hidden; content:"."; 
}


/*==================================================================================================*/
/*  result page */
/*  BigFive */
/*==================================================================================================*/
#wrap_result li.bigfive {
	display: block;
	width: 100%;
}