/* CSS Document */

body{
	font-family: 'メイリオ','Meiryo','ＭＳ Ｐゴシック','Verdana';
	font-size: 12px;
	line-height: 18px;
	color:#333333;
	margin: 0px;
	padding: 0px;
}

a img:hover{ 
filter: alpha(opacity=85);
-moz-opacity: .85;
opacity:.85;
}

a img:hover.alpha0{ 
filter: alpha(opacity=100);
-moz-opacity: 1.0;
opacity:1.0;
}

input:hover{
filter: alpha(opacity=85);
-moz-opacity: .85;
opacity:.85;
}

a:link { text-decoration: none; color: #006BB4;}
a:visited { text-decoration: none; color: #006BB4;}
a:hover { text-decoration:none; color: #006BB4;}
a:active { text-decoration: none; color: #006BB4;}
a.gray_33 { color:#333; }

.t80{ padding-top:80px;}	

@font-face {
font-family: CopperplateRegular;
src: url(font/copperplate-webfont.ttf) format("truetype");
}

.copperplateFont{
	font-family:'CopperplateRegular';
	font-weight:normal;
}

.f_left_spno{
		float:left;
		}


.arrow_a{
	background:url(../img/common/btn_arrow.png) no-repeat;
	background-position:0px 5px;
	padding-left:10px;
	}

/* 文字色 */
.txt_red{
	color:#C92727;
	font-weight:bold;	
	}
	
.txt_orange{
	color:#F44E14;
	}
	
.txt_white{
	color:#FFFFFF;}

.txt_white span{
	letter-spacing:-0.3em;}

.txt_white span.ls2{
	letter-spacing:-0.2em;}
	
.line30{
	line-height:30px;}
	

#footer a{
	color:#A7A187;
}


#footer a:hover{
	color:#F44E14;
}

	
.header_top {
	background:#222222;
}	

@media screen and (max-width: 650px) {		
.f_left_spno{
		float:none;
		}
		
/*.sp_none{
	display:none;}*/
}

#content{
	padding-top:75px;}


/* ヘッダー */	
	
#header{
    width:100%;
	margin-left: auto;
	margin-right: auto;
	clear:both;
	background:#000000;
	min-width:1150px;
	position: fixed;
	z-index: 9000;
	}
	
#header a{
	font-weight:bold;
	}

	
#logo{float:left;}
	
#logo a{
	width: 120px;
/*	height:40px;*/
	height:30px;
	padding:10px 10px 0px 10px;
	display:block;
	}
	
#school{
	width: 500px;
	float:left;
	}
	
.school_menu ul li a{
	display:block;
	float:left;
	padding-top:7px;
	background-color:#393939;
	font-weight:bold;
	margin-right:1px;
	color:#FFFFFF;
	text-align:center;
	}
	
.school_menu ul li a:hover{
	background-color:#595959;
	}
	
.umeda_menu a{
	border-top:3px solid #FF521D;
	background:url(../img/common/menu_arrow_umeda.png) no-repeat;
	background-position:50% 0%;
	width:60px;
	height:35px;
	}
	
.namba_menu a{
	border-top:3px solid #03934B;
	background:url(../img/common/menu_arrow_namba.png) no-repeat;
	background-position:50% 0%;
	width:55px;
	height:35px;
	}

.online_menu a{
	border-top:3px solid #0072BC;
	background:url(../img/common/menu_arrow_umeda.png) no-repeat;
	background-position:50% 0%;
	width:93px;
	height:35px;
	}

	
.lesson_menu a{
	border-top: 3px solid #ff0;
	height:43px;
	padding-right: 10px;
	width:125px;
	}
.lesson_menu:first-of-type a{
	width:105px;
}
#head_menu{
    float: right;
	width:630px;
	}
	
.head_listmenu{
	clear:both;
	margin-left:auto;
	text-align:center;
	}
	
.head_listmenu ul li a{
	display:block;
	float:left;
	padding:17px 15px 18px 5px;
	margin-right:5px;
	background:url(../img/common/menu_arrow_other.png) no-repeat right;
	color:#FFFFFF;
	}

.school_menu .lesson_menu a,
.school_menu .umeda_menu a,
.school_menu .namba_menu a,
.school_menu .online_menu a{
	background-image:url(../img/common/menu_arrow_other.png);
	background-repeat:  no-repeat;
	background-position: 89% 45%;
}

.school_menu .umeda_menu a,
.school_menu .namba_menu a,
.school_menu .online_menu a{
	padding: 15px 10px 0 0;
}

.head_listmenu ul li a:hover{
	color:#FF521D;
	}


.pagetop a{
	background:url(../img/common/pagetop.png) no-repeat;
	background-position:0px 15px;
	padding:10px 20px 10px 30px;
	display:block;
	float:right;
	font-size:23px;
	color:#A7A187;
	font-family:'CopperplateRegular';
	}
	
#footer{
	clear:both;
	text-align:center;
	width:100%;
	background:#261A16;
	color:#A7A187;
	font-size:11px;
	padding:5px 0px 50px 0px;
	letter-spacing:2px;
	}
	


	
/*サブページ 共通*/

#subcontent{
	background:#E9E9E1;
	width:100%;
	padding-top:75px;
	}

#subcontent_waku{
	width:965px;
	background:#FFFFFF;
	padding: 0px 10px 10px 10px;
	margin:0px auto 0px auto;
	}
	
#pan{
	font-size:11px;
	padding:5px;
	}
	
.submaintitle{
	border-bottom:1px solid #000000;
	}

.smtitle_l{
	width:450px;
}
	
.sub_waku{
	padding:0px 10px;}

.sub_waku30{
	padding:30px 10px 0 10px;}

