@charset "utf-8";

/*---page_original---*/


/*----Leftcolumn---*/

#leftcolumn .menu01 {
	margin-bottom:16px;
	width:220px;
}
#leftcolumn .menu01 li {
	font-size:13px;
	line-height:120%;
}
#leftcolumn .menu01 li a {
	display:block;
	padding:0;
	font-weight:bold;
	text-decoration:none;
}
#leftcolumn .menu01 li a.tp01 {
	background:url(../images/side/ico01.jpg) no-repeat 7px 15px;
	padding:15px 0 15px 26px;
	width:190px;
	color:#00389E;
	border:2px solid #00389E;
	border-top:0;
}
#leftcolumn .menu01 li a.tp02 {
	background:url(../images/side/ico02.jpg) no-repeat 7px 15px;
	padding:15px 0 15px 26px;
	width:190px;
	color:#0670A6;
	border:2px solid #0770A7;
	border-top:0;
}
#leftcolumn .menu01 li a.tp03 {
	background:url(../images/side/ico03.jpg) no-repeat 7px 15px;
	padding:15px 0 15px 26px;
	width:190px;
	color:#FF7100;
	border:2px solid #FF7100;
	border-top:0;
}
#leftcolumn .menu01 li a:hover {
	color:#AAAAAA;
}
.kind-tit{ position:relative; left:-7px;}
/*---OCEAN教材の特徴---*/

#point {
	padding:0 0 50px;
}
#point h2 {
	margin-bottom:20px
}
#point h3 {
	background:url(../images/common/bg_ttl01.jpg) no-repeat;
	margin-bottom:30px;
	padding:9px 0 0 36px;
	height:28px;
	color:#FFFFFF;
	font-size:18px;
	line-height:120%;
}
#point .mainImg {
	margin-bottom:32px;
	height:526px;
	position:relative;
}
#point .mainImg .img {
	width:356px;
	position:absolute;
	right:-49px;
	bottom:-35px;
}
#point .txtBox {
	margin-bottom:40px;
	padding:15px 20px 0 10px;
	font-size:14px;
	line-height:180%;
}
#point .block {
	font-size:14px;
	line-height:180%;
}
#point .copy {
	margin-bottom:25px;
}
#point #po01 {
	background:url(../images/original/point/bg_pic01.png) no-repeat right top;
	padding:0 300px 40px 0;
}
#point #po02 {
	background:url(../images/original/point/bg_pic02.png) no-repeat;
	padding:0 0 20px;
}
#point #po02 .boxR {
	float:right;
	padding:5px 0 0 0;
	width:426px;
	height:348px;
}
#point #po02 .boxL {
	float:left;
	width:430px;
	height:294px;
	clear:both;
}
#point #po03 {
	background:url(../images/original/point/bg_pic03.png) no-repeat;
	padding:20px 0 90px 330px;
}
#point #po04 {
	padding:0 325px 35px 0;
	position:relative;
}
#point #po04 span {
	color:#999999;
	font-size:12px;
}
#point #po04 .pic {
	width:347px;
	position:absolute;
	right:-22px;
	top:-12px;
}
#point #po05 {
	background:url(../images/original/point/bg_pic05.png) no-repeat;
	padding:0 0 30px 294px;
}
#point #po05 .txt {
	padding:0 0 0 20px;
}
#point #po06 {
	background:url(../images/original/point/bg_pic06.png) no-repeat right 62px;
	padding:0 0 55px;
}
#point #po07 {
	padding:0 10px 73px 6px;
}
#point #po07 .boxL {
	float:left;
	width:345px;
}
#point #po07 .txt_kinder {
	background:url(../images/original/point/img03_bg.jpg) no-repeat;
	padding:5px 22px 0;
	height:73px;
	color:#FFFFFF;
	font-size:12px;
	line-height:150%;
}
#point #po07 .boxR {
	float:right;
	width:355px;
}
#point #po07 .txt_school {
	background:url(../images/original/point/img04_bg.jpg) no-repeat;
	padding:5px 38px 0 24px;
	height:73px;
	color:#FFFFFF;
	font-size:12px;
	line-height:150%;
}
#point #po08 {
	background:url(../images/original/point/bg_pic07.png) no-repeat right 57px;
	padding:0 253px 40px 0;
	position:relative;
}
#point #po08 .pic {
	width:274px;
	position:absolute;
	right:-18px;
	top:-5px;
}

/*---OCEAN教材導入の効果---*/

