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

	CSS2.0 Document
	template ver.0.2
	since: 2008.03.07;
	editor: akato;

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


/* normalize
------------------------------------------------*/
body,div,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,
p,blockquote,
th,td {
	margin: 0;
	padding: 0;
}
th,td,
h1,h2,h3,h4,h5,h6,
p,blockquote,
address {
	font-size: 100%;
	font-style: normal;
}
h1,h2,h3,h4,h5,h6,
strong {
	font-weight: bold;
}
em {
	font-style: italic;
}
ul,li {
	list-style: none;
}
dl dt {
	font-weight: bold;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 100%;
}
th {
	font-weight: bold;
}
th,td {
	vertical-align: top;
	text-align: left;
}
img,
a img {
	border: 0;
}
a {
	color: #336699;
}
a:hover {
	text-decoration: none;
}
input {
	line-height: 1.2;
}

/*  clear-fix
------------------------------------------------*/
.clearfix:after,
div#header ul:after,
div#globalNav ul:after,
div#contents div#description div#descriptionBottom ul:after,
div#contents div#bannerArea ul:after,
ul#seriesList li:after,
div.seriesInner:after,
ul#systemList:after,
div.systemInner:after,
div#ds:after,
div#dsAttention:after,
ul#trainingList:after,
ul#trainingList ul:after,
ol.flowChart:after,
div#flowCactus:after,
ul#selectTraining:after,
div.trainingSystem:after,
div#setting ol:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
.clearfix,
div#header ul,
div#globalNav ul,
div#contents div#description div#descriptionBottom ul,
div#contents div#bannerArea ul,
ul#seriesList li,
div.seriesInner,
ul#systemList,
div.systemInner,
div#ds,
div#dsAttention,
ul#trainingList,
ul#trainingList ul,
ol.flowChart,
div#flowCactus,
ul#selectTraining,
div.trainingSystem,
div#setting ol {
    display:inline-block;
    min-height:1%;  /* for IE 7*/
}
/* Hides from IE-mac */
* html .clearfix,
div#header ul,
div#globalNav ul,
div#contents div#description div#descriptionBottom ul,
div#contents div#bannerArea ul,
ul#seriesList li,
div.seriesInner,
ul#systemList,
div.systemInner,
div#ds,
div#dsAttention,
ul#trainingList,
ul#trainingList ul,
ol.flowChart,
div#flowCactus,
ul#selectTraining,
div.trainingSystem,
div#setting ol{height: 1%;}
.clearfix,
div#header ul,
div#globalNav ul,
div#contents div#description div#descriptionBottom ul,
div#contents div#bannerArea ul,
ul#seriesList li,
div.seriesInner,
ul#systemList,
div.systemInner,
div#ds,
div#dsAttention,
ul#trainingList,
ul#trainingList ul,
ol.flowChart,
div#flowCactus,
ul#selectTraining,
div.trainingSystem,
div#setting ol{display: block;}
/* End hide from IE-mac */


/* base
------------------------------------------------*/
html {
	overflow: scroll;
}
body {
	padding-bottom: 10px;
	background: #fff;
	font-size: 83%;
	color: #6a8290;
	line-height: 1.5;
	text-align: center;
}


/* dl横並び（dlにclearfix）
----------------------------------------------------------*/
dl.table dt {
	float: left;
	clear: both;
	width: 15%;
	margin: 0 5% 1% 0;
}
dl.table dd {
	width: 100%;
	margin: 0 0 5px;
}
dl.table > dd {
	float: left;
	width: 85%;
}
*+html dl.clearfix > dd {
	float: none;
}


/*container
----------------------------------------------------------*/
div#container {
	width: 800px;
	margin: 0 auto;
	text-align: left;
	background: #fff url(https://images.staticjw.com/tar/2542/bg_container.gif) 0 0 repeat;
}

