@charset "UTF-8";
/* -------------------------------------------------------------------

	Base Style
	
-------------------------------------------------------------------- */
* {
  margin: 0;
  padding: 0;
}

html {
  height: 100%;
  background-color:#000000;
}

body {
  line-height: 1.5;
  background-color:#FFFFFF;
  color: black;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  font-size: 75%;
  -webkit-text-size-adjust: none;
}

article, aside, canvas, details, figcaption, figure,
header, footer, hgroup, menu, nav, section, summary {
  display: block;
}

h1, h2, h3, h4, h5, h6 {
  line-height: 1.5;
  font-size: 100%;
}

em {
  font-style: normal;
  font-weight: bold;
}

strong {
  font-style: normal;
}

ul, ol {
  list-style: none;
}

table {
  border: 0 none;
  border-collapse: collapse;
  width: 100%;
}

table th,
table td {
  border: 0 none;
  vertical-align: top;
  font-size: 1em;
  text-align: left;
  font-weight: normal;
}

img {
  border: 0;
  vertical-align: bottom;
}

a {
	color: #e60012;
  text-decoration: underline;
}
a:link, a:visited {
	color: #e60012;
  text-decoration: underline;
}
a:hover, a:focus, a:active {
  text-decoration: none;
  outline: none;
}

sup {
  vertical-align: top;
}

fieldset {
  border: 0 none;
}

input, select {
  vertical-align: middle;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}

textarea {
  font-size: 1.0em;
}

legend {
  display: none;
}

label {
  cursor: pointer;
}

option {
  padding-right: 5px;
}

hr {
  display: none;
}
.sp,
.print {
	display:none;
}

/* -------------------------------------------------------------------

	Structure
	
-------------------------------------------------------------------- */
/*  Container
--------------------------------------- */
#container {
  background-color: #e3e3e3;
	padding: 0 0 25px;
}

/*  Header
--------------------------------------- */
#header {
	position: relative;
}
#header img {
	width: 100%;
}
#header .logo {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
#header .logo a {
	display: block;
	width: 17.8125%;
	margin: 0 3.125% 0 auto;
}

/*  Content
--------------------------------------- */
#content {
	position: relative;
}
#content img {
	width: 100%;
}
/*  Footer
--------------------------------------- */
#footer {
  width: 100%;
  background-color:#000000;
  color:#FFFFFF;
  text-align:center;
}
#footer a {
  color: #fff;
}
#footer #footer-block-01 {
	margin:0 auto;
	padding:15px 10px 0;
}
#footer #footer-block-01 ul li {
	display:inline-block;
	border-right:#FFF 1px solid;
	margin-right:7px;
	padding-right:7px;
}
#footer #footer-block-01 ul li.last {
	border:none;
}


/* -------------------------------------------------------------------

	Modules
	
-------------------------------------------------------------------- */
/* -----------------------------------------------------
	Document Modules
----------------------------------------------------- */
/*  Paragraph
--------------------------------------- */


/* -----------------------------------------------------
	Emphasis Modules
----------------------------------------------------- */
/*  strong-01
--------------------------------------- */
.strong-01 {
  color: #e60012;
  font-weight: normal;
}

/*  strong-02
--------------------------------------- */
.strong-02 {
  color: #e60012;
  font-weight: bold;
}

/* -----------------------------------------------------
	List Modules
----------------------------------------------------- */


/*  list-decimal
--------------------------------------- */
ol.list-decimal {
	margin:0 0 0 2em;
}
ol.list-decimal li {
	list-style-type:decimal;
}
ol.list-decimal li ul.list-disc {
	margin:0 0 0 1em;
}

/*  list-decimal
--------------------------------------- */
ul.list-disc li {
	list-style-type:disc;
}


/* -----------------------------------------------------
	Layout Modules
----------------------------------------------------- */
.lyt-left { float:left;}
.lyt-right { float:right;}



/* -----------------------------------------------------
	Box Modules
----------------------------------------------------- */


/* -------------------------------------------------------------------

	Support
	
-------------------------------------------------------------------- */
/*  hasLayout Swicth
--------------------------------------- */
div, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, header, footer, nav, section {
  zoom: 1;
}

ul li, ol li {
  zoom: 0;
}

/*  Clear Fix
--------------------------------------- */
.clearfix:after,
#footer-block-01:after,
#footer-block-01 ul:after{
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  content: ".";
}