#result {
	font-size:14px;
	line-height:180%;
}
#result h2 {
	margin-bottom:20px
}
#result h3 {
	background:url(../images/common/bg_ttl01.jpg) no-repeat;
	margin-bottom:33px;
	padding:9px 0 0 36px;
	height:28px;
	color:#FFFFFF;
	font-size:18px;
	line-height:120%;
}
#result h3.orange {
	background:url(../images/common/bg_ttl03.jpg) no-repeat;
	margin-bottom:33px;
	padding:9px 0 0 36px;
	height:28px;
	color:#FFFFFF;
	font-size:18px;
	line-height:120%;
}
#result .block {
}
#result .copy {
	margin-bottom:20px;
}
#result #res01 {
	background:url(../images/original/result/bg01.png) no-repeat left 36px;
	padding:0 0 60px;
	position:relative;
}
#result #res01 .pic {
	width:538px;
	position:absolute;
	right:-69px;
	top:-33px;
}
#result #res01 .boxL {
	float:left;
	width:286px;
	height:470px;
}
#result #res01 .boxR {
	float:right;
	width:365px;
	height:189px;
	clear:both;
}
#result #res01 .box {
	clear:both;
}
#result #res02 {
	background:url(../images/original/result/bg02.png) no-repeat;
	padding:38px 0 55px 217px;
}
#result #res02 .txt {
	padding:0 0 0 168px;
}

/*---小学生向け教材---*/

/*---TOP---*/

#school_top {
	padding:0 0 50px;
}
#school_top h2 {
	margin-bottom:20px
}
#school_top h3 {
	background:url(none);
	margin-bottom:40px;
	padding:0;
	height:auto;
}
#school_top h4 {
	background:url(../images/original/schoolchild/bg_ttl.jpg) no-repeat;
	margin-bottom:15px;
	padding:13px 0 0 40px;
	height:27px;
	color:#FFFFFF;
	font-size:16px;
	line-height:120%;
}
#school_top .menu_list {
	height:722px;
	position:relative;
}
#school_top .menu_list ul {
	width:768px;
	position:absolute;
	left:-7px;
	top:0;
}
#school_top .menu_list ul li {
	float:left;
	margin:0 6px 20px 0;
}
#school_top .block {
	padding:0 0 50px;
	font-size:14px;
	line-height:180%;
}
#school_top .boxL {
	float:left;
	width:365px;
}
#school_top .box {
	float:left;
	padding:0 20px 0 0;
	width:236px;
}
#school_top .box2 {
	float:left;
	padding:0;
	width:236px;
}
#school_top .box_txt {
	background:#E5EEF9;
	padding:7px 12px 10px;
	line-height:160%;
}
#school_top .copy {
	margin-bottom:10px;
	font-size:20px;
	line-height:120%;
}

/*---Talk Time1 Phonics Starter---*/

#talktime h2 {
	margin-bottom:14px
}
#talktime h3 {
	background:url(../images/original/schoolchild/talktime01/bg_sub_ttl.jpg) no-repeat;
	padding:25px 0 0 105px;
	height:44px;
	color:#FFFF00;
	font-size:23px;
	line-height:120%;
}
#talktime h3.talk02 {
	background:url(../images/original/schoolchild/talktime01/bg_sub_ttl02.jpg) no-repeat;
}
#talktime h3.talk03 {
	background:url(../images/original/schoolchild/talktime01/bg_sub_ttl03.jpg) no-repeat;
}
#talktime h3.talk04 {
	background:url(../images/original/schoolchild/talktime01/bg_sub_ttl04.jpg) no-repeat;
}
#talktime h3.talk05 {
	background:url(../images/original/schoolchild/talktime01/bg_sub_ttl05.jpg) no-repeat;
}
#talktime h3.talk06 {
	background:url(../images/original/schoolchild/talktime01/bg_sub_ttl06.jpg) no-repeat;
}
#talktime h4 {
	background:url(../images/original/schoolchild/talktime01/bg_h4.jpg) no-repeat;
	margin-bottom:20px;
	padding:13px 0 0 40px;
	height:27px;
	color:#FFFFFF;
	font-size:16px;
	line-height:120%;
}
#talktime h5 {
	margin-bottom:5px;
	color:#0670A6;
	font-size:15px;
	line-height:120%;
}
#talktime .main_menu {
	margin-bottom:50px;
	border:6px solid #0770A7;
	border-top:0;
}
#talktime .main_menu li {
	float:left;
	height:438px;
}
#talktime .block {
	margin-bottom:45px;
	font-size:14px;
}
#talktime .boxL {
	float:left;
	width:365px;
}
#talktime .boxR {
	float:right;
	width:365px;
}
#talktime .lesson_ttl {
	background:url(../images/original/schoolchild/talktime01/bg_lesson_ttl.jpg) no-repeat;
	padding:11px 0 0 37px;
	height:26px;
	font-size:15px;
	font-weight:bold;
	line-height:120%;
}
#talktime .cont_ttl {
	background:url(../images/original/schoolchild/talktime01/bg_cont_ttl.jpg) no-repeat;
	padding:11px 0 0 14px;
	height:24px;
	color:#FFFFFF;
	font-size:16px;
	font-weight:bold;
	line-height:120%;
}
#talktime .txt_ttl {
	background:url(../images/original/schoolchild/talktime01/bg_txt_ttl.jpg) no-repeat;
	margin-bottom:20px;
	padding:13px 0 0 39px;
	height:28px;
	color:#0770A7;
	font-size:14px;
	font-weight:bold;
	line-height:120%;
}
#talktime .contBox {
	margin-bottom:20px;
	padding:11px 19px 5px 39px;
	min-height:72px;
	font-size:14px;
	border:5px solid #0770A7;
}
#talktime .contBox li {
	list-style:disc;
}
#talktime table,
#talktime table th,
#talktime table td {
	border:0;
	border-collapse:collapse;
}
#talktime table {
	margin:0;
	width:100%;
}
#talktime table th,
#talktime table td {
	padding:12px 11px;
	font-size:13px;
	text-align:left;
	line-height:180%;
	vertical-align:top;
	border-bottom:1px dotted #999999;
}
#talktime table td {
	padding:12px 11px 12px 10px;
}
#talktime table td.sample_pdf {
	width:75px;
	padding-right:3px;
}
#talktime table .tac {
	text-align:center;
}
#talktime table td .ico {
	margin-right:4px;
	vertical-align:middle;
}
#talktime table .bgc {
	background:#F2F8FB;
}
#talktime .kome {
	color:#FF0000;
	font-size:11px;
	text-align:right;
}

