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


/* =========================== Page split =========================== */

.col_split_half {
	display: block;
	padding: 0;
	width: 340px;
	float: left;
}



/* =========================== linkbox =========================== */
div.col_710linkbox {
	display: block;
	margin: 0px 10px 20px 0px;
	padding: 15px 15px 0px 15px;
	width: 679px;
	background: rgb(253,253,253) url(../image/parts_btn.png) 0 0 no-repeat;
	border: solid 1px rgb(232,232,232);
	clear: both;
}

.box_col_230linkbox {
	display: block;
	table-layout: fixed;
	padding: 0px 0px 0px 20px;
	width: 720px;
	height: 100%;
	clear: both;
}
div.col_230linkbox {
	display: block;
	margin: 0px 10px 10px 0px;
	width: 228px;
	height: auto;
	background: rgb(248,248,248);
	border-right: solid 1px rgb(232,232,232);
	border-bottom: solid 1px rgb(224,224,224);
	float: left;
}
div.col_710linkbox p, div.col_230linkbox p {
	margin-left: 0px !important;
}
div.col_230linkbox p img {
	display: block;
	padding: 0 0 20px 0;
}
.tit_article a {
	display: block;
	padding: 0px 0px 15px 30px;
	font-size: 112.5%;
	line-height:1.2;
	letter-spacing: 0.05em;
	color: rgb(255,107,7);
}
.tit_article230 a {
	display: block;
	padding: 0px 10px 10px 10px;
	line-height:1.2;
	color: rgb(0,0,0);
	font-weight: 600;
}
.copy_description {
	display: block;
	padding: 0px 10px 20px 10px;
	font-size: 75%;
}
.copy_description_os {
	display: block;
	padding: 5px 10px 20px 0px;
	font-size: 87.5%;
}
.tit_articleoutside a {
	display: block;
	padding: 0px 0px 15px 20px;
	font-size: 112.5%;
	line-height:1.2;
	letter-spacing: 0.05em;
	color: rgb(255,107,7);
	background: url(../image/parts_btn.png) 0 -600px no-repeat;
}
.tit_articleoutside a:hover {
	    filter: alpha(opacity=60);
        -moz-opacity: 0.60;
        -webkit-opacity: 0.60;
        opacity: 0.60;
}

/* =========================== List =========================== */
ul.linklist {
	margin: 0px;
	padding: 0px 0px 20px 0px;
}
ul.linklist li {
	display: block;
	padding: 0px 0px 10px 30px;
	background: url(../image/parts_btn.png) 0 -300px no-repeat;
	text-indent: -15px;
}

ul.linklist.noicon li {
	display: block;
	padding: 0px 0px 10px 30px;
/*	background: url(../image/parts_btn.png) 0 -300px no-repeat;*/
    background: none;
	text-indent: -15px;
}


ul.linklist li.linklistheader {
	display: block;
	margin: 0 0 10px 0;
	padding: 5px 0px 3px 0px;
	background: none;
	text-indent: 0px;
	text-align: center;
	border-top: 1px solid rgb(255,107,7);
	border-bottom: 1px solid rgb(255,107,7);
	color: rgb(255,107,7);
	
}

ul.list_ordinary li {
	margin: 0 0 0 1.5em;
	list-style-position: outside;
	list-style-type: disc;
	line-height:1.8;
}
ul.list_decimal li {
	margin: 0 0 0 2em;
	list-style-position: outside;
	list-style-type: decimal;
	line-height:1.8;
}
ul.list_note li {
	margin: 0;
	padding: 0 0 5px 1em;
	text-indent: -1em;
}
dl.dlordinary dt{
	margin: 5px 0 0 0;
	font-weight: bold;
}
dl.dlordinary dd{
	margin: 0 0 0 1em;
	line-height:1.8;
}

ul.list_privacy li {
	margin: 0 0 0 2em;
	padding: 0px 0px 20px 0px;
	list-style-position: outside;
	list-style-type: decimal;
	line-height:1.8;
}

/* =========================== body text index =========================== */

h3.tit_second {
	display: block;
	margin: 0px 0px 30px 0px;
	width: 730px;
	height: 120px;
	clear: both;
}
h3.tit_second span {
	display: none;
}
.h3_educators {
	background: url(../image/bg_h3_second.png) 0px 0px no-repeat;
}
.h3_student {
	background: url(../image/bg_h3_second.png) 0px -200px no-repeat;
}
.h3_seq {
	background: url(../image/bg_h3_second.png) 0px -400px no-repeat;
}
.h3_parents {
	background: url(../image/bg_h3_second.png) 0px -600px no-repeat;
}
.h3_activity {
	background: url(../image/bg_h3_second.png) 0px -800px no-repeat;
}

