@charset "utf-8";
 @import "reset.css";
/*基本設定*/



body {
	margin:0px auto 0;
	line-height: 1.5;
	color:#454545;
	text-align:center;
	padding:16px 0 0 0;
}
a:link {
	color:#F32281;
	text-decoration:none;
}
a:hover {
	color:#F32281;
	text-decoration:underline;
}
a:visited {
	color:#F32281;
	text-decoration:none;
}
a:active {
	text-decoration:underline !important;
}
a {
	outline:none;
}
img {
	vertical-align: bottom;
}
body#wrap {
	background:url(../img/bg_body_login.jpg) repeat-x top #f0f0f0;
}
body#high {
	background:url(../img/bg_body_high.jpg) repeat-x top;
}
body#junior {
	background:url(../img/bg_body_junior.jpg) repeat-x top;
}
body#infancy {
	background:url(../img/bg_body_infancy.jpg) repeat-x top;
}
body#lesson_infancy {
	background:url(../img/bg_lesson_infancy.jpg) repeat-x top;
	height:100%;
}
body#lesson_high {
	background:url(../img/bg_lesson_high.jpg) repeat-x top;
	height:100%;
}
body#lesson_junior {
	background:url(../img/bg_lesson_junior.jpg) repeat top;
	height:100%;
}
body#catchat {
	background:url(../img/bg_catchat.jpg) repeat-x top #fdedf4;
	padding-bottom:20px;
}
/*body_wrap

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

#body_wrap {
	width:100%;
	background:url(../img/bg_wrap.jpg) no-repeat top;
	min-width: 960px;
}
#body_grace {
	width:100%;
	background:url(/age/img/bg_grace.jpg) no-repeat top;
	min-width: 960px;
}
#body_harry {
	width:100%;
	background:url(/age/img/bg_harry.jpg) no-repeat top;
	min-width: 960px;
}
#body_emily {
	width:100%;
	background:url(/age/img/bg_emily.jpg) no-repeat top;
	min-width: 960px;
}
#body_isabel {
	width:100%;
	background:url(/age/img/bg_isabel.jpg) no-repeat top;
	min-width: 960px;
}
#body_red {
	width:100%;
	background:url(/grade/img/bg_red.jpg) no-repeat top;
	min-width: 960px;
}
#body_yellow {
	width:100%;
	background:url(/grade/img/bg_yellow.jpg) no-repeat top;
	min-width: 960px;
}
#body_blue {
	width:100%;
	background:url(/grade/img/bg_blue.jpg) no-repeat top;
	min-width: 960px;
}
#body_orange {
	width:100%;
	background:url(/grade/img/bg_orange.jpg) no-repeat top;
	min-width: 960px;
}
#body_green {
	width:100%;
	background:url(/grade/img/bg_green.jpg) no-repeat top;
	min-width: 960px;
}
#body_purple {
	width:100%;
	background:url(/grade/img/bg_purple.jpg) no-repeat top;
	min-width: 960px;
}
#body_high {
	width:100%;
	background:url(/juniorhigh/img/bg_high.jpg) no-repeat top;
	min-width: 960px;
}
.body_Emily {
	width:100%;
	background:url(/age/img/bg_emily.jpg) no-repeat top;
	min-width: 960px;
}
.body_Frank {
	width:100%;
	background:url(/age/img/bg_frank.jpg) no-repeat top;
	min-width: 960px;
}
/*header_area

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



#header_area {
	width:960px;
	margin:0 auto;
	text-align:center;
	height:96px;
	_zoom:1;
	position:relative;
}
#header_area h1 {
	position:absolute;
	left:20px;
	top:0;
}
#header_area ul {
	position:absolute;
	right:5px;
	top:7px;
}
#header_area ul li {
	float:right;
}

#title_area {
	width:960px;
	margin:0px auto 0;
	position:relative;
}
#title_area h2 {
	float:left;
	padding-left:5px;
	width:260px;
	text-align:left;
}
#title_area p {
	margin:31px 0 0 0;
	float:left;
	padding-left:200px;
	color:#797979;
	width:325px;
	text-align:center;
	font-size:138.5%;
	line-height:1.1;
}
#infancy #title_area p.current {
	position:absolute;
	top:34px;
	left:271px;
	margin:0;
	float:none;
	width:166px;
	padding:0;
}
#junior #title_area p.current {
	position:absolute;
	top:32px;
	left:271px;
	margin:0;
	float:none;
	width:166px;
	padding:0;
}
#high #title_area p.current {
	position:absolute;
	top:31px;
	left:219px;
	margin:0;
	float:none;
	width:166px;
	padding:0;
}
/*contents

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



#contents {
	width:928px;
	height:476px;
	margin:5px auto 0;
	text-align:center;
	background:url(/age/img/bg_contents_inner.png) top center no-repeat;
	padding:24px 0 0px 22px;
}
#mainContents {
	width: 560px;
	float: right;
	padding:0px 15px 0 10px;
}
#mainContents ul li ul {
	overflow:hidden;
}
#mainContents ul li ul li {
	float:left;
}
#mainContents ul li ul li.center {
	padding-left:135px;
}
#mainContents ul li ul.triple li.center {
	padding-left:0;
}
#navGroup {
	width:309px;
	float: left;
	/*clearfix*/

	overflow: hidden;
}
*html #navGroup {
	padding: 0 0 0 1px;
}
#navGroup .title {
	overflow:hidden;
	position: relative;
	left:1px;
}
#navGroup .title h4 {
	float:left;
}
#navGroup h3 {
	padding-left:4px;
}
#navGroup .box_l {
	padding:0 0 0 10px;
	float:left;
}
#navGroup .box_r {
	padding:0 0 0 17px;
	float:left;
}
#navGroup .btn {
	margin:8px auto 8px 0px;
}
#navGroup .carousel {
	width: 138px;
	padding: 28px 0 30px;
	position :relative;
}
#navGroup .carousel .prev,  #navGroup .carousel .next {
	display:block;
	position :absolute;
	width: 139px;
	height: 26px;
	left: 0;
}
#navGroup .carousel .prev {
	top: 0;
}
#navGroup .carousel .next {
	top: 252px;
 *top: 255px;
}
/*** carusel */