/* header
---------------------------------------------------------*/
div#header {
	width: 790px;
	margin-left: 5px;
	padding-bottom: 6px;
	background: #fff url(https://images.staticjw.com/tar/8046/bg_header.gif) 0 0 repeat-x;
}
div#header img {
	display: block;
}
div#header ul li#headerLogoIE {
	float: left;
	width: 41px;
	padding: 9px 0 0 18px;
}
div#header ul li#headerLogoOb {
	float: left;
	width: 39px;
	padding: 7px 0 0 6px;
}
div#header ul li#headerLogoDS {
	float: right;
	width: 143px;
	padding: 23px 18px 0 0;
}


/* footer
----------------------------------------------------------*/
div#footer {
	background: url(https://images.staticjw.com/tar/8455/container_box_bottom.gif) 0 100% no-repeat;
}
div#footer p {
	padding: 9px 0 7px;
	text-align: center;
}
div#footer img {
	vertical-align: bottom;
}


/* contents
----------------------------------------------------------*/
body#layer div#contents {
	margin: 0 0 0 15px;
}


/* global navigation
----------------------------------------------------------*/
body#top div#globalNav {
	width: 800px;
	margin-top: 15px;
	background-color: #dddddd;
}
body#top div#globalNav ul {
	width: 798px;
	margin-left: 1px;
	background: #fff url(https://images.staticjw.com/tar/6219/bg_gnav.gif) 0 0 repeat-x
}
body#top div#globalNav ul li {
	float: left;
	width: 169px;
	padding-left: 1px;
	background: #fff;
}
body#top div#globalNav ul li#gnavStart {
	display: inline;
	margin-left: 59px;
}
body#top div#globalNav ul li#gnavEnd {
	width: 171px;
	padding-right: 1px;
}
body#top div#globalNav ul li img {
	display: block;
}

body#layer div#globalNav {
	width: 790px;
	margin-top: 6px;
	background: url(https://images.staticjw.com/tar/9315/bg_gnavl.gif) 0 0 repeat-x;
}
body#layer div#globalNav ul {
	margin-left: 55px;
	padding: 2px 0;
}
body#layer div#globalNav ul li {
	float: left;
	width: 136px;
}
body#layer div#globalNav ul li#gnavChallenge {
	width: 135px;
}
body#layer div#globalNav ul li#gnavEnd {
	width: 138px;
}


/* local navigation
----------------------------------------------------------*/
div#lNav {
	width: 770px;
	margin: 20px 0 0 15px;
	padding-top: 8px;
	background: #fff url(https://images.staticjw.com/tar/4546/box_top.gif) 0 0 no-repeat;
	text-align: center;
}
div#lNavInner {
	width: 770px;
	padding-bottom: 6px;
	background: url(https://images.staticjw.com/tar/8754/box_bottom.gif) 0 100% no-repeat;
}
div#lNav ul li {
	display: inline;
	margin-right: 20px;
}
div#lNav ul li#lNavEnd {
	margin: 0;
}


/* top
----------------------------------------------------------*/
div#mainVisual {
	width: 790px;
	margin: 0 0 0 5px;
	padding-bottom: 11px;
	background: #fff url(https://images.staticjw.com/tar/6246/bg_mainvisual.jpg) 1px 0 no-repeat;
}
div#mainVisual img {
	display: block;
}
div#mainVisual h1 {
	float: left;
	width: 287px;
	padding: 17px 0 0 37px;
}
div#mainVisual p#mainVisualEzam {
	float: left;
	width: 96px;
	padding: 152px 0 0 9px;
}
div#mainVisual h1#mainVisualIdiom {
	width: 238px;
	padding: 0;
	padding: 17px 0 0 53px;
}
div#mainVisual p#mainVisualHead {
	clear: both;
	padding-top: 20px;
	padding: 89px 0 0 164px;
}

