/*
   ################################################
	 basic 
   ################################################
*/

body {
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 10pt;
  font-family: "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif;
  letter-spacing: 1px;
}

table {
  font-size: 10pt;
}

th, td {
  vertical-align: top;
}

p {
  line-height: 20px;
  letter-spacing: 1px;
}

.wave {
  padding-bottom: 3px;
  padding-left: 2px;
  padding-right: 2px;
  background-image: url(../images/under_wave.gif);
  background-position: bottom;
  background-repeat: repeat-x;
}

.greenwave {
  padding-bottom: 3px;
  padding-left: 2px;
  padding-right: 2px;
  background-image: url(../images/under_wave_green.gif);
  background-position: bottom;
  background-repeat: repeat-x;
}

hr.dash {
  clear: both;
  margin-top: 20px;
  border-width: 0px;
  border-top-color: #434369;
  border-top-style: dashed;
  border-top-width: 2px;
}

.floatleft {
  float: left;
}

.floatright {
  float: right;
}

.clearboth {
  clear: both;
  height: 0px;
  line-height: 0px;
}

.alignleft {
  text-align: inherit;
}

.aligncenter {
  text-align: center;
}

.alignright {
  text-align: right;
}

/* flex box */

.flexbox {
  display: -moz-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  -moz-box-pack: justify;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

/* flexalign center */

.flexalign_center {
  -ms-flex-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
}

/* flexalign bottom */

.flexalign_bottom {
  -ms-flex-align: end;
  ;
  -moz-box-align: end;
  ;
  -webkit-align-items: flex-end;
  -webkit-box-align: end;
  ;
  align-items: end;
}

/* flex grow shrink basis */

.flex_grow {
  -moz-box-flex: 1.0;
  -webkit-box-flex: 1.0;
  -ms-flex: 1 1 0;
  -webkit-flex: 1 1 0;
  flex: 1 1 0;
}

/* flex wrap */

.flex_wrap {
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

div.blackbox {
  padding: 5px;
  background-color: #333333;
  color: #FFFFFF;
  font-size: 12pt;
  font-weight: bold;
}

div.darkgraybox {
  padding: 5px;
  border-radius: 5px;
  border: solid 1px #666666;
  background-color: #CCCCCC;
  color: #000000;
  font-size: 12pt;
  font-weight: bold;
}

div.whitebox {
  margin-top: 10px;
  border-radius: 5px;
  border: solid 1px #666666;
  background-color: #FFFFFF;
  padding: 10px;
}

div.graybox {
  margin-top: 10px;
  border-radius: 5px;
  border: solid 1px #666666;
  background-color: #EEEEEE;
  padding: 10px;
}

a.button {
  display: block;
  height: 19px;
  padding-left: 5px;
  padding-right: 5px;
  border-bottom-style: solid;
  border-bottom-width: 3px;
  border-left-style: solid;
  border-left-width: 3px;
  border-right-style: solid;
  border-right-width: 3px;
  border-top-style: solid;
  border-top-width: 3px;
  font-size: 11pt;
  line-height: 19px;
  background-position: center center;
  background-repeat: repeat-x;
  text-align: center;
  font-weight: bold;
}

a.button:link {
  text-decoration: none;
  color: #ffffff;
  border-bottom-color: #666666;
  border-left-color: #CCCCCC;
  border-right-color: #666666;
  border-top-color: #CCCCCC;
  background-color: #434369;
}

a.button:visited {
  text-decoration: none;
  color: #ffffff;
  border-bottom-color: #666666;
  border-left-color: #CCCCCC;
  border-right-color: #666666;
  border-top-color: #CCCCCC;
  background-color: #434369;
}

a.button:hover {
  text-decoration: none;
  color: #333333;
  border-bottom-color: #666666;
  border-left-color: #CCCCCC;
  border-right-color: #666666;
  border-top-color: #CCCCCC;
  background-color: #D8EBFF;
}

a.button:active {
  text-decoration: none;
  color: #333333;
  border-bottom-color: #666666;
  border-left-color: #CCCCCC;
  border-right-color: #666666;
  border-top-color: #CCCCCC;
  background-color: #D8EBFF;
}

.font18pt {
  font-size: 18pt;
}

.font16pt {
  font-size: 16pt;
}

.font14pt {
  font-size: 14pt;
}

.font12pt {
  font-size: 12pt;
}

.font11pt {
  font-size: 11pt;
}

.font10pt {
  font-size: 10pt;
}

h1#pagetitle {
  clear: both;
  margin-top: 0px;
  margin-bottom: 0px;
  width: 954px;
  height: 30px;
  margin-left: 3px;
  padding-left: 20px;
  padding-right: 20px;
  line-height: 30px;
  font-size: 12pt;
  color: #FFFFFF;
  background-image: url(../images/h1.gif);
  background-repeat: repeat-y;
  text-indent: 4em;
}

h2.image {
  clear: both;
  margin-top: 30px;
}

h2.mark {
  clear: both;
  height: 30px;
  margin-top: 20px;
  margin-bottom: 0px;
  padding-left: 10px;
  border-bottom-color: rgb(0, 0, 136);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  line-height: 30px;
  font-size: 14pt;
  font-weight: bold;
  background-position: left;
  background-repeat: no-repeat;
}

h3.mark {
  clear: both;
  margin-top: 30px;
  margin-bottom: 0px;
  padding-left: 10px;
  background-position: left;
  background-repeat: no-repeat;
  line-height: 25px;
  font-size: 12pt;
  font-weight: bold;
}

ul.standardmark {
  padding-left: 10px;
  margin-top: 10px;
  margin-left: 0px;
}

ul.standardmark li {
  padding-left: 25px;
  padding-bottom: 5px;
  background-image: url(../images/list_mark.gif);
  background-position: left top;
  background-repeat: no-repeat;
  font-size: 10pt;
  line-height: 20px;
  list-style: none;
}

ul.nomark {
  margin-top: 10px;
  margin-left: 35px;
  padding-left: 0px;
}

ul.nomark li {
  font-size: 11pt;
  line-height: 25px;
  list-style: none;
}

blockquote.dotted {
  margin-top: 20px;
  margin-left: 20px;
  margin-right: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  border-bottom-color: #434369;
  border-bottom-style: dotted;
  border-bottom-width: 3px;
  border-left-color: #434369;
  border-left-style: dotted;
  border-left-width: 3px;
  border-right-color: #434369;
  border-right-style: dotted;
  border-right-width: 3px;
  border-top-color: #434369;
  border-top-style: dotted;
  border-top-width: 3px;
  line-height: 20px;
  letter-spacing: 1px;
  font-size: 12pt;
  color: #333333;
}

p.listmark {
  clear: both;
  margin-top: 20px;
  margin-bottom: 0px;
  padding-left: 25px;
  background-image: url(../images/p_mark.gif);
  background-position: left top;
  background-repeat: no-repeat;
  font-size: 11pt;
  line-height: 20px;
}

p.listmarkright {
  float: right;
  margin-top: 20px;
  margin-bottom: 0px;
  padding-left: 25px;
  background-image: url(../images/p_mark.gif);
  background-position: left top;
  background-repeat: no-repeat;
  font-size: 11pt;
  line-height: 20px;
}

p.mark {
  clear: both;
  margin-top: 20px;
  margin-bottom: 0px;
  margin-left: 20px;
  padding-left: 25px;
  background-image: url(../images/list_mark.gif);
  background-position: left top;
  background-repeat: no-repeat;
  font-size: 11pt;
  line-height: 20px;
}

.underline {
  border-bottom: solid 2px #000000;
  padding-bottom: 1px;
}

p.sysmessage {
  margin-top: 20px;
  margin-bottom: 0px;
  color: #cc0000;
}

div.nextnavi {
  width: 980px;
  margin-top: 30px;
  text-align: center;
}

span.current {
  font-size: 14pt;
  font-weight: bold;
}

a.showamounta {}

a.pagelista {}

a.nexta {
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 12pt;
  font-weight: bold;
  text-decoration: none;
  border-bottom-color: #336699;
  border-bottom-style: solid;
  border-bottom-width: 5px;
  border-top-color: #336699;
  border-top-style: solid;
  border-top-width: 1px;
}

span.needed {
  padding-left: 5px;
  font-size: 10px;
  font-weight: normal;
  color: #cc0033;
}

/*
   ################################################
	 tables 
   ################################################
*/

td {
  vertical-align: baseline;
}

/*  table */

table.standardleft {
  float: left;
  margin-top: 20px;
  border-left-color: #434369;
  border-left-style: solid;
  border-left-width: 1px;
  border-top-color: #434369;
  border-top-style: solid;
  border-top-width: 1px;
}

table.standardright {
  float: right;
  margin-top: 20px;
  border-left-color: #434369;
  border-left-style: solid;
  border-left-width: 1px;
  border-top-color: #434369;
  border-top-style: solid;
  border-top-width: 1px;
}

table.standardclear {
  clear: both;
  margin-top: 20px;
  border-left-color: #434369;
  border-left-style: solid;
  border-left-width: 1px;
  border-top-color: #434369;
  border-top-style: solid;
  border-top-width: 1px;
}

/*  caption */

table.standardleft caption, table.standardright caption, table.standardclear caption {
  text-align: left;
  font-size: 12pt;
  font-weight: bold;
}

table.standardleft caption.mark, table.standardright caption.mark, table.standardclear caption.mark {
  padding-left: 25px;
  background-image: url(../images/p_mark.gif);
  background-position: left top;
  background-repeat: no-repeat;
  line-height: 20px;
}

/*  th */

table.standardleft th, table.standardright th, table.standardclear th {
  border-right-color: #434369;
  border-right-style: solid;
  border-right-width: 1px;
  border-bottom-color: #434369;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  background-color: #D8EBFF;
  /*    background-image: url(../images/th_back.gif);
    background-position: left;
    background-repeat: repeat-x;*/
  line-height: 20px;
  font-size: 10pt;
  font-weight: bold;
  color: #333333;
  vertical-align: middle;
}

table.standardleft th.left, table.standardright th.left, table.standardclear th.left {
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 5px;
  padding-right: 5px;
  text-align: left;
}

table.standardleft th.center, table.standardright th.center, table.standardclear th.center {
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 5px;
  padding-right: 5px;
  text-align: center;
}

table.standardleft th.right, table.standardright th.right, table.standardclear th.right {
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 5px;
  padding-right: 5px;
  text-align: right;
}

table.standardleft th.leftattention, table.standardright th.leftattention, table.standardclear th.leftattention {
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 5px;
  padding-right: 5px;
  text-align: left;
  background-color: #FFCCFF;
}

table.standardleft th.centerattention, table.standardright th.centerattention, table.standardclear th.centerattention {
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 5px;
  padding-right: 5px;
  text-align: center;
  background-color: #FFCCFF;
}

table.standardleft th.rightattention, table.standardright th.rightattention, table.standardclear th.rightattention {
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 5px;
  padding-right: 5px;
  text-align: right;
  background-color: #FFCCFF;
}

/*  td */

table.standardleft td, table.standardright td, table.standardclear td {
  border-right-color: #434369;
  border-right-style: solid;
  border-right-width: 1px;
  border-bottom-color: #434369;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  background-color: #FFFFFF;
  line-height: 20px;
  vertical-align: middle;
  font-size: 10pt;
  font-weight: nomal;
  color: #333333;
}

table.standardleft td.left, table.standardright td.left, table.standardclear td.left {
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 5px;
  padding-right: 5px;
  text-align: left;
}

table.standardleft td.center, table.standardright td.center, table.standardclear td.center {
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 5px;
  padding-right: 5px;
  text-align: center;
}

table.standardleft td.right, table.standardright td.right, table.standardclear td.right {
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 5px;
  padding-right: 5px;
  text-align: right;
}

/*  link th */

table.standardleft th a, table.standardright th a, table.standardclear th a {
  display: block;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 5px;
  padding-right: 5px;
  line-height: 20px;
  font-size: 8pt;
  font-weight: bold;
  color: #333333;
}

table.standardleft th a:link, table.standardright th a:link, table.standardclear th a:link {
  font-weight: bold;
  color: #333333;
  text-decoration: underline;
}

table.standardleft th a:visited, table.standardright th a:visited, table.standardclear th a:visited {
  font-weight: bold;
  color: #333333;
  text-decoration: underline;
}

table.standardleft th a:hover, table.standardright th a:hover, table.standardclear th a:hover {
  font-weight: bold;
  color: #cc0000;
  text-decoration: underline;
}

table.standardleft th a:active, table.standardright th a:active, table.standardclear th a:active {
  font-weight: bold;
  color: #cc0000;
  text-decoration: underline;
}

/*  link td */

/*
table.standardleft td a, 
table.standardright td a, 
table.standardclear td a{
    display: block;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 5px;
    padding-right: 5px;
    border-bottom-color: #666666;
    border-bottom-style: solid;
    border-bottom-width: 3px;
    border-left-color: #cccccc;
    border-left-style: solid;
    border-left-width: 3px;
    border-right-color: #666666;
    border-right-style: solid;
    border-right-width: 3px;
    border-top-color: #cccccc;
    border-top-style: solid;
    border-top-width: 3px;
    line-height: 20px;
    font-size: 8pt;
    font-weight: nomal;
    color: #333333;
}
table.standardleft td a:link, 
table.standardright td a:link, 
table.standardclear td a:link{
    font-weight: nomal;
    color: #333333;
    text-decoration: none;
}
table.standardleft td a:visited, 
table.standardright td a:visited, 
table.standardclear td a:visited{
    font-weight: nomal;
    color: #333333;
    text-decoration: none;
}
table.standardleft td a:hover, 
table.standardright td a:hover, 
table.standardclear td a:hover{
    background-image: url(../images/th_back_over.gif);
    background-position: left;
    background-repeat: repeat-x;
    font-weight: nomal;
    color: #333333;
    text-decoration: none;
}
table.standardleft td a:active, 
table.standardright td a:active, 
table.standardclear td a:active{
    font-weight: nomal;
    color: #333333;
    text-decoration: none;
}
*/

table.standardleft td.btn a, table.standardright td.btn a, table.standardclear td.btn a {
  display: block;
  height: 18px;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 10px;
  padding-right: 10px;
  border-bottom-style: solid;
  border-bottom-width: 3px;
  border-left-style: solid;
  border-left-width: 3px;
  border-right-style: solid;
  border-right-width: 3px;
  border-top-style: solid;
  border-top-width: 3px;
  line-height: 20px;
  font-size: 8pt;
  font-weight: bold;
  color: #333333;
}

table.standardleft td.btn a:link, table.standardright td.btn a:link, table.standardclear td.btn a:link {
  /*    background-image: url(../images/btn_back.gif);
    background-position: left;
    background-repeat: repeat-x;*/
  background-color: #434369;
  font-weight: bold;
  border-bottom-color: #666666;
  border-left-color: #CCCCCC;
  border-right-color: #666666;
  border-top-color: #CCCCCC;
  color: #ffffff;
  text-decoration: none;
}

table.standardleft td.btn a:visited, table.standardright td.btn a:visited, table.standardclear td.btn a:visited {
  /*    background-image: url(../images/btn_back.gif);
    background-position: left;
    background-repeat: repeat-x;*/
  background-color: #434369;
  border-bottom-color: #666666;
  border-left-color: #CCCCCC;
  border-right-color: #666666;
  border-top-color: #CCCCCC;
  font-weight: bold;
  color: #ffffff;
  text-decoration: none;
}

table.standardleft td.btn a:hover, table.standardright td.btn a:hover, table.standardclear td.btn a:hover {
  /*    background-image: url(../images/btn_back_over.gif);
    background-position: left;
    background-repeat: repeat-x;*/
  background-color: #D8EBFF;
  border-bottom-color: #666666;
  border-left-color: #CCCCCC;
  border-right-color: #666666;
  border-top-color: #CCCCCC;
  font-weight: bold;
  color: #333333;
  text-decoration: none;
}

table.standardleft td.btn a:active, table.standardright td.btn a:active, table.standardclear td.btn a:active {
  /*    background-image: url(../images/btn_back_over.gif);
    background-position: left;
    background-repeat: repeat-x;*/
  background-color: #D8EBFF;
  border-bottom-color: #666666;
  border-left-color: #CCCCCC;
  border-right-color: #666666;
  border-top-color: #CCCCCC;
  font-weight: bold;
  color: #333333;
  text-decoration: none;
}

table.standardleft th a.left, table.standardright th a.left, table.standardclear th a.left, table.standardleft td a.left, table.standardright td a.left, table.standardclear td a.left {
  padding-left: 5px;
  padding-right: 5px;
  text-align: left;
}

table.standardleft th a.center, table.standardright th a.center, table.standardclear th a.center, table.standardleft td a.center, table.standardright td a.center, table.standardclear td a.center {
  padding-left: 5px;
  padding-right: 5px;
  text-align: center;
}

table.standardleft th a.right, table.standardright th a.right, table.standardclear th a.right, table.standardleft td a.right, table.standardright td a.right, table.standardclear td a.right {
  padding-left: 5px;
  padding-right: 5px;
  text-align: right;
}

div.width20 {
  width: 20px;
}

div.width30 {
  width: 30px;
}

div.width40 {
  width: 40px;
}

div.width50 {
  width: 50px;
}

div.width60 {
  width: 60px;
}

div.width70 {
  width: 70px;
}

div.width80 {
  width: 80px;
}

div.width90 {
  width: 90px;
}

div.width100 {
  width: 100px;
}

div.width110 {
  width: 110px;
}

div.width120 {
  width: 120px;
}

div.width130 {
  width: 130px;
}

div.width140 {
  width: 140px;
}

div.width150 {
  width: 150px;
}

div.width160 {
  width: 160px;
}

div.width170 {
  width: 170px;
}

div.width180 {
  width: 180px;
}

div.width190 {
  width: 190px;
}

div.width200 {
  width: 200px;
}

div.width210 {
  width: 210px;
}

div.width220 {
  width: 220px;
}

div.width230 {
  width: 230px;
}

div.width240 {
  width: 240px;
}

div.width250 {
  width: 250px;
}

div.width260 {
  width: 260px;
}

div.width270 {
  width: 270px;
}

div.width280 {
  width: 280px;
}

div.width290 {
  width: 290px;
}

div.width300 {
  width: 300px;
}

div.width310 {
  width: 310px;
}

div.width320 {
  width: 320px;
}

div.width330 {
  width: 330px;
}

div.width340 {
  width: 340px;
}

div.width350 {
  width: 350px;
}

div.width360 {
  width: 360px;
}

div.width370 {
  width: 370px;
}

div.width380 {
  width: 380px;
}

div.width390 {
  width: 390px;
}

div.width400 {
  width: 400px;
}

div.width410 {
  width: 410px;
}

div.width420 {
  width: 420px;
}

div.width430 {
  width: 430px;
}

div.width440 {
  width: 440px;
}

div.width450 {
  width: 450px;
}

div.width460 {
  width: 460px;
}

div.width470 {
  width: 470px;
}

div.width480 {
  width: 480px;
}

div.width490 {
  width: 490px;
}

div.width500 {
  width: 500px;
}

div.width510 {
  width: 510px;
}

div.width520 {
  width: 520px;
}

div.width530 {
  width: 530px;
}

div.width540 {
  width: 540px;
}

div.width550 {
  width: 550px;
}

div.width560 {
  width: 560px;
}

div.width570 {
  width: 570px;
}

div.width580 {
  width: 580px;
}

div.width590 {
  width: 590px;
}

div.width600 {
  width: 600px;
}

div.dotunderline {
  padding-bottom: 2px;
  margin-bottom: 2px;
  border-bottom-color: #cccccc;
  border-bottom-style: dotted;
  border-bottom-width: 1px;
}

/*
   ################################################
	 public 
   ################################################
*/

div#container {
  width: 820px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0px;
  background-image: url(/images/background.gif);
  background-repeat: repeat-y;
  background-position: left;
  text-align: left;
}

