@charset "UTF-8";



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

    * Contents
	
	1. Universal Selector + body
	2. List Module
	3. Tables Module
	4. Image Module
	5. Text Module
	6. Form Module + Replaced Elemnt
	7. clearFix (pkg) Module
	8. Structure Frame
	9. Content Style
	10. Margin Padding settings
--------------------------------- */





/* ==========================================================================================================

	 1. Universal Selector + body
 
============================================================================================================*/


body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,address {
	margin			: 0;
	padding			: 0;
	line-height		: 1.5em;
   	font-weight		: normal;
	font-style		: normal;
	font-size		: 100%;
}

html{ /* Firefox�ŏ�ɃX�N���[���o�[��\�� */
	overflow-y		: scroll;
	height			: 100%;
	margin-bottom	: 1px;
}

html { /* CSS���[���I�[�o�[�������{�����w�i�摜��IE6�ł���‚������ */
	filter			: expression (document.execCommand("BackgroundImageCache",false,true));
}

body {
	font			: 13px "���C���I", "�q���M�m�p�S Pro W3", Arial, Helvetica, Osaka, "�l�r �o�S�V�b�N", sans-serif;
	color			: #333;
}

/* no Mac IE \*/
body{
	letter-spacing	: 0.1em;
}
/* */

br {
	letter-spacing	: normal;
}

hr {
	height			: 1px;
}





/* ==========================================================================================================

	  2. List Module

============================================================================================================*/

ul {
	list-style		: none;
}

dt {
	display			: block;
	width			: auto;
}


/* ==========================================================================================================

	  3. Tables Module

============================================================================================================*/

table {
	text-align:left;
	border			: none;
	border-collapse	: collapse;
	font-size		: 100%;

}

td, th { /* �Z���̋K��l��middle����top�ɕύX */
	vertical-align	: top;
}

th {
	text-align		: left ;
}

caption {
	text-align		: left;
}


/* ==========================================================================================================

	  4. Image Module

============================================================================================================*/

/*  �C���[�W���{�b�N�X���ɐڂ�����B�ꍇ�ɂ��top�ɂ��邱�Ƃ�
-----------------------------------*/

img {  /* �摜�̌��Ԃ��Ȃ��� */
	vertical-align	: bottom;
	border			: none;
}

a img { /* ���C�A�E�g����h�~�Aimg�^�O��border="0"�L�q�ȗ��� */
	border			: none;
}


/* ==========================================================================================================

	  5. Text Module

============================================================================================================*/

/*  anchor
-----------------------------------*/
/*a:link {text-decoration: underline; color:#ffffff;}*/
/*a:visited {color:#ffffff;}*/
a:hover {text-decoration: none;}

/* ==========================================================================================================

  6. Form Module + Replaced Elemnt

============================================================================================================*/

textarea, 
select, 
option, 
optgroup {
	vertical-align	: middle;
	background-color: #fff;
	font			: 13px "���C���I", "�q���M�m�p�S Pro W3", Arial, Helvetica, Osaka, "�l�r �o�S�V�b�N", sans-serif;
}

select {
	min-width		: 2em;
}

option, 
optgroup {
	padding-right	: 0.4em;
}

fieldset {
	border			: none;
}

legend {
	display			: none;
}


/*  input & label & option mousePointer
-----------------------------------*/
label[for], 
input[type="checkbox"], 
input[type="radio"], 
input[type="button"], 
select, 
option { /* �N���b�N�”\�����ŃJ�[�\���̌`��ς��� */
	cursor	: pointer;
}

optgroup {
	cursor	: default;
}



/* ==========================================================================================================

	7. clearFix (pkg) Module

============================================================================================================*/

/* �t���[�g�������������v�f��div�ň͂�Ŏg�� */

.clearfix:after {
    content		: " ";
    display		: block;
    visibility	: hidden;
    clear		: both;
    height		: 0.1px;
    font-size	: 0.1em;
    line-height	: 0;
}


/* for IE7 */
*:first-child+html .clearfix  {
	min-height: 1%;
	/*zoom	: 1;*/
}

/* for Mac IE */
* html .clearfix {
	display	: inline-table;
}

/* no Mac IE \*/
* html .clearfix {
	height	: 1%;
}
.clearfix {
	display	: block;
}



/* ==========================================================================================================

	 8. Structure Frame
 
============================================================================================================*/

body {
	text-align		: center; /* for ie5_centering */
	height			: 100%;
/*	background:url(../img/bg_brick.gif) repeat;*/
	/*background-color: #fffbe2;*/
}

div#wrapper {
	text-align		: left;
	margin			: 0px auto;
	width			: 980px;
}
div#headerTop {
	margin: -19px 0 0 0;
	background:url(../img/head_bg.gif) repeat-x;
	height:102px;
}

div#header {
	margin: 0;
	background:url(../img/head_bg.gif) repeat-x;
	/*height:130px;*/
	height: 102px;
    background-color: #FFF;
}

div#container {
	clear			: both;
}

div#main {
	margin:20px 35px 0 0;
	display:inline;
	float			: right;
	width			: 655px;
}

div#side {
	display:inline;
	float			: left; /* ie6.0�̓t���[�g���C�g�����ł͕s�� */
	margin:20px 0 30px 15px;
	width			: 240px;
}

div#footer {
	background:#FFF4B3;
	clear			: both;
}





/* ==========================================================================================================

	 9. Content Style
 
============================================================================================================*/

/*  header
-----------------------------------*/

#headBox{
	width:980px;
	margin:0 auto;
}

#headBox #headL{ margin:20px 0 0 0;/*margin:40px 0 0 0;*/ float:left; width:331px;}
/*#headBox #headM{ margin:20px 0 0 20px; float:left; width:243px;}*/
/*#headBox #headM a{ display:block; width:223px; height:70px; background:url(../img/head_superrev_bnr.gif) no-repeat; text-indent: -9999px; overflow:hidden;}*/
/*#headBox #headM a{ display:block; width:223px; height:70px; background:url(../img/head_teacher_bnr.jpg) no-repeat; text-indent: -9999px; overflow:hidden;}
#headBox #headM a:hover{ display:block; width:223px; height:70px; background:url(../img/head_teacher_bnr_on.jpg) no-repeat; text-indent: -9999px; overflow:hidden;}*/

/* 20131024 */
/*#headBox #headM a{ display:block; width:223px; height:70px; background:url(../img/head_voice_bnr.gif) no-repeat; text-indent: -9999px; overflow:hidden;}*/

/* �w�b�_�o�i�[2�� 20131106 */
#headBox #headM{ margin:20px 0 0 10px; /*margin:40px 0 0 10px;*/ float:left; width:380px;}
#headBox #headM a.h-bnr01{ display:block; width:180px; height:70px; background:url(../img/head_teacher_bnr.jpg) no-repeat; text-indent: -9999px; overflow:hidden; margin:0 20px 0 0; float:left;}
#headBox #headM a.h-bnr02{ display:block; width:180px; height:70px; background:url(../img/head_teacherlp_bnr.jpg) no-repeat; text-indent: -9999px; overflow:hidden; float:right;}

/*20140529*/
#headBox #headM a.h-bnr03{ display:block; width:180px; height:70px; background:url(../img/head_teachervc_bnr.jpg) no-repeat; text-indent: -9999px; overflow:hidden; margin:0 20px 0 0; float:left;}



/*#headBox #headR{ margin:9px 0 0 0; float:right; width:357px;}*/
#headBox #headR{ margin:9px 0 0 0; float:right; width:226px;}
.logo{ clear:both; float:left;}

ul#primaryNav{
/*	width:279px;*/
	width:170px;
	height:21px;
	float:right;
}