.carousel_clearfix {
	float: none;
	clear: both;
}
#mainContents .carousel ul {
 	padding:0;
 	margin:0;
 	width: 560px !important;
}
.carousel li {
	float: left;
}
#infancy .carousel li.single{
	padding-left:183px;
}
#infancy .carousel li.double{
	padding-left:92px;
}

#mainContents div.caroufredsel_wrapper {
	height: 440px !important;
	width: 560px !important;
}
#course_contents {
	width: 570px;
	height: 440px !important;
}
#nav_course_a,  #nav_course_b {
	width: 138px;
}
#nav_course_a li,  #nav_course_b li {
	height: 40px;
	margin: 2px 0;
}
/*#contents.infancy tab

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

body#infancy #tabContents {
	position: relative;
	width:949px;
	margin: 0 auto;
	padding: 0 0 0 1px;
	z-index: 10;
}
body#infancy #tabContents li.stay {
	z-index:10;
}
body#infancy #tabContents li#emilyContents {
	position: absolute; top:0; left:0;
/*	position: absolute;top:-4px;left:228px;*/
}
body#infancy #tabContents li#frankContents {
	position: absolute;top:-4px;left:228px;
/*	position: absolute;	top:0;left:0;*/
}
body#infancy #tabContents li#emilyContents a {
	display: block;
	width: 228px;
	height: 70px;
/*	height: 58px;*/
	text-indent: -10000px;
	cursor: pointer;
	background: url(../../age/img/bt_tab_emily.png) no-repeat 0 0px;
}
body#infancy #tabContents li#frankContents a {
	display: block;
	width: 228px;
	height: 58px;
/*	height: 58px;*/
	text-indent: -10000px;
	cursor: pointer;
	background: url(../../age/img/bt_tab_frank.png) no-repeat 0 0;
}
body#infancy #tabContents li#emilyContents a:hover {
	background-position: 0 -70px;
}
body#infancy #tabContents li#frankContents a:hover {
	background-position: 0 -59px;
}
body#infancy div.body_Emily #tabContents li#emilyContents a,
body#infancy div.body_Emily #tabContents li#emilyContent a:hover  {
	background-position: 0 -140px !important;
	height: 68px;
}
*html body#infancy div.body_Emily #tabContents li#emilyContents a,
*html body#infancy div.body_Emily #tabContents li#emilyContent a:hover  {	
}
body#infancy div.body_Frank #tabContents li#frankContents a,
body#infancy div.body_Frank #tabContents li#frankContents a:hover {
	background-position: 0 -118px !important;
	height: 67px;
}
body#infancy div.body_Emily #tabContents li#frankContents,
body#infancy div.body_Frank #tabContents li#emilyContents {
	z-index:1;
}

/*
body#infancy #tabContents li#frankContents a:hover {
	background-position: 0 -70px;
}
body#infancy #tabContents li#emilyContents a:hover {
	background-position: 0 -59px;
}
body#infancy div.body_Emily #tabContents li#frankContents a,  body#infancy div.body_Emily #tabContents li#frankContents a:hover {
	/*	background-position: 0 0;

	height: 69px;
}
*html body#infancy div.body_Emily #tabContents li#frankContents a,  *html body#infancy div.body_Emily #tabContents li#frankContents a:hover {
}
body#infancy div.body_Emily #tabContents li#emilyContents a,  body#infancy div.body_Emily #tabContents li#emilyContents a:hover {
	background-position: 0 -118px !important;
	height: 68px;
}
body#infancy div.body_Frank #tabContents li#frankContents a,  body#infancy div.body_Frank #tabContents li#frankContents a:hover {
	background-position: 0 -140px !important;
	height: 69px;
}
body#infancy div.body_Frank #tabContents li#emilyContents a,  body#infancy div.body_Frank #tabContents li#emilyContents a:hover {
	/*	background-position: 0 -118px !important;

	height: 58px;/*	background-position: 0 0;

}
body#infancy div.body_Emily #tabContents li#frankContents,  body#infancy div.body_Frank #tabContents li#emilyContents {
	z-index:1;
}
*/