/* header */

div#header {
  clear: both;
  width: 780px;
  height: 40px;
  padding-left: 20px;
  padding-right: 20px;
  background-color: #434369;
  color: #FFFFFF;
}

h1#logo {
  float: left;
  margin: 0px;
  width: 200px;
  height: 40px;
  line-height: 40px;
  font-size: 18pt;
  color: #FFFFFF;
}

div#login_status {
  float: right;
  width: 550px;
  line-height: 45px;
  text-align: right;
}

/* body */

div#body {
  clear: both;
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  line-height: 20px;
}

/* footer */

div#footer {
  clear: both;
  width: 820px;
  height: 30px;
  background-color: #434369;
  text-align: center;
  line-height: 30px;
  font-weight: bold;
  font-size: 12pt;
  color: #FFFFFF;
}

div.white_box {
  margin-top: 20px;
  padding: 5px;
}

div#timer_area {
  /*	float: left;*/
  margin-bottom: 10px;
  margin-top: 10px;
  margin-left: 10px;
  width: 630px;
  height: 30px;
  line-height: 30px;
  font-size: 22pt;
  font-weight: bold;
}

div#examine_correction {}

div#examine_correction div {
  float: left;
  margin: 5px;
  padding: 3px;
  width: 130px;
  border: solid 1px #434369;
  background-color: #FFFFFF;
  text-align: center;
}