div#contents div#description {
	width: 770px;
	margin: 15px 0 0 15px;
	background: #fff url(https://images.staticjw.com/tar/2178/bg_description_top.gif) 0 0 no-repeat;
	color: #999999;
}
div#contents div#description div#descriptionWord {
	float: left;
	width: 417px;
}
div#contents div#description div#descriptionWord h2 {
	width: 233px;
	margin: 14px 0 0 44px;
	padding: 0 0 5px 3px;
	background: url(https://images.staticjw.com/tar/8291/line_word.gif) 0 100% repeat-x;
}
div#contents div#description div#descriptionWord h2 img {
	display: block;
	vertical-align: bottom;
}
div#contents div#description div#descriptionWord p {
	margin: 10px 0 10px 44px;
}
div#contents div#description div#descriptionIdiom {
	float: left;
	width: 298px;
}
div#contents div#description div#descriptionIdiom h2 {
	width: 191px;
	margin: 14px 0 0 0;
	padding: 0 0 5px 3px;
	background: url(https://images.staticjw.com/tar/7301/line_idiom.gif) 0 100% repeat-x;
}
div#contents div#description div#descriptionIdiom h2 img {
	display: block;
	vertical-align: bottom;
}
div#contents div#description div#descriptionIdiom p {
	margin: 10px 0;
}
div#contents div#description div#descriptionBottom {
	clear: both;
	padding-bottom: 9px;
	background: url(https://images.staticjw.com/tar/6852/bg_description_bottom.gif) 0 0 no-repeat;
}
div#contents div#description div#descriptionBottom ul li#date {
	float: left;
	width: 133px;
	padding: 8px 0 0 119px;
}
div#contents div#description div#descriptionBottom ul li#price {
	float: left;
	width: 255px;
	padding: 8px 0 0 43px;
}
div#contents div#description div#descriptionBottom ul li img {
	display: block;
}
div#contents div#bannerArea {
	width: 770px;
	margin: 15px 0 0 15px;
	background: #fff url(https://images.staticjw.com/tar/8754/box_bottom.gif) 0 100% no-repeat;
}
div#contents div#bannerArea img {
	display: block;
}
div#contents div#bannerArea ul {
	position: relative;
	padding: 7px 0 6px 0;
	background: url(https://images.staticjw.com/tar/4546/box_top.gif) 0 0 no-repeat;
}
div#contents div#bannerArea ul li {
	float: left;
	width: 185px;
	padding-right: 5px;
}
div#contents div#bannerArea ul li.bnrAdjust {
	padding-top: 5px;
}
div#contents div#bannerArea ul li#firstBnr {
	padding-left: 8px;
}
div#contents div#bannerArea ul li a#btnDL {
}
div#contents div#bannerArea ul li a#btnDL img {
	position: absolute;
	bottom: 6px;
	right: 60px;
}


/* layer
----------------------------------------------------------*/
body#layer h1 {
	display: none;
}
body#layer h2 {
	margin: 0 0 0 8px;
}
body#layer h2 img {
	display: block;
}
body#layer div.mainContent {
	margin-top: 15px;
}
body#layer div.box {
	width: 770px;
	padding-bottom: 6px;
	background: url(https://images.staticjw.com/tar/8754/box_bottom.gif) 0 100% no-repeat;
}
body#layer div.boxInner {
	margin-top: 8px;
	padding-top: 7px;
	background: #fff url(https://images.staticjw.com/tar/4546/box_top.gif) 0 0 no-repeat;
}
body#layer div.section {
	width: 770px;
	margin-top: 15px;
	padding-bottom: 6px;
	background: #fff url(https://images.staticjw.com/tar/8754/box_bottom.gif) 0 100% no-repeat;
}
body#layer div.inner {
	padding-top: 7px;
	background: url(https://images.staticjw.com/tar/4546/box_top.gif) 0 0 no-repeat;
}
body#layer div#contents h3 {
	margin-top: 9px;
	padding: 0 0 6px 20px;
	background: url(https://images.staticjw.com/tar/7258/bg_heading.jpg) 0 10px no-repeat;
}
body#layer div#contents h3 img {
	display: block;
}


