@charset "UTF-8";
/* ==============================
  css-member-officialtest
=================================
mainTitle
---------------------------------
boxTest
---------------------------------
count
---------------------------------
listTest
---------------------------------
testAria
---------------------------------
passList
---------------------------------
questAria
---------------------------------
結果
============================== */
/* ------------------------------
  mainTitle
------------------------------ */
h2#mainTitle {
  width: 695px;
  height: 36px;
  background: url(/image/contents/member/officialtest/maintitle.gif) no-repeat;
  font-size: 1px;
  line-height: 1px;
  text-indent: -9999px;
  margin-bottom: 15px;
}
/* ------------------------------
  boxTest
------------------------------ */
#boxTest {
  width: 695px;
  margin-bottom: 15px;
}

#boxTest h2 {
  width: 669px;
  height: 133px;
  background: url(/image/contents/member/officialtest/h2.gif) no-repeat 13px 3px;
  font-size: 1px;
  line-height: 1px;
  text-indent: -9999px;
  padding-top: 3px;
  padding-bottom: 22px;
  padding-left: 14px;
}
#boxTest p#txt01 {
  width: 695px;
  height: 54px;
  background: url(/image/contents/member/officialtest/txt01_2.gif) no-repeat top center;
  font-size: 1px;
  line-height: 1px;
  text-indent: -9999px;
}
#boxTest p#txt02 {
  width: 669px;
  font-size: 10px;
  color: #545454;
  text-align: center;
  padding-left: 14px;
  padding-bottom: 15px;
}

/* ------------------------------
  count
------------------------------ */
#count {
  width: 468px;
  padding-left: 114px;
  padding-bottom: 20px;
}
#count-inr {
  width: 468px;
  height: 48px;
  color: #545454;
  background: url(/image/contents/member/officialtest/bg01.gif) no-repeat;
}
#count p {
  text-align: center;
  padding-top: 14px;
}
#count p img {
  vertical-align: baseline;
}

/* ------------------------------
  listTest
------------------------------ */
#listTest {
  width: 635px;
  padding-left: 30px;
  padding-bottom: 20px;
}
#listTest h3 {
  width: 635px;
  height: 31px;
  background: url(/image/contents/member/officialtest/h3_open.gif) no-repeat;
  font-size: 1px;
  line-height: 1px;
  text-indent: -9999px;
}

.listBox {
  width: 635px;
  margin-bottom: 1px;
}

.listBox a {
  width: 635px;
  background-color: #eeeeee;
  display: block;
  text-decoration: none;
  padding-top: 13px;
  padding-bottom: 13px;
  cursor: pointer;
}
.listBox a span.pnk {
  color: #d50037;
  text-decoration: underline;
}
.listBox a span.bk {
  color: #202020;
}

.listBox a:hover {
  background-color: #dfdfdf;
}

.listBox-inr {
  width: 635px;
}
/* clearfix */
.listBox-inr:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
.listBox-inr {
    display:inline-block;
    min-height:1%; /* for IE 7 */
}
/* Hides from IE-mac \*/
* html .listBox-inr {
  height: 1%;
}
.listBox-inr {
  display: block;
}
/* End hide from IE-mac */

.listBox span.bnr {
  width: 230px;
  display: block;
  padding-left: 20px;
  float: left;
}

.listBox span.text {
  width: 350px;
  line-height: 1.7;
  display: block;
  padding-top: 5px;
  padding-right: 20px;
  float: right;
}

/* ------------------------------
  testAria
------------------------------ */
#boxTest {
  width: 695px;
  margin-bottom: 20px;
}

#boxTest h2 {
  width: 669px;
  height: 133px;
  background: url(/image/contents/member/officialtest/h2.gif) no-repeat 13px 3px;
  font-size: 1px;
  line-height: 1px;
  text-indent: -9999px;
  padding-top: 3px;
  padding-bottom: 22px;
  padding-left: 14px;
}

#testDetail {
  width: 669px;
  padding-left: 13px;
  padding-right: 13px;
}

#testDetail #explanation {
  width: 629px;
  background-color: #eeeeee;
  padding: 17px 20px;
  margin-bottom: 2px;
}
/* clearfix */
#testDetail #explanation:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
#testDetail #explanation {
    display:inline-block;
    min-height:1%; /* for IE 7 */
}
/* Hides from IE-mac \*/
* html #testDetail #explanation {
  height: 1%;
}
#testDetail #explanation {
  display: block;
}
/* End hide from IE-mac */

#testDetail #explanation .img {
  width: 230px;
  float: left;
}
#testDetail #explanation .cap {
  width: 375px;
  float: right;
}
#testDetail #explanation .cap span {
  color: #d50037;
  text-decoration: underline;
}