.readcopy {
	display: block;
	margin: 0px 0px 30px 0px;
	line-height: 2;
	clear: both;
}
hr.hr_normal {
	margin: 0px 10px 40px 0px;
	padding: 20px 0px 0px 0px;
	border: 0;
	height: 0;
	border-bottom: 3px solid rgb(245,245,245);
	clear: both;
}

hr.hr_indexhead {
	margin: 40px 10px 40px 0px;
	padding: 0;
	border: 0;
	height: 0;
	border-bottom: 3px solid rgb(245,245,245);
	clear: both;
}
h4.h4_indexhead {
	display: block;
	margin: 20px 10px 20px 0px;
	padding: 0px 0px 0px 10px;
	font-size: 150%;
	letter-spacing: 0.1em;
	border-left: 5px solid rgb(255,107,7);
}


/* =========================== body text contents =========================== */

.col_contents {
	display: block;
	padding: 0px 10px 0px 20px;
	clear: both;
}
.col_contents p.normal {
	display: block;
	padding: 0 0 30px 0;
	line-height: 1.8;
}
.col_contents p.normal img {
	display:block;
	margin:auto;
}
.col_contents p.normal_reset {
	display: block;
	padding: 0;
	line-height: 1.8;
}
p.upper_h3_cont {
	font-size:112.5%;
	font-weight: 600;
}
h3.h3_cont {
	display: block;
	margin: 0px 0px 30px 0px;
	font-size: 170%;
	letter-spacing: 0.1em;
	font-weight: 600;
	clear: both;
}
h4.h4_cont {
	display: block;
	margin: 20px 10px 20px 0px;
	padding: 0px 0px 0px 10px;
	font-size: 140%;
	letter-spacing: 0.1em;
	border-left: 5px solid rgb(255,107,7);
	clear: both;
}
h4.h4_cont span {
	font-size: 70%;
	letter-spacing: 0em;
}
h4.h4_cont_noline {
	display: block;
	margin: 20px 10px 20px 0px;
	padding: 0px;
	font-size: 140%;
	letter-spacing: 0.1em;
}
h5.h5_cont {
	display: block;
	margin: 0px 10px 10px 0px;
	padding: 0px;
	font-size: 125%;
	letter-spacing: 0.1em;
	color: rgb(255,107,7);
}

/* =========================== btn =========================== */

.btn {
    display: block;
}
.btn a:hover {
	    filter: alpha(opacity=60);
        -moz-opacity: 0.60;
        -webkit-opacity: 0.60;
        opacity: 0.60;
        -moz-transition: 0.3s;
        -webkit-transition: 0.3s;
        transition: 0.3s;
}
.btn_local a {
	display: block;
	margin: 0px 0px 20px 0px;
	padding: 10px 0px 5px 0px;
	border:1px solid rgb(255,107,7);
	moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: rgb(255,107,7);
	color: #FFF;
	letter-spacing: 0.1em; 
	font-weight: 600;
	text-align:center;
	clear: both;
}
.btn_local a:hover {
	text-decoration: none;
	opacity:0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
}





/* =========================== Form =========================== */
input[type="text"],[type="email"],[type="tel"] {
	margin: 0px 5px 5px 0px;
	padding: 5px;
	background: rgb(255,255,255);
	border: 2px solid rgb(230,230,230);
}
select, textarea {
	padding: 5px;
	border: 2px solid rgb(230,230,230);
	vertical-align: top;
}
input:focus , select:focus, textarea:focus {
	background: rgb(255,235,190);
	border: 2px solid rgb(255,230,190);
}
.selectbox optgroup {
	padding: 5px 0px 0px 0px;
}
.selectbox option {
	padding: 5px 0px 0px 15px;
}

table.formtable {
	margin: 0px auto 40px auto;
	width: 100%;
	border-bottom: 1px solid rgb(202,202,202);
	table-layout: fixed;
	clear:both;
}
table.formtable th {
	margin: 20px 0px 20px 0px;
	padding: 5px;
	width: 25%;
	border-top: 1px solid rgb(202,202,202);
	text-align:left;
	word-wrap: break-word;
	vertical-align: middle;
	font-weight: bold;
}
table.formtable td {
	padding: 15px 10px 15px 10px;
	word-wrap: break-word;
	border-top: 1px solid rgb(202,202,202);
}
table.formtable td.requiredcol {
	width: 10%;
	vertical-align: middle;
}
table.formtable td.formcol {
	width: 65%;
}
table.formtable p {
	margin: 0px;
	padding: 5px 0px 0px 0px !important;
}
table.formtable td.error {
	background:#ffcbc4;
}
.mark_required {
	display: block;
	width: 40px;
	height: 20px;
	background: url(../image/parts_btn.png) no-repeat 0px -550px;
}
.mark_notrequired {
	display: block;
	width: 40px;
	height: 20px;
	background: url(../image/parts_btn.png) no-repeat -100px -550px;
}
/* ==|== Terms ===== */
.terms {
	margin: 0 0 30px 0;
	padding: 10px;
	height: 250px;
	border-top: 8px solid #e6e6e6;
	background: #f5f5f5;
	overflow: auto;
}
.terms h4 {
	color: rgb(255,107,7);
	font-weight: 600;
}
.terms ul {
	font-size:87.5%;
}
.terms ul li {
	padding-bottom: 20px;
}