div#result_table {
  float: left;
  width: 380px;
}

div#result_chart {
  float: right;
  width: 380px;
}

div.result_point {
  height: 40px;
  line-height: 40px;
  font-size: 18px;
  font-weight: bold;
}

div.result_pass {
  height: 40px;
  background-color: #0000CC;
  line-height: 40px;
  text-align: center;
  color: #FFFFFF;
  font-size: 18px;
  font-weight: bold;
}

div.result_fail {
  height: 40px;
  background-color: #CC0000;
  line-height: 40px;
  text-align: center;
  color: #FFFFFF;
  font-size: 18px;
  font-weight: bold;
}

p.qno {
  color: #CC0000;
  font-size: 10pt;
  font-weight: bold;
}

ul.anstab {
  clear: both;
  margin: 0px;
  padding: 0px;
}

ul.anstab li {
  margin: 0px;
  padding: 0px;
  margin-left: 5px;
  float: left;
  width: 100px;
  height: 25px;
  border-left: 2px solid #434369;
  border-right: 2px solid #434369;
  border-top: 2px solid #434369;
  background-color: #FFFF00;
  line-height: 25px;
  text-align: center;
  font-size: 11pt;
  font-weight: bold;
  list-style: none;
}

ul.anstab li a {
  font-size: 10pt;
  font-weight: normal;
  display: block;
}

