/* CSS Document */

body{
	margin:0px;
	padding:0px;
	width:100%;
	font: 13px/24px "メイリオ";
}

img{
	border:0px;
}

p{
	margin:0px;
	padding:0px;
	color: #333333;
	font: 13px/24px "メイリオ";
}

.clear{
	clear:both;
}

ul{
	padding:0px;
	margin:0px;
}

ol{
	padding:0px;
	margin:0px;
}

li{
	list-style:none;
}


.com_for_top{
	margin: 0px 0px 0px auto;
	padding: 20px 0px;
	height: auto;
	width: 112px;
	}

.for-pc {
	display: block;
}

.for-sp {
	display: none;
}


/*--------------------------------------------------------------
	●大枠・レフト・ライトコンテンツ
--------------------------------------------------------------*/
#contents_area{
	width:100%;
	background: url(../img/top_bg_shadow.gif) repeat-x top;
}

#contents_box{
	width:950px;
	margin:0px auto;
}

#left_contents{
	width:205px;
	float:left;
	margin:25px 0px 0px 0px;
}

#right_contents{
	width:720px;
	height:auto;
	float:right;
	margin:25px 0px 0px 0px;
	position: relative;	
}

#left_menu_box{
	width:196px;
	background: #eeeeee;	
	padding:4px;
}

#left_menu_box .box_in{
	width:196px;
	padding:0px;
}

#left_menu_box .box_in .navi{
	padding:0px;
	margin:0px;
}

#left_menu_box .box_in .navi li{
	display: inline;
	list-style: none;
}

#left_menu_box .box_in .navi li a{
	display: block;
	height: auto;
	text-indent: -9999px;
	background: url(../img/left_menu.gif) no-repeat 0% 0%;
	}
	
/* nav_01 */
#left_menu_box .box_in .navi .nav_01 {
	width: 196px;
	height:47px;
}
#left_menu_box .box_in .navi .nav_01 a{
	width: 196px;
	height:47px;
	background-position: 0px 0%;
}
#left_menu_box .box_in .navi .nav_01 a:hover{
	background-position: -196px 0px;
}

/* nav_02 */
#left_menu_box .box_in .navi .nav_02 {
	width: 196px;
	height:45px;
}
#left_menu_box .box_in .navi .nav_02 a {
	width: 196px;
	height:45px;
	background-position: 0px -47px;
}
#left_menu_box .box_in .navi .nav_02 a:hover{
	background-position: -196px -47px;
}

/* nav_03 */
#left_menu_box .box_in .navi .nav_03 {
	width: 196px;
	height:45px;
}
#left_menu_box .box_in .navi .nav_03 a {
	width: 196px;
	height:45px;
	background-position: 0px -92px;
}
#left_menu_box .box_in .navi .nav_03 a:hover{
	background-position: -196px -92px;
}

#left_link_box{
	width:196px;
	background: #eeeeee;	
	padding:4px;
	margin:15px 0px 0px;
}

#left_link_box .box_in{
	width:177px;
	padding:8px 8px 5px;
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
}

#left_link_box .box_in li{
	padding:4px 5px;
	font: 12px "メイリオ";
}

#left_link_box .box_in li a{
	font: 12px "メイリオ";
	color: #333333;
}




/*--------------------------------------------------------------
	●ヘッダー
--------------------------------------------------------------*/
#header_box{
	background: url(../img/com_header_bg.jpg) no-repeat center top;
	padding:8px 0px 0px 0px;
}

#header_box .box_in{
	width:950px;
	margin:0px auto;
	position: relative;	
}

#header_box .box_in .left_box{
	width:380px;	
	float:left;
}

#header_box .box_in .right_box{
	width:415px;	
	float:right;
}

#header_box .box_in .right_box .box{
	width:205px;	
	float:left;
}


/*--------------------------------------------------------------
	●フッター
--------------------------------------------------------------*/
#footer_box{
	width:100%;
	height:382px;
	background: url(../img/com_footer_bg.jpg) no-repeat center;	
	margin:30px 0px 0px 0px;
}

#footer_box .box_in{
	width:950px;
	padding:110px 0px 0px 0px;	
	margin:0px auto;
}

#footer_box .box_in .left{
	width:400px;
	float:left;	
	padding:20px 0px 0px 25px;
}

#footer_box .box_in .left .box{
	width:185px;
	margin:0px 0px 0px 0px;
	float:left;	
}

#footer_box .box_in .left .box li{
	padding:7px 15px;
	background: url(../img/com_icon_orange.gif) no-repeat left center;
	font-size: 13px;
	color: #333333;
	list-style: none;
}

#footer_box .box_in .right{
	width:415px;
	float:left;	
	margin:0px 0px 0px 110px;
}

#footer_box .box_in .right .box{
	width:205px;	
	float:left;
}




/*--------------------------------------------------------------
	●ＮＡＶＩ
--------------------------------------------------------------*/
#navi_area{
	width:100%;
	background: url(../img/com_menu_bg.png) repeat-x;
}