#testDetail #examinee {
  width: 449px;
  height: 59px;
  background-color: #ffe9e9;
  float: left;
}
#testDetail #examinee p {
  text-align: center;
  padding-top: 20px;
}
#testDetail #examinee p img {
  vertical-align: baseline;
}

#testDetail #btnQuest {
  width: 218px;
  height: 59px;
  background-color: #eeeeee;
  float: right;
}
#testDetail #btnQuest p {
  width: 208px;
  padding-top: 5px;
  padding-left: 5px;
  font-size: 1px;
  line-height: 1px;
  text-indent: -9999px;
}
#testDetail #btnQuest p a {
  width: 208px;
  height: 49px;
  background: url(/image/contents/member/officialtest/btn_explanation.gif) no-repeat;
  display: block;
  text-decoration: none;
  outline: none;
}

p#btn-questList {
  width: 136px;
  font-size: 1px;
  line-height: 1px;
  text-indent: -9999px;
  padding: 20px 0 20px 533px;
}
p#btn-questList a {
  width: 136px;
  height: 29px;
  background: url(/image/contents/member/officialtest/btn_quest_list.gif) no-repeat;
  display: block;
  text-decoration: none;
  outline: none;
}
p#btn-questList a:hover {
  background-position: 0 -29px;
}

/* ------------------------------
  passList
------------------------------ */
#passList {
  width: 695px;
  margin-bottom: 20px;
}

#passList h3 {
  width: 245px;
  height: 19px;
  background: url(/image/contents/member/officialtest/h3_pass_list.gif) no-repeat;
  font-size: 1px;
  line-height: 1px;
  text-indent: -9999px;
}

#passList ul {
  width: 671px;
  padding-left: 25px;
  padding-bottom: 20px;
}
/* clearfix */
#passList ul:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
#passList ul {
    display:inline-block;
    min-height:1%; /* for IE 7 */
}
/* Hides from IE-mac \*/
* html #passList ul {
  height: 1%;
}
#passList ul {
  display: block;
}
/* End hide from IE-mac */

#passList li {
  width: 202px;
  padding-right: 20px;
  float: left;
}
/* clearfix */
#passList li:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
#passList li {
    display:inline-block;
    min-height:1%; /* for IE 7 */
}
/* Hides from IE-mac \*/
* html #passList li {
  height: 1%;
}
#passList li {
  display: block;
}
/* End hide from IE-mac */

#passList li .img {
  width: 60px;
  height: 80px;
  border: 1px solid #e0e0e0;
  float: left;
}
#passList li .txt {
  width: 127px;
  font-size: 10px;
  padding-top: 10px;
  float: right;
}
#passList li .txt span {
  font-size: 12px;
}

/* ------------------------------
  questAria
------------------------------ */
#questAria {
  width: 669px;
  padding-left: 13px;
  padding-right: 13px;
}

#questAria #title {
  width: 669px;
  height: 58px;
  background-color: #eeeeee;
  margin-bottom: 2px;
}
#questAria #title .img {
  width: 230px;
  padding-top: 4px;
  padding-left: 4px;
  float: left;
}
#questAria #title .txt {
  width: 340px;
  padding-top: 12px;
  padding-right: 20px;
  float: right;
}
#questAria #title .txt span {
  display: block;
  font-size: 20px;
  font-weight: bold;
  text-align: right;
  background: url(/image/contents/member/officialtest/usa.gif) no-repeat right center;
  padding-right: 35px;
}

#questAria #question {
  width: 669px;
  background-color: #fcffe9;
  padding: 20px 0;
  margin-bottom: 2px;
}
#questAria #question p {
  font-weight: bold;
  padding: 0 20px;
}

#questAria #answer {
  width: 669px;
}
#questAria #answer label {
  cursor: pointer;
}

#questAria #answer ul {
  width: 669px;
  padding-bottom: 2px;
}
/* clearfix */
#questAria #answer ul:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
#questAria #answer ul {
    display:inline-block;
    min-height:1%; /* for IE 7 */
}
/* Hides from IE-mac \*/
* html #questAria #answer ul {
  height: 1%;
}
#questAria #answer ul {
  display: block;
}
/* End hide from IE-mac */

#questAria #answer li.answer-l {
  width: 333px;
  height: 60px;
  background-color: #eeeeee;
  cursor: pointer;
  float: left;
}
#questAria #answer li.answer-l-on {
  width: 333px;
  height: 60px;
  background-color: #fde3e3;
  cursor: pointer;
  float: left;
}

#questAria #answer li.answer-r {
  width: 334px;
  height: 60px;
  background-color: #eeeeee;
  cursor: pointer;
  float: right;
}
#questAria #answer li.answer-r-on {
  width: 334px;
  height: 60px;
  background-color: #fde3e3;
  cursor: pointer;
  float: right;
}

#questAria #answer li div {
  padding: 0 15px;
}
#questAria #answer li td {
  height: 60px;
}

