@charset "UTF-8";

body {
  background: #E6E6E6;
  color: #5D5D5D;
  font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif;
  line-height: 1.7;
  letter-spacing: 0;
  margin: 0;
  padding: 0;
  -webkit-text-size-adjust: 100%
}

body img {
  border: none
}

#container {
  margin: 0;
  width: 100%
}

#container #header-block {
  font-size: 0;
  z-index: 3;
  width: 100%;
  background-color: #FFF;
  -webkit-box-shadow: rgba(153, 153, 153, 0.3) 0px 5px 10px 0px;
  -moz-box-shadow: rgba(153, 153, 153, 0.3) 0px 5px 10px 0px;
  box-shadow: rgba(153, 153, 153, 0.3) 0px 5px 10px 0px
}

#container #header-block #header {
  width: 960px;
  height: 50px;
  margin: 0 auto;
  padding: 0px 10px
}

#container #contents {
  width: 980px;
  margin: 0 auto;
  padding-top: 10px;
  height: auto;
  overflow: hidden
}

#container #contents #topicpath {
  font-size: 75%;
  padding: 5px 20px 5px 20px
}

#container #contents #topicpath img {
  margin: 0 7px
}

#container #contents #center {
  background: #FFF;
  width: 960px;
  margin: 0 10px 10px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.1) 1px 1px 10px 2px;
  -moz-box-shadow: rgba(0, 0, 0, 0.1) 1px 1px 10px 2px;
  box-shadow: rgba(0, 0, 0, 0.1) 1px 1px 10px 2px
}

#container #contents #center #left {
  float: left;
  width: 220px;
  height: 620px;
  background-color: #494949;
  color: #FFF;
  -webkit-box-shadow: rgba(51, 51, 51, 0.6) -20px 0px 15px -15px inset;
  -moz-box-shadow: rgba(51, 51, 51, 0.6) -20px 0px 15px -15px inset;
  box-shadow: rgba(51, 51, 51, 0.6) -20px 0px 15px -15px inset
}

#container #contents #center #left li {
  cursor: pointer;
  font-weight: bold;
  color: #FFF;
  border-bottom: 1px solid #333;
  -webkit-box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 0px;
  -moz-box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 0px;
  box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 0px;
  height: 85px;
  line-height: 85px;
  position: relative
}

#container #contents #center #left li a {
  display: block;
  padding-left: 72px;
  text-decoration: none;
  color: #FFF
}

#container #contents #center #left li.li-type-1 {
  background: url(../img/common/bg-li-type-1.png) 7px center no-repeat
}

#container #contents #center #left li.li-type-1.on {
  background: url(../img/common/bg-li-type-1_on.png) 7px center no-repeat #d3522a
}

#container #contents #center #left li.li-type-2 {
  background: url(../img/common/bg-li-type-2.png) 7px center no-repeat
}

#container #contents #center #left li.li-type-2.on {
  background-color: #1D938A
}

#container #contents #center #left li.li-type-3 {
  background: url(../img/common/bg-li-type-3.png) 7px center no-repeat
}

#container #contents #center #left li.li-type-3.on {
  background-color: #D37D00
}

#container #contents #center #left li.li-type-4 {
  background: url(../img/common/bg-li-type-4.png) 7px center no-repeat
}

#container #contents #center #left li.li-type-4.on {
  background-color: #7F9309
}

#container #contents #center #left li.li-type-5 {
  background: url(../img/common/bg-li-type-5.png) 7px center no-repeat
}

#container #contents #center #left li.li-type-5.on {
  background-color: #3888bb;
}

#container #contents #center #left li.on {
  cursor: auto;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border-bottom: 0
}

#container #contents #center #left li.on:after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -7.5px;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 7.5px 11px 7.5px 0;
  border-color: transparent #ffffff transparent transparent
}

#container #contents #center #left li:hover {
  background-color: #5A5A5A
}

#container #contents #center #right {
  float: right;
  width: 660px;
  padding-bottom: 32767px;
  margin-bottom: -32767px;
  padding: 15px 30px
}

#container #contents #main {
  background: #F5F5F5;
  border-left: 10px solid #FFF;
  border-right: 10px solid #FFF;
  min-height: 478px;
  margin: 10px 10px 10px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 5px 2px;
  -moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 5px 2px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 5px 2px
}