#navi_box{
	width:952px;
	padding:0px;
	margin:0px auto;	
}

#menu_in{
	padding:0px;
	margin:0px;
}

#menu_in li{
	display: inline;
	float: left;
}

#menu_in li a{
	display: block;
	height: 51px;
	text-indent: -9999px;
	background: url(../img/com_menu.gif) no-repeat 0% 0%;
}
	
/* nav_01 */
#menu_in .nav_01 {
	width: 137px;
}

#menu_in .nav_01 a{
	width: 137px;
	background-position: 0px 0%;
}

#menu_in .nav_01 a:hover{
	background-position: 0px -51px;
}

/* nav_02 */
#menu_in .nav_02 {
	width: 135px;
}

#menu_in .nav_02 a {
	width: 135px;
	background-position: -137px 0%;
}

#menu_in .nav_02 a:hover{
	background-position: -137px -51px;
}

/* nav_03 */
#menu_in .nav_03 {
	width: 135px;
}

#menu_in .nav_03 a {
	width: 135px;
	background-position: -272px 0%;
}

#menu_in .nav_03 a:hover{
	background-position: -272px -51px;
}

/* nav_04 */
#menu_in .nav_04 {
	width: 136px;
}

#menu_in .nav_04 a {
	width: 136px;
	background-position: -407px 0%;
}

#menu_in .nav_04 a:hover{
	background-position: -407px -51px;
}

/* nav_05 */
#menu_in .nav_05 {
	width: 135px;
}

#menu_in .nav_05 a {
	width: 135px;
	background-position: -543px 0%;
}

#menu_in .nav_05 a:hover{
	background-position: -543px -51px;
}

/* nav_06 */
#menu_in .nav_06 {
	width: 135px;
}

#menu_in .nav_06 a {
	width: 135px;
	background-position: -678px 0%;
}

#menu_in .nav_06 a:hover{
	background-position: -678px -51px;
}

/* nav_07 */
#menu_in .nav_07 {
	width: 139px;
}

#menu_in .nav_07 a {
	width: 139px;
	background-position: -813px 0%;
}

#menu_in .nav_07 a:hover{
	background-position: -813px -51px;
}


/*--------------------------------------------------------------
	●共通
--------------------------------------------------------------*/
#title_box{
	width:100%;
	height:131px;
	background: url(../img/ather_title_bg.jpg) no-repeat center;	
}

#title_box .box_in{
	width:950px;
	margin:0px auto;
	padding:0px 0px 0px 0px;
}

#ather_sidebtn_box{
	position: absolute;
	left: 970px;
	top: 200px;
	height: 481px;
	width: 90px;
	z-index  : 0;
}

#ather_sidebtn_box a{
	height: 481px;
	width: 90px;
	background: url(../img/com_side_btn.png) no-repeat;
	display: block;
	text-indent: -9999px;
}


#link_bar{
	box-sizing: border-box;
	width:685px;
	height:26px;
	background: url(../img/ather_link_bar.gif) no-repeat;
	font-size: 12px;
	color: #333333;	
	padding:6px 0px 0px 35px;
}

#ather_info_box{
	width:722px;
	height:134px;
	background: url(../img/com_info_box_bg.gif) no-repeat;	
	margin:70px 0px 0px 0px;
}

#ather_info_box .left{
	width:270px;
	float:left;
}

#ather_info_box .right{
	width:415px;
	float:left;	
	margin:25px 0px 0px 10px;
}

#ather_info_box .right .box{
	width:205px;
	float:left;	
}



/*--------------------------------------------------------------
	●トップページ
--------------------------------------------------------------*/
#top_main_box{
	width:959px;
	margin:0px auto;
	padding:10px 0px 15px;
}

#top_sidebtn_box{
	position: absolute;
	left: 975px;
	top: 240px;
	height: 183px;
	width: 184px;
}

#top_sidebtn_box a{
	height: 183px;
	width: 184px;
	background: url(../img/com_side_btn.png) no-repeat;
	display: block;
	text-indent: -9999px;
}


#mainVisual {
	margin: 0px;
	width: 720px;
}

#autoVisual {
	position: relative;
	width: 720px;
	height: 236px;
	overflow: hidden;
}

#autoNav {
	width:720px;
	margin: 10px 0px 35px 0px;
	height: 58px;
	list-style: none;
	overflow: hidden;
	zoom: 1;
}

#autoNav li {
	float: left;
	display: inline;
	width: 165px;
	height: 100%;
}


#top_contents_box{
	width:720px;
	height:387px;
	background: url(../img/top_main_bg.jpg) no-repeat;	
	padding:142px 0px 0px;
}

#top_contents_box .box_in01{
	width:332px;
	height:83px;
	background: url(../img/top_main_01_bg.jpg) no-repeat;
	padding:85px 0px 0px 15px;
	float:left;
	margin:0px 0px 0px 9px;
}
#top_contents_box .box_in02{
	width:332px;
	height:83px;
	background: url(../img/top_main_02_bg.jpg) no-repeat;
	padding:85px 0px 0px 15px;
	float:left;
	margin:0px 0px 0px 9px;
}
#top_contents_box .box_in03{
	width:332px;
	height:83px;
	background: url(../img/top_main_03_bg.jpg) no-repeat;
	padding:85px 0px 0px 15px;
	float:left;
	margin:10px 0px 0px 9px;
}