/*  Style Adjustment
--------------------------------------- */
.left {
  text-align: left!important;
}
.center {
  text-align: center!important;
}
.right {
  text-align: right!important;
}
.top {
  vertical-align: top!important;
}
.middle {
  vertical-align: middle!important;
}
.bottom {
  vertical-align: bottom!important;
}
.small {
  font-size: 84%!important;
}
.large {
  font-size: 109%!important;
}
.mt0 {
  margin-top: 0px !important;
}
.mr0 {
  margin-right: 0px !important;
}
.mb0 {
  margin-bottom: 0px !important;
}
.ml0 {
  margin-left: 0px !important;
}
.pt0 {
  padding-top: 0px !important;
}
.pr0 {
  padding-right: 0px !important;
}
.pb0 {
  padding-bottom: 0px !important;
}
.pl0 {
  padding-left: 0px !important;
}
.mt5 {
  margin-top: 5px !important;
}
.mr5 {
  margin-right: 5px !important;
}
.mb5 {
  margin-bottom: 5px !important;
}
.ml5 {
  margin-left: 5px !important;
}
.pt5 {
  padding-top: 5px !important;
}
.pr5 {
  padding-right: 5px !important;
}
.pb5 {
  padding-bottom: 5px !important;
}
.pl5 {
  padding-left: 5px !important;
}
.mt10 {
  margin-top: 10px !important;
}
.mr10 {
  margin-right: 10px !important;
}
.mb10 {
  margin-bottom: 10px !important;
}
.ml10 {
  margin-left: 10px !important;
}
.pt10 {
  padding-top: 10px !important;
}
.pr10 {
  padding-right: 10px !important;
}
.pb10 {
  padding-bottom: 10px !important;
}
.pl10 {
  padding-left: 10px !important;
}
.mt15 {
  margin-top: 15px !important;
}
.mr15 {
  margin-right: 15px !important;
}
.mb15 {
  margin-bottom: 15px !important;
}
.ml15 {
  margin-left: 15px !important;
}
.pt15 {
  padding-top: 15px !important;
}
.pr15 {
  padding-right: 15px !important;
}
.pb15 {
  padding-bottom: 15px !important;
}
.pl15 {
  padding-left: 15px !important;
}
.mt20 {
  margin-top: 20px !important;
}
.mr20 {
  margin-right: 20px !important;
}
.mb20 {
  margin-bottom: 20px !important;
}
.ml20 {
  margin-left: 20px !important;
}
.pt20 {
  padding-top: 20px !important;
}
.pr20 {
  padding-right: 20px !important;
}
.pb20 {
  padding-bottom: 20px !important;
}
.pl20 {
  padding-left: 20px !important;
}
.mt25 {
  margin-top: 25px !important;
}
.mr25 {
  margin-right: 25px !important;
}
.mb25 {
  margin-bottom: 25px !important;
}
.ml25 {
  margin-left: 25px !important;
}
.pt25 {
  padding-top: 25px !important;
}
.pr25 {
  padding-right: 25px !important;
}
.pb25 {
  padding-bottom: 25px !important;
}
.pl25 {
  padding-left: 25px !important;
}
.mt30 {
  margin-top: 30px !important;
}
.mr30 {
  margin-right: 30px !important;
}
.mb30 {
  margin-bottom: 30px !important;
}
.ml30 {
  margin-left: 30px !important;
}
.pt30 {
  padding-top: 30px !important;
}
.pr30 {
  padding-right: 30px !important;
}
.pb30 {
  padding-bottom: 30px !important;
}
.pl30 {
  padding-left: 30px !important;
}
.mt35 {
  margin-top: 35px !important;
}
.mr35 {
  margin-right: 35px !important;
}
.mb35 {
  margin-bottom: 35px !important;
}
.ml35 {
  margin-left: 35px !important;
}
.pt35 {
  padding-top: 35px !important;
}
.pr35 {
  padding-right: 35px !important;
}
.pb35 {
  padding-bottom: 35px !important;
}
.pl35 {
  padding-left: 35px !important;
}
.mt40 {
  margin-top: 40px !important;
}
.mr40 {
  margin-right: 40px !important;
}
.mb40 {
  margin-bottom: 40px !important;
}
.ml40 {
  margin-left: 40px !important;
}
.pt40 {
  padding-top: 40px !important;
}
.pr40 {
  padding-right: 40px !important;
}
.pb40 {
  padding-bottom: 40px !important;
}
.pl40 {
  padding-left: 40px !important;
}
.pct0 {
  width: 0%;
}
.pct1 {
  width: 1%;
}
.pct2 {
  width: 2%;
}
.pct3 {
  width: 3%;
}
.pct4 {
  width: 4%;
}
.pct5 {
  width: 5%;
}
.pct6 {
  width: 6%;
}
.pct7 {
  width: 7%;
}
.pct8 {
  width: 8%;
}
.pct9 {
  width: 9%;
}
.pct10 {
  width: 10%;
}
.pct11 {
  width: 11%;
}
.pct12 {
  width: 12%;
}
.pct13 {
  width: 13%;
}
.pct14 {
  width: 14%;
}
.pct15 {
  width: 15%;
}
.pct16 {
  width: 16%;
}
.pct17 {
  width: 17%;
}
.pct18 {
  width: 18%;
}
.pct19 {
  width: 19%;
}
.pct20 {
  width: 20%;
}
.pct21 {
  width: 21%;
}
.pct22 {
  width: 22%;
}
.pct23 {
  width: 23%;
}
.pct24 {
  width: 24%;
}
.pct25 {
  width: 25%;
}
.pct26 {
  width: 26%;
}
.pct27 {
  width: 27%;
}
.pct28 {
  width: 28%;
}
.pct29 {
  width: 29%;
}
.pct30 {
  width: 30%;
}
.pct31 {
  width: 31%;
}
.pct32 {
  width: 32%;
}
.pct33 {
  width: 33%;
}
.pct34 {
  width: 34%;
}
.pct35 {
  width: 35%;
}
.pct36 {
  width: 36%;
}
.pct37 {
  width: 37%;
}
.pct38 {
  width: 38%;
}
.pct39 {
  width: 39%;
}
.pct40 {
  width: 40%;
}
.pct41 {
  width: 41%;
}
.pct42 {
  width: 42%;
}
.pct43 {
  width: 43%;
}
.pct44 {
  width: 44%;
}
.pct45 {
  width: 45%;
}
.pct46 {
  width: 46%;
}
.pct47 {
  width: 47%;
}
.pct48 {
  width: 48%;
}
.pct49 {
  width: 49%;
}
.pct50 {
  width: 50%;
}
.pct51 {
  width: 51%;
}
.pct52 {
  width: 52%;
}
.pct53 {
  width: 53%;
}
.pct54 {
  width: 54%;
}
.pct55 {
  width: 55%;
}
.pct56 {
  width: 56%;
}
.pct57 {
  width: 57%;
}
.pct58 {
  width: 58%;
}
.pct59 {
  width: 59%;
}
.pct60 {
  width: 60%;
}
.pct61 {
  width: 61%;
}
.pct62 {
  width: 62%;
}
.pct63 {
  width: 63%;
}
.pct64 {
  width: 64%;
}
.pct65 {
  width: 65%;
}
.pct66 {
  width: 66%;
}
.pct67 {
  width: 67%;
}
.pct68 {
  width: 68%;
}
.pct69 {
  width: 69%;
}
.pct70 {
  width: 70%;
}
.pct71 {
  width: 71%;
}
.pct72 {
  width: 72%;
}
.pct73 {
  width: 73%;
}
.pct74 {
  width: 74%;
}
.pct75 {
  width: 75%;
}
.pct76 {
  width: 76%;
}
.pct77 {
  width: 77%;
}
.pct78 {
  width: 78%;
}
.pct79 {
  width: 79%;
}
.pct80 {
  width: 80%;
}
.pct81 {
  width: 81%;
}
.pct82 {
  width: 82%;
}
.pct83 {
  width: 83%;
}
.pct84 {
  width: 84%;
}
.pct85 {
  width: 85%;
}
.pct86 {
  width: 86%;
}
.pct87 {
  width: 87%;
}
.pct88 {
  width: 88%;
}
.pct89 {
  width: 89%;
}
.pct90 {
  width: 90%;
}
.pct91 {
  width: 91%;
}
.pct92 {
  width: 92%;
}
.pct93 {
  width: 93%;
}
.pct94 {
  width: 94%;
}
.pct95 {
  width: 95%;
}
.pct96 {
  width: 96%;
}
.pct97 {
  width: 97%;
}
.pct98 {
  width: 98%;
}
.pct99 {
  width: 99%;
}
.pct100 {
  width: 100%;
}