ul.anstab li a:link {
  text-decoration: underline;
  background-color: #FFFFFF;
}

ul.anstab li a:visited {
  text-decoration: underline;
  background-color: #FFFFFF;
}

ul.anstab li a:hover {
  text-decoration: underline;
  background-color: #FFFF00;
}

ul.anstab li a:active {
  text-decoration: underline;
  background-color: #FFFF00;
}

ul.anstab {
  clear: both;
  margin: 0px;
  padding: 0px;
}

ul.anstab li {
  margin: 0px;
  padding: 0px;
  margin-left: 5px;
  float: left;
  width: 100px;
  height: 25px;
  border-left: 2px solid #434369;
  border-right: 2px solid #434369;
  border-top: 2px solid #434369;
  background-color: #FFFF00;
  line-height: 25px;
  text-align: center;
  font-size: 11pt;
  font-weight: bold;
  list-style: none;
}

ul.anstab li a {
  font-size: 10pt;
  font-weight: normal;
  display: block;
}

ul.anstab li a:link {
  text-decoration: underline;
  background-color: #FFFFFF;
}

ul.anstab li a:visited {
  text-decoration: underline;
  background-color: #FFFFFF;
}

ul.anstab li a:hover {
  text-decoration: underline;
  background-color: #FFFF00;
}