#top_contents_box .box_in04{
	width:332px;
	height:83px;
	background: url(../img/top_main_04_bg.jpg) no-repeat;
	padding:85px 0px 0px 15px;
	float:left;
	margin:10px 0px 0px 9px;
}

#top_topics_box .box_in{
	width:351px;
}

#top_topics_box .box_in li{
	font-size: 12px;
	color: #333333;
	padding:10px;
	line-height: 20px;
	border-bottom: 1px dotted #CCCCCC;
}

#top_event_color_box{
	width:720px;
	height:50px;
	margin:15px 0px 0px;
}

#top_event_color_box .box_in01{
	width:70px;
	height:23px;
	background: url(../img/top_event_color01.gif) no-repeat left center;
	font-size: 13px;
	color: #333333;
	padding:0px 0px 0px 43px;
	float:left;
}

#top_event_color_box .box_in02{
	width:85px;
	height:23px;
	background: url(../img/top_event_color02.gif) no-repeat left center;
	font-size: 13px;
	color: #333333;
	padding:0px 0px 0px 43px;
	float:left;
	margin:0px 0px 0px 25px;
}

#top_event_color_box .box_in03{
	width:135px;
	height:23px;
	background: url(../img/top_event_color03.gif) no-repeat left center;
	font-size: 13px;
	color: #333333;
	padding:0px 0px 0px 43px;
	float:left;
	margin:0px 0px 0px 25px;
}

#top_event_color_box .box_in04{
	width:70px;
	height:23px;
	background: url(../img/top_event_color04.gif) no-repeat left center;
	font-size: 13px;
	color: #333333;
	padding:0px 0px 0px 43px;
	float:left;
	margin:0px 0px 0px 25px;
}

.jyukuityou_blog {
	padding: 10px 0 0 140px;		
	}

/*--------------------------------------------------------------
	●教育方針
--------------------------------------------------------------*/
#concept_box{
	width:720px;
}

#concept_box .box_in{
	width:230px;
	float:left;
	padding:30px 0px 0px 0px;
}

#concept_settei_box{
	width:720px;
	margin:30px 0px 0px;
}

#concept_settei_box .box_in{
	width:690px;
	height:117px;
	background: url(../img/concept_settei_img_01.jpg) no-repeat;
	font-size: 13px;
	color: #333333;	
	padding:70px 0px 0px 30px;
}








/*--------------------------------------------------------------
	●合格実績
--------------------------------------------------------------*/
#success_main_box{
	width:720px;
	height:396px;
	background: url(../img/success_main_bg.jpg) no-repeat;	
	margin:30px 0px 0px 0px;
}

#success_main_box .box_in{
	width:253px;
	padding:50px 0px 0px 50px;
	font-size: 13px;
	line-height: 24px;
	color: #333333;	
}

#success_box{
	width:550px;
	margin:50px auto 0px;
}

.success_bnr {
	text-align: center;
}

.success_bnr img {
	width: 100%;
	height: auto;
}



/*--------------------------------------------------------------
	●受講料
--------------------------------------------------------------*/
.charge_box{
	width:690px;
	padding:20px 0px 0px 30px;
}

.charge_box .box01{
	width:380px;
	margin:10px 0px 0px 0px;
}

.charge_box .midashi{
	background: url(../img/school_icon.gif) no-repeat left center;
	font-size: 16px;
	color: #174f7f;
	border-bottom: 1px dotted #29a3da;
	padding:5px 0px 5px 35px;
	margin:0px 0px 20px 0px;
}

#charge_box table{
	width:720px;
	text-align:center;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}

#charge_box table th{
	font-size: 13px;
	font-weight: normal;
	color: #FFFFFF;
	background: url(../img/school_h2_zikanwari_th_bg01.gif) repeat;	
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}

#charge_box table td{
	font-size: 12px;
	color: #333333;
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}

#charge_box .th02{
	font-size: 13px;
	color: #333333;
	background: url(../img/school_h2_zikanwari_th_bg02.gif) repeat;	
	border-bottom: 1px solid #ffffff;
	border-right: 1px solid #CCCCCC;
}

.charge_waribiki01{
	font-size: 16px;
	color: #333333;
	padding:3px 0px 10px 35px;
	vertical-align:middle;
	background: url(../img/charge_number_01.gif) no-repeat;
	margin:0px 0px 0px 25px;
}

.charge_waribiki02{
	font-size: 16px;
	color: #333333;
	padding:3px 0px 10px 35px;
	vertical-align:middle;
	background: url(../img/charge_number_02.gif) no-repeat;
	margin:0px 0px 0px 20px;
}

.charge_waribiki03{
	font-size: 16px;
	color: #333333;
	padding:3px 0px 10px 35px;
	vertical-align:middle;
	background: url(../img/charge_number_03.gif) no-repeat;
	margin:0px 0px 0px 20px;
}