div.body_Emily #contents,  div.body_Frank #contents {
	margin-top: 50px;
}
div.body_Emily #contents,  div.body_Frank #contents {
	z-index:1;
	position: relative;
}
div.body_Emily div.contents_frank,  div.body_Frank div.contents_emily {
	display:none;
}
/*#contents.infancy

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

body#infancy #navGroup .title h4 img {
	height: 73px;
}
/*#contents.junior

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



#contents.junior {
	background:url(/grade/img/bg_contents_inner.png) top center no-repeat;
	margin-top:5px;
}
#contents.junior #navGroup h3 {
	padding: 0 0 0 6px;
}
*html #contents.junior #navGroup h3 {
	padding: 0 0 0 4px;
}
*:first-child+html #contents.junior #navGroup h3 {
	padding: 0 0 0 6px;
}
#contents.junior #navGroup {
	padding-left:2px;
}
*html #contents.junior #navGroup {
	padding-left:3px;
}
#contents.junior #navGroup .box_r {
	padding:0 0 0 16px;
	float:left;
}
#contents.junior #mainContents ul li ul li {
	float:left;
	padding-right:10px;
}
#contents.junior #mainContents ul li ul li.tripple {
	padding-right:0px;
}


/*#contents.high

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



.high {
	background:url(/juniorhigh/img/bg_contents_inner.png) top center no-repeat !important;
	margin-top:5px;
}
#contents.high #navGroup h3 {
	padding: 0;
}
#contents.high #navGroup {
	padding-left:4px;
}
#contents.high #navGroup {
	padding-left/*\**/: 4px\9;
}
#contents.high #navGroup {
*padding-left:4px;
}
*html #contents.high #navGroup h4 {
	margin: 0 0 0 1px;
}
*:first-child+html #contents.high #navGroup h4 {
	margin: 0 0 0 1px;
}
#contents.high #navGroup h4 {
	margin: 0 0 0 0;
}
#contents.high #mainContents ul li ul li {
	float:left;
	padding-right:10px;
}
#contents.high #navGroup .carousel {
	width: 273px;
	padding: 28px 0 30px;
	margin-left:18px;
 *margin-left:2px;
	position :relative;
}
#contents.high #navGroup .carousel ul {
	padding-left:1px;
}
#contents.high #navGroup .carousel .prev,  #contents.high #navGroup .carousel .next {
	display:block;
	position :absolute;
	width: 273px;
	height: 26px;
	left: 0;
}
#contents.high #navGroup .btn {
	margin:8px auto 8px 2px;
}
/* addition　動画＆去年の教材を復習

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

div.addition {
	width:940px;
	margin:0 auto;
	padding: 9px 0 0 0;
	position:relative;
	height:173px;
}
div.addition #danceMovie {
/*	position:absolute;
	top:9px;
	left:0;
*/
	width:216px;
	float: left;
}

div.addition div#songbookArea {
	width: 523px;
	float: left;
	text-align: left;
	background: url(../img/bg_song.jpg) no-repeat left top;
	min-height: 173px;
}
*html div.addition div#songbookArea {
	height: 173px;
}
div.addition div#songbookArea:after{content:".";display:block;height:0px;clear:both;visibility:hidden;}
div.addition div#songbookArea h3 {
	text-indent: -10000px;
	font-size: 1px;
	height: 47px;
}
div.addition div#songbookArea ul.list {
	float: right;
	width: 352px;
}
div.addition div#songbookArea ul.list li {
	float: left;
	line-height: 0;
	font-size: 1px;
	margin: 0 0 2px 0;
}
div.addition div#songbookArea ul.list li img {
	margin: 0 2px 0 0;
}
div.addition div#songbookArea p.image {
	float: left;
	width: 164px;
}
div.addition div#songbookArea p.image img {
	margin: 0 0 0 5px;
}
div.addition #wordquest {
	float: left;
	width: 201px;
}


div#revision {
	width: 940px;
	height: 77px;
	margin: 0 auto;
}
div#revision:after{content:".";display:block;height:0px;clear:both;visibility:hidden;}
div#revisionArea {
	width:600px;
	background:url(/common/img/hd_revision.png) no-repeat top right;
	padding-top:30px;
	text-align:right;
	float: right;
}
#body_isabel div#revisionArea,  #high div#revisionArea {
	background:url(/common/img/hd_revision.png) no-repeat 270px top;
}
div#revisionArea h3 {
	display:none;
}
div#revisionArea a {
	padding-left:5px;
}
/*bottom_contents

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



#bottom_contents {
	width:100%;
	background:url(../img/bg_bottom_area.png) repeat-x top;
	padding-top:40px;
}
#bottom_contents .box {
	width:940px;
	margin:0px auto 0;
	text-align:center;
}
#bottom_contents .inner {
	text-align:left;
}
#bottom_contents .inner .left_area {
	float:left;
	width:665px;
	padding-right:2px;
}
#bottom_contents .inner .left_area .title_area {
	border-bottom:1px solid #ddd;
	background: #fffbfc;
}
#bottom_contents .inner .left_area .title_area h3 {
	float:left;
}
#bottom_contents .inner .left_area .title_area p {
	float:right;
	padding:12px 13px 0 0;
	margin-bottom:10px;
}
/*#bottom_contents .inner .left_area dl{

margin:10px 0 0 20px;

width:645px;

background:url(../img/line.gif) bottom left no-repeat;

padding:0 0 14px;

font-size:93%;

}



#bottom_contents .inner .left_area dl dt{

float:left;

width:137px;

padding:0 10px 0 0px;

font-weight:bold;

}



#bottom_contents .inner .left_area dl dd{

float:left;

width:495px;

}

#bottom_contents .inner .left_area dl dd a{

color:#f32281;

background:url(../img/ar_01.png) 3px 0.5em no-repeat;

padding:0 0px 0 12px;

}

*/