ul#primaryNav li{ float:left; display:block;}
.PNavi01 a{ display:block; width:87px; height:21px; background:url(../img/p_menu01.gif) no-repeat; text-indent: -9999px; overflow:hidden;}
.PNavi02 a{ display:block; width:73px; height:21px; background:url(../img/p_menu02.gif) no-repeat; text-indent: -9999px; margin:0 0 0 10px; overflow:hidden;}
.PNavi03 a{ display:block; width:107px; height:21px; background:url(../img/p_menu03.gif) no-repeat; text-indent: -9999px; margin:0 0 0 5px; overflow:hidden;}

.PNavi01 a:hover{ display:block; width:87px; height:21px; background:url(../img/p_menu01_on.gif) no-repeat; text-indent: -9999px; overflow:hidden;}
.PNavi02 a:hover{ display:block; width:73px; height:21px; background:url(../img/p_menu02_on.gif) no-repeat; text-indent: -9999px; margin:0 0 0 10px; overflow:hidden;}
.PNavi03 a:hover{ display:block; width:107px; height:21px; background:url(../img/p_menu03_on.gif) no-repeat; text-indent: -9999px; margin:0 0 0 5px; overflow:hidden;}

/* ���������p*/
/*div#headContact{ clear:both; width:357px;}
div#headContact ul{ width:226px; height:55px; float:left; text-align:left;}
div#headContact a{ display:block; width:120px; height:34px; background:url(../img/head_shiryo_btn.gif) no-repeat; float: right; margin:23px 0 0 0; text-indent: -9999px; overflow:hidden;}
div#headContact a:hover{ display:block; width:120px; height:34px; background:url(../img/head_shiryo_btn_on.gif) no-repeat; float: right; margin:23px 0 0 0; text-indent: -9999px; overflow:hidden;}*/


/*div#headContact{ clear:both; width:357px;}
div#headContact ul{ width:226px; height:55px; float:left; text-align:left;}
div#headContact a{ display:block; width:120px; height:28px; background:url(../img/head_contact_btn.jpg) no-repeat; float: right; margin:27px 0 0 0; text-indent: -9999px; overflow:hidden;}
div#headContact a:hover{ display:block; width:120px; height:28px; background:url(../img/head_contact_btn_on.jpg) no-repeat; float: right; margin:27px 0 0 0; text-indent: -9999px; overflow:hidden;}
*/



/* �w�b�_�o�i�[2�—p 20131106 */
div#headContact{ clear:both; width:226px; padding:3px 0 0; overflow:hidden;}
div#headContact ul{ width:226px; height:59px; float:left; text-align:left;}
div#headContact a{ display:block; width:120px; height:34px; background:url(../img/head_shiryo_btn.gif) no-repeat; float: right; margin:23px 0 0 0; text-indent: -9999px; overflow:hidden;}
div#headContact a:hover{ display:block; width:120px; height:34px; background:url(../img/head_shiryo_btn_on.gif) no-repeat; float: right; margin:23px 0 0 0; text-indent: -9999px; overflow:hidden;}




/*div#mainImg_bg{ text-align:center; height:432px; background:url(../img/mainimg_hwbg.gif) repeat-x;}
div#mainImg{ margin:0 auto; text-align:center; width:980px; height:432px;}*/
/*div#mainImg_bg{ text-align:center; height:433px; background:url(../img/mainimg_win2014_bg.gif) repeat-x;}
div#mainImg{ margin:0 auto; text-align:center; width:1100px; height:433px; background:url(../img/mainimg_win2014.png) no-repeat; position: relative;}*/

/* 20150203 */
div#mainImg_bg{  height:628px; /* background-color:#fefae2;*/ background-color: #FFF; }
div#mainImg{ margin:0 auto; text-align:center; width:980px; }
div#mainImg a:hover img {opacity: 0.7;  filter: alpha(opacity=70);  -ms-filter: "alpha(opacity=70)";}



/* 20141029 */
.mainImgXmasbtn{ position: absolute; bottom:16px; right:93px; }
.mainImgXmasbtn a{ display:block; width:345px; height:118px; background:url(../img/xmas2014_btn.png) no-repeat; text-indent: -9999px; overflow:hidden;}
/*.mainImgXmasbtn a:hover{ filter: alpha(opacity=90); -moz-opacity:0.90; opacity:0.90;}*/


/* 20140911 */
div#mainBtn_bg {text-align:center; /*background-color:#76cbef;*/ background-color: #FFF; padding:10px 0; overflow:hidden;}
div#mainBtn {margin:0 auto; width:980px; text-align:center; overflow:hidden;}
div#mainBtn div.mainBtn01{float:left; margin:0 0 0 20px;}
div#mainBtn div.mainBtn01 p{font-size:11px; margin:5px 0 0;}
div#mainBtn div.mainBtn02{float:left; margin:0 0 0 30px;}
div#mainBtn div.mainBtn01 a:hover{ filter: alpha(opacity=90); -moz-opacity:0.90; opacity:0.90;}
div#mainBtn div.mainBtn02 a:hover{ filter: alpha(opacity=90); -moz-opacity:0.90; opacity:0.90;}


.main_btn{ position: absolute; bottom:16px; right:98px; }
.main_btn a{ display:block; width:291px; height:68px; background:url(../img/main_btn02.gif) no-repeat; text-indent: -9999px; overflow:hidden;}
.main_btn a:hover{ display:block; width:291px; height:68px; background:url(../img/main_btn02.gif) no-repeat 0 -68px; text-indent: -9999px; overflow:hidden;}

/* 20130725 */
.main_btn02{ position: absolute; bottom:92px; right:98px; }
.main_btn02 a{ display:block; width:291px; height:68px; background:url(../img/main_btn.gif) no-repeat; text-indent: -9999px; overflow:hidden;}
.main_btn02 a:hover{ display:block; width:291px; height:68px; background:url(../img/main_btn.gif) no-repeat 0 -68px; text-indent: -9999px; overflow:hidden;}

/* 20130812 */
/*.main_btn03{ position: absolute; bottom:16px; right:98px; }
.main_btn03 a{ display:block; width:291px; height:68px; background:url(../img/main_btn03.gif) no-repeat; text-indent: -9999px; overflow:hidden;}
.main_btn03 a:hover{ display:block; width:291px; height:68px; background:url(../img/main_btn03.gif) no-repeat 0 -68px; text-indent: -9999px; overflow:hidden;}*/

/* 20140729 */
.main_btn04{ position: absolute; bottom:16px; right:98px; }
.main_btn04 a{ display:block; width:291px; height:68px; background:url(../img/main_btn04.gif) no-repeat; text-indent: -9999px; overflow:hidden;}
.main_btn04 a:hover{ display:block; width:291px; height:68px; background:url(../img/main_btn04.gif) no-repeat 0 -68px; text-indent: -9999px; overflow:hidden;}*/



.main_sign{ position: absolute; top:12px; right:39px; }

.social-area {
	width: 100% ;
	padding: 0.5em 0 ;
}
ul.social-button {
		width: 410px ;
}
ul.social-button li {
	float: left ;
	text-align: center ;
	margin: 0 8px ;
	padding:0 ;
}
.sc-tw {
	width: 71px ;
}

.sc-fb {
	z-index: 99 ;
	width: 69px ;
}

/*  main_menu
-----------------------------------*/

div#mainNav{ clear:both; height:56px; background:url(../img/menu_bg.gif) center repeat-x;}
div#mainNav ul{ clear:both; margin:0 auto; height:56px; width:980px;}
div#mainNav li{ float:left;}

.menu01 a{ display:block; width:164px; height:56px; background:url(../img/menu01.jpg) no-repeat; text-indent: -9999px; overflow:hidden;}
.menu02 a{ display:block; width:163px; height:56px; background:url(../img/menu02.gif) no-repeat; text-indent: -9999px; overflow:hidden;}
.menu03 a{ display:block; width:163px; height:56px; background:url(../img/menu03.gif) no-repeat; text-indent: -9999px; overflow:hidden;}
.menu04 a{ display:block; width:163px; height:56px; background:url(../img/menu04.gif) no-repeat; text-indent: -9999px; overflow:hidden;}
.menu05 a{ display:block; width:163px; height:56px; background:url(../img/menu05.gif) no-repeat; text-indent: -9999px; overflow:hidden;}
.menu06 a{ display:block; width:164px; height:56px; background:url(../img/menu06.gif) no-repeat; text-indent: -9999px; overflow:hidden;}

