/*========================================
クイズの個別スタイルシート それぞれのクイズに適用できます。
========================================*/
/* クイズ出題ボックスの設定 */
#quiz_box{
  margin: 0 auto;
  border: 2px outset #69F;  /* ボックスの枠線 */
  background: #EEFFFF;  /* 背景色 url(･･･.jpg)で背景画像を入れることも可能 */
  color: #000;      /* 文字色 */
  font-size: 16px;
  font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka",Verdana,Arial, Helvetica, sans-serif;
  font-weight: normal;
  letter-spacing: 3px;
  line-height: 120%;
}
/* クイズタイトル */
#quiz_title{
  margin: 20px auto;
  width: 95%;
  height: 30px;
  text-align: center;
  font-size: 20px;
  line-height: 32px;
  background: #366;
  border: 1px solid #339;
  color: #FFE;
}
/* オープニング　メッセージ */
#quiz_msg{
  margin: 40px auto;
  width: 90%;
  height: 300px;
  text-align: center;
  font-size: 18px;
  line-height: 24px;
}
/* エンディング 得点表示 */
span.msg_tokuten{
  color: red;
  font-size: 18px;
}
/*--   正解・不正解画像の表示    表示位置(top,left,width)は自由に変えてください --*/
#dsp0, #dsp1 {
  top: 80px;
  left: 0px;
  width: 100%;
  margin: 0; padding: 0;
  text-align: center;
}
/* 問題文　変更可 */
#quiz_question {
  width: 90%;
  height: 5em;
  padding: 10px 0;
  text-align: left;
  font-size: 18px;
  line-height: 20px;
}
/* クイズスタートボタン */
#quiz_start{
  margin: 20px auto;
  width: 75%;
  height: 25px;
  border: 2px outset #ccc;
  font-size: 18px;
  line-height: 25px;
  padding: 5px 0;
  text-align: center;
  background: #369;
  color: #fff;
}
/* クイズスタートボタン マウスを乗せた状態 */
#quiz_start:hover{
  border: 2px inset #ccc;
}
/* クイズ問題枠*/
#quiz_wrap{
  width: 90%;
}
/* クイズ回答群 */
#quiz_answer {
  margin: 0px auto;
  width: 90%;
}
/* 回答ボタン */
#quiz_answer .qan_list {
  text-align: center;
  width: 80%;
  background: #cfc;
  margin-top: 5px;
  padding: 10px 0;
  border: 2px outset #6c6;
  font-size: 18px;
  font-weight: normal;
}
/* 回答ボタン マウスを乗せた状態 */
#quiz_answer .qan_list:hover {
  background: #FFE;
  border: 2px inset #eee;
  font-weight: bold;
}