#container #contents .question-list-table td.fs-small {
  font-size: 13px;
}

#container #footer {
  text-align: center;
  font-size: 65%;
  margin-top: -8px
}

h1 {
  font-size: 125%;
  font-weight: bold;
  border-bottom: 2px solid #CCC;
  padding: 3px 5px;
  margin-bottom: 10px
}

.bold {
  font-weight: bold
}

.underline {
  text-decoration: underline
}

.center {
  text-align: center
}

.right {
  text-align: right
}

.left {
  text-align: left
}

img.center {
  margin-left: auto;
  margin-right: auto
}

.float-left {
  float: left
}

.float-right {
  float: right
}

.relative {
  position: relative
}

.v-top {
  vertical-align: top
}

.v-middle {
  vertical-align: middle
}

.v-bottom {
  vertical-align: bottom
}

.scroll {
  overflow: auto;
  -webkit-overflow-scrolling: touch
}

.hide {
  display: none
}

.clearfix {
  zoom: 1
}

.clearfix:after {
  content: "";
  display: block;
  clear: both
}

.clear {
  clear: both
}

ul.horizon li {
  padding: 150px 0px 0px 0px;
  display: inline-block;
  *display: inline
}

.w10px {
  width: 10px
}

.w20px {
  width: 20px
}

.w30px {
  width: 30px
}

.w40px {
  width: 40px
}

.w50px {
  width: 50px
}

.w60px {
  width: 60px
}

.w70px {
  width: 70px
}

.w80px {
  width: 80px
}

.w90px {
  width: 90px
}

.w100px {
  width: 100px
}

.w110px {
  width: 110px
}

.w120px {
  width: 120px
}

.w130px {
  width: 130px
}

.w140px {
  width: 140px
}

.w150px {
  width: 150px
}

.w160px {
  width: 160px
}

.w170px {
  width: 170px
}

.w180px {
  width: 180px
}

.w190px {
  width: 190px
}

.w200px {
  width: 200px
}

.w210px {
  width: 210px
}

.w220px {
  width: 220px
}

.w230px {
  width: 230px
}

.w240px {
  width: 240px
}

.w250px {
  width: 250px
}

.w260px {
  width: 260px
}

.w270px {
  width: 270px
}

.w280px {
  width: 280px
}

.w290px {
  width: 290px
}

.w300px {
  width: 300px
}

.w310px {
  width: 310px
}

.w320px {
  width: 320px
}

.w330px {
  width: 330px
}

.w340px {
  width: 340px
}

.w350px {
  width: 350px
}

.w360px {
  width: 360px
}

.w370px {
  width: 370px
}

.w380px {
  width: 380px
}

.w390px {
  width: 390px
}

.w400px {
  width: 400px
}

.w410px {
  width: 410px
}

.w420px {
  width: 420px
}

.w430px {
  width: 430px
}

.w440px {
  width: 440px
}

.w450px {
  width: 450px
}

.w460px {
  width: 460px
}

.w470px {
  width: 470px
}

.w480px {
  width: 480px
}

.w490px {
  width: 490px
}

.w500px {
  width: 500px
}

.w510px {
  width: 510px
}

.w520px {
  width: 520px
}

.w530px {
  width: 530px
}

.w540px {
  width: 540px
}

.w550px {
  width: 550px
}

.w560px {
  width: 560px
}

.w570px {
  width: 570px
}

.w580px {
  width: 580px
}

.w590px {
  width: 590px
}

.w600px {
  width: 600px
}

.w610px {
  width: 610px
}

.w620px {
  width: 620px
}

.w630px {
  width: 630px
}

.w640px {
  width: 640px
}

.w650px {
  width: 650px
}

.w660px {
  width: 660px
}

.w670px {
  width: 670px
}

.w680px {
  width: 680px
}

.w690px {
  width: 690px
}

.w700px {
  width: 700px
}

.w710px {
  width: 710px
}

.w720px {
  width: 720px
}

.w730px {
  width: 730px
}

.w740px {
  width: 740px
}

.w750px {
  width: 750px
}

.w760px {
  width: 760px
}

.w770px {
  width: 770px
}

.w780px {
  width: 780px
}

