/* なんとかに100の質問 */


/* なんかquadraに似てる/パンダにもにてる */
ol.qanda
{
}


/* 質問 */
div.question
{
	font-size: 110%;
	color: #633;
	background-color: #FFE3E3;
	border-style: solid;
	border-color: #ECC;
	border-width: 0px 2px 2px 0px;
	padding: 0.5em 0.7em 0.5em 1em;
	margin: 0em 2em 0em -1.5em;
	max-width: 90%;
	width: auto;
	-moz-border-radius: 1em 1em 0em 1em;
}
ol.qanda > li > div.question
{
	/* 素敵UA用 */
	/* WinIE5.5で、floatを使うと、liの表示がされない様子 */
	float: left;
	margin-left:  -2.5em;
	padding-left:  2.5em;
	margin-top:  -0.7em;
}
ol.qanda li
{
	margin-top: 1.4em;
}
ol.qanda li li
{
	margin-top: auto;
}



/* 答え */
div.answer
{
	clear: both;
	color: #866;
	background-color: #FFE3E3;
	border-style: solid;
	border-color: #ECC;
	border-width: 0px 2px 2px 0px;
	padding: 0.5em 1em 0.3em 1em;
	margin-top: -0.2em;
	z-index: 1;
	position: relative;
	-moz-border-radius: 0em 1em 1em 1em;
}
div.answer a         { border-color: #FFE3E3; }
div.answer a:hover   { border-color: #000; }


/* 追加部分 */
div.add
{
	font-size: 120%;
	color: #555;
	background-color: #EEE;
	border-style: solid;
	border-color: #CCC;
	border-width: 0px 1px 1px 0px;
	padding: 0.2em 0.8em 0.2em 0.8em;
	margin: 1.5em 1em 0.4em 0em;
	-moz-border-radius: 1em 1em 1em 1em;
}
div.add a         { border-color: #EEE; }
div.add a:link    { color:#888; }
div.add a:visited { color:#888; }
div.add a:active  { color:#555; border-color:#000; background-color:#CCC; }
div.add a:hover   { color:#555; border-color:#000; background-color:#CCC; }