.charge_tokutai{
	margin:0px 0px 20px 20px;
}

.charge_tokutai .left{
	width:87px;
	height:93px;
	float:left;
}

.charge_tokutai .right{
	margin:0px 0px 0px 15px;
	float:left;
}



/*--------------------------------------------------------------
	●入塾の流れ
--------------------------------------------------------------*/
#cramschool_main_box{
	width:420px;
	height:51px;
	background: url(../img/cramschool_main_bg.jpg) no-repeat;	
	margin:30px 0px 0px 0px;
	padding:185px 0px 0px 300px;
}

.cramschool_step_box{
	width:720px;
	background: url(../img/cramschool_step_bg.gif) no-repeat top;
}

.cramschool_step_box .left{
	width:174px;
	float:left;
	padding:10px 0px 0px 18px;
}

.cramschool_step_box .right{
	width:507px;
	float:left;
	padding:13px 0px 5px 20px;
}





/*--------------------------------------------------------------
	●教室案内
--------------------------------------------------------------*/
#classroom_main_box{
	width:722px;
	height:218px;
	background: url(../img/classroom_main_bg.gif) no-repeat;	
	margin:30px 0px 0px 0px;
}

#classroom_main_box table{
	padding:15px 0px 0px 40px;
}

#classroom_main_box table td{
	font-size: 13px;
	color: #333333;	
}

#classroom_koushi_inoue{
	width:469px;
	height:342px;
	background: url(../img/classroom_koushi_01.jpg) no-repeat;	
	margin:40px auto;
	padding:100px 0px 0px 230px;
}

#classroom_koushi_fuzimoto{
	width:469px;
	height:381px;
	background: url(../img/classroom_koushi_02.jpg) no-repeat;	
	margin:30px auto;
	padding:100px 0px 0px 230px;
}

#classroom_koushi_noda{
	width:469px;
	height:363px;
	background: url(../img/classroom_koushi_03.jpg) no-repeat;
	margin:30px auto;
	padding:100px 0px 0px 230px;
}

#classroom_koushi_abe{
	width:469px;
	height:351px;
	background: url(../img/classroom_koushi_04.jpg) no-repeat;
	margin:30px auto 0px;
	padding:100px 0px 0px 230px;
}

#classroom_koushi_kabashima{
	width:469px;
	height:351px;
	background: url(../img/classroom_koushi_05.jpg) no-repeat;
	margin:30px auto 0px;
	padding:100px 0px 0px 230px;
}

.classroom_tantou{
	width:444px;
	font-size: 13px;
	color: #0d63aa;
	padding:0px 0px 10px 0px;
	border-bottom: 1px dotted #0d63aa;
}



/*--------------------------------------------------------------
	●小学生
--------------------------------------------------------------*/
.child_box{
	/*width:690px;*/
	width: auto;
	padding:20px 0px 0px 30px;
}

.child_box .box01{
	/*width:380px;*/
	width: auto;
	margin:10px 0px 0px 0px;
}

