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

#wrap.qa h2.q { background:url(../img/img_etc/bg_qa_q.jpg) no-repeat; border-left:none; padding-left:35px;}
#wrap.qa .a { background:url(../img/img_etc/bg_qa_a.jpg) no-repeat; padding-left:35px;}
#wrap.qa .a ol{margin-left:25px; margin-top:10px;}

#wrap.qa .a .present{text-align:right; color:#f00; font-size:0.9em;}
#wrap.qa .a .present a{ display:inline-block;
	border:#c00 1px solid;
	font-size:1em;
	background:#C00;
	background : -webkit-gradient(linear, left top, left bottom, from(#F00), color-stop(0.5, #C00), to(#900));
	background : -webkit-linear-gradient(top, #F00, #C00, #900);
	background:linear-gradient(#F00,#C00,#900);
	padding:2px 5px; text-decoration:none; color:#FFF;
	margin-left:5px;
	 line-height:100%;
	}
#wrap.qa .a .present a .aquo{font-size:1.3em; line-height:30%;}
#wrap.qa .a .present a .hosoku{ font-size:0.9em;color:#FFF; font-weight:normal;}
#wrap.qa .a .present a:hover{ background:#f00;}
@media screen and (min-width:480px){
#wrap.qa .a .present a br{display:none;}
}

#wrap.qa span.more {margin:0px; padding:0px;}
#wrap.qa a.more{ background:#CCC; color:#000;text-decoration:none; font-size:0.8em; padding:2px; margin:0px;}
#wrap.qa #moreOpen2 a.more,#wrap.qa #moreClose2 a.more{ margin-left:-15px; margin-top:10px;}

#wrap.qa .close .more{ display:none;}

#wrap.qa .movie{text-align:center; margin:20px auto;}
#wrap.qa .movie .title{ font-weight:bold;}
#wrap.qa .movie iframe{ border:#333 1px solid;}