/*---幼稚園児向け教材---*/

/*---TOP---*/

#kinder_top {
	padding:0 0 50px;
}
#kinder_top h2 {
	margin-bottom:20px
}
#kinder_top h3 {
	background:url(none);
	margin-bottom:40px;
	padding:0;
	height:auto;
}
#kinder_top h4 {
	background:url(../images/original/kindergarten/bg_ttl.jpg) no-repeat;
	margin-bottom:15px;
	padding:13px 0 0 40px;
	height:27px;
	color:#FFFFFF;
	font-size:16px;
	line-height:120%;
}
#kinder_top .menu_list {
	height:376px;
	position:relative;
}
#kinder_top .menu_list ul {
	width:768px;
	position:absolute;
	left:-7px;
	top:0;
}
#kinder_top .menu_list ul li {
	float:left;
	margin:0 6px 20px 0;
}
#kinder_top .block {
	padding:0 0 50px;
	font-size:14px;
	line-height:180%;
}
#kinder_top .boxL {
	float:left;
	width:365px;
}
#kinder_top .box {
	float:left;
	padding:0 20px 0 0;
	width:236px;
}
#kinder_top .box2 {
	float:left;
	padding:0;
	width:236px;
}
#kinder_top .box_txt {
	background:#E5EEF9;
	padding:7px 12px 10px;
	line-height:160%;
}
#kinder_top .copy {
	margin-bottom:10px;
	font-size:20px;
	line-height:120%;
}

/*---CLASS---*/