ul.anstab li a:active {
  text-decoration: underline;
  background-color: #FFFF00;
}

div.ansbox {
  clear: both;
  margin-top: 0px;
  border: 2px solid #434369;
  padding: 10px;
}

div.ansbox_4explain {
  clear: both;
  margin-top: 5px;
  border: 2px solid rgb(0, 0, 136);
  padding: 5px;
}

.indentbox {
  padding-left: 20px;
}

.indentborderbox {
  margin-left: 20px;
  border: 1px solid #434369;
  padding: 10px;
}

.borderbox {
  border: 1px solid #434369;
  padding: 10px;
}

form#question_form {
  line-height: 25px;
}

form#question_form input.radio_form {
  margin: 0px;
  margin-top: 5px;
}

form#question_form input.text_form {
  margin: 0px;
  margin-top: 5px;
  margin-bottom: 5px;
  width: 98%;
  height: 30px;
  background-color: #FFFFCC;
  font-size: 12pt;
}

table.choicetb {
  margin: 0px;
  padding: 0px;
  width: 100%;
  border-collapse: collapse;
}

table.choicetb_4explain {
  margin: 0px;
  padding: 0px;
  width: 100%;
  border-collapse: collapse;
}

tr.grayback {
  background-color: #EEEEEE;
}

tr.whitback {
  background-color: #FFFFFF;
}