.w790px {
  width: 790px
}

.w800px {
  width: 800px
}

.select-w30px {
  width: 30px
}

.select-w40px {
  width: 40px
}

.select-w50px {
  width: 50px
}

.select-w60px {
  width: 60px
}

.select-w70px {
  width: 70px
}

.select-w80px {
  width: 80px
}

.select-w90px {
  width: 90px
}

.select-w100px {
  width: 100px
}

.select-w110px {
  width: 110px
}

.select-w120px {
  width: 120px
}

.select-w130px {
  width: 130px
}

.select-w140px {
  width: 140px
}

.select-w150px {
  width: 150px
}

.select-w160px {
  width: 160px
}

.select-w170px {
  width: 170px
}

.select-w180px {
  width: 180px
}

.select-w190px {
  width: 190px
}

.select-w200px {
  width: 200px
}

.select-w210px {
  width: 210px
}

.select-w220px {
  width: 220px
}

.select-w230px {
  width: 230px
}

.select-w240px {
  width: 240px
}

.select-w250px {
  width: 250px
}

.select-w260px {
  width: 260px
}

.select-w270px {
  width: 270px
}

.select-w280px {
  width: 280px
}

.select-w290px {
  width: 290px
}

.select-w300px {
  width: 300px
}

.select-w310px {
  width: 310px
}

.select-w320px {
  width: 320px
}

.select-w330px {
  width: 330px
}

.select-w340px {
  width: 340px
}

.select-w350px {
  width: 350px
}

.select-w360px {
  width: 360px
}

.select-w370px {
  width: 370px
}

.select-w380px {
  width: 380px
}

.select-w390px {
  width: 390px
}

.select-w400px {
  width: 400px
}

.select-w410px {
  width: 410px
}

.select-w420px {
  width: 420px
}

.select-w430px {
  width: 430px
}

.select-w440px {
  width: 440px
}

.select-w450px {
  width: 450px
}

.select-w460px {
  width: 460px
}

.select-w470px {
  width: 470px
}

.select-w480px {
  width: 480px
}

.select-w490px {
  width: 490px
}

.select-w500px {
  width: 500px
}

.select-w510px {
  width: 510px
}

.select-w520px {
  width: 520px
}

.select-w530px {
  width: 530px
}

.select-w540px {
  width: 540px
}

.select-w550px {
  width: 550px
}

.select-w560px {
  width: 560px
}

.select-w570px {
  width: 570px
}

.select-w580px {
  width: 580px
}

.select-w590px {
  width: 590px
}

.select-w600px {
  width: 600px
}

.select-w610px {
  width: 610px
}

.select-w620px {
  width: 620px
}

.select-w630px {
  width: 630px
}

.select-w640px {
  width: 640px
}

.select-w650px {
  width: 650px
}

.select-w660px {
  width: 660px
}

.select-w670px {
  width: 670px
}

.select-w680px {
  width: 680px
}

.select-w690px {
  width: 690px
}

.select-w700px {
  width: 700px
}

.select-w710px {
  width: 710px
}

.select-w720px {
  width: 720px
}

.select-w730px {
  width: 730px
}

.select-w740px {
  width: 740px
}

.select-w750px {
  width: 750px
}

.select-w760px {
  width: 760px
}

.select-w770px {
  width: 770px
}

.select-w780px {
  width: 780px
}

.padding-top-10px {
  padding-top: 10px !important
}

.padding-right-10px {
  padding-right: 10px !important
}

.padding-bottom-10px {
  padding-bottom: 10px !important
}

.padding-left-10px {
  padding-left: 10px !important
}

.margin-top-10px {
  margin-top: 10px !important
}

.margin-right-10px {
  margin-right: 10px !important
}

.margin-bottom-10px {
  margin-bottom: 10px !important
}

.margin-left-10px {
  margin-left: 10px !important
}

.padding-top-20px {
  padding-top: 20px !important
}

.padding-right-20px {
  padding-right: 20px !important
}

.padding-bottom-20px {
  padding-bottom: 20px !important
}

.padding-left-20px {
  padding-left: 20px !important
}

.margin-top-20px {
  margin-top: 20px !important
}

.margin-right-20px {
  margin-right: 20px !important
}