.menu01 a:hover{ display:block; width:164px; height:56px; background:url(../img/menu01_on.jpg) no-repeat; text-indent: -9999px; overflow:hidden;}
.menu02 a:hover{ display:block; width:163px; height:56px; background:url(../img/menu02_on.gif) no-repeat; text-indent: -9999px; overflow:hidden;}
.menu03 a:hover{ display:block; width:163px; height:56px; background:url(../img/menu03_on.gif) no-repeat; text-indent: -9999px; overflow:hidden;}
.menu04 a:hover{ display:block; width:163px; height:56px; background:url(../img/menu04_on.gif) no-repeat; text-indent: -9999px; overflow:hidden;}
.menu05 a:hover{ display:block; width:163px; height:56px; background:url(../img/menu05_on.gif) no-repeat; text-indent: -9999px; overflow:hidden;}
.menu06 a:hover{ display:block; width:164px; height:56px; background:url(../img/menu06_on.gif) no-repeat; text-indent: -9999px; overflow:hidden;}

/*  side
-----------------------------------*/

/*.sideLesson a{ margin:0; display:block; width:240px; height:100px; background:url(../img/side_lesson.jpg) no-repeat; text-indent: -9999px; overflow:hidden;}
.sideClass a{ margin:15px 0 0 0; display:block; width:240px; height:100px; background:url(../img/side_class.jpg) no-repeat; text-indent: -9999px; overflow:hidden;}*/
.sideSquare a{ margin:15px 0 0 0; display:block; width:240px; height:70px; background:url(../img/side_square.jpg) no-repeat; text-indent: -9999px; overflow:hidden;}
.sideVoice a{ margin:15px 0 0 0; display:block; width:240px; height:70px; background:url(../img/side_voice_bnr.gif) no-repeat; text-indent: -9999px; overflow:hidden;}

/* add20130501 */
/*.sideSiryou a{ margin:15px 0 0 0; display:block; width:240px; height:60px; background:url(../img/side_siryou.gif) no-repeat; text-indent: -9999px; overflow:hidden;}*/

/* add20130723 */
.sideNurie a{ display:block; width:240px; height:70px; background:url(../img/side_nurie_bnr.jpg) no-repeat; text-indent: -9999px; overflow:hidden;}

/* 20141016 */
.sideHW2014 a{ display:block; width:240px; height:70px; background:url(../img/side_hw_bnr.jpg) no-repeat; text-indent: -9999px; overflow:hidden;}

/* 20141126 */
.sideHW2014pr a{ display:block; width:240px; height:70px; background:url(../img/side_hw_pr_bnr.jpg) no-repeat; text-indent: -9999px; overflow:hidden;}

/* 20131224 */

.sideIWISH a{ margin:10px 0 0 0; display:block; width:240px; height:120px; background:url(../img/side_iwish.gif) no-repeat; text-indent: -9999px; overflow:hidden;}
.sideiwish a{ margin:10px 0 0 0; display:block; width:240px; height:120px; background:url(../img/side_iwish.gif) no-repeat; text-indent: -9999px; overflow:hidden;}
.sideLesson a{ margin:10px 0 0 0; display:block; width:240px; height:58px; background:url(../img/side_lesson02.gif) no-repeat; text-indent: -9999px; overflow:hidden;}
.sideClass a{ margin:10px 0 0 0; display:block; width:240px; height:58px; background:url(../img/side_class02.gif) no-repeat; text-indent: -9999px; overflow:hidden;}
.sideSiryou a{ margin:10px 0 0 0; display:block; width:240px; height:58px; background:url(../img/side_siryou02.gif) no-repeat; text-indent: -9999px; overflow:hidden;}
.sideVoice2 a{ margin:0; display:block; width:240px; height:100px; background:url(../img/easter_2015.gif) no-repeat; text-indent: -9999px; overflow:hidden;}

.sideLesson a:hover{ filter: alpha(opacity=80); -moz-opacity:0.80; opacity:0.80;}
.sideClass a:hover{ filter: alpha(opacity=80); -moz-opacity:0.80; opacity:0.80;}
.sideSiryou a:hover{ filter: alpha(opacity=80); -moz-opacity:0.80; opacity:0.80;}
.sideVoice2 a:hover{ filter: alpha(opacity=80); -moz-opacity:0.80; opacity:0.80;}



/*.sideLesson a:hover{ margin:0; display:block; width:240px; height:100px; background:url(../img/side_lesson_on.jpg) no-repeat; text-indent: -9999px; overflow:hidden;}
.sideClass a:hover{ margin:15px 0 0 0; display:block; width:240px; height:100px; background:url(../img/side_class_on.jpg) no-repeat; text-indent: -9999px; overflow:hidden;}*/
.sideSquare a:hover{ margin:15px 0 0 0; display:block; width:240px; height:70px; background:url(../img/side_square_on.jpg) no-repeat; text-indent: -9999px; overflow:hidden;}
.sideVoice a:hover{ margin:15px 0 0 0; display:block; width:240px; height:70px; background:url(../img/side_voice_bnr_on.gif) no-repeat; text-indent: -9999px; overflow:hidden;}

/* add20130501 */
/*.sideSiryou a:hover{ margin:15px 0 0 0; display:block; width:240px; height:60px; background:url(../img/side_siryou_on.gif) no-repeat; text-indent: -9999px; overflow:hidden;}*/

/* add20130723 */
.sideNurie a:hover{ display:block; width:240px; height:70px; background:url(../img/side_nurie_bnr_on.jpg) no-repeat; text-indent: -9999px; overflow:hidden;}

/* 20141016 */
.sideHW2014 a:hover{ display:block; width:240px; height:70px; background:url(../img/side_hw_bnr_on.jpg) no-repeat; text-indent: -9999px; overflow:hidden;}

/* 20141126 */
.sideHW2014pr a:hover{ display:block; width:240px; height:70px; background:url(../img/side_hw_pr_bnr_on.jpg) no-repeat; text-indent: -9999px; overflow:hidden;}


ul#sideNav { margin:30px 0 20px 0; background:#fff1ab;}
.sidemenu01 a{ display:block; width:240px; height:42px; background:url(../img/side_menu01.gif) no-repeat; text-indent: -9999px; overflow:hidden;}
.sidemenu02 a{ display:block; width:240px; height:42px; background:url(../img/side_menu02.gif) no-repeat; text-indent: -9999px; overflow:hidden;}
.sidemenu03 a{ margin:1px 0 0 0; display:block; width:240px; height:42px; background:url(../img/side_menu03.gif) no-repeat; text-indent: -9999px; overflow:hidden;}
.sidemenu04 a{ display:block; width:240px; height:42px; background:url(../img/side_menu04.gif) no-repeat; text-indent: -9999px; overflow:hidden;}
.sidemenu05 a{ margin:1px 0 0 0; display:block; width:240px; height:42px; background:url(../img/side_menu05.gif) no-repeat; text-indent: -9999px; overflow:hidden;}
.sidemenu06 a{ margin:1px 0 0 0; display:block; width:240px; height:42px; background:url(../img/side_menu06.gif) no-repeat; text-indent: -9999px; overflow:hidden;}
.sidemenu07 a{ margin:1px 0 0 0; display:block; width:240px; height:42px; background:url(../img/side_menu07.gif) no-repeat; text-indent: -9999px; overflow:hidden;}