.child_box .label{
	width: 317px;
	height:auto;
	font-size: 18px;
	color: #333333;
	padding:12px 0px 12px 25px;
	margin:25px 0px 0px 0px;
	border: 1px solid #cccccc;
	background: linear-gradient(#fefefe, #ebebeb);
	position: relative;
}

.child_box .label.w_auto {
	width: auto !important;
}

.child_box .label::before {
	content: '';
	background: linear-gradient(#e04ba3, #d82790);
	width: 12px;
	height: 100%;
	left: 0px;
	top: 0px;
	position: absolute;
	display: inline-block;
}

.child_box .midashi{
	background: url(../img/child_icon.gif) no-repeat left center;
	font-size: 16px;
	color: #d23191;
	border-bottom: 1px dotted #ffb1d3;
	padding:5px 0px 5px 35px;
	margin:0px 0px 20px 0px;
}

.child_box .number01{
	background: url(../img/child_icon_number01.gif) no-repeat left center;
	font-size: 16px;
	color: #d23191;
	border-bottom: 1px dotted #ffb1d3;
	padding:5px 0px 5px 35px;
	margin:0px 0px 20px 0px;
}

.child_box .number02{
	background: url(../img/child_icon_number02.gif) no-repeat left center;
	font-size: 16px;
	color: #d23191;
	border-bottom: 1px dotted #ffb1d3;
	padding:5px 0px 5px 35px;
	margin:0px 0px 20px 0px;
}

.child_box table{
	width:660px;
	text-align:center;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}

.child_box table th{
	font-size: 14px;
	font-weight: normal;
	color: #FFFFFF;
	background: url(../img/child_table_th_bg.gif) repeat;
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}

.child_box table td{
	font-size: 14px;
	color: #333333;
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}

.child_box .th02{
	font-size: 14px;
	color: #333333;
	background: url(../img/school_h2_zikanwari_th_bg02.gif) repeat;	
	border-bottom: 1px solid #ffffff;
	border-right: 1px solid #CCCCCC;
}

.child_box .bg{
	font-size: 14px;
	color: #333333;
	background: #d7e9f4;
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}

/*--------------------------------------------------------------
	●Eトレ
--------------------------------------------------------------*/


.etore_box{
	width:690px;
	padding:20px 0px 0px 30px;
}

.etore_box .e_t {
    width: 690px;
    text-align: center;
    border-top: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
		}
.etore_box table th{
	font-size: 14px;
	font-weight: normal;
	color: #FFFFFF;
	background: url(../img/child_table_th_bg.gif) repeat;
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	padding:13px;
}

.etore_box .th02{
	font-size: 14px;
	color: #333333;
	background: url(../img/school_h2_zikanwari_th_bg02.gif) repeat;	
	border-bottom: 0px solid #ffffff;
	border-right: 1px solid #CCCCCC;
	padding:10px;
}

.etore_img02{
		text-align:center;
		padding:60px 0 35px;
			}
.e_red{
		color:#F00;
		}
.etore_banner{
	padding:50px 0 60px;
	}


/*--------------------------------------------------------------
	●中学生
--------------------------------------------------------------*/
#junior_main_box{
	width:470px;
	height:85px;
	background: url(../img/junior_main_bg.jpg) no-repeat;
	padding:380px 0px 0px 250px;
	margin:30px 0px 0px 0px;
}

.junior_box{
	width:690px;
	padding:20px 0px 0px 30px;
}

.junior_box .box01{
	width:380px;
	margin:10px 0px 0px 0px;
}

.junior_box .label{
	width:317px;
	height:34px;
	background: url(../img/junior_item.gif) no-repeat;
	font-size: 18px;
	color: #333333;
	padding:12px 0px 0px 25px;
	margin:25px 0px 0px 0px;
}

.junior_box .midashi{
	background: url(../img/junior_icon.gif) no-repeat left center;
	font-size: 16px;
	color: #f24809;
	border-bottom: 1px dotted #ffb26d;
	padding:5px 0px 5px 35px;
	margin:0px 0px 20px 0px;
}

.junior_box .number01{
	background: url(../img/junior_numbar_01.gif) no-repeat left center;
	font-size: 16px;
	color: #f24809;
	border-bottom: 1px dotted #ffb26d;
	padding:5px 0px 5px 35px;
	margin:0px 0px 20px 0px;
}

.junior_box .number02{
	background: url(../img/junior_numbar_02.gif) no-repeat left center;
	font-size: 16px;
	color: #f24809;
	border-bottom: 1px dotted #ffb26d;
	padding:5px 0px 5px 35px;
	margin:0px 0px 20px 0px;
}

.junior_box .number-non{
	background: url(../img/junior_numbar-non.png) no-repeat left center;
	font-size: 16px;
	color: #f24809;
	border-bottom: 1px dotted #ffb26d;
	padding:5px 0px 5px 35px;
	margin:0px 0px 20px 0px;
}

.junior_box table{
	width:660px;
	text-align:center;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}

.junior_box table th{
	font-size: 14px;
	font-weight: normal;
	color: #FFFFFF;
	background: url(../img/junior_table_bg.gif) repeat;
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}

.junior_box table td{
	font-size: 14px;
	color: #333333;
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}

.junior_box .th02{
	font-size: 14px;
	color: #333333;
	background: url(../img/school_h2_zikanwari_th_bg02.gif) repeat;	
	border-bottom: 1px solid #ffffff;
	border-right: 1px solid #CCCCCC;
}

.junior_box .bg{
	font-size: 14px;
	color: #333333;
	background: #d7e9f4;
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}



#junior_3_textbox{
	width:720px;
	height:152px;
	background: url(../img/junior_3_img03.jpg) no-repeat;	
}

#junior_course01{
	width:680px;
	height:164px;
	background: url(../img/junior_course01.gif) no-repeat;
	padding:50px 0px 0px 40px;
	margin:40px 0px 0px 0px;
}

#junior_course02{
	width:680px;
	height:274px;
	background: url(../img/junior_course02.gif) no-repeat;
	padding:50px 0px 0px 40px;
	margin:40px 0px 0px 0px;
}

#junior_course03{
	width:680px;
	height:160px;
	background: url(../img/junior_course03.gif) no-repeat;
	padding:50px 0px 0px 40px;
	margin:40px 0px 0px 0px;
}

.jr_ba{
		padding:40px 0 0 0 ;
		}
		
		
		
/*--------------------------------------------------------------
	●中学生個別
--------------------------------------------------------------*/

.tutoring_banner{
		padding:60px 20px 0 0;
		text-align:center;
		}

.junior_tutor_box table{
	width:650px;
	text-align:center;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
  }
.ju_tu_table{
		padding:10px;
		}
.ju_tu_table2{
		padding:20px;
		}
.junior_tutor_box .th02 {
    font-size: 14px;
    color: #333333;
    background: url(../img/school_h2_zikanwari_th_bg02.gif) repeat;
    border-bottom: 0px solid #ffffff;
    border-right: 1px solid #CCCCCC;
}