/* series.html
----------------------------------------------------------*/
body#layer div#target {
	width: 770px;
	padding-top: 14px;
	background: url(https://images.staticjw.com/tar/1807/character.jpg) 654px 27px no-repeat;
}
body#layer div#target p {
	width: 580px;
	margin: 0 0 0 20px;
}
body#layer div#target p span.targetTtl {
	color: #ff6633;
	font-weight: bold;
}
body#layer div#target p#targetHere {
	margin-top: 20px;
}
body#layer div#target p#targetHere span {
	margin-right: 23px;
}
body#layer div#target p#targetHere a {
	padding-left: 7px;
	background: url(https://images.staticjw.com/tar/7505/mark_here.gif) 0 0.3em no-repeat;
}
body#layer div.section ul#seriesList {
	margin-left: 20px;
	color: #999999;
}
body#layer div.section ul#seriesList li {
	width: 735px;
	margin-top: 30px;
}
body#layer div.section ul#seriesList li#firstSeries {
	margin-top: 17px;
}
body#layer div.section ul#seriesList li img {
	display: block;
}
body#layer div.section ul#seriesList p.seriesPack {
	float: left;
	width: 190px;
}
body#layer div.section ul#seriesList div.seriesDetails {
	float: left;
	width: 540px;
	margin-top: 5px;
	background: url(https://images.staticjw.com/tar/1889/srbox_inner.gif) 0 0 repeat-y;
}
body#layer div.section ul#seriesList div.seriesBox {
	padding-bottom: 12px;
	background: url(https://images.staticjw.com/tar/7230/srbox_bottom.gif) 0 100% no-repeat;
}
body#layer div.section ul#seriesList div.seriesInner {
	background: url(https://images.staticjw.com/tar/8680/srbox_top.gif) 0 0 no-repeat;
}
body#layer div.section ul#seriesList div.seriesText {
	float: left;
	width: 435px;
}
body#layer div.section ul#seriesList div.seriesText h4 {
	width: 233px;
	margin: 0 0 5px 17px;
	padding: 12px 0 5px 0;
	background: url(https://images.staticjw.com/tar/7564/line_srbox.gif) 0 100% repeat-x
}
body#layer div.section ul#seriesList div.seriesText p {
	width: 400px;
	margin-left: 18px;
}
body#layer div.section ul#seriesList div.seriesText p.copyright {
	margin-top: 8px;
	font-size: 80%;
}
body#layer div.section ul#seriesList div.seriesText p.seriesHere {
	margin-top: 8px;
}
body#layer div.section ul#seriesList div.seriesText p.seriesHere a {
	padding-left: 7px;
	background: url(https://images.staticjw.com/tar/7505/mark_here.gif) 0 0.3em no-repeat;
}
body#layer div.section ul#seriesList div.seriesBook {
	float: right;
	width: 56px;
	padding: 17px 32px 0 0;
}
body#layer div.section ul#seriesList div.seriesBook p {
	margin-bottom: 5px;
}
body#layer div.section ul#seriesList div#bookJunior {
	width: 64px;
	padding-right: 27px;
}
body#layer div.section ul#seriesList div#bookJunior p#collection {
	padding-left: 4px;
}

/* word.html
----------------------------------------------------------*/
body#layer div.mainContent p#dsScreen {
	float: left;
	width: 500px;
	margin: 15px 44px 0 0;
	padding-left: 20px;
}
body#layer div.mainContent ul#dsScreenMenu {
	float: left;
	width: 160px;
	margin-top: 70px;
}
body#layer div.mainContent ul#dsScreenMenu li {
	margin-bottom: 30px;
}
body#layer div.mainContent ul#dsScreenMenu img {
	vertical-align: bottom;
}
body#layer div.mainContent div#dsAttention {
	margin: 14px 0 0 55px;
	padding-bottom: 20px;
}
body#layer div.mainContent div#dsBox {
	display: inline;
	float: left;
	width: 450px;
	background: url(https://images.staticjw.com/tar/8725/dsbox_inner.gif) 0 0 repeat-y;
}
body#layer div.mainContent div#dsBoxInner {
	background: url(https://images.staticjw.com/tar/8046/dsbox_top.gif) 0 0 no-repeat;
}
body#layer div.mainContent div#dsBoxInner p {
	padding: 5px 15px;
	background: url(https://images.staticjw.com/tar/4109/dsbox_bottom.gif) 0 100% no-repeat;
}
body#layer div.mainContent p#attention {
	display: inline;
	float: left;
	width: 210px;
	margin: 12px 0 0 50px;
	text-indent: -10px;
	font-size: 74%;
}
body#layer div.section ul#systemList {
	margin: 25px 0 0 20px;
}
body#layer div.section ul#systemList li {
	float: left;
	width: 360px;
	margin: 0 10px 8px 0;
	background: url(https://images.staticjw.com/tar/9489/sysbox_inner.gif) 0 0 repeat-y;
}
body#layer div.section ul#systemList li div.systemDetails {
	background: url(https://images.staticjw.com/tar/7127/sysbox_top.gif) 0 0 no-repeat;
}
body#layer div.section ul#systemList li div.systemInner {
	padding: 14px 0 13px;
	background: url(https://images.staticjw.com/tar/8607/sysbox_bottom.gif) 0 100% no-repeat;
}
body#layer div.section ul#systemList div.systemText {
	display: inline;
	float: right;
	width: 170px;
	margin-right: 15px;
}
body#layer div.section ul#systemList div.systemText h4 {
	margin: 15px 0 16px;
	font-size: 200%;
	color: #6a8290;
}
body#layer div.section ul#systemList div.systemText h4 img {
	display: block;
}
body#layer div.section ul#systemList p.systemSmpl {
	float: left;
	width: 150px;
	padding-left: 10px;
}