.margin-bottom-20px {
  margin-bottom: 20px !important
}

.margin-left-20px {
  margin-left: 20px !important
}

.padding-top-30px {
  padding-top: 30px !important
}

.padding-right-30px {
  padding-right: 30px !important
}

.padding-bottom-30px {
  padding-bottom: 30px !important
}

.padding-left-30px {
  padding-left: 30px !important
}

.margin-top-30px {
  margin-top: 30px !important
}

.margin-right-30px {
  margin-right: 30px !important
}

.margin-bottom-30px {
  margin-bottom: 30px !important
}

.margin-left-30px {
  margin-left: 30px !important
}

.padding-top-40px {
  padding-top: 40px !important
}

.padding-right-40px {
  padding-right: 40px !important
}

.padding-bottom-40px {
  padding-bottom: 40px !important
}

.padding-left-40px {
  padding-left: 40px !important
}

.margin-top-40px {
  margin-top: 40px !important
}

.margin-right-40px {
  margin-right: 40px !important
}

.margin-bottom-40px {
  margin-bottom: 40px !important
}

.margin-left-40px {
  margin-left: 40px !important
}

.padding-top-50px {
  padding-top: 50px !important
}

.padding-right-50px {
  padding-right: 50px !important
}

.padding-bottom-50px {
  padding-bottom: 50px !important
}

.padding-left-50px {
  padding-left: 50px !important
}

.margin-top-50px {
  margin-top: 50px !important
}

.margin-right-50px {
  margin-right: 50px !important
}

.margin-bottom-50px {
  margin-bottom: 50px !important
}

.margin-left-50px {
  margin-left: 50px !important
}

.padding-top-60px {
  padding-top: 60px !important
}

.padding-right-60px {
  padding-right: 60px !important
}

.padding-bottom-60px {
  padding-bottom: 60px !important
}

.padding-left-60px {
  padding-left: 60px !important
}

.margin-top-60px {
  margin-top: 60px !important
}

.margin-right-60px {
  margin-right: 60px !important
}

.margin-bottom-60px {
  margin-bottom: 60px !important
}

.margin-left-60px {
  margin-left: 60px !important
}

.padding-top-70px {
  padding-top: 70px !important
}

.padding-right-70px {
  padding-right: 70px !important
}

.padding-bottom-70px {
  padding-bottom: 70px !important
}

.padding-left-70px {
  padding-left: 70px !important
}

.margin-top-70px {
  margin-top: 70px !important
}

.margin-right-70px {
  margin-right: 70px !important
}

.margin-bottom-70px {
  margin-bottom: 70px !important
}

.margin-left-70px {
  margin-left: 70px !important
}

.padding-top-80px {
  padding-top: 80px !important
}

.padding-right-80px {
  padding-right: 80px !important
}

.padding-bottom-80px {
  padding-bottom: 80px !important
}

.padding-left-80px {
  padding-left: 80px !important
}

.margin-top-80px {
  margin-top: 80px !important
}

.margin-right-80px {
  margin-right: 80px !important
}

.margin-bottom-80px {
  margin-bottom: 80px !important
}

.margin-left-80px {
  margin-left: 80px !important
}

.padding-top-90px {
  padding-top: 90px !important
}

.padding-right-90px {
  padding-right: 90px !important
}

.padding-bottom-90px {
  padding-bottom: 90px !important
}

.padding-left-90px {
  padding-left: 90px !important
}

.margin-top-90px {
  margin-top: 90px !important
}

.margin-right-90px {
  margin-right: 90px !important
}

.margin-bottom-90px {
  margin-bottom: 90px !important
}

.margin-left-90px {
  margin-left: 90px !important
}

.padding-top-100px {
  padding-top: 100px !important
}

.padding-right-100px {
  padding-right: 100px !important
}

.padding-bottom-100px {
  padding-bottom: 100px !important
}

.padding-left-100px {
  padding-left: 100px !important
}

.margin-top-100px {
  margin-top: 100px !important
}

.margin-right-100px {
  margin-right: 100px !important
}

.margin-bottom-100px {
  margin-bottom: 100px !important
}

.margin-left-100px {
  margin-left: 100px !important
}