.lyt-mh190 {
	min-height:190px !important;
}

/* -------------------------------------------------------------------

	Unique Style
	
-------------------------------------------------------------------- */
/* -----------------------------------------------------
	Base Style
----------------------------------------------------- */
#topcontrol {
	display: none;
}
.clear { clear:both;}

/* -----------------------------------------------------
	Structure
----------------------------------------------------- */
/*  container
--------------------------------------- */


/* -----------------------------------------------------
	Modules
----------------------------------------------------- */

.lyt-content {
	position: relative;
	background: #e2e2e2;
	color: #454444;
}

.lyt-labeltable {
	width: 300px;
	margin: 15px auto;
}
.tbl-labeltable tr:nth-of-type(1) th {
	width: 46px;
	padding: 0 9px 5px 0;
}
.tbl-labeltable tr:nth-of-type(1) td {
	width: 75px;
}
.tbl-labeltable tr:nth-of-type(1) td:nth-of-type(1),
.tbl-labeltable tr:nth-of-type(1) td:nth-of-type(2) {
	border-right: 10px solid #e3e3e3;
}
.tbl-labeltable tr:nth-of-type(2) th:nth-of-type(1) {
	width: 16px;
	padding: 0 0 0 1px;
}
.tbl-labeltable tr:nth-of-type(2) th:nth-of-type(2) {
	width: 24px;
	padding: 0 9px 0 5px;
}
.tbl-labeltable tr:nth-of-type(2) td {
	padding: 0 0 10px;
}