/* training.html
----------------------------------------------------------*/
body#layer div#trainingTo div.boxInner {
	padding-bottom: 30px;
}
body#layer div#trainingTo h3 {
	margin-bottom: 10px;
}
body#layer div#trainingTo p {
	margin-left: 20px;
}
body#layer div#trainingTo ul#trainingList {
	margin: 20px 0 0 20px;
}
body#layer div#trainingTo ul#trainingList li {
	float: left;
	width: 250px;
}
body#layer div#trainingTo ul#trainingList h4 {
	margin-left: 40px;
}
body#layer div#trainingTo ul#trainingList img {
	vertical-align: bottom;
}
body#layer div#trainingTo ul#trainingList p {
	margin: 22px 0 0 26px;
}
body#layer div#trainingTo ul#trainingList ul {
	margin-top: 30px;
}
body#layer div#trainingTo ul#trainingList ul li {
	width: 110px;
	margin: 0 10px 0 0;
}
body#layer div.flow h3 {
	margin-bottom: 10px;
}
body#layer div.flow p {
	margin-left: 20px;
}
body#layer div.flow ol.flowChart {
	margin: 33px 0 0 45px;
}
body#layer div.flow ol.flowChart p {
	margin: 0;
}
body#layer div.flow ol.flowChart li {
	float: left;
	width: 239px;
	margin-right: 11px;
}
body#layer div.flow ol.flowChart div.flowSmpl {
	float: left;
	width: 180px;
}
body#layer div.flow ol.flowChart div.flowSmpl p {
	text-align: center;
}
body#layer div.flow ol.flowChart li p {
	margin-bottom: 10px;
}
body#layer div.flow ol.flowChart img {
	display: block;
}
body#layer div.flow ol.flowChart p.flowArrow {
	float: right;
	width: 25px;
	margin-top: 116px;
	padding-right: 10px;
}
body#layer div.flow ol.flowChart li.flowEnd {
	width: 180px;
	text-align: center;
}
body#layer p.backTop {
	margin: 25px 18px 0 0;
	padding-bottom: 5px;
	text-align: right;
}
body#layer div.flow div#flowCactus {
	width: 720px;
	height: 148px;
	margin: 22px 0 0 26px;
	background: url(https://images.staticjw.com/tar/8188/bg_cactus.gif) 0 0 no-repeat;
}
body#layer div.flow div#flowCactus img {
	display: block;
}
body#layer div.flow div#flowCactus ol {
	padding: 12px 0 0 59px;
}