#bottom_contents .inner .left_area .title .btn {
	position:absolute;
	top:13px;
	right:11px;
}
#bottom_contents .inner .right_area {
	float: right;
	width:238px;
	padding:9px 0 0 17px;
	background: url(../img/bg_new_right_area2.gif) no-repeat;
	height: 320px;
}
#bottom_contents .inner .right_area:after {
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}
#bottom_contents .inner .right_area div {
	margin-bottom:10px;
}
/*footer

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

#footer_area {
	width:100%;
	text-align: center;
	background:url(../img/bg_footer.gif) top repeat-x;
	padding:0px 0 10px 0;
	margin:0 auto;
}
#footer_area .inner {
	width:950px;
	text-align:center;
	margin:0px auto 0;
	padding-top:20px;
}
#footer_area #copyright {
	float:left;
	padding-left:5px;
}
#footer_area ul#footer_link {
	float:right;
	padding:2px 0 0 0;
}
#footer_area ul#footer_link li {
	float:right;
	margin-left:15px;
}
#footer_area ul#footer_link li a {
	background:url(../img/ar_01.png) left 0.45em no-repeat;
	font-size:93%;
	padding:0 0 0 8px;
	color: #797a7a;
}
#bg_footer {
	width:100%;
	text-align: center;
	background:url(../img/bg_footer_top.png) top repeat-x;
	padding:10px 0 10px 0;
	margin:0;
}
#foot_link {
	width:946px;
	padding:10px 1px 0px 3px;
	margin:0 auto;
	background-color:#FFF;
}
#foot_link li {
	float:left;
	padding-top:5px;
}
#foot_link li.right {
	float:right;
	padding-top:0px;
}
#bottom_contents #foot_link {
	padding:10px 1px 5px 3px;
}
/*login

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



#login_contents {
	position: relative;
	background:url(../../img/bg_login_inner.png) no-repeat;
	width:950px;
	height:559px;
	margin:0 auto;
	_zoom:1;
	padding-bottom:15px;
}
#login_contents h2 {
	position: absolute;
	top:24px;
	left:101px;/*z-index:1;*/

}
#login_contents p.loginText {
	position: absolute;
	top:443px;
	left:101px;
	text-align: left;
}
#login_contents h3 {
	position: absolute;
	top:164px;
	left:101px;/*z-index:1;*/

}
/*#login_contents .login_img{

position: absolute;

top:156px;

left:532px;

z-index:2;

}*/

#login_contents .login_course {
	position: absolute;
	top:162px;
	left:424px;
	background:url(../../img/bg_login_course.gif) no-repeat top left;
	height:367px;
	width:415px;
}
#login_contents .login_course h3 {
	position:absolute;
	top:-500000px;
	left:0;
}
#login_contents .login_course ul {
	margin:91px 0 0 0;
}
#login_contents .login_course ul li {
	margin:0 0 14px 0;
}
#login_contents div.course {
	display:none;
	position:relative;
}
div.course h3,  div.course h4,  div.course p {
	position:absolute;
	top:-50000px;
	left:0;
}
div.course ul li {
	position:absolute;
}
div#age {
	width:475px;
	height:721px;
	background: url(../../img/bg_age.gif) no-repeat top left;
}
div#age ul.course2 li.item1 {
	top:101px;
	left:38px;
}
div#age ul.course2 li.item2 {
	top:279px;
	left:38px;
}
div#age ul.course2 li.item3 {
	top:458px;
	left:38px;
}
div#age ul.course3 li.item1 {
	top:101px;
	left:265px;
}
div#age ul.course3 li.item2 {
	top:279px;
	left:265px;
}
div#age ul.course3 li.item3 {
	top:458px;
	left:265px;
}
div#grade {
	width:688px;
	height:580px;
	background: url(../../img/bg_grade.gif) no-repeat top left;
}
div#grade ul.course1 li.item1 {
	top:107px;
	left:19px;
}
div#grade ul.course1 li.item2 {
	top:312px;
	left:19px;
}
div#grade ul.course2 li.item1 {
	top:107px;
	left:244px;
}
div#grade ul.course2 li.item2 {
	top:312px;
	left:244px;
}
div#grade ul.course3 li.item1 {
	top:107px;
	left:472px;
}
div#grade ul.course3 li.item2 {
	top:312px;
	left:472px;
}
div#juniorhigh {
	width:475px;
	height:363px;
	background: url(../../img/bg_juniorhigh.gif) no-repeat top left;
}
div#juniorhigh ul.course1 li.item1 {
	top:101px;
	left:38px;
}
div#juniorhigh ul.course2 li.item1 {
	top:101px;
	left:272px;
}
#login_contents #form_bg {
	position: absolute;
	top:226px;
	left:101px;
	background:url(../../img/bg_login_form.jpg) no-repeat;
	width:296px;
	height:204px;
}
#login_contents #form_bg h4 {
	position: absolute;
	top:13px;
	left:22px;
}
#login_contents #form_bg .input {
	position: absolute;
	top:40px;
	left:22px;
	background:url(../../img/bg_form.jpg) left top no-repeat;
	width:249px;
	height:30px;
	padding:2px 5px;
	text-align:left;
}
#login_contents #form_bg p.error {
	color: red;
	position: absolute;
	top:75px;
	left:22px;
	font-size: 12px;
}
#login_contents #form_bg .input input {
	border:none;
	background:none;
	width:239px;
	/*padding: 6px 3px;*/

