@charset "utf-8";

/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Cond Light'), local('OpenSans-CondensedLight'), url(http://fonts.gstatic.com/s/opensanscondensed/v10/gk5FxslNkTTHtojXrkp-xE6du99w8ONfQrOf4kprgAx_v5H-gcmDugi2HQeB0BPm.woff2) format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Cond Light'), local('OpenSans-CondensedLight'), url(http://fonts.gstatic.com/s/opensanscondensed/v10/gk5FxslNkTTHtojXrkp-xK8wKBk9M_9zvJF5T73CXCh_v5H-gcmDugi2HQeB0BPm.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Cond Light'), local('OpenSans-CondensedLight'), url(http://fonts.gstatic.com/s/opensanscondensed/v10/gk5FxslNkTTHtojXrkp-xJ14gK-0unzMDfuYl-aQUV9_v5H-gcmDugi2HQeB0BPm.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Cond Light'), local('OpenSans-CondensedLight'), url(http://fonts.gstatic.com/s/opensanscondensed/v10/gk5FxslNkTTHtojXrkp-xB5VLgeZEtrtjc2zP-H3k9d_v5H-gcmDugi2HQeB0BPm.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Cond Light'), local('OpenSans-CondensedLight'), url(http://fonts.gstatic.com/s/opensanscondensed/v10/gk5FxslNkTTHtojXrkp-xAWz7bTsodKOChnd4npPWzF_v5H-gcmDugi2HQeB0BPm.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Cond Light'), local('OpenSans-CondensedLight'), url(http://fonts.gstatic.com/s/opensanscondensed/v10/gk5FxslNkTTHtojXrkp-xD_0YkshJ_UyXEU-Q7eV4G5_v5H-gcmDugi2HQeB0BPm.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Cond Light'), local('OpenSans-CondensedLight'), url(http://fonts.gstatic.com/s/opensanscondensed/v10/gk5FxslNkTTHtojXrkp-xMmDra0ONnO3FPH--kzkC5zr7w4p9aSvGirXi6XmeXNA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}



/* - #monitor-extr
 ------------------------------------------------------------ */
article#monitor-extra {
	background-color: #fff;
	max-width: 1600px;
	margin: 0 auto;
}

article#monitor-extra .outline {
	width: 526px;
	margin: 0 0 77px 580px;
	text-align: center;
}

article#monitor-extra header h1 {
    padding: 135px 0 10px 0;
    font-weight: normal;
    line-height: 1.2;
	background-image: url(../images/book.png);
	
	background-repeat: no-repeat;
    background-position: center 50px;
    background-size: 78px;
}

article#monitor-extra header h1 span {
    font-size: 1.2rem;
    color: #fff;
}

article#monitor-extra header h1 img {
    width: 75%;
}

article#monitor-extra header img {
  width: 690px;
  position: absolute;
  top: 0;
  left: -130px;
  height: 448px;
}

article#monitor-extra p.bottom {
    color: #fff;
    letter-spacing: 25px;
    margin: 0 0 0 473px;
    text-transform: uppercase;
}

article#monitor-extra header p.date {
    /* text-align: right; */
    font-size: 1.2rem;
    padding: 5px 0;
    background-color: rgba(255,255,255,0.5);
    margin: 0 24px;
}
article#monitor-extra a.applyTo {
    padding: 12px;
    min-width: 274px;
    background-color: #F07057;
    text-align: center;
    font-weight: bold;
    font-size: 1.2rem;
    margin: 36px 0 0 0;
    color: #fff;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    -ms-border-radius: 2px;
    border: 2px solid #fff;
}
article#monitor-extra .contents {
    width: 1000px;
    margin: 0 auto;
}

article#monitor-extra .contents ul {
    text-align: center;
    margin: 30px 0 10px 0;
}

article#monitor-extra .contents li {
    display: inline-block;
    margin: 0 15px;
}