.sidemenu01 a:hover{ display:block; width:240px; height:42px; background:url(../img/side_menu01_on.gif) no-repeat; text-indent: -9999px; overflow:hidden;}
.sidemenu02 a:hover{ display:block; width:240px; height:42px; background:url(../img/side_menu02_on.gif) no-repeat; text-indent: -9999px; overflow:hidden;}
.sidemenu03 a:hover{ margin:1px 0 0 0; display:block; width:240px; height:42px; background:url(../img/side_menu03_on.gif) no-repeat; text-indent: -9999px; overflow:hidden;}
.sidemenu04 a:hover{ display:block; width:240px; height:42px; background:url(../img/side_menu04_on.gif) no-repeat; text-indent: -9999px; overflow:hidden;}
.sidemenu05 a:hover{ margin:1px 0 0 0; display:block; width:240px; height:42px; background:url(../img/side_menu05_on.gif) no-repeat; text-indent: -9999px; overflow:hidden;}
.sidemenu06 a:hover{ margin:1px 0 0 0; display:block; width:240px; height:42px; background:url(../img/side_menu06_on.gif) no-repeat; text-indent: -9999px; overflow:hidden;}
.sidemenu07 a:hover{ margin:1px 0 0 0; display:block; width:240px; height:42px; background:url(../img/side_menu07_on.gif) no-repeat; text-indent: -9999px; overflow:hidden;}

/*	ie6 ie7  */
.sidemenu03 a{ /margin:0px; display:block; width:240px; height:42px; background:url(../img/side_menu03.gif) no-repeat; text-indent: -9999px; overflow:hidden;}
.sidemenu03 a:hover{ /margin:0px; display:block; width:240px; height:42px; background:url(../img/side_menu03_on.gif) no-repeat; text-indent: -9999px; overflow:hidden;}
.sidemenu05 a{ /margin:0px; display:block; width:240px; height:42px; background:url(../img/side_menu05.gif) no-repeat; text-indent: -9999px; overflow:hidden;}
.sidemenu05 a:hover{ /margin:0px; display:block; width:240px; height:42px; background:url(../img/side_menu05_on.gif) no-repeat; text-indent: -9999px; overflow:hidden;}
.sidemenu06 a{ /margin:0px; display:block; width:240px; height:42px; background:url(../img/side_menu06.gif) no-repeat; text-indent: -9999px; overflow:hidden;}
.sidemenu06 a:hover{ /margin:0px; display:block; width:240px; height:42px; background:url(../img/side_menu06_on.gif) no-repeat; text-indent: -9999px; overflow:hidden;}
.sidemenu07 a{ /margin:0px; display:block; width:240px; height:42px; background:url(../img/side_menu07.gif) no-repeat; text-indent: -9999px; overflow:hidden;}
.sidemenu07 a:hover{ /margin:0px; display:block; width:240px; height:42px; background:url(../img/side_menu07_on.gif) no-repeat; text-indent: -9999px; overflow:hidden;}

ul#sideNav ul{ /padding:4px 0 0 15px;}
ul#sideNav li ul { /margin:-20px 0 -10px 10px;}
ul#sideNav li ul li{ /margin:-5px 0 0 0;}
/*	ie6 ie7 end */

ul#sideNav ul{ padding:16px 0 0 15px;}
/*.submenu01 a{ padding:0 0 15px 0; display:block; width:210px; height:14px; background:url(../img/side_submenu01.gif) no-repeat; text-indent: -9999px; overflow:hidden;}*/
.submenu01 a{ padding:0 0 15px 0; display:block; width:210px; height:32px; background:url(../img/side_submenu01.gif) no-repeat; text-indent: -9999px; overflow:hidden;}
.submenu02 a{ padding:0 0 15px 0; display:block; width:210px; height:14px; background:url(../img/side_submenu02.gif) no-repeat; text-indent: -9999px; overflow:hidden;}
.submenu03 a{ padding:0 0 15px 0; display:block; width:210px; height:14px; background:url(../img/side_submenu03.gif) no-repeat; text-indent: -9999px; overflow:hidden;}
.submenu04 a{ padding:0 0 15px 0; display:block; width:210px; height:14px; background:url(../img/side_submenu04.gif) no-repeat; text-indent: -9999px; overflow:hidden;}
.submenu05 a{ padding:0 0 15px 0; display:block; width:210px; height:14px; background:url(../img/side_submenu05.gif) no-repeat; text-indent: -9999px; overflow:hidden;}
.submenu06 a{ padding:0 0 15px 0; display:block; width:210px; height:14px; background:url(../img/side_submenu06.gif) no-repeat; text-indent: -9999px; overflow:hidden;}
.submenu07 a{ padding:0 0 15px 0; display:block; width:210px; height:14px; background:url(../img/side_submenu07.gif) no-repeat; text-indent: -9999px; overflow:hidden;}
.submenu08 a{ padding:0 0 15px 0; display:block; width:210px; height:14px; background:url(../img/side_submenu08.gif) no-repeat; text-indent: -9999px; overflow:hidden;}
.submenu09 a{ padding:0 0 15px 0; display:block; width:210px; height:14px; background:url(../img/side_submenu09.gif) no-repeat; text-indent: -9999px; overflow:hidden;}
.submenu10 a{ padding:0 0 15px 0; display:block; width:210px; height:22px; background:url(../img/side_submenu10.gif) no-repeat; text-indent: -9999px; overflow:hidden;}

/*.submenu01 a:hover{ padding:0 0 15px 0; display:block; width:210px; height:14px; background:url(../img/side_submenu01_on.gif) no-repeat; text-indent: -9999px; overflow:hidden;}*/
.submenu01 a:hover{ padding:0 0 15px 0; display:block; width:210px; height:32px; background:url(../img/side_submenu01_on.gif) no-repeat; text-indent: -9999px; overflow:hidden;}
.submenu02 a:hover{ padding:0 0 15px 0; display:block; width:210px; height:14px; background:url(../img/side_submenu02_on.gif) no-repeat; text-indent: -9999px; overflow:hidden;}
.submenu03 a:hover{ padding:0 0 15px 0; display:block; width:210px; height:14px; background:url(../img/side_submenu03_on.gif) no-repeat; text-indent: -9999px; overflow:hidden;}
.submenu04 a:hover{ padding:0 0 15px 0; display:block; width:210px; height:14px; background:url(../img/side_submenu04_on.gif) no-repeat; text-indent: -9999px; overflow:hidden;}
.submenu05 a:hover{ padding:0 0 15px 0; display:block; width:210px; height:14px; background:url(../img/side_submenu05_on.gif) no-repeat; text-indent: -9999px; overflow:hidden;}
.submenu06 a:hover{ padding:0 0 15px 0; display:block; width:210px; height:14px; background:url(../img/side_submenu06_on.gif) no-repeat; text-indent: -9999px; overflow:hidden;}
.submenu07 a:hover{ padding:0 0 15px 0; display:block; width:210px; height:14px; background:url(../img/side_submenu07_on.gif) no-repeat; text-indent: -9999px; overflow:hidden;}
.submenu08 a:hover{ padding:0 0 15px 0; display:block; width:210px; height:14px; background:url(../img/side_submenu08_on.gif) no-repeat; text-indent: -9999px; overflow:hidden;}
.submenu09 a:hover{ padding:0 0 15px 0; display:block; width:210px; height:14px; background:url(../img/side_submenu09_on.gif) no-repeat; text-indent: -9999px; overflow:hidden;}
.submenu10 a:hover{ padding:0 0 15px 0; display:block; width:210px; height:22px; background:url(../img/side_submenu10_on.gif) no-repeat; text-indent: -9999px; overflow:hidden;}