table.choicetb td.form {
  width: 25px;
  padding: 2px;
  text-align: center;
  vertical-align: middle;
}

table.choicetb td.sign {
  width: 25px;
  padding: 2px;
  text-align: center;
  vertical-align: middle;
}

table.choicetb td.label {
  padding: 2px;
  padding-left: 10px;
  line-height: 25px;
}

table.choicetb_4explain td.sign {
  width: 25px;
  padding: 0px;
  text-align: center;
  vertical-align: middle;
  line-height: 20px;
}

table.choicetb_4explain td.label {
  padding: 2px;
  padding-left: 10px;
  line-height: 25px;
  color: #000000;
}

.question_title_4explain {}

.question_box_4explain {
  clear: both;
  margin-top: 0px;
  padding: 5px;
  background-color: #FFFFFF;
}

.explain_title {
  margin-top: 10px;
  width: 80px;
  height: 20px;
  border: 2px solid #CC0000;
  background-color: #CC0000;
  text-align: center;
  line-height: 20px;
  font-size: 11pt;
  font-weight: bold;
  color: #FFFFFF;
}

u {
  text-decoration: none;
  padding-bottom: 1px;
  border-bottom: 1px solid #000000;
}

div.scrollbox {
  height: 200px;
  overflow: auto;
  padding: 5px;
  border: solid 1px #CCCCCC;
}