.tu_day{
		padding:40px 0 0;
		}
.tu_text_box_2{
		background-image:url(../img/tutoring_bg.png);
		background-repeat:no-repeat;
		padding: 20px;
		background-position: left top;
		margin: 30px 0 30px;
		}
/*--------------------------------------------------------------
	●高校生
--------------------------------------------------------------*/
.highschool_box{
	width:690px;
	padding:20px 0px 0px 30px;
}

.highschool_box .box01{
	width:380px;
	margin:10px 0px 0px 0px;
}

.highschool_box .label{
	width:317px;
	height:34px;
	background: url(../img/highschool_item.gif) no-repeat;
	font-size: 18px;
	color: #333333;
	padding:12px 0px 0px 25px;
	margin:25px 0px 0px 0px;
}

.highschool_box .midashi{
	background: url(../img/highschool_icon.gif) no-repeat left center;
	font-size: 16px;
	color: #2f3790;
	border-bottom: 1px dotted #8b92e1;
	padding:5px 0px 5px 35px;
	margin:0px 0px 20px 0px;
}

.highschool_box table{
	width:660px;
	text-align:center;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}

.highschool_box table th,#highschool_course01 table th{
	font-size: 14px;
	font-weight: normal;
	color: #FFFFFF;
	background: url(../img/highschool_table_bg.gif) repeat;
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}

.highschool_box table td,#highschool_course01 table td{
	font-size: 14px;
	color: #333333;
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	background-color: #FFFFFF;	
}

.highschool_box .th02,#highschool_course01 .th02{
	font-size: 14px;
	color: #333333;
	background: url(../img/school_h2_zikanwari_th_bg02.gif) repeat;	
	border-bottom: 1px solid #ffffff;
	border-right: 1px solid #CCCCCC;
}

.highschool_box .bg{
	font-size: 14px;
	color: #333333;
	background: #ebecff;
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}

#highschool_course01{
	width:680px;
	height:676px;
	padding:50px 0px 0px 40px;
	margin:40px 0px 0px 0px;
	background-image: url(../img/highschool_corse05_bg.gif);
	background-repeat: no-repeat;
	background-position: center top;
}

#highschool_course01 .midashi{
	background: url(../img/highschool_icon.gif) no-repeat left center;
	font-size: 16px;
	color: #2f3790;
	border-bottom: 1px dotted #8b92e1;
	padding:5px 0px 5px 35px;
	margin:0px 30px 15px 0px;
}

#highschool_course01 table{
	width:640px;
	text-align:center;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}

.highschool_number01{
	background-image: url(../img/highschool_number01.png);
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 15px;
	padding:2px 0px 0px 35px;
	margin:20px 0px 0px;
}

.highschool_number02{
	background-image: url(../img/highschool_number02.png);
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 15px;
	padding:2px 0px 0px 35px;
	margin:20px 0px 0px;
}

/*.highschool_number03{
	background-image: url(../img/highschool_number03.png);
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 15px;
	padding:2px 0px 0px 35px;
	margin:20px 0px 0px;
}*/


#highschool_course01 table th{
	font-size: 14px;
	font-weight: normal;
	color: #FFFFFF;
	background: url(../img/highschool_table_bg.gif) repeat;
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}

#highschool_course01 table td{
	font-size: 14px;
	color: #333333;
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	background-color: #FFFFFF;	
}
#highschool_course01 .th02{
	font-size: 14px;
	color: #333333;
	background: url(../img/school_h2_zikanwari_th_bg02.gif) repeat;	
	border-bottom: 1px solid #ffffff;
	border-right: 1px solid #CCCCCC;
}








#highschool_course02{
	width:680px;
	height:165px;
	background: url(../img/highschool_corse02_bg.gif) no-repeat;
	padding:50px 0px 0px 40px;
	margin:40px 0px 0px 0px;
}

#highschool_course03{
	width:680px;
	height:158px;
	background: url(../img/highschool_corse03_bg.gif) no-repeat;
	padding:50px 0px 0px 40px;
	margin:40px 0px 0px 0px;
}

#highschool_course04{
	width:680px;
	height:516px;
	background: url(../img/highschool_corse04_bg.gif) no-repeat;
	padding:50px 0px 0px 40px;
	margin:40px 0px 0px 0px;
}



/*--------------------------------------------------------------
	●ブロードバンド予備校
--------------------------------------------------------------*/
#broadband_system_01{
	width:680px;
	height:99px;
	padding:160px 0px 0px 40px;
	background: url(../img/broadband_img04.jpg) no-repeat;	
}

#broadband_system_02{
	width:405px;
	height:79px;
	padding:170px 0px 0px 315px;
	background: url(../img/broadband_img05.jpg) no-repeat;
}

#broadband_system_03{
	width:680px;
	height:112px;
	padding:185px 0px 0px 40px;
	background: url(../img/broadband_img06.jpg) no-repeat;
}

#broadband_list_box{
	width:720px;
}