.kakunin_waku{
	width:450px;
	margin:30px auto 150px auto;
	}
	
.hosoku_waku{
	background:#FFFEDD;
	padding:10px;
	}
	
/* ボタン */
.btn_orange{
	background:#F44E14;
	background-image:url(../img/common/btn_arrow.png);
	background-position:right center;
	background-repeat:no-repeat;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
	width:205px;
	height:37px;
	margin:5px 0px;
	font-family: 'メイリオ','Meiryo','ＭＳ Ｐゴシック','Verdana';
	border:0px;
	}
	
.btn_orange_b{
	background:#F44E14;
	background-image:url(../img/common/btn_arrow.png);
	background-position:right center;
	background-repeat:no-repeat;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
	width:245px;
	height:40px;
	font-size:16px;
	margin:5px 0px;
	font-family: 'メイリオ','Meiryo','ＭＳ Ｐゴシック','Verdana';
	border:0px;
	}

.btn_reserved{
	background:#F44E14;
	background-image:url(../img/common/btn_arrow.png);
	background-position:right center;
	background-repeat:no-repeat;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
	width:175px;
	height:26px;
	margin:5px 0px 5px 25px;
	font-family: 'メイリオ','Meiryo','ＭＳ Ｐゴシック','Verdana';
	border:0px;
	}

.btn_gray{
	background:#828282;
	background-image:url(../img/common/btn_arrow_b.png);
	background-position:left center;
	background-repeat:no-repeat;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
	width:205px;
	height:37px;
	margin:5px 0px;
	font-family: 'メイリオ','Meiryo','ＭＳ Ｐゴシック','Verdana';
	border:0px;
	}
	
.err{
	color:#E00000;
	background:#FFE6EA;
	padding:10px;
	border:1px solid #FF94A9;
	margin:5px 0px;
	}
	
@media screen and (min-device-width : 768px) and (max-device-width : 1024px){

/* ヘッダー */	
	
#header{
    width:100%;
	margin-left: auto;
	margin-right: auto;
	clear:both;
	background:#000000;
	min-width:1024px;
	position: fixed;
	z-index: 99;
	}
	
#header a{
	font-weight:bold;
	}

	
#logo{float:left;}
	
#logo a{
	width: 120px;
	height:40px;
	padding:10px 5px 0px 5px;
	display:block;
	}
	
#school{
	width: 450px;
	float:left;
	font-size:80%;
	}
	
.school_menu ul li a{
	display:block;
	float:left;
	padding-top:5px;
	background-color:#393939;
	font-weight:bold;
	margin-right:1px;
	color:#FFFFFF;
	text-align:center;
	}
	
.school_menu ul li a:hover{
	background-color:#595959;
	}
	
.umeda_menu a{
	border-top:3px solid #FF521D;
	background:url(../img/common/menu_arrow_umeda.png) no-repeat;
	background-position:50% 0%;
	width:55px;
	height:35px;
	}
	
.namba_menu a{
	border-top:3px solid #03934B;
	background:url(../img/common/menu_arrow_namba.png) no-repeat;
	background-position:50% 0%;
	width:55px;
	height:35px;
	}

.online_menu a{
	border-top:3px solid #0072BC;
	background:url(../img/common/menu_arrow_umeda.png) no-repeat;
	background-position:50% 0%;
	width:55px;
	height:35px;
	}

	
.lesson_menu a{
	width:125px;
	height:45px;
	}

#head_menu{
    float: left;
	width:290px;
	}
	
.head_listmenu{
	clear:both;
	margin-left:0px;
	text-align:center;
	}
	
.head_listmenu ul li a{
	display:block;
	float:left;
	padding:0px 15px 0px 5px;
	margin-right:0px;
	margin-top:5px;
	background:url(../img/common/menu_arrow_other.png) no-repeat right;
	color:#FFFFFF;
	font-size:90%;
	}
	
.head_listmenu ul li a:hover{
	color:#FF521D;
	}



#footer{
	clear:both;
	text-align:center;
	width:100%;
	background:#261A16;
	color:#A7A187;
	font-size:11px;
	padding:5px 0px 50px 0px;
	letter-spacing:2px;
	}
}

.school_menu ul li.lesson_menu a span{
	display:block;
}
@media screen and (min-width:769px){
	.school_menu .lesson_menu a{
		background-position: 97% 45%;
		font-size: 11px;
	}
	.school_menu .umeda_menu a,
	.school_menu .namba_menu a,
	.school_menu .online_menu a{
		background-position: 93% 45%;
	}
}
@media screen and (max-width:768px){
	.school_menu ul li.lesson_menu a{
		padding-right: 0;
	}
}
@media screen and (max-width:320px){
.pagetop a{
font-size:17px;
}
	
	
#footer{
	font-size:9px;
	letter-spacing:0px;
	padding:5px 0px 10px 0px;
	}
	
#head_menu{
	display:none;
    }

#school{
	width: 204px;
	float:left;
	}
	
.school_menu ul li a{
	display:block;
	float:left;
	width:63px;
	padding-top:15px;
	background-color:#393939;
	background-position:50% 0%;
	font-weight:bold;
	margin-right:1px;
	color:#FFFFFF;
	height:35px;
	text-align:center;
	}
	
.school_menu ul li.lesson_menu a{
	width:75px;
	height:38px;
	padding-top:8px;
	padding-bottom:7px;
	padding-right: 0;
	/*display:block;*/
	/*display:none;*/
	}

.school_menu ul li.lesson_menu a span{
	display:block;
}

#header{
    min-width: inherit;
	}

.sp_none{
	display:list-item;
}

}

#logo a{
	width: 110px;
	height:40px;
	padding:10px 12px 0px 3px;
	display:block;
	}