/* Card */

span.card {
  border: solid 1px #000000;
  padding: 3px;
  margin-left: 5px;
  margin-right: 5px;
}

span.redcard {
  border: solid 1px #CC0000;
  padding: 3px;
  margin-left: 5px;
  margin-right: 5px;
}

/* 分数 */

table.bunsu {
  display: inline-table;
  border-collapse: collapse;
  margin: 0px;
  padding: 0px;
  font-size: inherit;
  vertical-align: middle;
}

table.bunsu td {
  margin: 0px;
  padding: 0px;
  line-height: 20px;
  font-size: inherit;
  text-align: center;
}

table.bunsu tr:first-child {
  border-bottom: 1px solid #000000;
}

.big {
  font-size: 14pt;
  font-weight: bold;
}

table.list {
  margin: 0px;
  margin-top: 5px;
  padding: 0px;
  border: 0px;
  border-collapse: collapse;
}

table.list th {
  margin: 0px;
  padding: 4px;
  padding-right: 10px;
  border: 0px;
  line-height: 20px;
  font-size: 12pt;
  font-weight: bold;
}

table.list td {
  margin: 0px;
  padding: 4px;
  border: 0px;
  line-height: 20px;
  font-size: 10pt;
}

table.question {
  margin-top: 5px;
  border-collapse: collapse;
  border-left-color: #434369;
  border-left-style: solid;
  border-left-width: 1px;
  border-top-color: #434369;
  border-top-style: solid;
  border-top-width: 1px;
}