article#monitor-extra .contents p {
	margin: 30px 0;
    text-align: center;
    
	font-size: 1.25rem;
	line-height: 1.5;
}
article#monitor-extra section.details {
	max-width: 700px;
	padding: 30px;
	margin: 0 auto;
	border: 1px solid #CCC;
	border-radius: 6px;
}
article#monitor-extra section h2 {
	font-family: 'Open Sans Condensed', sans-serif;
    font-size: 2.1rem;
	color: #555;
	font-weight: normal;
	letter-spacing: 5px;
	text-align: center;
	margin: 60px 0 30px 0;
}
article#monitor-extra.ja section h2 {
    font-size: 1.6rem;
}
article#monitor-extra.ko section h2 {
    font-size: 1.8rem;
}
article#monitor-extra section p {
    margin: 25px 0;
}

article#monitor-extra section ul {
    margin: 0 0 0 32px;
}

article#monitor-extra section li {
    line-height: 2;
    list-style-type: initial;
}

article#monitor-extra section .forBeguinner {
    border-top: 1px dotted #ccc;
}

article#monitor-extra section .iter li {
    list-style-type: upper-hexadecimal;
    /* list-style-position: inside; */
}

article#monitor-extra section.previousMonitor h2 {
    text-align: center;
	margin: 0 0 30px;
	color: #555;
}

article#monitor-extra section.previousMonitor ul {
    text-align: center;
}

article#monitor-extra section.previousMonitor li {
    display: inline-block;
    width: 157px;
    margin: 0 15px;
    font-size: 0.9rem;
    vertical-align: top;
}

article#monitor-extra section.previousMonitor li img {
    margin: 0 0 10px;
    display: block;
}

article#monitor-extra section.previousMonitor li h3 {
    color: #777;
    font-size: 1.2rem;
}

article#monitor-extra section.previousMonitor li p {
    margin: 0;
    font-size: 0.7rem;
}

article#monitor-extra section.TutorEx h2 {
    text-align: center;
	margin: 0 0 30px;
	color: #555;
}

article#monitor-extra section.TutorEx ul {
    text-align: center;
}

article#monitor-extra section.TutorEx li {
    display: inline-block;
    vertical-align: top;
    width: 225px;
    margin: 10px 4px;
    text-align: center;
    font-size: 0.85rem;
}
article#monitor-extra section.TutorEx li a {
    color: #333;
}

article#monitor-extra section.TutorEx li img {
    width: 130px;
    padding: 8px;
    border-radius: 65px;
    -webkit-border-radius: 65px;
    -moz-border-radius: 65px;
    -o-border-radius: 65px;
    -ms-border-radius: 65px;
    box-shadow: 0 0 5px #aaa;
    display: block;
    margin: 0 auto 10px;
}

article#monitor-extra section.TutorEx li span {
    display: block;
    font-size: 80%;
}

article#monitor-extra section.TutorEx li em {
    font-style: normal;
    color: #333;
}

article#monitor-extra a.applytoMonitor {
    padding: 10px;
    min-width: 280px;
    background-color: #F07057;
    text-align: center;
    font-weight: bold;
    font-size: 1.2rem;
    color: #fff;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    -ms-border-radius: 2px;
    margin: 30px auto;
    width: 280px;
    display: block;
}

article#monitor-extra a.buttonLink {
    background-color: #4B5CA5;
    padding: 12px 15px;
    color: #fff;
    font-weight: bold;
    margin: 30px auto;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    -ms-border-radius: 2px;
    display: block;
    width: 280px;
    text-align: center;
}

article#monitor-extra a.Startguide {
    background-color: #56B06D;
}

article#monitor-extra a.counseling {
}

article#monitor-extra header a#credit {
  font-size: 0.6rem;
  position: absolute;
  bottom: -24px;
  left: 10px;
  color: #555;
}

article#monitor-extra p.copyright#copyright {
    padding: 70px 10px 10px 10px;
}