div#sidebox{ width:238px; border-left:1px solid #cccccc; border-right:1px solid #cccccc; background:#ffffff; padding:12px 0 0 0;}
.studentTitle { margin:20px 0 0 0; display:block; width:240px; height:31px; background:url(../img/side_student.gif) no-repeat; text-indent: -9999px; overflow:hidden;}
.studentLogin a{ margin:0 0 5px 25px; display:block; width:190px; height:47px; background:url(../img/side_login_btn.jpg) no-repeat; text-indent: -9999px; overflow:hidden;}
.sidestudentAbout a{ margin:6px 0 0 25px; padding:0 0 6px 0; display:block; width:190px; height:16px; background:url(../img/side_student_about.gif) no-repeat; text-indent: -9999px; overflow:hidden;}

.studentLogin a:hover{ margin:0 0 5px 25px; display:block; width:190px; height:47px; background:url(../img/side_login_btn_on.jpg) no-repeat; text-indent: -9999px; overflow:hidden;}
.sidestudentAbout a:hover{ margin:6px 0 0 25px; padding:0 0 6px 0; display:block; width:190px; height:16px; background:url(../img/side_student_about_on.gif) no-repeat; text-indent: -9999px; overflow:hidden;}

.teacherTitle { margin:20px 0 0 0; display:block; width:240px; height:31px; background:url(../img/side_teacher.gif) no-repeat; text-indent: -9999px; overflow:hidden;}
.teacherBnr a{ margin:0 0 5px 10px; display:block; width:225px; height:72px; background:url(../img/side_teacher_bnr.jpg) no-repeat; text-indent: -9999px; overflow:hidden;}
.teacherBnr02 a{ margin:10px 0 5px 10px; display:block; width:225px; height:72px; background:url(../img/side_teacher_bnr02.gif) no-repeat; text-indent: -9999px; overflow:hidden;}
.sideteacherMail a{ margin:6px 0 0 25px; padding:0 0 6px 0; display:block; width:190px; height:20px; background:url(../img/side_teacher_mail.gif) no-repeat; text-indent: -9999px; overflow:hidden;}

.teacherBnr a:hover{ margin:0 0 5px 10px; display:block; width:225px; height:72px; background:url(../img/side_teacher_bnr_on.jpg) no-repeat; text-indent: -9999px; overflow:hidden;}
.teacherBnr02 a:hover{ margin:10px 0 5px 10px; display:block; width:225px; height:72px; background:url(../img/side_teacher_bnr02_on.gif) no-repeat; text-indent: -9999px; overflow:hidden;}
.sideteacherMail a:hover{ margin:6px 0 0 25px; padding:0 0 6px 0; display:block; width:190px; height:20px; background:url(../img/side_teacher_mail_on.gif) no-repeat; text-indent: -9999px; overflow:hidden;}

.mobileTitle { margin:20px 0 0 0; display:block; width:238px; height:31px; background:url(../img/side_mobile.gif) no-repeat; text-indent: -9999px; overflow:hidden;}
.mobileQr { margin:0 0 0px 13px; padding:0 0 4px 0; display:block; width:212px; height:58px; background:url(../img/side_mobile_txt.gif) no-repeat; text-indent: -9999px; overflow:hidden;}


/* 20120706 */
.sideSm2012 a{ display:block; width:240px; height:100px; background:url(../img/side_summer2012.gif) no-repeat; text-indent: -9999px; overflow:hidden;}
.sideSm2012 a:hover{ display:block; width:240px; height:100px; background:url(../img/side_summer2012_on.gif) no-repeat; text-indent: -9999px; overflow:hidden;}




/*	side_fee */

ul.contentSideNav{ border:1px dotted #999999; margin:20px 0 -10px 0;}
/*ul.contentSideNav li{ background:url(../img/arw05.gif) left center no-repeat; padding:10px 0 10px 15px; margin:0 0 0 10px; }*/
ul.contentSideNav li{ background:url(../img/arw05.gif) left 15px no-repeat; padding:10px 0 10px 15px; margin:0 0 0 10px; }/* 20140115 */

ul.contentSideNav a:link { color:#000000; text-decoration: underline;}
ul.contentSideNav a:visited { color:#dd5100; text-decoration: underline;}
ul.contentSideNav a:hover {text-decoration: none;}
ul.contentSideNav a:active {text-decoration: none;}

/*  information
-----------------------------------*/

div#tab-container-1 ul, div#tab-container-2 ul{
height:24px;
border-bottom:2px solid #28B2EB;
margin:0 0 0 0;
}

/*div#tab-container-1 ul li{ float:left; margin:0 6px 0 0;}*/
div#tab-container-1 ul li, div#tab-container-2 ul li{ float:left; margin:0 6px 0 0; background:url(../img/tabmenu_bg.jpg) top left no-repeat;}
div#tab-container-1 ul li.activeli, div#tab-container-2 ul li.activeli{ height:24px; width:153px; display:block;}
div#tab-container-1 ul li a, div#tab-container-2 ul li a{ background:url(../img/tabmenu_onbg.jpg) top left no-repeat; height:24px; width:153px; display:block;}
div#tab-container-1 ul li.activeli a, div#tab-container-2 ul li.activeli a{ background:url(../img/tabmenu_bg.jpg) top left no-repeat; height:24px; width:153px; display:block;}

/*div.tab{  ---2banners
height:220px;
border:2px solid #28B2EB;
border-top:none;
padding:10px;
background-color:#F5F4EB;
margin:0 0 15px 0;
overflow: auto;
}*/
div.tab{/*  ---1banner*/
height:110px;
border:2px solid #28B2EB;
border-top:none;
padding:10px;
background-color:#F5F4EB;
margin:0 0 15px 0;
overflow: auto;
}

div.tab2{/*  ---2banners*/
height:220px;
border:2px solid #28B2EB;
border-top:none;
padding:10px;
background-color:#F5F4EB;
margin:0 0 30px 0;
overflow: auto;
}

div.tab02{/*  ---info*/
height:180px;
border:2px solid #28B2EB;
border-top:none;
padding:10px;
background-color:#F5F4EB;
margin:0 0 30px 0;
overflow: auto;
}

div#campaignBox{ width:637px; clear:both; margin:5px 0 0 5px;}
.campaignBnr01 a{ float:left; display:block; width:310px; height:100px; background:url(../img/top_bnr_h_spring2015.gif) no-repeat; text-indent: -9999px; margin:10px  17px 0 0; overflow:hidden;}
.campaignBnr02 a{ float:left; display:block; width:310px; height:100px; background:url(../img/top_bnr_h_nyp2014.gif) no-repeat; text-indent: -9999px; overflow:hidden; margin:10px 0 0;}
.campaignBnr10 a{ float:left; display:block; width:310px; height:100px; background:url(../img/top_bnr_h_beginner2015.gif) no-repeat; text-indent: -9999px; margin:0 17px 0 0; overflow:hidden;}
.campaignBnr12 a{ float:left; display:block; width:320px; height:100px; background:url(../img/top_bnr_h_easter2015.gif) no-repeat; text-indent: -9999px; margin:0; overflow:hidden;}

/* not using now */
.campaignBnr03 a{ float:left; display:block; width:637px; height:100px; background:url(../img/top_bnr_au2014.gif) no-repeat; text-indent: -9999px; overflow:hidden; margin:10px 0 0;}
.campaignBnr04 a{ float:left; display:block; width:637px; height:100px; background:url(../img/top_bnr_hw2014.gif) no-repeat; text-indent: -9999px; overflow:hidden;}
.campaignBnr05 a{ float:left; display:block; width:637px; height:100px; background:url(../img/top_bnr_hw2014_cont.jpg) no-repeat; text-indent: -9999px; overflow:hidden;}
.campaignBnr06 a{ float:left; display:block; width:637px; height:100px; background:url(../img/top_bnr_xmas2014.gif) no-repeat; text-indent: -9999px; overflow:hidden;}
.campaignBnr07 a{ float:left; display:block; width:310px; height:100px; background:url(../img/top_bnr_h_winter2014.jpg) no-repeat; text-indent: -9999px; margin:0  17px 0 0; overflow:hidden;}
.campaignBnr08 a{ float:left; display:block; width:310px; height:100px; background:url(../img/top_bnr_h_hw2014_cont.jpg) no-repeat; text-indent: -9999px; overflow:hidden;}
.campaignBnr09 a{ float:left; display:block; width:310px; height:100px; background:url(../img/top_bnr_h_hw2014_pr.gif) no-repeat; text-indent: -9999px; overflow:hidden;}
.campaignBnr11 a{ float:left; display:block; width:310px; height:100px; background:url(../img/top_bnr_h_valentine2015.gif) no-repeat; text-indent: -9999px; margin:0; overflow:hidden;}


div#day{
	margin:5px 0 0 0;
	background:url(../img/information_bg.jpg) top right no-repeat #F5F4EB;
}
div#day p{ margin:0 0 8px 0; clear:both;}
div#day span{ display:block; width:120px; float:left;}

div#day2{
	margin:5px 0 0 0; overflow:auto;
/*	background:url(../img/information_bg.jpg) top right no-repeat #F5F4EB;*/
}
/*div#day2 p{ margin:0 0 8px 0; clear:both;}*/
/*div#day2 span{ display:block; width:120px; float:left;}*/