font-size: 18px;
}
#login_contents #form_bg .next {
	position:absolute;
	left:22px;
	top:95px;
	font-size:93%;
}
#login_contents #form_bg .next span {
	margin-left:5px;
}
#login_contents #form_bg .btn {
	position:absolute;
	left:80px;
	top:138px;
}
#loginBottomBg {
	background: url(../../img/bg_login_inner_bottom.png) no-repeat bottom;
	padding: 0 0 8px 0;
}
#loginInformation {
	background: url(../../img/bg_login_inner_loop.png) repeat-y;
	text-align: left;
	margin: 0 auto;
	padding-bottom: 15px;
	position: relative;
	width: 950px;
}
#loginInformation div#importantNews {
	margin: 0 110px 35px 100px;
	position: relative;
	top: 15px;
	left: 0;
}
/*

other_contents

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

#catchat_contents,  #other_contents,  #other_contents_02 {
	margin:5px auto 0 auto;
	width:950px;
	padding-bottom:15px;
}
#other_contents .inner {
	background:url(../img/bg_contents_inner.png) repeat-y;
	padding:10px 155px 20px 150px;
 *padding:20px 155px 20px 150px;
	text-align:left;
}
#other_contents_02 .inner {
	background:url(../img/bg_contents_inner.png) repeat-y;
	padding:10px 140px 20px 140px;
 *padding:20px 140px 20px 140px;
	text-align:left;
}
#catchat_contents .inner {
	background:url(../img/bg_contents_inner.png) repeat-y;
	padding:15px 60px 20px 60px;
 *padding:20px 60px 20px 60px;
	text-align:left;
	height: 1%;
}
#catchat_contents p.closeBtn {
	text-align: center;
	clear: both;
	padding: 45px 0 0 0;
}
/*

.news_area 

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



#other_contents .inner.news_area dl {
	margin:10px 0 0 0px;
	width:645px;
	background:url(../img/line.gif) bottom left no-repeat;
	padding:0 0 14px;
	font-size:93%;
}
#other_contents .inner.news_area dl dt {
	float:left;
	width:137px;
	padding:0 10px 0 0px;
	font-weight:bold;
}
#other_contents .inner.news_area dl dd {
	float:left;
	width:495px;
}
#other_contents .inner.news_area dl dd a {
	color:#f32281;
	background:url(../img/ar_01.png) 3px 0.5em no-repeat;
	padding:0 0px 0 12px;
}
#other_contents .inner.news_area .btn_area {
	padding:25px 0 0 5px;
	text-align:center;
	overflow:hidden;
	margin:0 auto;
}
#other_contents .inner.news_area .btn_area div {
	display: inline;
}
#other_contents .inner.news_area .btn_area div.link {
	color:#e93287;
	font-size:123.1%;
	font-weight:bold;
	padding:0 10px;
	line-height:36px;
}
#other_contents .inner.news_area .btn_area div a {
	color:#e93287;
}
#other_contents .inner.news_area .btn_area div ul {
	padding-top:10px;
}
#other_contents .inner.news_area .ymd {
	padding:10px 0px 10px 0px;
	font-weight:bold;
	font-size:93%;
	background:url(../img/line.gif) bottom left no-repeat;
	text-align:right;
}
#other_contents .inner.news_area .news_txt {
	font-size:107%;
	margin:20px auto 0;
}
#other_contents .inner.news_area .news_txt a {
	color:#f32281;
}
#news_title {
	position:relative;
}
#news_title span {
	position:absolute;
	top:14px;
	left:840px;
	z-index:10;
	float:right;
}
/*

privacy 

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

#other_contents .inner.privacy p {
	margin:20px auto 0;
	font-size:107%;
}
#other_contents .inner.privacy dl {
}
#other_contents .inner.privacy dl dt {
	font-size:122%;
	color:#ca2372;
	background:url(../img/line.gif) top left no-repeat;
	padding:23px 0 0 0;
	margin:20px auto 0;
}
#other_contents .inner.privacy dl dt h3 {
	font-weight:bold !important;
}
#other_contents .inner.privacy dl dd {
	font-size:107%;
	padding:15px 0 0 0;
}
#other_contents .inner.privacy dl dd ul {
	margin:20px 0 0 5px;
}
#other_contents .inner.privacy dl dd ul li {
	list-style:disc inside;
	padding:0 0 0 1em;
	text-indent:-1em;
}
#other_contents .inner.privacy dl dd p {
	font-weight:bold;
}
#other_contents .inner.privacy dl dd img {
	vertical-align: middle;
}
/*

illustrator

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

#other_contents .inner.illustrator ul li {
	font-size:107%;
	margin:20px 0 0 0;
	list-style:disc inside;
	padding:0 0 0 1em;
	text-indent:-1em;
}
#other_contents .inner.illustrator ul li a {
	color:#f32281;
	background:url(../img/ar_01.png) 3px 0.5em no-repeat;
	padding:0 0px 0 12px;
}
#other_contents .inner.illustrator ul li.line {
	background:url(../img/line.gif) top left no-repeat;
	padding:23px 0 0 1em;
}
/*

faq

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

#other_contents_02 .inner.faq div#faqList {
	background: url(../../faq/img/bg_faq_list_top.png) no-repeat left top #fcecf4;
	padding: 8px 0 0 0;
	margin: 0 0 10px 0;
}
#other_contents_02 .inner.faq div#faqList div.listBg {
	background: url(../../faq/img/bg_faq_list_bottom.png) no-repeat left bottom;
	padding: 0 0 8px 0;
	height: 1%;
}
#other_contents_02 .inner.faq div#faqList ul {
	border-left:2px solid #ebafcb;
	border-right:2px solid #ebafcb;
}
#other_contents_02 .inner.faq div#faqList ul li.even a {
	background: url(../../faq/img/icon_faq_list_even.gif) no-repeat 10px .9em #fff;
	display: block;
	padding: 8px 5px 8px 25px;
	height: 1%;
}
#other_contents_02 .inner.faq div#faqList ul li.odd a {
	background: url(../../faq/img/icon_faq_list_odd.gif) no-repeat 10px .9em;
	display: block;
	padding: 8px 5px 8px 25px;
	height: 1%;
}
#other_contents_02 .inner.faq div#faqList ul li a:hover {
	text-decoration: underline;
}
#other_contents_02 .inner.faq .box .bg {
	padding:15px 18px;
	border-left:1px solid #d4d4d4;
	border-right:1px solid #d4d4d4;
	background:url(/faq/img/faq_inner.jpg) left top repeat-x #F3F3F3;
}
#other_contents_02 .inner.faq .box .bg .q {
	border-bottom:1px solid #d4d4d4;
	padding-bottom:16px;
	color: #454545;
}
#other_contents_02 .inner.faq .box .bg .a {
	border-top:1px solid #FFF;
	padding-top:16px;
	color: #454545;
}
#other_contents_02 .inner.faq .box .bg dt {
	float:left;
	width:57px;
}
#other_contents_02 .inner.faq .box .bg dd {
	float:left;
	width:570px;
	padding:10px 0 0 0;
	height: 1%;
}
#other_contents_02 .inner.faq .box .bg dd img {
	float: right;
	margin: 0 0 10px 10px;
}
#other_contents_02 .inner.faq .box .bg dd:after {
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}
#other_contents_02 .inner.faq .box .bg dd ul {
	padding: 0 0 0 14px;
}
#other_contents_02 .inner.faq .box .bg dd ul li {
	list-style: disc outside;
	clear: both;
	margin: 0 0 1em 0;
}
#other_contents_02 .inner.faq .box .bg dd ul li .imgright {
	float: right;
	margin: 0 0 10px 10px;
}
#other_contents_02 .inner.faq .box .bg dd ul li:after {
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}
#other_contents_02 .inner.faq .box .bg dd ol li {
	list-style:decimal;
	margin: 0 0 0 20px;
}
*html #other_contents_02 .inner.faq .box .bg dd ol li {
	margin: 0 0 0 24px;
}
*:first-child+html #other_contents_02 .inner.faq .box .bg dd ol li {
	margin: 0 0 0 24px;
}
#other_contents_02 .inner.faq .box .bg dd table.info td {
	vertical-align: top;
}
/*

inquiry

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

#other_contents_02 .inner.inquiry {
	background:url(../img/bg_contents_inner.png) repeat-y;
	padding:30px 110px 20px 140px;
 *padding:20px 110px 20px 140px;
	text-align:left;
}
#other_contents_02 .inner.inquiry p.txt {
	margin:0 10px;
	font-size:107%;
}
#other_contents_02 .inner.inquiry table {
	border:2px solid #d7d7d7;
	border-bottom:1px solid #d7d7d7;
	margin:20px auto 0;
	position:relative;
}
#other_contents_02 .inner.inquiry p.error {
	color: #E93287;
	padding: 15px 0;
}
#other_contents_02 .inner.inquiry table input.error {
	background: #FFFF99;
	border-color: #E93287 !important;
}
#other_contents_02 .inner.inquiry table textarea.error {
	background: #FFFF99;
	border-color: #E93287 !important;
}
#other_contents_02 .inner.inquiry table tr.gr {
	background-color:#f0f0f0;
}
#other_contents_02 .inner.inquiry table td,  #other_contents_02 .inner.inquiry table th {
	font-size:107%;
	padding:10px 15px;
	border-bottom:1px solid #d7d7d7;
}
#other_contents_02 .inner.inquiry table th {
	font-weight:bold;
	width:185px;
	background:url(/inquiry/img/line.gif) right top repeat-y;
}
#other_contents_02 .inner.inquiry span {
	color:#e93287;
	font-weight:bold;
}
#other_contents_02 .inner.inquiry p.att,  #other_contents_02 .inner.inquiry span.att {
	font-weight:normal;
	font-size:85%;
	color:#e93287;
}
.inq_bg_01,  .inq_bg_02,  .inq_bg_03 {
	width:243px;
	padding: 8px 3px;
	border:1px solid #bab9b9;
	margin-right:5px;
	border-radius: 5px;        /* CSS3草案 */
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 5px;   /* Firefox用 */
	-webkit-box-shadow: inset 3px 3px 5px 0px #efefef; /* Safari, Chrome用 */
	-moz-box-shadow: inset 3px 3px 5px 0px #efefef; /* Firefox用 */
	box-shadow: inset 3px 3px 5px 0px #efefef; /* CSS3 */
	vertical-align: middle;
	font-size: 16px;
}
.inq_bg_02 {
	width:308px;
}
.inq_bg_03 {
	width:448px;
	height:190px;
	overflow-y:hidden;
}
#other_contents_02 .inner.inquiry .btn_area {
	margin:10px auto;
	text-align:center;
}
#submit {
	background:url(/inquiry/img/btn_nml.jpg) 0 0 no-repeat;
	width:140px;
	height:50px;
	border:0;
}
#submit:hover {
	background:url(/inquiry/img/btn_hvr.jpg) 0 0 no-repeat;
}
#other_contents_02 .inner.inquiry .att_area {
	border:5px solid #ededed;
	padding:20px;
	font-size:93%;
}
.RadioboxBtn01 {
	background:url('/inquiry/img/radio_off.png') no-repeat left;
	float:left;
}
a.RadioboxUncheckedBtn01 {
	background:url('/inquiry/img/radio_off.png') no-repeat left;
}
a.RadioboxCheckedBtn01 {
	background:url('/inquiry/img/radio_on.png') no-repeat left;
}
a.RadioboxUncheckedBtn01, .RadioboxCheckedBtn01 {
	display:block;
	width:18px;
	height:17px;
	cursor:pointer;
	cursor:hand;
}
a.RadioboxUncheckedBtn01 img, a.RadioboxCheckedBtn01 img {
	width:18px;
	height:17px;
	display:inline;
	border:none;
} /* Netscape 6.0 Fix */
.InputHidden {
	display:none;
}
#other_contents_02 .inner.inquiry span.txt {
	color:#767676;
	font-weight: normal;
	display:block;
	float:left;
	padding:0 20px 0px 5px;
}
#other_contents_02 .inner.inquiry_thx h3 {
	text-align:center;
	margin:20px auto 0;
}
#other_contents_02 .inner.inquiry_thx .box {
	margin:30px auto 0;
	border-top:3px solid #ededed;
	border-bottom:3px solid #ededed;
	padding:20px 0;
}
#other_contents_02 .inner.inquir_thxy .box p {
	font-size:93%;
}
#other_contents_02 .inner.inquiry_thx .box div#inq_m {
	background:url(/inquiry/img/bg_area.gif) 0 0 no-repeat;
	width:670px;
	height:57px;
	line-height:57px;
	font-size:182%;
	font-weight:bold;
	color:#f0509c;
	text-align:center;
	margin:20px auto;
}
#other_contents_02 .inner.inquiry_thx .btn {
	margin:20px auto 0;
	text-align:center;
}
#other_contents_02 .inner.inquiry_thx .b_home {
	text-align:right;
	margin:20px auto 0;
	font-size:93%;
}
#other_contents_02 .inner.inquiry_thx .b_home a {
	color:#f32281;
	background:url(../img/ar_01.png) 3px 0.5em no-repeat;
	padding:0 0px 0 12px;
}
/*

lesson

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

#lesson_body_infancy,  #lesson_body_junior,  #lesson_body_high {
	width:950px;
	margin:0 auto;
	padding: 0 0 20px 0;
}
#lesson_body_infancy {
	padding: 0 0 70px 0;
}
#lesson_body_infancy .inner {
	background:url(/age/img/lesson_inner_infancy.png) 0px top repeat-y;
}
#lesson_body_junior .inner {
	background:url(/grade/img/lesson_inner_junior.png) 0px top repeat-y;
}
#lesson_body_high .inner {
	background:url(/juniorhigh/img/lesson_inner_high.png) 0px top repeat-y;
}
.lesson_title_area {
	position:relative;
	margin:0 auto;
	width:900px;
	height:110px;
	_zoom:1;
}
.lesson_title_area h2 {
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}
.lesson_title_area h3 {
	position:absolute;
	top:31px;
	left:5px;
	z-index:10;
}
.lesson_title_area .btn {
	position:absolute;
	top:8px;
	left:813px;
	z-index:10;
}
.lesson_box {
	background:url(../img/bg_lessonbox_inner.jpg) top center repeat-y;
	margin:10px auto 0;
	width:910px;
	padding:0 0 0px 40px;
	text-align:center;
}
.lesson_box .left_area {
	width:265px;
	margin-right:35px;
	float:left;
}
.lesson_box .center_area {
	width:265px;
	float:left;
	margin-right:40px;
}
.lesson_box .right_area {
	width:265px;
	float:left;
}
#lesson_infancy .inner .lesson_box dl {
	background:url(/age/img/lessonbox_line.jpg) bottom left no-repeat;
}
#lesson_junior .inner .lesson_box dl {
	background:url(/grade/img/lessonbox_line.jpg) bottom left no-repeat;
}
#lesson_high .inner .lesson_box dl {
	background:url(/juniorhigh/img/lessonbox_line.jpg) bottom left no-repeat;
}
.lesson_box dl.last {
	background:none !important;
}
.lesson_box dl {
	padding:10px 0;
}
.lesson_box dl dt {
	font-size:110%;
	font-weight:bold;
	float:left;
	line-height:1.3;
	text-align:left;
}
.lesson_box dl dd {
	float:right;
}
.onebox dd {
	padding-top:5px;
}
.twobox dt {
	padding-top:12px;
}
#lesson_junior .inner .lesson_box .onebox dd,  #lesson_high .inner .lesson_box .onebox dd {
	padding-top:0px;
}
#lesson_junior .inner .lesson_box .twobox dt,  #lesson_high .inner .lesson_box .twobox dt {
	padding-top:22px;
}
#lesson_infancy .inner .lesson_box dl dt {
	color:#795a47;
}
#lesson_junior .inner .lesson_box dl dt {
	color:#5d5c5c;
}
#lesson_footer_area {
	width:910px;
	height:43px;
	position:relative;
}
#lesson_footer_area .close_btn {
	position: absolute;
	left:436px;
	top:11px;
}
#lesson_footer_area .pagetop_btn {
	position: absolute;
	right:0;
	top:16px;
}
/*

catchat

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

#catchat_title {
	position:relative;
}
#catchat_title span {
	position:absolute;
	top:19px;
	left:840px;
	z-index:10;
	float:right;
}
.catchat_area .movie_area {
	margin:20px auto 0;
}
.catchat_area .movie_area .movie {
	float:left;
	margin-right:10px;
}
.catchat_area .movie_area .disc {
	float:left;
	width:278px;
	padding-top:190px;
	height:170px;
	background:url(../img/catchat_bg.jpg) bottom no-repeat;
}
.catchat_area .movie_area .noline {
	background:url(../img/catchat_bg_noline.jpg) bottom no-repeat;
}
.catchat_area .movie_area .disc dl.blue {
	padding:23px 0 35px 45px;
}
.catchat_area .movie_area .disc dl.blue a {
	color: #3B7FD4;
}
.catchat_area .movie_area .disc dl.pink {
	/*padding:0px 0 0px 45px;*/