table.question th {
  border-right-color: #434369;
  border-right-style: solid;
  border-right-width: 1px;
  border-bottom-color: #434369;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  background-color: #D8EBFF;
  padding: 5px;
  text-align: center;
  font-size: 10pt;
  vertical-align: middle;
}

table.question td {
  border-right-color: #434369;
  border-right-style: solid;
  border-right-width: 1px;
  border-bottom-color: #434369;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  background-color: #FFFFFF;
  padding: 5px;
  text-align: left;
  font-size: 10pt;
  vertical-align: middle;
}

.aligncenter {
  text-align: center;
}

.alignright {
  text-align: right;
}

.paragraph {
  margin-top: 5px;
  margin-bottom: 5px;
  text-indent: 1em;
}

.p-1 {
  padding: 10px;
}

.m-1 {
  margin: 10px;
}

.mt-2 {
  margin-top: 20px;
}

.m-side {
  margin-left: 5px;
  margin-right: 5px;
  margin-top: 2px;
  margin-bottom: 2px;
}

.content h3 {
  padding-left: 10px;
  margin: 15px 0;
}

.content table th {
  background-color: #f1f1f1;
  border: #a3a3a3 solid 1px !important;
}

.content table td {
  border: #a3a3a3 solid 1px !important;
}

form#edit {
  padding: 0 10px;
}

.return-btn {
  margin: 10px;
}

.reminder-title {
  padding-left: 10px;
  margin: 10px 0 !important;
}

.detail, .correct {
  text-align: center;
}

.h3-title {
  text-align: center;
  margin: 10px 0 !important;
}

.explain_box {
  margin-top: 30px;
  margin-bottom: 30px;
}

.rich-btn-danger {
  background-image: -webkit-linear-gradient(top, #ec736f 0%, #c0211c 100%);
  background-image: -o-linear-gradient(top, #ec736f 0%, #c0211c 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ec736f), to(#c0211c));
  background-image: linear-gradient(to bottom, #ec736f 0%, #c0211c 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec736f', endColorstr='#ffc0211c', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  background-repeat: repeat-x;
  border-color: #b83e3a;
  box-shadow: inset 3px 2px 0 rgba(255, 255, 255, 0.4), inset 0 -2px 0 rgba(0, 0, 0, 0.05);
}

.rich-btn-primary {
  background-image: -webkit-linear-gradient(top, #66b1f3 0%, #1460a3 100%);
  background-image: -o-linear-gradient(top, #66b1f3 0%, #1460a3 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#66b1f3), to(#1460a3));
  background-image: linear-gradient(to bottom, #66b1f3 0%, #1460a3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff66b1f3', endColorstr='#ff1460a3', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  background-repeat: repeat-x;
  border-color: #2668a1;
  box-shadow: inset 3px 2px 0 rgba(255, 255, 255, 0.4), inset 0 -2px 0 rgba(0, 0, 0, 0.05);
  font-weight: bold;
}

.rich-btn-disabled {
  background-image: -webkit-linear-gradient(top, #DDDDDD 0%, #666666 100%);
  background-image: -o-linear-gradient(top, #DDDDDD 0%, #666666 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#DDDDDD), to(#666666));
  background-image: linear-gradient(to bottom, #DDDDDD 0%, #666666 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec736f', endColorstr='#ffc0211c', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  background-repeat: repeat-x;
  border-color: #666666;
  box-shadow: inset 3px 2px 0 rgba(255, 255, 255, 0.4), inset 0 -2px 0 rgba(0, 0, 0, 0.05);
}