.btn-question,
.btn-ex,
.btn-next,
.btn-print {
  display: inline-block;
  border: 1px solid #CCC;
  padding: 1px;
  cursor: pointer;
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 2px 2px 5px 1px;
  -moz-box-shadow: rgba(0, 0, 0, 0.3) 2px 2px 5px 1px;
  box-shadow: rgba(0, 0, 0, 0.3) 2px 2px 5px 1px
}

.btn-question span,
.btn-ex span,
.btn-next span,
.btn-print span {
  display: inline-block;
  font-weight: bold;
  color: #5d5d5d;
  text-align: center;
  position: relative;
  width: 56px;
  min-height: 36px;
  line-height: 36px;
  background-color: #e2e0e0;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2UyZTBlMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e2e0e0));
  background-image: -webkit-linear-gradient(top, #ffffff 0%, #e2e0e0 100%);
  background-image: -moz-linear-gradient(top, #ffffff 0%, #e2e0e0 100%);
  background-image: -o-linear-gradient(top, #ffffff 0%, #e2e0e0 100%);
  background-image: linear-gradient(top, #ffffff 0%, #e2e0e0 100%)
}

.btn-question span:hover,
.btn-ex span:hover,
.btn-next span:hover,
.btn-print span:hover {
  background-color: #d2d0d0;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2QyZDBkMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f2f2f2), color-stop(100%, #d2d0d0));
  background-image: -webkit-linear-gradient(top, #f2f2f2 0%, #d2d0d0 100%);
  background-image: -moz-linear-gradient(top, #f2f2f2 0%, #d2d0d0 100%);
  background-image: -o-linear-gradient(top, #f2f2f2 0%, #d2d0d0 100%);
  background-image: linear-gradient(top, #f2f2f2 0%, #d2d0d0 100%)
}

.btn-question.large span,
.btn-ex.large span,
.btn-next.large span,
.btn-print.large span {
  width: 150px
}

.btn-result {
  display: inline-block;
  background-color: #EA6565;
  border: 1px solid #D13F3D;
  padding: 1px;
  cursor: pointer;
  line-height: 26px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 2px 2px 5px 1px;
  -moz-box-shadow: rgba(0, 0, 0, 0.3) 2px 2px 5px 1px;
  box-shadow: rgba(0, 0, 0, 0.3) 2px 2px 5px 1px
}

.btn-result span {
  display: inline-block;
  font-weight: bold;
  color: #fff;
  text-align: center;
  position: relative;
  width: 140px;
  min-height: 26px;
  line-height: 26px;
  font-size: 85%;
  background-color: #EA6565;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VhNjU2NSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2QxM2YzZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ea6565), color-stop(100%, #d13f3d));
  background-image: -webkit-linear-gradient(top, #ea6565 0%, #d13f3d 100%);
  background-image: -moz-linear-gradient(top, #ea6565 0%, #d13f3d 100%);
  background-image: -o-linear-gradient(top, #ea6565 0%, #d13f3d 100%);
  background-image: linear-gradient(top, #ea6565 0%, #d13f3d 100%)
}

.btn-result span:hover {
  background-color: #f09292;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwOTI5MiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2RiNjg2NiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f09292), color-stop(100%, #db6866));
  background-image: -webkit-linear-gradient(top, #f09292 0%, #db6866 100%);
  background-image: -moz-linear-gradient(top, #f09292 0%, #db6866 100%);
  background-image: -o-linear-gradient(top, #f09292 0%, #db6866 100%);
  background-image: linear-gradient(top, #f09292 0%, #db6866 100%)
}

.btn-result span:down {
  background-color: #e43838;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U0MzgzOCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2IxMmMyYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e43838), color-stop(100%, #b12c2a));
  background-image: -webkit-linear-gradient(top, #e43838 0%, #b12c2a 100%);
  background-image: -moz-linear-gradient(top, #e43838 0%, #b12c2a 100%);
  background-image: -o-linear-gradient(top, #e43838 0%, #b12c2a 100%);
  background-image: linear-gradient(top, #e43838 0%, #b12c2a 100%)
}

.btn-ex span,
.btn-print span {
  width: 150px
}

.btn-next span {
  width: 140px;
  padding-right: 10px
}

.btn-movie-icon {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  background-color: #808080;
  width: 40px;
  height: 40px;
  color: #FFF;
  line-height: 40px;
  text-align: center;
  display: block
}

.btn-movie {
  display: inline-block;
  font-weight: bold;
  color: #fff;
  text-align: center;
  position: relative;
  width: 80px;
  min-height: 40px;
  line-height: 40px;
  background-color: gray;
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 2px 2px 5px 1px;
  -moz-box-shadow: rgba(0, 0, 0, 0.3) 2px 2px 5px 1px;
  box-shadow: rgba(0, 0, 0, 0.3) 2px 2px 5px 1px;
  text-shadow: rgba(73, 73, 73, 0.5) 2px 2px 2px
}

.btn-movie:hover {
  background-color: #9a9a9a
}

.btn-movie:active {
  background-color: #676767
}

.btn-movie i {
  margin-right: 0.2em
}

.btn-movie i.icon-movie {
  position: absolute;
  left: 0.5em;
  top: 0.4em
}

.btn-movie.large {
  width: 140px;
  letter-spacing: 0.7em
}

.btn-list-movie {
  display: inline-block;
  font-weight: bold;
  color: #fff;
  text-align: center;
  position: relative;
  width: calc(40px + 1.3em);
  min-height: 40px;
  line-height: 40px;
  background-color: gray;
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 2px 2px 5px 1px;
  -moz-box-shadow: rgba(0, 0, 0, 0.3) 2px 2px 5px 1px;
  box-shadow: rgba(0, 0, 0, 0.3) 2px 2px 5px 1px;
  text-shadow: rgba(73, 73, 73, 0.5) 2px 2px 2px;
  padding-left: 1.3em;
  margin-right: 0.5em;
  box-sizing: border-box;
}

.btn-list-movie:hover {
  background-color: #9a9a9a
}

.btn-list-movie:active {
  background-color: #676767
}

.btn-list-movie i.icon-movie {
  position: absolute;
  left: 0.1em;
  top: 0.4em
}
.btn-list-movie.is-link {
  padding-left: 0;
}

.btn-answer-yes {
  display: inline-block;
  font-weight: bold;
  color: #fff;
  text-align: center;
  position: relative;
  width: 240px;
  min-height: 90px;
  line-height: 90px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 2px 2px 5px 1px;
  -moz-box-shadow: rgba(0, 0, 0, 0.3) 2px 2px 5px 1px;
  box-shadow: rgba(0, 0, 0, 0.3) 2px 2px 5px 1px;
  background-color: #40a09d;
  font-size: 180%
}

.btn-answer-yes:hover {
  background-color: #57bcb9
}

.btn-answer-yes:active {
  background-color: #317c79
}

.btn-answer-no {
  display: inline-block;
  font-weight: bold;
  color: #fff;
  text-align: center;
  position: relative;
  width: 240px;
  min-height: 90px;
  line-height: 90px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 2px 2px 5px 1px;
  -moz-box-shadow: rgba(0, 0, 0, 0.3) 2px 2px 5px 1px;
  box-shadow: rgba(0, 0, 0, 0.3) 2px 2px 5px 1px;
  background-color: #cc5f4a;
  font-size: 180%
}

.btn-answer-no:hover {
  background-color: #d78272
}

.btn-answer-no:active {
  background-color: #b14632
}

.span-answer-yes {
  display: inline-block;
  font-weight: bold;
  color: #fff;
  text-align: center;
  position: relative;
  width: 130px;
  min-height: 40px;
  line-height: 40px;
  background-color: #40a09d
}

.span-answer-yes.disabled {
  background-color: #B3B3B3
}

.span-answer-no {
  display: inline-block;
  font-weight: bold;
  color: #fff;
  text-align: center;
  position: relative;
  width: 130px;
  min-height: 40px;
  line-height: 40px;
  background-color: #cc5f4a
}

.span-answer-no.disabled {
  background-color: #B3B3B3
}

.btn-top.type-1 {
  display: inline-block;
  font-weight: bold;
  color: #fff;
  text-align: center;
  position: relative;
  width: 140px;
  min-height: 40px;
  line-height: 40px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 2px 2px 5px 1px;
  -moz-box-shadow: rgba(0, 0, 0, 0.3) 2px 2px 5px 1px;
  box-shadow: rgba(0, 0, 0, 0.3) 2px 2px 5px 1px;
  background-color: #d3522a;
  text-shadow: rgba(163, 41, 41, 0.4) 2px 2px 2px;
  padding-right: 20px
}

.btn-top.type-1:hover {
  background-color: #d9633e
}

.btn-top.type-1:active {
  background-color: #be4a26
}

.btn-top.type-2 {
  display: inline-block;
  font-weight: bold;
  color: #fff;
  text-align: center;
  position: relative;
  width: 140px;
  min-height: 40px;
  line-height: 40px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 2px 2px 5px 1px;
  -moz-box-shadow: rgba(0, 0, 0, 0.3) 2px 2px 5px 1px;
  box-shadow: rgba(0, 0, 0, 0.3) 2px 2px 5px 1px;
  background-color: #1d938a;
  text-shadow: rgba(163, 41, 41, 0.4) 2px 2px 2px;
  padding-right: 20px
}

.btn-top.type-2:hover {
  background-color: #20a096
}

.btn-top.type-2:active {
  background-color: #1a867e
}

.btn-top.type-3 {
  display: inline-block;
  font-weight: bold;
  color: #fff;
  text-align: center;
  position: relative;
  width: 140px;
  min-height: 40px;
  line-height: 40px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 2px 2px 5px 1px;
  -moz-box-shadow: rgba(0, 0, 0, 0.3) 2px 2px 5px 1px;
  box-shadow: rgba(0, 0, 0, 0.3) 2px 2px 5px 1px;
  background-color: #d37d00;
  text-shadow: rgba(163, 41, 41, 0.4) 2px 2px 2px;
  padding-right: 20px
}

.btn-top.type-3:hover {
  background-color: #e28600
}

.btn-top.type-3:active {
  background-color: #c47400
}

.btn-top.type-4 {
  display: inline-block;
  font-weight: bold;
  color: #fff;
  text-align: center;
  position: relative;
  width: 140px;
  min-height: 40px;
  line-height: 40px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 2px 2px 5px 1px;
  -moz-box-shadow: rgba(0, 0, 0, 0.3) 2px 2px 5px 1px;
  box-shadow: rgba(0, 0, 0, 0.3) 2px 2px 5px 1px;
  background-color: #7f9309;
  text-shadow: rgba(72, 124, 28, 0.4) 2px 2px 2px;
  padding-right: 20px
}

.btn-top.type-4:hover {
  background-color: #8ba10a
}

.btn-top.type-4:active {
  background-color: #738508
}

.btn-top.type-5 {
  display: inline-block;
  font-weight: bold;
  color: #fff;
  text-align: center;
  position: relative;
  width: 140px;
  min-height: 40px;
  line-height: 40px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 2px 2px 5px 1px;
  -moz-box-shadow: rgba(0, 0, 0, 0.3) 2px 2px 5px 1px;
  box-shadow: rgba(0, 0, 0, 0.3) 2px 2px 5px 1px;
  background-color: #3888bb;
  text-shadow: rgba(72, 124, 28, 0.4) 2px 2px 2px;
  padding-right: 20px
}

.btn-top.type-5:hover {
  background-color: #4593c4
}

.btn-top.type-5:active {
  background-color: #2379b0
}

i.icon-right {
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -5px;
  font-size: 10px;
  font-weight: normal
}

.maru {
  -webkit-box-shadow: 0 0 0 7px #fff, 0 0 0 7px #fff inset;
  -moz-box-shadow: 0 0 0 7px #fff, 0 0 0 7px #fff inset;
  box-shadow: 0 0 0 7px #fff, 0 0 0 7px #fff inset;
  -webkit-border-radius: 310px;
  -moz-border-radius: 310px;
  -ms-border-radius: 310px;
  -o-border-radius: 310px;
  border-radius: 310px;
  z-index: 1;
  opaque: 0.0;
  border: solid 30px #cc3333;
  margin: -350px auto;
  width: 340px;
  height: 340px
}

.batsu {
  width: 490px;
  height: 35px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  background-color: #006699;
  border: solid 10px #ffffff;
  margin: -150px auto;
  z-index: 1
}

.batsu:after {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  background-color: #006699;
  border: solid 10px #ffffff;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg)
}