.tbl-labeltable tr:nth-of-type(3) td ,
.tbl-labeltable tr:nth-of-type(4) td ,
.tbl-labeltable tr:nth-of-type(5) td {
	width: 75px;
	height: 81px;
	border-right: 10px solid #e3e3e3;
	border-bottom: 10px solid #e3e3e3;
}
.tbl-labeltable tr:nth-of-type(3) td:last-of-type ,
.tbl-labeltable tr:nth-of-type(4) td:last-of-type ,
.tbl-labeltable tr:nth-of-type(5) td:last-of-type {
	border-right: 0;
}
.tbl-labeltable tr:nth-of-type(3) td a,
.tbl-labeltable tr:nth-of-type(4) td a,
.tbl-labeltable tr:nth-of-type(5) td a {
	position: relative;
	display: table-cell;
	width: 75px;
	height: 47px;
	color: #ffffff;
	font-size: 83.3%;
	line-height: 1.3;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	padding: 0 0 34px;
	background: url(/speakingtest/sp/img/img_leveltable_icon_01.png) no-repeat 50% 88%;
	background-size: 27px auto;
}
.tbl-labeltable tr:nth-of-type(3) td {
	background-color: #5a1e97;
}
.tbl-labeltable tr:nth-of-type(4) td {
	background-color: #016679;
}
.tbl-labeltable tr:nth-of-type(5) td {
	background-color: #2eb164;
}

.box-desc {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background: #ffffff;
	display: none;
}
.box-desc > .inner {
	padding: 10px 15px;
}
.box-desc h3 {
	color: #ffffff;
	background: #939393;
	padding: 5px;
	text-align: center;
	margin: 0 0 10px;
}
.box-desc dl dt {
	color: #ffffff;
	padding: 5px 5px;
	font-size: 150%;
	display: inline-block;
	margin: 0 0 5px;
	font-family:Arial, Helvetica, sans-serif;
}
.box-desc dl dd {
	line-height: 2;
	margin: 0 0 5px;
}