#kindergarten a {
	color:#FF790F;
}
#kindergarten a:hover {
	color:#AAAAAA;
}
#kindergarten h2 {
	margin-bottom:14px
}
#kindergarten h3 {
	background:url(../images/original/kindergarten/class/bg_sub_ttl.jpg) no-repeat;
	padding:25px 0 0 105px;
	height:44px;
	color:#FFFF00;
	font-size:23px;
	line-height:120%;
}
#kindergarten h3.kinder02 {
	background:url(../images/original/kindergarten/class/bg_sub_ttl02.jpg) no-repeat;
}
#kindergarten h3.kinder03 {
	background:url(../images/original/kindergarten/class/bg_sub_ttl03.jpg) no-repeat;
}
#kindergarten h4 {
	background:url(../images/original/kindergarten/class/bg_h4.jpg) no-repeat;
	margin-bottom:20px;
	padding:13px 0 0 40px;
	height:27px;
	color:#FFFFFF;
	font-size:16px;
	line-height:120%;
}
#kindergarten h5 {
	margin-bottom:5px;
	color:#FF7100;
	font-size:15px;
	line-height:120%;
}
#kindergarten .main_menu {
	margin-bottom:50px;
	border:6px solid #FF7100;
	border-top:0;
}
#kindergarten .main_menu li {
	float:left;
	height:438px;
}
#kindergarten .block {
	margin-bottom:45px;
	font-size:14px;
}
#kindergarten .boxL {
	float:left;
	width:365px;
}
#kindergarten .boxR {
	float:right;
	width:365px;
}
#kindergarten .lesson_ttl {
	background:url(../images/original/kindergarten/class/bg_lesson_ttl.jpg) no-repeat;
	padding:11px 0 0 37px;
	height:26px;
	font-size:15px;
	font-weight:bold;
	line-height:120%;
}
#kindergarten .cont_ttl {
	background:url(../images/original/kindergarten/class/bg_cont_ttl.jpg) no-repeat;
	padding:11px 0 0 14px;
	height:24px;
	color:#FFFFFF;
	font-size:16px;
	font-weight:bold;
	line-height:120%;
}
#kindergarten .txt_ttl {
	background:url(../images/original/kindergarten/class/bg_txt_ttl.jpg) no-repeat;
	margin-bottom:20px;
	padding:13px 0 0 39px;
	height:28px;
	color:#FF7100;
	font-size:14px;
	font-weight:bold;
	line-height:120%;
}
#kindergarten .contBox {
	margin-bottom:20px;
	padding:11px 19px 5px 39px;
	min-height:72px;
	font-size:14px;
	border:5px solid #FF7100;
}
#kindergarten .contBox li {
	list-style:disc;
}
#kindergarten table,
#kindergarten table th,
#kindergarten table td {
	border:0;
	border-collapse:collapse;
}
#kindergarten table {
	margin:0;
	width:100%;
}
#kindergarten table th,
#kindergarten table td {
	padding:12px 11px;
	font-size:13px;
	text-align:left;
	line-height:180%;
	vertical-align:top;
	border-bottom:1px dotted #999999;
}
#kindergarten table td {
	padding:12px 11px 12px 10px;
}
#kindergarten table td.sample_pdf {
	width:75px;
	padding-right:3px;
}
#kindergarten table .tac {
	text-align:center;
}
#kindergarten table td .ico {
	margin-right:4px;
	vertical-align:middle;
}
#kindergarten table .bgc {
	background:#FFF8F2;
}
#kindergarten .kome {
	color:#FF0000;
	font-size:11px;
	text-align:right;
}
#kindergarten td.youtube-video-gallery {
	height:22px;
}

/*---OCEAN教材の特徴---*/

#development {
	padding:0 0 100px;
	font-size:14px;
	line-height:180%;
}
#development p {
	margin-bottom:30px;
}
#development span {
	font-weight:bold;
}
#development span.blue {
	color:#003FA9;
	font-weight:bold;
}
#development h2 {
	margin-bottom:20px
}
#development h3 {
	background:url(none);
	margin-bottom:30px;
	padding:0;
	height:auto;
	clear:both;
}
#development .boxLeft {
	float:left;
	width:365px;
}
#development .boxLeft2 {
	float:left;
	width:450px;
}
#development .boxRight {
	float:right;
	width:365px;
}
#development .txtBox  {
	position:relative;
}
#development .txtBox .img  {
	width:365px;
	position:absolute;
	right:0;
	top:150px;
}
#development ul {
	margin-bottom:30px;
	padding:0 0 0 30px;
}
#development ul li {
	list-style:decimal;
}

/*---audio---*/
 /*　プレイヤー（再生バー）の高さ、幅、背景色の指定　*/
.audiojs { height: 22px; background: #404040; width: 205px;}
/*　再生・停止ボタンの高さ、幅、パディングの指定　*/
.audiojs .play-pause { width: 20px; height: 20px; padding: 0px 5px 0px 0px; }
/*　再生・停止ボタンなどの p 要素　*/
.audiojs p { width: 25px; height: 20px; margin: -3px 0px 0px -1px; }
/*　進行状態・ロードの状態を表示する部分　*/
.audiojs .scrubber { background: #5a5a5a; width: 80px; height: 10px; margin: 5px; }
/*　進行状態を表示するバーの部分　*/
.audiojs .progress { height: 10px; width: 0px; background: #ccc; }
/*　ロード状態を表示するバーの部分　*/
.audiojs .loaded { height: 10px; background: #000; width:80px !important;}
/*　再生時間の部分　*/
.audiojs .time { float: left; height: 25px; line-height: 25px; font-size:smaller; padding:0px 6px 0px 9px;}
.audiojs .error-message { height: 24px;line-height: 24px; }
/*　再生している曲の情報　*/
.track-details { clear: both; height: 20px; width: 205px; padding: 1px 6px; background: #eee; color: #222; font-size: 11px; line-height: 20px;}
.track-details:before { content: '♬ Now Playing: '; }