@charset "utf-8";

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

  ストーリー心理テスト

---------------------------------------*/
.index_list li {
    float: left;
    width: 50%;
    padding: 20px;
}
.index_list li:nth-child(3),
.index_list li:nth-child(4) {
    border-top: solid 1px #dcdcdc;
}
.index_list li a {
    display: block;
    width: 100%;
    margin: 10px 0;
}
.index_list li a img {
    width: 100%;
}
.box_border {
    background: url(/pc/img/mental/bg_story.png);
}
#main h3 {
    width: 720px;
    height: 160px;
    padding: 136px 0 0 0;
	background: url(/pc/img/mental/title.gif) no-repeat top left;
	font-size: 2.6rem;
    text-align: center;
	color: #903;
}
#main .box {
	height: auto;
	margin: 0;
	text-align: center;
}
#main .box #story {
	margin-top: 30px;
	padding: 10px;
    border: solid 2px rgba(250, 98, 139, .2);
    border-radius: 4px;
	font-size: 1.6rem;
	text-align: center;
	color: #333;
	background-color: rgba(254, 235, 173, .25);
}
#main .box #ques {
	margin: 0;
	padding: 0;
	font-size: 2rem;
	text-align: center;
	color: #f63;
	font-weight: bold;
}
#main .box ul {
	width: 538px;
	height: auto;
	list-style-type: none;
	margin: 5px auto 0 auto;
	padding:0;
}
#main .box li {
	float: left;
	list-style-type: none;
	margin: 5px 10px;
	padding: 0;
}
#main .box li img {
	cursor: pointer;
}
#main .box .mainimg {
	margin: 0;
	padding: 0;
	text-align: center;
}
#main .box .mainimg img {
	margin: 20px;
	padding: 1px;
	background-color: #dedede;
}
#main .box .startbt {
	margin: 0;
	padding: 0;
	text-align: center;
}
#main .box .startbt a {
	width: 252px;
	height: 52px;
	margin: 0 auto;
	padding: 0;
	background-image: url(/pc/img/mental/bt_start.gif);
	background-repeat: no-repeat;
	display: block;
}
#main .box .startbt a:hover {
	width: 252px;
	height: 52px;
	margin: 0 auto;
	padding: 0;
	background-image: url(/pc/img/mental/bt_start2.gif);
	background-repeat: no-repeat;
	display: block;
}
#main .box #niko {
	display: none;
	clear:both;
}
#main .box #niko .finalstory {
	margin-top: 20px;
	padding: 10px;
    border: solid 2px rgba(250, 98, 139, .2);
    border-radius: 4px;
	font-size: 1.6rem;
	text-align: center;
	color: #333;
	background-color: rgba(254, 235, 173, .25);
}
#main .box #niko .kekka {
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 14px;
	text-align: center;
	color: #F63;
	font-weight: bold;
}
#main .box #niko .mean {
	margin: 0 0 5px 0;
	padding: 3px 8px;
	font-size: 14px;
	text-align: left;
	color: #FFF;
	background-color: #F99;
	font-weight: bold;
}
#main .box #niko .answer {
	margin: 0 0 20px 0;
	padding: 0;
	text-align: left;
	color: #666;
}
#main .box #niko a {
	width: 122px;
	height: 42px;
	margin: 0 auto;
	padding: 0;
	background-image: url(/pc/img/mental/bt_back2.gif);
	background-repeat: no-repeat;
	display: block;
}
#main .box #niko a:hover {
	width: 122px;
	height: 42px;
	margin: 0 auto;
	padding: 0;
	background-image: url(/pc/img/mental/bt_back.gif);
	background-repeat: no-repeat;
	display: block;
}