padding: 23px 0 35px 45px;
}
.catchat_area .movie_area .disc dl.pink a {
	color: #F0519C;
}
.catchat_area .movie_area .disc dl.blue dt,  .catchat_area .movie_area .disc dl.pink dt {
	font-size:123.1%;
	font-weight:bold;
	color:#3b7fd4;
}
.catchat_area .movie_area .disc dl.blue dd,  .catchat_area .movie_area .disc dl.pink dd {
	font-size:93%;
	margin-top:4px;
	font-weight:bold;
	background:url(../img/ar_blue.jpg) left 0.5em no-repeat;
	padding:0 0 0 10px;
}
.catchat_area .movie_area .disc dl.pink dd {
	background:url(../img/ar_pink.jpg) left 0.5em no-repeat;
}
.catchat_area .movie_area .disc dl.pink dt {
	color:#f0519c;
}
.catchat_area .movie_area .disc dl.blue dt span,  .catchat_area .movie_area .disc dl.pink dt span {
	color:#797a7a;
	font-size:70%;
}
/*追加分*/

/*

error

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

#other_contents .inner.errorContent h2 {
	text-align: center;
	padding: 80px 0 30px 0;
}
#other_contents .inner.errorContent p {
	text-align: center;
	padding: 15px 0;
}
#other_contents .inner.errorContent div.btn {
	padding: 30px 0 80px 0;
	text-align: center;
}
/*追加分*/