.infoLink{ color:#333; text-decoration:underline;}
.infoLink a{ color:#333;}
.infoLink a:visited{ color:#333;}
.info_detail{ text-align:right; padding:3px 0 0 0; border-top: 1px dotted #50B3DD;}
.info_detail a{ background:url(../img/arw04.gif) left center no-repeat; padding:0 0 0 14px; color:#28B2EB; text-decoration:underline;}

/*.infoNew{ float:left; width:510px; }*/
/* 20140304 */
.infoNew{ float:left; width:620px; }


.infoArchLink{ float:left; width:110px; cursor:pointer; }
#infoArch{ float:left; width:510px; }
.infoDate { width:100px; float:left; clear:both; margin:0 0 8px 0; }
.infoTxt { width:490px; float:left; margin:0 0 8px 0;}
.infoTxtL { width:610px; float:left; margin:0 0 8px 0; clear:both; }
p.infoTxt span{ font-weight:bold; }
p.infoTxt span.red{ color:#c00; font-size:85%; }

/* 20140115 */
.txtlinkTop{ border:1px dotted #666; padding:10px; margin:10px auto; font-weight:bold; font-size:14px; text-align:center; margin-bottom:20px;}

/* 20140306 */
.bnrOut{ margin:10px 0 25px; overflow:hidden;}

/* 20141216 */
.bnrOut01{ margin:10px 0 0; overflow:hidden;}


/*  main
-----------------------------------*/
/*
.top_pointTitle { display:block; width:670px; height:87px; background:url(../img/top_title_threepoint.gif) no-repeat; text-indent: -9999px; overflow:hidden; margin:30px 0 0;}
.top_pointTxt{ margin:14px 0 32px 0;}

.top_pointNo1 { display:block; width:670px; height:72px; background:url(../img/top_title_point01.gif) no-repeat; text-indent: -9999px; overflow:hidden;}
.top_pointNo2 { display:block; width:670px; height:72px; background:url(../img/top_title_point02.gif) no-repeat; text-indent: -9999px; overflow:hidden;}
.top_pointNo3 { display:block; width:670px; height:72px; background:url(../img/top_title_point03.gif) no-repeat; text-indent: -9999px; overflow:hidden;}

div#top_pointNo1bg { display:block; width:670px; background:url(../img/top_bg_point01.jpg) no-repeat #FFF4B3; padding:0 0 20px 0; margin:0 0 30px 0;}
div#top_pointNo2bg { display:block; width:670px; background:url(../img/top_bg_point02.gif) no-repeat #FFF4B3; padding:0 0 20px 0; margin:0 0 30px 0;}
div#top_pointNo3bg { display:block; width:670px; background:url(../img/top_bg_point03.jpg) no-repeat #FFF4B3; padding:0 0 20px 0; margin:0 0 30px 0;}

div#top_pointNo1bg p{ margin:0 150px 0 190px; padding:20px 0 10px 0;}
div#top_pointNo2bg p{ margin:0 290px 0 15px; padding:30px 0 10px 0;}
div#top_pointNo3bg p{ margin:0 150px 0 190px; padding:20px 0 10px 0;}

div#top_pointNo1bg a{ margin:0 150px 0 190px; background:url(../img/arw03.gif) left center no-repeat; padding:0 0 0 14px; color:#28B2EB; text-decoration:underline;}
div#top_pointNo2bg a{ margin:0 290px 0 15px; background:url(../img/arw03.gif) left center no-repeat; padding:0 0 0 14px; color:#28B2EB; text-decoration:underline;}
div#top_pointNo3bg a{ margin:0 150px 0 190px; background:url(../img/arw03.gif) left center no-repeat; padding:0 0 0 14px; color:#28B2EB; text-decoration:underline;}

div#top_pointNo1bg a:hover {text-decoration:none;}
div#top_pointNo2bg a:hover {text-decoration:none;}
div#top_pointNo3bg a:hover {text-decoration:none;}

/*3�‚̖��̓��j���[�A��20160309*/



/* 20150203*/
#top_pointTitle {
 display:block; width:670px; height:87px; background:url(../img/title_1.gif) no-repeat; text-indent: -9999px; overflow:hidden; margin:30px 0 0;}
.top_pointTxt{
 margin:14px 0 32px 0;}

#top_pointNo1 {
 display:block; width:670px; height:116px;
  background:url(../img/top_title_pt01.gif) no-repeat;
  text-indent: -9999px;
  overflow:hidden;
}
#top_pointNo2 {
 display:block; width:670px;
  height:112px;
  background:url(../img/top_title_pt02.gif) no-repeat;
  text-indent: -9999px;
  overflow:hidden;
}
#top_pointNo3 {
 display:block; width:670px;
  height:113px;
  background:url(../img/top_title_pt03.gif) no-repeat;
  text-indent: -9999px;
  overflow:hidden;
}

.top_point_bg {
  /*margin: 0 110px 0 110px;*/
  padding: 20px 10px 20px;
  width: 450px;
  line-height:1.6;
  width: 650px;
  background-color:#FEF3B3;
}

.top_point_bg p {
	line-height: 1.8em;
	padding: 15px 8px;
}



#top_point_word1{
	width: 100%;
}
#top_point_pic_wrapper1 {
	width: 100%;
}

#top_point_pic_wrapper1 img {
	width: 600px;
	display: block;
	margin: 0 auto;
}
#top_point_word2{
	width: 100%;

}
#top_point_pic_wrapper2{
	width: 100%;
	text-align:center;
	
}
#top_point_pic_wrapper2 img{
	width: 200px;
}

#top_point_word3{
	width: 100%;
}

#top_point_pic_wrapper3{
	width: 100%;
	
}

#top_point_word4{
	width: 350px;
	float: left;
}

#pic4_2 {
	width: 300px;
}

#top_point_pic_wrapper4 img {
	width: 250px;
}
#top_point_word5{
	width: 315px;
	float: left;
}
#top_point_pic_wrapper5 {
	float: left;
}
#top_point_pic_wrapper5 img {
	width: 300px;
	margin-top:10px;
	
}

#top_point_word6  {
	width: 330px;
	float: left;
}

#top_point_pic_wrapper6 img {
	width: 300px;
}

#top_point_pic_wrapper6 {
	float: left;
	padding: 5px 5px;
}

#top_point_word7 {
	width: 330px;
	float: left;
}

#top_point_pic_wrapper7 img {
	width: 300px;
}

#top_point_pic_wrapper7 {
	float: left;
	padding: 5px 5px;
}

#top_point_word8 {
	width: 330px;
	float: left;
}

#top_point_pic_wrapper8 img {
	width: 300px;
}

#top_point_pic_wrapper8{
	float: left;
	padding: 5px 5px;
}

