@charset "utf-8";

.trivia2{
}


#main h3{
position:relative;
margin: 0 0 20px;
}



#main p.intro{
font-size:15px;
line-height:150%;
margin-bottom:25px;
text-align:center;
}



/*枠設定 */


#main{
        counter-reset: my-badass-counter;
}
#main .qabox h4:after {
        counter-increment: my-badass-counter;
        content: "（" counter(my-badass-counter) "）";

}




.qabox
{
border:3px solid #DDDDDD;
position:relative;
margin:10px auto 20px auto;
width:730px;
line-height:135%;
padding-bottom:10px;
}

.qabox h4{
padding:10px;
color:#fff;
font-size:18px;
font-weight:bold;
background:url(/public/common/img/bg_pk.jpg) repeat;
}



.qabox dt{
	display:block;
	/*height:40px;*/
	line-height:150%;
	padding: 10px 10px 10px 10px;
	cursor:pointer;
	background:#EEEEEE;
	margin:15px 15px 5px 15px;
	font-weight:bold;
	}
.qabox dd{
    margin:0px 15px;
	padding:5px 10px;
	display:none;
	font-size:1.5em;
	padding-left:10px;
	color:#ff3985;
	}



.qabox dt.active{
	background:#EEEEEE;
	}





.usefulbox
{
border:3px solid #DDDDDD;
position:relative;
margin:10px auto 20px auto;
width:730px;
line-height:135%;
padding-bottom:10px;
}

.usefulbox h4{
padding:10px;
color:#fff;
font-size:18px;
font-weight:bold;
background:url(/common/img/bg_pk.jpg) repeat;
}



.usefulbox dt{
	display:block;
	/*height:40px;*/
	line-height:150%;
	padding: 10px 10px 10px 15px;
	cursor:pointer;
	background:#EEEEEE;
	margin:15px 15px 5px 15px;
	font-weight:bold;
	}
.usefulbox dd{
    margin:0px 15px;
	padding:5px 10px;
	display:none;
	font-size:1em;
	padding-left:15px;
	}
	

.usefulbox dt.active{
	background:#EEEEEE;
	}