body#layer div.flow div#flowCactus ol li {
	float: left;
	width: 175px;
}
body#layer div.flow div#flowCactus ol li p {
	float: left;
	width: 76px;
	margin: 0;
	padding: 26px 25px 0 0;
}
body#layer div.flow div#flowCactus ol li p.arrowCactus {
	width: 58px;
	padding: 46px 15px 0 0;
}
body#layer div.flow div#flowCactus ol li.flowStart {
	width: 165px;
}
body#layer div.flow div#flowCactus ol li.flowStart p {
	padding-right: 15px;
}
body#layer div.flow div#flowCactus ol li.flowEnd {
	width: 93px;
	margin: 0;
	padding: 16px 0 0;
}
body#layer div.flow div#flowCactus ol li.flowEnd p {
	width: 93px;
	margin: 0;
	padding: 0;
}
body#layer div.flow div#flowCactus p#characterDog {
	float: left;
	width: 172px;
	margin: 0;
	padding: 0 0 0 40px;
}


/* challenge.html
----------------------------------------------------------*/
body#layer div.mainContent div.section {
	margin-top: 10px;
}
body#layer div#freeSelect div.boxInner {
	padding-bottom: 20px;
}
body#layer div#freeSelect h3 {
	margin-bottom: 10px;
}
body#layer div#freeSelect p {
	margin-left: 20px;
}
body#layer div#freeSelect ul#selectTraining {
	margin: 15px 0 0 20px;
	padding: 0 0 0 20px;
	background: url(https://images.staticjw.com/tar/6688/bg_arrow.gif) 0 153px no-repeat;
}
body#layer div#freeSelect ul#selectTraining img {
	display: block;
}
body#layer div#freeSelect ul#selectTraining p {
	margin: 0;
}
body#layer div#freeSelect ul#selectTraining li {
	float: left;
	width: 375px;
}
body#layer div#freeSelect ul#selectTraining li#selectLooprep {
	width: 335px;
}
body#layer div#freeSelect ul#selectTraining div.selectText {
	float: left;
	width: 185px;
}
body#layer div#freeSelect ul#selectTraining div.selectText h4 {
	margin-top: 9px;
	padding: 0 0 6px 14px;
	background: url(https://images.staticjw.com/tar/7258/bg_heading.jpg) 80% 10px no-repeat;
}
body#layer div#freeSelect ul#selectTraining div.selectText p {
	width: 162px;
	margin-left: 14px;
}
body#layer div#freeSelect ul#selectTraining p.selectSmpl {
	float: left;
	width: 150px;
}

body#layer div#freeSelect div#setting {
	width: 720px;
	height: 204px;
	margin-left: 19px;
	background: url(https://images.staticjw.com/tar/4493/bg_setting.gif) 0 0 no-repeat;
}
body#layer div#freeSelect div#setting h4 {
	padding: 31px 0 0 182px;
}
body#layer div#freeSelect div#setting img {
	display: block;
}
body#layer div#freeSelect div#setting ol {
	width: 740px;
	padding: 12px 0 0 20px;
}
body#layer div#freeSelect div#setting ol li {
	width: 180px;
	float: left;
}
body#layer div#freeSelect div#setting ol div.selectSetting {
	float: left;
	width: 150px;
}
body#layer div#freeSelect div#setting ol div.selectSetting h5 {
	width: 150px;
	padding-bottom: 5px;
	text-align: center;
	line-height: 0;
}
body#layer div#freeSelect div#setting ol div.selectSetting h5 img {
	display: inline;
	vertical-align: bottom;
}
body#layer div#freeSelect div#setting ol div.selectSetting p {
	margin: 0;
	padding: 0;
}
body#layer div#freeSelect div#setting ol p.arrowSetting {
	float: left;
	width: 15px;
	margin: 65px 0 0;
	padding: 0 0 0 8px;
}

body#layer div#astro p.flowArrow {
	width: 15px;
	margin: 125px 0 0;
	padding-right: 24px;
}
body#layer div#astro ol.flowChart {
	width: 700px;
	margin-left: 45px;
}
body#layer div#astro ol.flowChart li {
	width: 250px;
	margin: 0;
}
body#layer div#astro ol.flowChart li.flowEnd {
	width: 180px;
}
/*
     FILE ARCHIVED ON 10:46:56 Jun 01, 2016 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 20:51:33 Feb 15, 2018.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/


#trainingTo div.box {
	width: 770px;
	padding-bottom: 6px;
	background: url(https://images.staticjw.com/tar/8754/box_bottom.gif) 0 100% no-repeat;
}