#broadband_list_box .left{
	width:330px;
	float:left;
}
#broadband_list_box .both{
	width:700px;
	float:left;
}
#broadband_list_box .right{
	width:370px;
	float:right;
}

#broadband_list_box .midashi{
	background: url(../img/school_icon.gif) no-repeat left center;
	font-size: 14px;
	color: #174f7f;
	border-bottom: 1px dotted #29a3da;
	padding:10px 0px 10px 35px;
	margin:25px 0px 10px 0px;
}

#broadband_list_box table{
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}

#broadband_list_box table th{
	color: #FFFFFF;
	background: url(../img/school_h2_zikanwari_th_bg01.gif) repeat;
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	font: normal 12px "メイリオ";
}

#broadband_list_box table td{
	color: #333333;
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	font: 12px "メイリオ";
}

#broadband_pack_box{
}

#broadband_pack_box .left{
	width:350px;
	float:left;
}

#broadband_pack_box .right{
	width:350px;
	float:right;
}

#broadband_pack_box .midashi01{
	height:20px;
	padding:5px 0px 5px 35px;
	background: url(../img/charge_number_01.gif) no-repeat;
	font: 14px "メイリオ";
	color: #174f7f;
	margin:30px 0px 0px;
}

#broadband_pack_box .midashi02{
	height:20px;
	padding:5px 0px 5px 35px;
	background: url(../img/charge_number_02.gif) no-repeat;
	font: 14px "メイリオ";
	color: #174f7f;
	margin:30px 0px 0px;
}

#broadband_pack_box .midashi03{
	height:20px;
	padding:5px 0px 5px 35px;
	background: url(../img/charge_number_03.gif) no-repeat;
	font: 14px "メイリオ";
	color: #174f7f;
	margin:30px 0px 0px;
}

#broadband_pack_box .midashi04{
	height:20px;
	padding:5px 0px 5px 35px;
	background: url(../img/broadband_numbar_04.gif) no-repeat;
	font: 14px "メイリオ";
	color: #174f7f;
	margin:30px 0px 0px;
}

#broadband_pack_box table{
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	margin:10px 0px 10px;
}

#broadband_pack_box table th{
	color: #FFFFFF;
	background: url(../img/school_h2_zikanwari_th_bg01.gif) repeat;
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	font: normal 11px "メイリオ";
}

#broadband_pack_box table td{
	color: #333333;
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	font: 12px "メイリオ";
}



/*--------------------------------------------------------------
	●よくある質問
--------------------------------------------------------------*/
.faq_box{
	width:690px;
	padding:20px 0px 0px 20px;
}

.faq_box .midashi{
	width:650px;
	background: url(../img/faq_icon.gif) no-repeat left center;
	font-size: 16px;
	color: #174f7f;
	border-bottom: 1px dotted #29a3da;
	padding:8px 10px 10px 30px;
	margin:0px 0px 20px 0px;
}

.faq_box .a_01_box{
	width:649px;
	height:145px;
	background: url(../img/faq_a_bg_01.gif) no-repeat;
	padding:20px 20px;
	font-size: 12px;
}

.faq_box .a_02_box{
	width:649px;
	height:122px;
	background: url(../img/faq_a_bg_02.gif) no-repeat;	
	padding:20px 20px;
	font-size: 12px;
}

.faq_box .a_03_box{
	width:649px;
	height:187px;
	background: url(../img/faq_a_bg_03.gif) no-repeat;	
	padding:20px 20px;
	font-size: 12px;
}



/*--------------------------------------------------------------
	●ニュース・トピックス
--------------------------------------------------------------*/
.news_box{
	padding:30px 0px 0px 0px;
}

.news_box .title{
	width:695px;
	height:27px;
	background: url(../img/news_title_bar.gif) no-repeat;
	font-size: 14px;
	color: #333333;	
	padding:10px 0px 0px 25px;
}

.news_box .text_box{
	padding:15px 20px;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}

.news_box .text{
	overflow: hidden;
	height:100px;
	text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis; /* Safari */
    -o-text-overflow: ellipsis; /* Opera */
}

.news_box .text_box a{
	color:#3490db;
	text-decoration: none;
}

.news_box_d{
	padding:30px 0px 0px 0px;
}

.news_box_d .title{
	width:695px;
	height:27px;
	background: url(../img/news_title_bar.gif) no-repeat;
	font-size: 14px;
	color: #333333;	
	padding:10px 0px 0px 25px;
}

.news_box_d .text_box{
	padding:15px 20px;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}

.news_box_d .text a{
	color:#3490db;
}

.news_box_d .photo{
	width:630px;
	margin:0px 0px 15px 0px;
}


/*--------------------------------------------------------------
	●資料請求
--------------------------------------------------------------*/
#request_mein_box{
	width:633px;
	height:159px;
	background: url(../img/request_main_bg.jpg) no-repeat;
	margin:30px auto 0px;
	padding:85px 0px 0px 35px;
}





/*--------------------------------------------------------------
	●お問合せ
--------------------------------------------------------------*/
#inquiry_mein_box{
	width:633px;
	height:159px;
	background: url(../img/inquiry_main_bg.jpg) no-repeat;	
	margin:30px auto 0px;
	padding:85px 0px 0px 35px;
}