#btn-nextWrap {
  width: 218px;
  padding: 15px 0 20px 229px;
}
#questAria #btn-nextQuest {
  width: 218px;
  height: 59px;
  background-color: #eeeeee;
}
#questAria #btn-nextQuest p {
  width: 208px;
  padding-top: 5px;
  padding-left: 5px;
  font-size: 1px;
  line-height: 1px;
}
#questAria #btn-nextQuest p a {
  width: 208px;
  height: 49px;
  background: url(/image/contents/member/officialtest/btn_next_quest.gif) no-repeat;
  display: block;
  text-decoration: none;
  outline: none;
}

p#btn-drop {
  width: 164px;
  font-size: 1px;
  line-height: 1px;
  text-indent: -9999px;
  padding: 0 0 20px 531px;
}
p#btn-drop a {
  width: 164px;
  height: 29px;
  background: url(/image/contents/member/officialtest/btn_drop.gif) no-repeat;
  display: block;
  text-decoration: none;
  outline: none;
}
p#btn-drop a:hover {
  background-position: 0 -29px;
}

/* ------------------------------
  結果
------------------------------ */
p#ill-pass {
  width: 669px;
  background-color: #feffba;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 20px;
}
p#ill-failure {
  width: 669px;
  background-color: #000000;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 20px;
}

p#txt-pass {
  width: 669px;
  height: 29px;
  background: url(/image/contents/member/officialtest/txt_pass.gif) no-repeat top center;
  font-size: 1px;
  line-height: 1px;
  text-indent: -9999px;
  padding-bottom: 10px;
}
p#txt-failure {
  width: 669px;
  height: 29px;
  background: url(/image/contents/member/officialtest/txt_failure.gif) no-repeat top center;
  font-size: 1px;
  line-height: 1px;
  text-indent: -9999px;
  padding-bottom: 10px;
}

p#txt-itemget {
  width: 669px;
  height: 16px;
  background: url(/image/contents/member/officialtest/txt_itemget.gif) no-repeat top center;
  font-size: 1px;
  line-height: 1px;
  text-indent: -9999px;
  padding-bottom: 5px;
}

p#txt001 {
  font-size: 14px;
  color: #ff1149;
  text-align: center;
}
p#txt002 {
  text-align: center;
}
p#txt003 {
  text-align: center;
  padding-bottom: 30px;
}
p#txt004 {
  font-size: 14px;
  text-align: center;
  padding-bottom: 10px;
}
p#txt004 span {
  color: #d50037;
}
p#txt005 {
  text-align: center;
  padding-bottom: 30px;
}

#reward {
  width: 669px;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 15px;
}
#reward-inr {
  width: 180px;
  background-color: #fafafa;
  margin: 0 auto;
  padding: 15px;
}
/* clearfix */
#reward-inr:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
#reward-inr {
    display:inline-block;
    min-height:1%; /* for IE 7 */
}
/* Hides from IE-mac \*/
* html #reward-inr {
  height: 1%;
}
#reward-inr {
  display: block;
}
/* End hide from IE-mac */

#reward-inr p.img {
  width: 60px;
  height: 80px;
  background: url(/image/contents/member/officialtest/reward_bg.gif) no-repeat;
  float: left;
}
#reward-inr p.txt {
  min-width: 110px;
  color: #606060;
  float: right;
}
* html #reward-inr p.txt {
  width: 110px;
}
#reward-inr p.txt span {
  color: #d50037;
}

ul#btn-aria {
  width: 337px;
  padding-left: 166px;
  padding-bottom: 40px;
}
/* clearfix */
ul#btn-aria:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
ul#btn-aria {
    display:inline-block;
    min-height:1%; /* for IE 7 */
}
/* Hides from IE-mac \*/
* html ul#btn-aria {
  height: 1%;
}
ul#btn-aria {
  display: block;
}
/* End hide from IE-mac */

ul#btn-aria li {
  width: 164px;
  font-size: 1px;
  line-height: 1px;
  text-indent: -9999px;
}
ul#btn-aria li#btn-once,
ul#btn-aria li#btn-goCloset {
  float: left;
}
ul#btn-aria li#btn-otherQuest {
  float: right;
}

ul#btn-aria li a {
  width: 164px;
  height: 29px;
  background-repeat: no-repeat;
  display: block;
  text-decoration: none;
  outline: none;
}
ul#btn-aria li#btn-goCloset a {
  background-image: url(/image/contents/member/officialtest/btn_go_closet.gif);
}
ul#btn-aria li#btn-once a {
  background-image: url(/image/contents/member/officialtest/btn_once_more.gif);
}
ul#btn-aria li#btn-otherQuest a {
  background-image: url(/image/contents/member/officialtest/btn_other_quest.gif);
}

ul#btn-aria li a:hover {
  background-position: 0 -29px;
}