/* =========================== table =========================== */

table.shoptable {
	margin: 0px auto 40px auto;
	width: 100%;
	border-bottom: 1px solid rgb(202,202,202);
	table-layout: fixed;
	clear:both;
}
table.shoptable th {
	margin: 20px 0px 20px 0px;
	padding: 5px;
	width: 25%;
	border-top: 1px solid rgb(202,202,202);
	text-align:left;
	word-wrap: break-word;
	vertical-align: middle;
	font-weight: bold;
}
table.shoptable td {
	padding: 15px 10px 15px 10px;
	word-wrap: break-word;
	border-top: 1px solid rgb(202,202,202);
}

table.administratortable {
	margin: 0px auto 40px auto;
	width: 100%;
	border-bottom: 1px solid rgb(202,202,202);
	table-layout: fixed;
	text-align: left;
	clear:both;
}
table.administratortable th {
	width: 20%;
	padding-left: 10px;
	word-wrap: normal;
	border-top: 1px solid rgb(202,202,202);
	background: rgb(255,230,190);
}
table.administratortable td {
	padding: 15px 10px 15px 10px;
	word-wrap: break-word;
	border-top: 1px solid rgb(202,202,202);
}





/* =========================== Video =========================== */
.video {
	display: block;
	clear: both;
}


/* =========================== Terms =========================== */

h4.h4_terms {
	display: block;
	margin: 30px 10px 10px 0px;
	padding: 0px;
	letter-spacing: 0.1em;
	font-weight: 600;
	color: rgb(255,107,7);
}

/* =========================== FAQ =========================== */

h4.h4_faq {
	display: block;
	margin: 30px 10px 10px 0px;
	padding: 10px 10px 5px 30px;
	background: url(../../doc/img/bg_faq.png) no-repeat 0px 0px;
	letter-spacing: 0.1em;
	font-weight: 600;
	color: rgb(255,107,7);
	border: 1px solid rgb(202,202,202);
}
.faq_answer {
	display: block;
	margin: 0px 10px 10px 0px;
	padding: 0px 0px 0px 30px;
	background: url(../../doc/img/bg_faq.png) no-repeat 0px -200px;
	color: rgb(70,170,51);
	font-weight: 600;
}


/* =========================== Reference =========================== */
div.col_book {
	display: table;
	padding: 20px 0px 20px 0px;
	width: 100%;
	border-top: 3px solid rgb(245,245,245);
	clear: both;
}

	
div.col_book_img {
	display: table-cell;
	width: 260px;
	vertical-align: top;
}
div.col_book_spec {
	display: table-cell;
	vertical-align: top;
}

.tit_book a {
	display: block;
	padding: 0px 0px 15px 35px;
	font-size: 112.5%;
	line-height:1.2;
	letter-spacing: 0.05em;
	color: rgb(255,107,7);
	font-weight: 600;
	background: url(../image/parts_btn.png) 0 -700px no-repeat;
}
.spec_book {
	font-size: 87.5%;
	padding: 0px 0px 10px 0px;
}


/* ====== educator ======= */
/* 2019.03.31 */

div.col_230linkbox a {
    display: block;
/*    padding: 0px 10px 10px 10px;*/
    line-height: 1.2;
    color: rgb(0,0,0);
    font-weight: 600;
}

p.tit_article230 {
    display: block;
    padding: 0px 10px 20px 10px;
    line-height: 1.2;
    color: rgb(0,0,0);
    font-weight: 600;
}

 
#table {
    display:table; 
    margin: auto;
    width:100%;
    margin-bottom:30px;
    }
#table .row {
    display:table-row;
    }
#table .top>div {
    display:table-cell;
    margin:15px;
    padding:15px;
    border-top:1px solid;
    border-left:1px solid;
    background-color:#eee;
    text-align:center;
}
#table .middle>div {
    display:table-cell;
    margin:15px;
    padding:15px;
    border-top:1px solid;
    border-left:1px solid;
    background-color:#fff;
}
#table .bottom>div {
    display:table-cell;
    margin:15px;
    padding:15px;
    border-top:1px solid;
    border-left:1px solid;
    border-bottom:1px solid;
    background-color:#fff;
}
#table .row .left{
    width:47%;
    }
#table .row .right{
    border-right:1px solid;
    width:53%;
    }

#table .img>div {
    display:table-cell;
    margin:15px;
    padding:15px;
    text-align:center;
}

#table .img .left{
    width:45% !important;
    }
#table .img .right{
    width:45% !important;
    border-right:none;
    }