/*

coming

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

body#coming {
	background: url(../img/bg_body_coming.jpg) repeat-x top left #f0f0f0;
}
body#coming #body_comingwrap {
	background: url(../img/bg_wrap_coming.jpg) repeat-x top left;
}
#other_contents .inner.comingContent h1 {
	text-align: center;
	padding: 30px 0 0 0;
}
body#coming div#other_contents .inner {
	padding: 10px 0 0 0;
}
/*追加分*/

/* Newおしらせ */

div#importantNews {
	padding: 14px 14px 8px 14px;
	border: 8px solid #ffbdda;
	background: #fff6fa;
	margin: 0 0 20px 0;
}
div#importantNews h3 {
	font-size: 125%;
	color: #e74892;
	margin: 0 0 .4em 0;
	font-weight: bold;
}
div#importantNews p {
	color: #727272;
	font-weight: bold;
}
div#newInformation {
	background: url(../img/information/hd_new_information.png) no-repeat;
	padding: 58px 0 0 0;
}
div#newInformation h3 {
	text-indent: -10000px;
	position: absolute;
	top:0;
	left:0;
	font-size: 1px;
}
div#newInformation img.thm {
	border: 1px solid #EBEBEB;
	display: block;
	float: left;
}
div#newInformation div.inner {
	margin-left: 98px;
	width: auto;
}
div#importantNews dl p {
	font-weight: normal;
}
div#importantNews dl dt {
	margin: 0 0 0 0;
	color: #E74892;
}
div#importantNews dl dd {
	margin: 0 0 .8em 0;
}
div#importantNews dl dd p {
	margin: 0;
}
div#newInformation {
	margin: 0;
	padding-bottom:15px;
}
div#newInformation li {
	height: 1%;
	padding: 0 0 1em 0;
	margin: 0 0 1em 0;
	background: url(../img/information/bg_information_dot.gif) bottom repeat-x;
}
div#newInformation li:after {
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}
div#newInformation li p.date {
	font-weight: bold;
}
div#newInformation li p a {
	color: #797979;
	font-size: 108%;
}
div#newInformation li p.date img.newIcon {
	vertical-align: middle;
}
div#newInformation li h4 {
	color: #4c99e8;
	font-weight: bold;
}
div#newInformation li h4 a {
	color: #4c99e8;
}
/*お知らせ　詳細*/