.red {
	color: #F56751;
}

/*div#top_pointNo1bg a{
 margin:0 150px 0 190px;
  background:url(../img/arw03.gif) left center no-repeat;
  padding:0 0 0 14px;
  color:#28B2EB;
  text-decoration:underline;
}
div#top_pointNo2bg a{
 margin:0 290px 0 15px;
  background:url(../img/arw03.gif) left center no-repeat;
  padding:0 0 0 14px;
  color:#28B2EB;
  text-decoration:underline;
}
div#top_pointNo3bg a{
 margin:0 150px 0 190px;
 background:url(../img/arw03.gif) left center no-repeat;
 padding:0 0 0 14px;
 color:#28B2EB;
 text-decoration:underline;
}

div#top_pointNo1bg a:hover {
	text-decoration:none;
}
div#top_pointNo2bg a:hover {
	text-decoration:none;
}
div#top_pointNo3bg a:hover {
	text-decoration:none;
}*/

#top_pointNo3bg .content_examples {
	width: 320px;
	background-color:#FEF3B3;
	float:left;
	padding:0 0 0 10px;
}

#top_pointNo3bg .content_examples p {
	width: 320px;
	padding:20px 5px 20px 5px;
	margin: 0;
}


/*.top_lessonTitle { clear:both; display:block; width:670px; height:90px; background:url(../img/top_title_recital.gif) no-repeat; text-indent: -9999px; margin:0 0 10px 0; overflow:hidden;}*/
.top_lessonTitle { clear:both; display:block; width:670px; height:90px; background:url(../img/top_title_recital2013.gif) no-repeat; text-indent: -9999px; margin:15px 0 10px 0; overflow:hidden;}
dl#top_lesson{ clear:both; width:670px;}
dl#top_lesson dt{ display:block; width:670px; height:74px; background:url(../img/top_homeview.gif) no-repeat; text-indent: -9999px; overflow:hidden;}
dl#top_lesson dd{ display:block; width:670px; height:143px; background:url(../img/top_homeview_txt.gif) no-repeat; text-indent: -9999px; overflow:hidden;}
.top_lessonDetail a{ display:block; width:670px; height:40px; background:url(../img/top_homeview_detail.gif) no-repeat; text-indent: -9999px; overflow:hidden;}
.top_lessonDetail a:hover{ display:block; width:670px; height:40px; background:url(../img/top_homeview_detail_on.gif) no-repeat; text-indent: -9999px; overflow:hidden;}

.top_recital { background:url(../img/top_bg_recital2013.gif) no-repeat; padding: 0 0 0 350px;}
.top_recitalCap { font-size:11px;}

/* 20140715 */
.top_recitalLink { clear:all; font-size:12px; border:2px dotted #f23038; padding:8px; margin:10px 10px 0; text-align:center; background-color:#fffada;}


.top_experienceTitle { display:block; width:670px; height:84px; background:url(../img/top_title_experience.gif) no-repeat; text-indent: -9999px; margin:30px 0 0 0; overflow:hidden;}
div#top_experienceBox{ background:#fff; padding: 10px 0;}

/*
div#top_experienceBox{ background:#F7F5E9; border:2px solid #28B2EB; padding: 5px 0 0;}
div#top_experienceBox{ background:#F7F5E9; border-left:5px solid #28B2EB;  border-right:5px solid #28B2EB;}
ul#top_experience{ width:640px; clear:both; height:92px; margin:0 0 0 20px; padding:10px 0 10px 0;}
ul#top_experience li{ float:left; }
.top_lessonSearch a{ display:block; width:314px; height:92px; background:url(../img/top_experience_btn01.gif) no-repeat; text-indent: -9999px; margin:0 15px 0 0; overflow:hidden;}
.top_lessonApply a{ display:block; width:294px; height:92px; background:url(../img/top_experience_btn02.gif) no-repeat; text-indent: -9999px; overflow:hidden;}
.top_lessonSearch a:hover{ display:block; width:314px; height:92px; background:url(../img/top_experience_btn01_on.gif) no-repeat; text-indent: -9999px; overflow:hidden;}
.top_lessonApply a:hover{ display:block; width:294px; height:92px; background:url(../img/top_experience_btn02_on.gif) no-repeat; text-indent: -9999px; overflow:hidden;}*/

/* 20140116 */
ul#top_experience{ width:640px; clear:both; height:116px; margin:0 0 0 15px; padding:10px 0;}
ul#top_experience li{ float:left; }
.top_lessonSearch a{ display:block; width:311px; height:116px; background:url('https://www.toshin.com/kodomo/img/top_experience_btn01.png') no-repeat; text-indent: -9999px; overflow:hidden;}
.top_lessonApply a{ display:block; width:315px; height:116px; background:url('https://www.toshin.com/kodomo/img/top_experience_btn02.png') no-repeat; text-indent: -9999px; margin:0 14px 0 0; overflow:hidden;}
.top_lessonSearch a:hover{ filter: alpha(opacity=80); -moz-opacity:0.80; opacity:0.80;}
.top_lessonApply a:hover{ filter: alpha(opacity=80); -moz-opacity:0.80; opacity:0.80;}




.tooltip{
display: none;
position: absolute;
padding: 10px;
z-index: 2;
/*background-color: #fff;
border: 1px solid #ccc;
font-size: 12px;
line-height: 18px;
text-align: center;*/
}


/* 20121207�C���~�l�[�V�����g��\���p */
/*#mainImg .ImgLink01 {
	display: block;
	padding: 116px 0 0 315px;
}
#mainImg .ImgLink01a {
	width: 260px;
	height: 220px;
	display: block;
}*/

p.simpletip {
	text-decoration: underline;
	cursor: pointer;
	color: #333;
}


/* 20130108���C���摜3�‚̓����@�g��\���p */
/*
#mainImg .ImgLink {
	float: left;
}
span.simpletip1 {
	cursor: pointer;
}
#mainImg .ImgLink01 {
	display: block;
	padding: 174px 0 0 119px;
}
#mainImg .ImgLink01a {
	width: 426px;
	height: 67px;
	display: block;
}

span.simpletip2 {
	cursor: pointer;
}
#mainImg .ImgLink02 {
	display: block;
	padding: 7px 0 0 119px;
}
#mainImg .ImgLink02a {
	width: 426px;
	height: 67px;
	display: block;
}

span.simpletip3 {
	cursor: pointer;
}
#mainImg .ImgLink03 {
	display: block;
	padding: 10px 0 0 119px;
}
#mainImg .ImgLink03a {
	width: 426px;
	height: 67px;
	display: block;
}
*/


/* 20130619���C���摜3�‚̓����@�g��\���p �{ �T�}�[LP�����N�lj�*/

#mainImg .ImgLink {
	float: left;
}
span.simpletip1 {
	cursor: pointer;
}
#mainImg .ImgLink00 {
	display: block;
	padding: 25px 0 0 57px;
}
#mainImg .ImgLink00a {
	width: 464px;
	height: 76px;
	display: block;
	cursor: pointer;
}

#mainImg .ImgLink01 {
	display: block;
	padding: 180px 0 0 116px;
/*	padding: 79px 0 0 116px;*/
}
#mainImg .ImgLink01a {
	width: 383px;
	height: 59px;
	display: block;
}

span.simpletip2 {
	cursor: pointer;
}
#mainImg .ImgLink02 {
	display: block;
	padding: 12px 0 0 116px;
}
#mainImg .ImgLink02a {
	width: 383px;
	height: 65px;
	display: block;
}

span.simpletip3 {
	cursor: pointer;
}
#mainImg .ImgLink03 {
	display: block;
	padding: 15px 0 0 116px;
}
#mainImg .ImgLink03a {
	width: 383px;
	height: 56px;
	display: block;
}