.box-desc dl dt:nth-of-type(1) { background: #322682; }
.box-desc dl dt:nth-of-type(2) { background: #571a95; }
.box-desc dl dt:nth-of-type(3) { background: #016679; }
.box-desc dl dt:nth-of-type(4) { background: #2eb164; }
.box-desc dl dt:nth-of-type(5) { background: #b0d14b; }
.box-desc dl dt:nth-of-type(6) { background: #ffb648; }

.box-desc .btn-close {
	background: #000000;
	text-align: center;
	color: #ffffff;
}
.box-desc .btn-close a {
	color: #ffffff;
	text-decoration: none;
	padding: 4px 0;
	display: block;
}
.box-desc .btn-close a span {
	background: url(/speakingtest/sp/img/icon_close.png) no-repeat 0 50%;
	background-size: 12px auto;
	padding: 0 0 0 16px;
}


.lyt-summary img {
	width: 100%;
}
.lyt-summary h3 {
	text-align: center;
	color: #ffffff;
	background: #656565;
	font-size: 125%;
	padding: 7px 0 5px;
	font-weight: normal;
}

.box-summary {
	width: 300px;
	margin: 15px auto 0;
}

.box-summary > nav > ul > li {
	float: left;
	padding: 0 0 10px;
	width: 93px;
}
.box-summary > nav > ul > li:nth-child(1) {
	margin: 0 10px 0 0;
}
.box-summary > nav > ul > li:nth-child(2) {
	margin: 0 11px 0 0;
}

.box-summary > nav > ul > li.current {
	background: #ffffff;
}

.box-summary-body {
	background: #ffffff;
	padding: 15px;
	line-height: 2;
}

.btn-detail-01 {
	background: #e60012 url(/speakingtest/img/bg_btn_detail_01.png) no-repeat 0 0;
	width: 211px;
	margin: 5px auto 0;
}
.btn-detail-01 a {
	display: block;
	background: url(/speakingtest/img/bg_btn_detail_02.png) no-repeat 0 100%;
	color: #ffffff;
	text-align: center;
	padding: 5px 0 3px;
	text-decoration: none;
	line-height: 1.2;
}
.btn-detail-01 a span {
	position: relative;
	padding: 0 0 0 9px;
}
.btn-detail-01 a span:before {
	position: absolute;
	top: 4px;
	left: 0;
	display: block;
	content: "";
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 3.5px 0 3.5px 5px;
	border-color: transparent transparent transparent #ffffff;
}

.lyt-about {
	position: relative;
	padding: 0 10px;
	margin: 25px auto 0;
}
.lyt-about h4{
	font-size: 150%;
}
.lyt-about .doc {
	color: #454444;
}
.btn-detail-02 {
	margin: 10px 0 0;
	text-align: right;
}
.btn-detail-02 a {
	position: relative;
	background: #656565;
	padding: 3px 5px 3px 15px;
	display: inline-block;
	color: #ffffff;
	text-decoration: none;
}
.btn-detail-02 a:before {
	position: absolute;
	top: 9px;
	left: 7px;
	display: block;
	content: "";
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 3.5px 0 3.5px 5px;
	border-color: transparent transparent transparent #ffffff;
}

.box-desc-about {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background: #ffffff;
	display: none;
}
.box-desc-about > .inner {
	padding: 10px 15px;
}
.box-desc-about h3 {
	color: #ffffff;
	background: #939393;
	padding: 5px;
	text-align: center;
	margin: 0 0 10px;
}
.box-desc-about .box-desc-about-body {
	padding: 0 0 15px;
}
.box-desc-about .btn-close {
	background: #000000;
	text-align: center;
	color: #ffffff;
}
.box-desc-about .btn-close a {
	color: #ffffff;
	text-decoration: none;
	padding: 4px 0;
	display: block;
}
.box-desc-about .btn-close a span {
	background: url(/speakingtest/sp/img/icon_close.png) no-repeat 0 50%;
	background-size: 12px auto;
	padding: 0 0 0 16px;
}

.lyt-note {
	margin: 25px 0 0;
	background: #ffffff;
	color: #454444;
	padding: 13px 10px;
}
.list-note > li {
	font-size: 91.6%;
	padding-left: 1em;
  text-indent: -1em;
}
.lyt-contentfooter {
	margin: 12px 10px 0;
}

#share {
	float: right;
	position: relative;
	width: 64px;
	height: 28px;
}
#share img {
	width: 100%;
}
#share li {
	width: 28px;
	position: absolute;
	top: 0;
}
#share li.facebook {
	right: 38px;
}
#share li.twitter {
	right: 0;
}

.btn-back-01 {
	float: left;
	margin: 0 80px 0 0;
	padding: 7px 0 0;
}
.btn-back-01 a {
	position: relative;
	font-weight: bold;
	text-decoration: none;
	padding: 0 0 0 12px;
}
.btn-back-01 a:before {
	position: absolute;
	top: 4px;
	left: 3px;
	content: "";
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 3.5px 6.1px 3.5px 0;
	border-color: transparent #eb303e transparent transparent;
}


/*  Paragraph
--------------------------------------- */

.doc-link-01 {
	background: url(/speakingtest/img/icon_arw_01.png) no-repeat 0 3px;
	display: inline-block;
	padding: 0 9px;
}
.doc-link-02 {
	color: #eb303e;
	background: url(/speakingtest/img/icon_arw_02.png) no-repeat 0 3px;
	padding: 0 9px;
}

/*  list-testtype
--------------------------------------- */


.list-testtype {
	float: left;
}
.list-testtype a {
	display: block;
}
.list-testtype dl dt {
	text-align: center;
}
.list-testtype dl dt dd {
	text-align: center;
}



/*  underlayer
--------------------------------------- */

/* -------------------------------------------------------------------

	Print
	
-------------------------------------------------------------------- */
@media print {
}