#inquiry_form_box{
}

.form_box table{
	width:100%;
	margin:0px;
	padding:0px;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;	
}

.form_box table th{
	width:35%;
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	background: #dceeff;
	font-size: 12px;
	font-weight: normal;
	color: #333333;	
	text-align:left;
	padding:10px;
}

.form_box table td{
	width:65%;
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	font-size: 12px;
	font-weight: normal;
	color: #333333;	
	padding:15px;
}

.form_box li{
	padding:7px;
}

.form_box .seibetu{
	width:100px;
	float:left;
}

#inquiry_form_main_box{
	width:720px;
	height:auto;
}





/*--------------------------------------------------------------
	●CLEARFIX
--------------------------------------------------------------*/
.clearfix:after{
display:block;
clear:both;
height:0;
visibility:hidden;
content:".";
line-height:0;
}

.clearfix{
display:inline-table;
min-height:1%;
}

/* FOR MAC IE \*/
* html .clearfix{
height:1%;
}

.clearfix{
display: block;
}
/* END OF FOR MAC IE */











/*--------------------------------------------------------------
	●マージン/パディング
--------------------------------------------------------------*/
.pt05 { padding-top: 05px;}
.pt07 { padding-top: 07px;}
.pt10 { padding-top: 10px;}
.pt12 { padding-top: 12px;}
.pt15 { padding-top: 15px;}
.pt20 { padding-top: 20px;}
.pt25 { padding-top: 25px;}
.pt30 { padding-top: 30px;}
.pt35 { padding-top: 35px;}
.pt40 { padding-top: 40px;}
.pt50 { padding-top: 50px;}

.pb05 { padding-bottom: 05px;}
.pb10 { padding-bottom: 10px;}
.pb15 { padding-bottom: 15px;}
.pb20 { padding-bottom: 20px;}
.pb25 { padding-bottom: 25px;}
.pb30 { padding-bottom: 30px;}
.pb35 { padding-bottom: 35px;}
.pb40 { padding-bottom: 40px;}

.ml05 { margin-left: 05px;}
.ml10 { margin-left: 10px;}
.ml12 { margin-left: 12px;}
.ml15 { margin-left: 15px;}
.ml20 { margin-left: 20px;}
.ml25 { margin-left: 25px;}
.ml30 { margin-left: 30px;}
.ml35 { margin-left: 35px;}
.ml40 { margin-left: 40px;}
.ml50 { margin-left: 50px;}

.mr05 { margin-right: 05px;}
.mr10 { margin-right: 10px;}
.mr15 { margin-right: 15px;}
.mr20 { margin-right: 20px;}
.mr25 { margin-right: 25px;}
.mr30 { margin-right: 30px;}
.mr35 { margin-right: 35px;}
.mr40 { margin-right: 40px;}

.mt05 { margin-top: 05px;}


/*--------------------------------------------------------------
	●フォントなどなど
--------------------------------------------------------------*/
.font12{
	font-size:12px;
}

.font11{
	font-size:11px;
}

.font15{
	font-size:15px;
}

.t_center{
	text-align:center;
}

.t_right{
	text-align:right;
}

.f_left{
	float:left;
}

.f_right{
	float:right;
}

.red{
	color:#ec0000;
}

.line_h26{
	line-height:26px;
}

.fc174f7f{
	color:#174f7f;
}

.fcff5a00{
	color:#ff5a00;
}

.fc29a3da{
	color:#29a3da;
}
/*rss*/
.rss_dl{
	padding:4px 0 0;
	margin:0;
	}
.rss_dl dt{
	font-size:12px;
	color:#333333;
	background:url(../img/com_icon_orange.gif);
	padding:4px 0 0 30px;
	background-repeat:no-repeat;
	background-position:5% 50%;
	}
.rss_dl dd{
		font-size: 12px;
    color: #333333;
    border-bottom: 1px dotted #CCCCCC;
		padding:0 0 5px 33px;
		margin:0;
		line-height:26px;
	}

.junior_box span {
color: #28a3da;
}

#sp-menu-bg {
display: none;
}
/*--------------------------------------------------------------
	success page
--------------------------------------------------------------*/
/* 横並び */

.flex {
  width: 100%;
     max-width: 700px;
     margin: 20px auto;
}
.flex .img100s {
width: 60%;
height:auto;
  margin: 0;
  padding: 0;
  overflow: hidden;
  position: relative;

}

/*.flex .right {
  margin: 0 0 0 50px;
  padding: 0;
    flex-basis: 500px;
}*/

  .title {
  margin: 0;
  padding: 0;
  font-weight: bold;
  font-size: 18px;
  color: #164adf;
}
  .text {
  margin: 0;
  padding: 0;
line-height:  1.75;
text-align: justify;
}
 .flexbox {
     display: flex;
 }
 .colum1 {
     width: 35%;
     margin: 0 auto;
 }
 .colum2 {
     width: 65%;
     margin: auto .5rem;
 }