span.simpletip4 {
	cursor: pointer;
}
.ImgLink04 {
	float:left;
	display: block;
	margin:10px 0 0;
	background:url(../img/top_bnr_homerv.gif) no-repeat;
	width: 637px;
	height: 60px;
	overflow:hidden;
}
.ImgLink04a {
	width: 637px;
	height: 60px;
	display: block;
}

/*.ImgLink04 {
	float:left;
	display: block;
	margin:0;
	background:url(../img/top_bnr_homerv_s.gif) no-repeat;
	width: 309px;
	height: 60px;
	overflow:hidden;
}
.ImgLink04a {
	width: 309px;
	height: 60px;
	display: block;
}*/



/* �g�b�v�ցu���q�l�ɂ��킹�Č���v�����N�lj��@201502 */
.sec_bg02 {
/*	background: #FFF9E2;*/
	/*background-color: #ffb4c2;*/
	background: #FFF;
	overflow: hidden;
}
.inner {
	width: 980px;
	margin: 0 auto;
}
.Itemset {
	background-color: #fff;
	padding: 1em;
	margin-top: 2em;
	border-radius: 3px;
	box-shadow: 0 0 3px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 0 3px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.3);
}
.Itemset h3 {
	background-color: #F07D2D;
	padding: 0.2em 0.6em;
	color: #fff;
/*	font-size: 136%;*/
	font-size: 20px;
	position: relative;
	margin-bottom: 1.4em;
}
.Itemset .txt {
	margin-bottom: 2em;
}
.mgB20 {
	margin-bottom: 20px;
}
h3.ttlPatern {
	color: #F16357;
	background-color: #fff;
	text-align: center;
	padding: 0;
	margin-bottom: 12px;
}
.btnList li {
	display: inline;
	margin-right: 14px;
}
.btnList li.lastimgd {
	margin-right: 0px;
}

/*   kodomo_css
------------------------------*/
.for_center1{
  margin:2% 7%;
}

.for_center2{
  margin:2% 15%;
}

/*  footer
-----------------------------------*/

div#footNav {
	width:980px;
	height:160px;
	margin:0 auto;
	text-align:left;
	clear:both;
	font-size:11px;
	padding:7px 0 10px 0;
}

ul#footMenu01 li ul { /margin:-20px 0 0 10px;}
ul#footMenu02 li ul { /margin:-20px 0 0 10px;}
ul#footMenu03 li ul { /margin:-20px 0 0 10px;}
ul#footMenu04 li ul { /margin:-20px 0 0 10px;}

div#footNav li{ line-height:25px;}
ul.fmenu{ margin:0 0 0 10px;}
ul#footMenu01{ display:block; padding:9px 0; margin:0 0 20px 0; width:280px; height:140px; float:left; background:url(../img/foot_line.jpg) right repeat-y;}
ul#footMenu02{ display:block; padding:9px 0; margin:0 0 20px 0; width:190px; height:140px; float:left; background:url(../img/foot_line.jpg) right repeat-y;}
ul#footMenu03{ display:block; padding:9px 0; margin:0 0 20px 0; width:200px; height:140px; float:left; background:url(../img/foot_line.jpg) right repeat-y;}
ul#footMenu04{ display:block; padding:9px 0; margin:0 0 20px 0; width:150px; height:140px; float:left; background:url(../img/foot_line.jpg) right repeat-y;}
ul#footMenu05{ display:block; padding:9px 0; margin:0 0 20px 0; width:150px; height:140px; float:left; }

#footNav a{ background:url(../img/arw01.gif) no-repeat left; padding:0 0 0 10px; margin:0 0 0 15px; text-decoration: underline;}
#footNav a:link { color:#444444; text-decoration: underline;}
#footNav a:visited { color:#444444; }
#footNav a:hover { color:#444444; text-decoration: none;}
#footNav a:active { color:#444444; } 

div#siteMapBox { height:34px; background:#44B8A8;}
/*	ie6 ie7  */
div#siteMapBox { /height:34px; padding:12px 0 0 0;  background:#44B8A8;}
/*	ie6 ie7  end */

p#siteMap {
	height:34px;
	width:980px;
	display:block;
	font-size:11px;
	clear:both;
	margin: 0 auto;
	text-align : left;
	padding:0px 0px 0 25px;

}
p#siteMap a{ background:url(../img/arw02.gif) no-repeat left; margin:10px 0 0 0; padding:0 19px 0 10px; text-decoration: underline;}

p#siteMap a:link { color:#ffffff; text-decoration: underline;}
p#siteMap a:visited { color:#ffffff; }
p#siteMap a:hover { color:#ffffff; text-decoration: none;}
p#siteMap a:active { color:#ffffff; } 

p#siteMap img{ vertical-align:top; padding:3px 0 0 3px;}

div#copyRightBox { height:53px; background:url(../img/foot_bg.gif) repeat-x;}
p#copyRight {
	display:block;
	width:980px;
	height:53px;
	line-height:18px;
	clear:both;
	text-align:left;
	margin			: 0 auto;
	font-size		: 10px;
	font-style		: normal;
	color			: #fff;
	padding:3px 0 0 27px;
}


/*  common
-----------------------------------*/

h1 { float:left; padding:0 0 10px 4px; font-size:11px;}
h2,h3,h4 { clear:both;}
.clear { clear:both;}
.btm{ vertical-align:top;}

div#contentMain_bg{ text-align:center; height:190px; background:url('https://www.toshin.com/kodomo/img/contentmain_bg.jpg') repeat-x;}
div#contentMainBox{ width:980px; margin:0 auto;}

div.contentBox{ width:660px; margin:0 5px 40px 5px; background:url(../img/contentbox_top.gif) no-repeat #FFF4B3; }


/*  bread
-----------------------------------*/

.bread{ padding:8px 0 0 10px; height:22px; font-size:11px; color:#ffffff; display:block; text-align:left;}
.bread a:link { color:#ffffff; text-decoration: underline;}
.bread a:visited { color:#ffffff; text-decoration: underline;}
.bread a:hover { color:#ffffff; text-decoration: none;}
.bread a:active { color:#ffffff; text-decoration: none;} 

/*  pagetop
-----------------------------------*/

.return { margin:0 auto; width:980px;}
.return a{ float:right; display:block; width:122px; height:21px; background:url(../img/pageback.gif) no-repeat;}
.return a:hover{ float:right; display:block; width:122px; height:21px; background:url(../img/pageback_on.gif) no-repeat;}



/* ==========================================================================================================

	 10. Margin Padding settings
 
============================================================================================================*/

.mt5 { margin-top:5px;}
.mt10 { margin-top:10px;}
.mt15 { margin-top:15px;}
.mt20 { margin-top:20px;}
.mt25 { margin-top:25px;}
.mt30 { margin-top:30px;}
.mt35 { margin-top:35px;}
.mt40 { margin-top:40px;}
.mt45 { margin-top:45px;}
.mt50 { margin-top:50px;}

.mb5 { margin-bottom:5px;}
.mb10 { margin-bottom:10px;}
.mb15 { margin-bottom:15px;}
.mb20 { margin-bottom:20px;}
.mb25 { margin-bottom:25px;}
.mb30 { margin-bottom:30px;}

.ml5 { margin-left:5px;}
.ml10 { margin-left:10px;}
.ml15 { margin-left:15px;}
.ml20 { margin-left:20px;}
.ml25 { margin-left:25px;}
.ml30 { margin-left:30px;}

.pt5 { padding-top:5px;}
.pt10 { padding-top:10px;}
.pt15 { padding-top:15px;}
.pt20 { padding-top:20px;}
.pt25 { padding-top:25px;}
.pt30 { padding-top:30px;}

.pb5 { padding-bottom:5px;}
.pb10 { padding-bottom:10px;}
.pb15 { padding-bottom:15px;}
.pb20 { padding-bottom:20px;}
.pb25 { padding-bottom:25px;}
.pb30 { padding-bottom:30px;}