#other_contents .information {
	padding-bottom: 40px;
}
*html #other_contents .information {
	height:1%;
}
*:first-child+html #other_contents .information {
	min-height:1%;
}
#other_contents .information:after {
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}
#other_contents .information .info_ttl {
	background: url(../img/information/bg_information_dot.gif) bottom repeat-x;
	margin-bottom: 10px;
	padding: 10px 0 10px 0;
	height: 1%;
}
#other_contents .information .info_ttl:after {
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}
#other_contents .information .info_ttl img.thm {
	border: 1px solid #EBEBEB;
}
#other_contents .information .info_ttl div.thm {
	border: medium none;
	float: left;
	width: 75px;
}
#other_contents .information .info_ttl div.ttl {
	vertical-align: top;
	float: left;
	width: 560px;
}
#other_contents .information .info_ttl h3 {
	font-size: 135%;
	font-weight: normal;
}
#other_contents .information .info_ttl .date {
	font-weight: bold;
}
#other_contents .information .info_ttl .date img.newIcon {
	vertical-align: middle;
}
#other_contents .information .info_ttl p.infoTx {
	color: #4c99e8;
	font-weight: bold;
	font-size: 110%;
}
#other_contents .information .info_body p,  #other_contents .information .info_body ul,  #other_contents .information .info_body table,  #other_contents .information .info_body ol,  #other_contents .information .info_body dl {
	font-size: 120%;
	margin: 0 0 1em 0;
}
#other_contents .information .info_body img {
	float: left;
	border: 1px solid #ccc;
	margin: 5px;
}

ul#mailInfo {
    border: 4px solid #EDEDED;
    margin-top: 20px;
    padding: 20px;
    text-align: left;
	margin-bottom: 15px;
}
ul#mailInfo li {
    background: url("/common/img/icon_bikkuri.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    font-size: 100%;
    list-style: none outside none;
    margin: 0 0 0.8em;
    min-height: 24px;
    padding: 3px 0 0 30px;
}
ul#mailInfo li dt {
}
ul#mailInfo li dd {
    margin: 0 0 0 12px;
}

/**/

@media screen and (-webkit-min-device-pixel-ratio:0) {
 #lesson_body_infancy,  #lesson_body_high,  #lesson_body_junior,  #footer_area {
 margin:0 auto -20px;
}
 #contents.high #navGroup {
 padding-left:3px;
}
}